:root{
    --primary-bg-color: #00224f;
    --text-primary-color: #00224f;
}
body{
    margin: 0px;
    font-family: "Mulish", sans-serif;
}
img{
    max-width: 100%;
}
ul{
    padding-left: 0px;
    list-style: none;
}
a, a:hover{
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
    font-family: "Rajdhani", sans-serif;
}
.title-h2{
    font-size: 48px;
    margin-bottom: 0px;
    font-weight: 700;
}
.small-txt-head {
    font-size: 13px;
    font-weight: 900;
}
.disc-txtwp{
    font-size: 18px;
}
.text-paragrph{
    font-size: 16px;
}
/*----------------------header----------------------*/
.itms-menu-wb .link-menu-itms{
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.itms-menu-wb .link-menu-itms:hover{
    color: var(--text-primary-color);
}
/*----------------------header-----------------*/
/*--------------about-us-----------------*/
.about-banner{
    padding: 250px 0px 150px;
    background-size: cover;
    background-position: right center   ;
    position: relative;
}
.about-banner::before {
    background-image: linear-gradient(274deg, #00000a00 38%, #00000a8a 70%, #00000a), linear-gradient(1deg, #00000a00 55%, #00000a33 83%, #00000ab5), linear-gradient(#00000a00 47%, #00000a33);
    position: absolute;
    inset: 0%;
    content: "";
}
.about-work-section{
    padding: 120px 0px;
}
/*--------------about-us------------------*/
.service-area--wpl{
    background: url("../images/service-bg.png") no-repeat;
    background-size: cover;
    padding: 80px 0px;
}
.service-card-box {
    position: relative;
    padding: 38px 25px 40px;
    border-radius: 10px;
    margin-bottom: 20px;
    background-color: #ffffff96;
    height: calc(100% - 20px);
    box-shadow: 0 20px 40px rgb(211 220 232 / 70%);
}
.icon-i-serv{
    background: url("../images/shape-service-bg.png") no-repeat;
    background-size: cover;
    display: block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    margin-bottom: 15px;
}
.icon-i-serv i {
    font-size: 28px;
}
.service-h3-head {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}
.service-disc {
    font-size: 15px;
    line-height: normal;
    margin-bottom: 0px;
    color: #464646;
}
.our-choose-area{
    padding: 80px 0px;
}
.our-count-yts{
    padding: 70px 0px;
    background: url(https://orbia-wp.nayonacademy.com/wp-content/uploads/2025/11/cta-bg-2.jpg) no-repeat;
    background-size: cover;
    background-size: cover;
    position: relative;
}
.our-count-yts::before{
    content: "";
    background-color: #00224f9c;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.count-box {
    padding: 30px 30px;
    border-radius: 12px;
    background-color: #fff;
    border: 1px solid #D8DDE1;
}
.title-numb-wp{
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 0px;
    color: var(--text-primary-color);
}
.project-complete{
    margin-bottom: 0px;
    font-size: 16px;
    color: var(--text-primary-color);
    font-weight: 600;
}
/* =====================================================
    TOP CONTACT BAR
===================================================== */

.contact-bar {
    width: 100%;
    background: #151319;
    padding: 30px 0;
}

.contact-container {
    max-width: 1530px;
    margin: 0 auto;
    padding: 0 30px;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.contact-item {
    min-height: 82px;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 0 42px;
    border-right: 1px solid #36343a;
}

.contact-item:first-child {
    padding-left: 0;
}

.contact-item:last-child {
    border-right: 0;
}

.contact-icon {
    width: 28px;
    flex: 0 0 28px;
    font-size: 27px;
    color: #5c16f5;
}

.contact-content span {
    display: block;
    color: #99969f;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

.contact-content strong {
    display: block;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
}
/*---------contact us--------------------*/
.contact-banner{
    position: relative;
    padding: 120px 0px 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.contact-banner::before{
    background-image: linear-gradient(274deg, #00000a00 38%, #00000a8a 70%, #00000a), linear-gradient(1deg, #00000a00 55%, #00000a33 83%, #00000ab5), linear-gradient(#00000a00 47%, #00000a33);
    position: absolute;
    inset: 0%;
    content: "";
}
.contact-section {
    padding: 80px 0px;
}

/* LEFT SIDE */
.contact-info {
    background: #f1f5fb;
    border-radius: 28px;
    padding: 52px 56px 0px;
    min-height: 562px;
}

.small-title {
    color: var(--text-primary-color);
    font-size: 19px;
    margin-bottom: 6px;
}

.itms-address-area {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 18px 0 26px;
    border-top: 1px solid #d3d8df;
}
.icon {
    width: 66px;
    height: 66px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-primary-color);
    font-size: 28px;
}

.item-title {
    color: #64748b;
    font-size: 14px;
    margin-bottom: 8px;
}

.item-value {
    color: #111827;
    font-size: 21px;
    line-height: 1.3;
}

/* FORM SIDE */
.contact-form {
    border-radius: 12px;
    padding: 56px;
    border: 1px solid #e3e3e3;
    height: calc(100%);
}

.form-row {
    display: flex;
    flex-wrap: wrap;
}

.field-contact-wt {
    width: 100%;
    height: 60px;
    border: 1px solid transparent;
    border-radius: 15px;
    outline: none;
    background: #f1f4f9;
    padding: 0 24px;
    font-size: 14px;
    color: #374151;
}

.field-contact-wt::placeholder {
    color: #64748b;
}

select.field-contact-wt {
    appearance: auto;
}

textarea.field-contact-wt {
    height: 120px;
    padding-top: 18px;
    resize: none;
    margin-bottom: 18px;
}

.field-contact-wt:focus {
    border-color: #1769e8;
    background: #ffffff;
}

.submit-btn {
    background: #0d5dde;
    color: #ffffff;
    border: none;
    border-radius: 10px;

    padding: 16px 25px;
    font-size: 14px;
    cursor: pointer;

    transition: 0.2s ease;
}

.submit-btn:hover {
    background: #064dbd;
    transform: translateY(-1px);
}

/* RESPONSIVE */

@media (max-width: 600px) {
    .item-value {
        font-size: 17px;
    }
    .icon {
        width: 58px;
        height: 58px;
    }
}
/*---------contact us--------------------*/
/*---------services--------------------*/
.services-banner {
    display: flex;
    align-items: center;
    position: relative;
    padding: 30px 0px 30px;
    min-height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
}
.services-banner::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00000070;
}
.service-mrt-wp{
    background-color: #F2F2F2;
    padding: 80px 0px 60px;
}
.working-step-nine {
    text-align: center;
    background: #fff;
    padding: 30px 20px;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.icons-sevice-i{
    width: 120px;
    height: 120px;
    background: #F3F3F3;
    border-radius: 50%;
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 20px;
}
.icons-sevice-i i{
    font-size: 48px;
}
.title-service-bx{
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary-color);
    margin-bottom: 5px;
    line-height: normal;
}
.disc-ttx-work{
    font-size: 16px;
    color: #000;
    margin-bottom: 0px;
}
.service-element--wplm-1{
    padding: 80px 0px 40px;
}
.service-element--wplm-2{
    padding: 40px 0px 80px;
}
.stepgrip-layout{
    padding: 80px 0px 60px;
    background-color: #f9f9f9;
}
.step-card-bx {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    background: #fff;
    padding: 30px 20px;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.step-numb-txt {
    flex: 0 0 100px;
    max-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.num-work-stp {
    font-size: 80px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    font-family: "Rajdhani", sans-serif;
    color: #0662ca;
}
.content-left--wrp{
    flex: 1;
    padding-right: 15px;
}
.title-step-head {
    font-size: 28px;
    font-weight: 700;
    color: var(--text-primary-color);
    margin-bottom: 5px;
    line-height: normal;
}
@media screen and (max-width: 1199px) {
    .services-banner{
        min-height: 350px;
    }
}
@media screen and (max-width: 992px) {
    .step-card-bx{
        flex-direction: row;
        padding-top: 20px;
        text-align: center;
    }
    .step-numb-txt {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .num-work-stp{
        font-size: 62px;
    }
    .content-left--wrp {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0px;
    }
}
@media screen and (max-width: 767px) {
    .title-h2{
        font-size: 28px;
    }
    .services-banner {
        min-height: 150px;
    }
    .service-mrt-wp {
        padding: 50px 0px 30px;
    }
    .service-element--wplm-1 {
        padding: 40px 0px 20px;
    }
    .service-element--wplm-2 {
        padding: 20px 0px 40px;
    }
    .stepgrip-layout {
        padding: 50px 0px 30px;
    }
}

/*---------services--------------------*/
/*-----------------events------------------*/
.event-section{
    display: flex;
    align-items: center;
    position: relative;
    padding: 30px 0px 30px;
    min-height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
}
.event-section::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00000070;
}
.events-programs-layout{
    padding: 80px 0px;
    background-color: #f1f1f1;
}
.event-img-bx{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.event-img-bx::before{
    content: "";
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    vertical-align: middle;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    background: rgba(0, 0, 0, 0.6);
    transition: 500ms;
}
.event-img-bx:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.event-img-bx:hover img {
    transform: scale(1.1);
}
.event-img-bx img {
    transform: scale(1);
    transition: 0.5s ease-out;
}
.headtitle-work {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 25px;
    color: #fff;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: 500ms;
}
.event-img-bx:hover .headtitle-work{
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.txt-gallery-title {
    color: var(--primary-color);
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 0px;
}
/*-----------------events------------------*/
/*-----------------Our Team----------------*/
.our-team-section{
    padding: 50px 0px 0px;
}
.team-heading-sect{
    margin-bottom: 90px;
    padding-bottom: 30px;
}
.our-team-card {
    background-color: #F5F5F5;
    padding: 0px 25px 20px;
    margin-bottom: 120px;
    border-radius: 8px;
}
.team-img-box img {
    margin-top: -90px;
    border-radius: 8px;
}
.team-card-info{
    margin-top: 20px;
}
.team-name-heading{
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    color:var(--text-primary-color);
    margin-bottom: 0px;
}
.design-wl-team {
    text-align: center;
    font-size: 16px;
    margin-bottom: 0px;
    color: #696969;
}
/*-----------------Our Team----------------*/
/*------------------verify------------------*/
.verify-banner{
    padding: 80px 0px;
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
}
.verify-banner::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00000070;
}
.veryfy-section-lyt{
    padding: 80px 0px;
}
.verify-search-web{
    max-width: 500px;
    margin: 0px auto;
}
.certify-search {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.wapcount--plm{
    padding: 20px 30px;
    border: 1px solid var(--primary-bg-color);
    border-radius: 10px;
}
.doci--wlp {
    font-size: 20px;
    font-weight: 600;
}
.form-control.input-verify-control {
    background-color: #edf3ff;
    padding: 15px 15px;
    height: 50px;
    border-radius: 10px;
    background-color: #fdfdfd;
}
.form-control.input-verify-control:focus{
    outline: none;
    box-shadow: none;
    border-color: transparent;
}
.btn-submit{
    background-color: var(--primary-bg-color);
    color: #fff;
    border-radius: 5px;
    border: 1px solid var(--primary-bg-color);
    padding: 8px 30px;
    margin-top: 15px;
    line-height: normal;
    font-size: 14px;
}
/*------------------verify-----------------*/
/*------------------faq--------------------*/
/* .faq-banner{
    padding: 80px 0px;
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
}
.faq-banner::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00000070;
} */
.faq-section {
    padding: 80px 0;
}
.mult-faq-qst {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    margin-bottom: 14px;
    overflow: hidden;
    background: #fff;
}
.heading-faq .accordion-button {
    padding: 15px 15px;
    font-weight: 600;
    font-size: 20px;
    background: #fff;
    box-shadow: none !important;
}
.heading-faq .accordion-button:not(.collapsed) {
    color: var(--text-primary-color);
    background: #fff;
}
.heading-faq .accordion-button:focus {
    border-color: transparent;
}
.faq-body .accordion-body {
    padding: 0 18px 22px;
}
.txt-p-faq{
    margin-bottom: 0px;
    color: #222;
}
/*------------------faq--------------------*/
/*-------------------careers----------------------*/
.career-section {
    position: relative;
    padding: 120px 0px 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.career-section::before {
    background-image: linear-gradient(274deg, #00000a00 38%, #00000a8a 70%, #00000a), linear-gradient(1deg, #00000a00 55%, #00000a33 83%, #00000ab5), linear-gradient(#00000a00 47%, #00000a33);
    position: absolute;
    inset: 0%;
    content: "";
}
.career-section-1{
    padding: 80px 0px;
}
.career-section-2{
    padding: 80px 0px;
    background-color: #f2f5f9;
}
.card-bx-hire {
    padding-bottom: 30px;
    position: relative;
    display: block;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;

}
.icon-web--hrw {
    border-radius: 8px 0px 88% 17%;
    background-image: linear-gradient(0deg, #39abff 0%, var(--primary-bg-color) 100%);
    width: 140px;
    height: 100px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    line-height: 100px;
    margin-bottom: 30px;
}
.icon-txtwplm i{
    font-size: 48px;
    color: #fff;
    margin-top: -5px;
    display: inline-block;
    margin-left: 30px;
}
.title-wgt-hre{
    font-size: 28px;
    font-weight: 700;
}
.hr-txt--wgts {
    font-size: 15px;
    color: #000000cc;
}
.career-section-3{
    background-color: #fff;
    padding-top: 80px;
    position: relative;
}
.career-section-3::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: url(https://bracketweb.com/insurwp/wp-content/uploads/2022/07/get-insurance-bg.png) no-repeat;
    background-size: cover;
    background-position: bottom center;
    opacity: .1;
}
.career-contact-form {
    background-color: #fff;
    border-radius: 12px;
    padding: 30px 30px;
    border: 1px solid #e3e3e3;
}
.label-txt-career {
    font-size: 15px;
    color: #222;
    margin-bottom: 8px;
}
.career-form-fld {
    border: 1px solid transparent;
    border-radius: 8px;
    outline: none;
    background: #f1f4f9;
    padding: 14px 15px;
    font-size: 14px;
    color: #374151;
}
.career-form-fld::placeholder {
    color: #64748b;
}
select.career-form-fld {
    appearance: auto;
}
textarea.career-form-fld {
    height: 120px;
    padding-top: 18px;
    resize: none;
    margin-bottom: 18px;
}
.career-form-fld:focus {
    border-color: #1769e8;
    background: #ffffff;
}
.submit-btn {
    background: #0d5dde;
    color: #ffffff;
    border: none;
    border-radius: 10px;

    padding: 16px 25px;
    font-size: 14px;
    cursor: pointer;

    transition: 0.2s ease;
}

/*-------------------careers-----------------------*/

/* =====================================================
    MAIN FOOTER
===================================================== */

.main-footer {
    position: relative;
    overflow: hidden;
    background: #14233e;
    color: #ffffff;
    padding-top: 60px;
    background: url(https://bracketweb.com/insurwp/wp-content/uploads/2022/07/site-footer-bg.png) no-repeat;
    background-size: cover;
}

/* Background shapes */
.main-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #00224ff2;
    pointer-events: none;
}

.footer-container {
    position: relative;
    z-index: 2;

    max-width: 1465px;
    margin: 0 auto;
    padding: 0 25px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.15fr 1.15fr 1fr 1.15fr;
    gap: 55px;
}


/* =====================================================
    LOGO / ABOUT
===================================================== */

.footer-logo {
    margin-bottom: 35px;
}
.footer-logo-text {
    color: #ffffff;
    font-size: 32px;
    font-weight: 800;
}
.footer-about p {
    color: #e0e4ec;
    font-size: 14px;
    margin-bottom: 0px;
}


/* =====================================================
    SOCIAL ICONS
===================================================== */

.social-icons {
    display: flex;
    gap: 8px;
}

.social-icons a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #087ee1;
    border-radius: 50%;
    color: #ffffff;
    font-size: 16px;
    transition: all .3s ease;
}
.social-icons a:hover {
    background: #087ee1;
    transform: translateY(-4px);
}


/* =====================================================
    FOOTER TITLES
===================================================== */

.footer-title {
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 20px;
}


/* =====================================================
    CONTACT FOOTER
===================================================== */
.itm-menu-ftr{
    margin-bottom: 10px;
}
.itm-menu-ftr .menu-ftr-link{
    color: #9da9bd;
    font-size: 16px;
}
.open-hours h4 {
    font-size: 19px;
    margin-bottom: 15px;
}

.open-hours p {
    color: #9da9bd;
    font-size: 16px;
    margin-bottom: 0px;
}

/* =====================================================
    NEWSLETTER
===================================================== */

.newsletter-text {
    color: #9da9bd;
    font-size: 16px;
    margin-bottom: 20px;
}

.newsletter-form {
    width: 100%;
    display: flex;
    align-items: center;
    background: #0d1b32;
    border-radius: 12px;
    padding: 8px 15px 8px 20px;
    margin-bottom: 30px;
}

.newsletter-form input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffffff;
    font-size: 15px;
}

.newsletter-form input::placeholder {
    color: #8e9aae;
}
.newsletter-form button {
    border: 0;
    background: transparent;
    color: #ffffff;
    font-size: 22px;
    cursor: pointer;
    padding: 0px;
}

/* =====================================================
    COPYRIGHT
===================================================== */

.footer-bottom {
    position: relative;
    z-index: 2;
    padding: 20px 0px;
    border-top: 1px solid rgba(255,255,255,.10);
    text-align: center;
}
.footer-bottom p {
    color: #9da9bd;
    font-size: 15px;
    margin-bottom: 0px;
}
/* =====================================================
    BACK TO TOP
===================================================== */
.back-top {
    position: fixed;
    right: 52px;
    bottom: 47px;

    width: 56px;
    height: 56px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #0875d8;
    color: #ffffff;

    font-size: 19px;

    z-index: 999;

    transition: all .3s ease;
}

.back-top:hover {
    background: #05cfe5;
    color: #ffffff;
    transform: translateY(-4px);
}


/* =====================================================
    TABLET
===================================================== */

@media (max-width: 1100px) {

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 55px 40px;
    }

    .footer-about p {
        max-width: 100%;
    }

    .contact-container {
        grid-template-columns: 1fr;
    }

    .contact-item {
        border-right: 0;
        border-bottom: 1px solid #36343a;
        padding: 20px 0;
    }

    .contact-item:last-child {
        border-bottom: 0;
    }
}


/* =====================================================
    MOBILE
===================================================== */

@media (max-width: 767px) {

    .contact-bar {
        padding: 15px 0;
    }

    .contact-container {
        padding: 0 20px;
    }

    .contact-item {
        min-height: auto;
        padding: 18px 0;
        gap: 16px;
    }

    .contact-content span {
        font-size: 14px;
    }

    .contact-content strong {
        font-size: 17px;
    }

    .contact-icon {
        font-size: 22px;
    }

    .main-footer {
        padding-top: 40px;
    }

    .footer-container {
        padding: 0 20px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }


    .gallery-grid {
        max-width: 100%;
        gap: 10px;
    }
    .footer-bottom {
        padding: 30px 20px 0;
    }

    .footer-bottom p {
        font-size: 14px;
        line-height: 1.6;
    }


    .back-top {
        width: 48px;
        height: 48px;

        right: 18px;
        bottom: 18px;
    }
}
/* =====================================================
    MAIN FOOTER Close
===================================================== */