*{
    font-family: "nunito sans";
}
.hero-section {
    padding: 2rem;
    padding-top: 0rem;
    padding-right: 0;
}
.hero-section-up {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.hsp-left {
    width: 40%;
    padding-top: 8rem;
}
.hsp-left h1 {
    font-weight: 800;
}
.hsp-right {
    width: 55%;
    /* background-color: #000; */
    height: 100%;
    /* height: 105vh; */
}
.hsp-right .swiper{
    /* height: 100% !important; */
}
.hero-slide{
    height: 100%;
}
.hero-slide img {
    border-radius: 0 0 0 100px;
    object-fit: contain;
    width: 100%;
}
.hsp-left{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.hsp-left span{
    font-size: 40px;
}
.hero-section-down {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
    gap: 20px;
    justify-content: center;
}
.service-btn {
    padding: 0.3rem 1rem;
    /* border: 1px solid; */
    border-radius: 4px;
    display: flex;
    gap: 10px;
    align-items: center;
    transition: all 0.3s ease;
    box-shadow: #105c863d 0px 3px 8px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 14px -14px;
    box-shadow: rgb(149 149 245 / 25%) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.service-btn p {
    transition: color 0.3s ease;
    margin: 0;
    font-weight: 800;
}
.service-btn:hover{
    box-shadow: rgb(233 241 255) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    background-color: #105c86;
}
.service-btn:hover p{
    color: #fff;
}
.service-btn img {
    width: 2rem;
}
.hero-search-bar i{
    font-size: 20px;
    color: #105c86;
}
.hero-search-bar {
    background: #cee7f4;
    padding: 0.5rem;
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding-right: 1rem;
}
.hero-search-bar input{
    width: 100%;
    border: none;
    /* border-bottom: 1px solid; */
    background: none;
    padding: 5px;
    border-radius: 0;
}
/* founder's message */
.founders-message {
    padding: 3rem;
}
.inside-fm {
    display: flex;
}
.fm-left {
    width: 40%;
    padding-right: 0.5rem;
    display: flex;
    flex-direction: column;
}
.fm-left p {
    color: #000;
}
.fm-right {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.founder-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.founder-card {
    flex: 1;
    height: 60vh;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: flex 0.5s ease;
    background-image: radial-gradient(circle at top right, rgba(70, 130, 180, 0.5), transparent 70%);
}

.founder-card:hover{
    flex: 2.4;
}
.founder-content h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}
.founder-content {
    position: absolute;
    bottom: 0%;
    width: 100%;
    padding: 11px;
    background: rgba(255, 255, 255, 0.15);
    /* backdrop-filter: blur(51px); */
    -webkit-backdrop-filter: blur(10px);
    /* border: 1px solid rgba(255, 255, 255, 0.2); */
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 0.91) 90%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0.91) 74%);

}
.founder-content p{
    /* opacity: 0;
    visibility: none; */
    position: absolute;
    opacity: 0;
    color: #fff;
    transition: all 0.3s ease;
    /* transition-delay: 0.5s; */
}

/* .founder-card:hover .founder-content{
    bottom: 0;
} */
.founder-card:hover .founder-content p{
    opacity: 1;
    visibility: visible;
    position: unset;
}

.heading-div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.heading-div.white h2{
    color: #fff;
}

.heading-div span {
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0.3rem 1rem;
    background: #bbe3f92e;
    color: #105c86;
    border-radius: 50px;
    margin-bottom: 0.5rem !important;
    /* border: 1px solid #105c86; */
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 1000;
    font-size: 20px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.heading-div.white span {
    background: #0d4c6f;
    color: #fff;
}
.heading-div span i{
    font-size: 14px;
}
.heading-div.dark span {
    color: #fff;
}
.heading-div h2 {
    margin: 0.7rem 0;
    font-size: 1.5rem !important;
    font-weight: 700;
    font-family: "nunito sans";
}
.heading-div.white p{
    color: #fff;
}

.heading-div.small h2 {
    font-size: 32px !important;
    line-height: 43px;
    font-weight: 800;
    /* color: #fff; */
}
.heading-div.center {
    align-items: center;
    text-align: center;
}
.heading-div p {
    color: #000;
}

.upper-about {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.upper-about .heading-div{
    width: 40%;
}
.upper-about p {
    width: 40%;
    font-size: 17px;
    line-height: 31px;
    text-align: justify;
}
.bd-about-area {
    padding: 4rem;
    color: #000;
}
.bd-about-shape {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 137px;
    z-index: -1;
}

.bd-about-exp {
    position: relative;
    display: inline-block;
}

.uq-up {
    display: flex;
    align-items: center;
    gap: 15px;
    text-transform: capitalize;
    font-size: 18px;
    justify-content: center;
    text-align: center;
    border-radius: 10px 10px 0 0;
    background: #fff;
    color: #105c96 !important;
    padding: 0.5rem 1rem;
}
.uq-up p {
    color: #105c86 !important;
    margin: 0 !important;
}
.uq-ud {
    padding: 1rem;
    text-align: center;
    font-size: 19px;
}
.urgent-query {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    margin-bottom: 1rem;
    border-radius: 10px !important;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .bd-about-exp {
        margin-top: 60px;
        margin-bottom: 30px;
    }
}

.bd-about-exp .bd-about-exp-number {
    font-size: 200px;
    color: var(--color-primary);
    line-height: 1;
    width: 250px;
    margin: 0;
}

.bd-about-exp .bd-about-exp-number i {
    font-size: 28px;
    line-height: 1;
    position: absolute;
    top: 23px;
}

.bd-about-exp .bd-about-exp-text {
    display: inline-block;
    text-transform: uppercase;
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: -25px;
}

.bd-about-exp .shape {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: -40px;
    z-index: -1;
    transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .bd-about-exp .shape {
        inset-inline-start: -15px;
    }
}

.bd-about-thumb img {
    border-radius: 12px;
}

.bd-about-content .top {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 115px;
}
.bd-about-content {
    display: flex;
    flex-direction: column;
}

.bd-about-content ul {
    padding: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .bd-about-content .top {
        margin-bottom: 50px;
    }
}

.bd-about-content .top .title {
    color: var(--color-body-text);
    font-weight: 600;
}

.bd-about-content .top .title span {
    font-weight: 700;
    color: var(--color-primary);
}
.bd-about-content .content-list ul li {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-weight: var(--fw-medium);
    list-style: none;
}

/* .bd-about-content .content-list ul li:not(:last-child) {
    margin-bottom: 17px;
} */

.bd-about-content .content-list ul li .list-icon {
    width: 22px;
    height: 22px;
    background: var(--color-primary);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    border-radius: 50%;
    color: var(--color-white);
}


/* service section */

.service-section {
    padding: 2rem;
    background: #fafafa;
    padding-bottom: 2rem;
    /* background-image: repeating-linear-gradient(30.5deg, transparent, #105c8600 34px, #105c860f 62px, #105c860f 37px, transparent 3px, transparent 8px), repeating-linear-gradient(67.5deg, transparent, transparent 2px, rgba(107, 114, 128, 0.05) 69px, rgba(107, 114, 128, 0.05) 3px, transparent 3px, transparent 8px), repeating-linear-gradient(122.5deg, transparent, transparent 2px, rgba(55, 65, 81, 0.04) 52px, #105c860a 3px, transparent 3px, transparent 8px), repeating-linear-gradient(157.5deg, transparent, transparent 26px, #105c8608 65px, #105c8608 36px, transparent 3px, transparent 52px); */
}
.inside-service-section {
    display: flex;
    flex-direction: column;
}
.service-left {
    /* width: 30%; */
    padding: 1rem 0;
    padding-bottom: 0;
    /* background: #105c86; */
    border-radius: 15px;
}
.service-slide h2 {
    font-size: 20px !important;
    font-weight: 700;
}
.service-slide img {
    height: 5.5rem;
    width: 6rem;
}
.tabs {
    display: flex;
    justify-content: space-around;
}
.service-left .heading-div{
    padding: 0 1rem;
    margin-bottom: 2rem;
}
.service-right {
    width: 100%;
    position: relative;
    height: 70vh;
}
.scta-btn {
    background: #105c86;
    padding: 0.6rem 1rem;
    color: #fff;
    border-radius: 4px;
    font-weight: 700;
}
.service-tab {
    position: absolute;
    display: none;
    height: 100%;
    /* background: rebeccapurple; */
    width: 100%;
    padding: 1.4rem;
    padding-bottom: 2.5rem;
    /* display: flex
; */
    /* flex-direction: column; */
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    /* overflow-y: scroll; */
    /* border: 2px solid; */
    /* border-top: 0; */
    /* background-color: #fff; */
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
}
.serviceSwiper .swiper-wrapper {
    padding-bottom: 2rem;
}
.service-tab.active{
    display: block;
}
.tab-btn {
    padding: 0.5rem 1rem;
    /* border-radius: 3px; */
    color: #105c86;
    font-size: 21px;
    font-weight: 500;
    transition: all 0.3s ease;
    /* border: 1px solid; */
    /* border-radius: 5px; */
    cursor: pointer;
    flex: 1;
    text-align: center;
    border-bottom: 4px solid;
    cursor: pointer;
    clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    /* opacity: 0.6; */
    font-weight: 700;
    transition: all 0.3s ease;
}
/* .tab-btn:hover{
    background-color: #105c86;
    color: #fff;
} */
.tab-btn.active {
    background-color: #105c86;
    color: #fff;
    border-top: 3px solid #000;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    /* background: #2e9b47; */
    color: white;
    opacity: 1;
    clip-path: polygon(6% 0%, 94% 0%, 100% 100%, 0% 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
a.link-btn {
    padding: 0.7rem 1.6rem;
    border: 1px solid;
    border-radius: 50px;
}

.service-slide {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 1rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-radius: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    background-color: #fff;
}


/* updated service card code */
.service-slide {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 1rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-radius: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    background-color: #fff;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

/* why choose us section */
/* .why-choose-us {
    height: 90vh;
} */
.inside-why-choose-us {
    display: flex;
}

.iwcs-left {
    width: 25%;
    display: flex;
    flex-direction: column;
}
.wcs-card p {
    color: #105c86;
    margin: 0;
}
.wcs-card h2 {
    margin: 0.4rem 0;
    color: #fff;
    font-weight: 900;
}
.iwcs-left .wcs-card:nth-child(1),
.iwcs-right .wcs-card:nth-child(2){
    background-color: #105c86 ;
    color: #fff !important;
}
.iwcs-left .wcs-card:nth-child(1) p,
.iwcs-right .wcs-card:nth-child(2) p{
    color: #fff !important;
}
.iwcs-left .wcs-card:nth-child(2) h2,
.iwcs-right .wcs-card:nth-child(1) h2{
    color: #105c86 !important;
}

.iwcs-middle {
    width: 30%;
}
.iwcs-middle img{
    height: 100%;
}
.iwcs-right {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem 0 0 0;
}
.iwcs-right .heading-div{
    padding: 1rem;
}

.iwcs-down {
    display: flex;
}
.wcs-card {
    padding: 1rem;
    flex: 1;
}

.w-title {
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
}
.wcs-card img {
    width: 4rem;
}

.wc-up{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.wc-up span {
    font-size: 34px;
    font-weight: 800;
}
/* contact section */


/* audit section */
span.country {
    position: absolute;
    top: 6%;
    z-index: 100;
    background: #105c86c2;
    left: 4%;
    padding: 0.2rem 0.8rem;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #fff;
    color: #fff;
}

.international-audits-section {
    padding: 2rem;
    padding-bottom: 0;
}
.international-audits-section .swiper-wrapper{
    height: unset;
}
.inside-ias-s {
    /* background: #105c86; */
    /* padding: 2rem; */
    border-radius: 20px;
}
.inside-ias-s .heading-div {
    align-items: center;
    text-align: center;
}
/* .i-audit-card {
    height: 55vh;
} */
.i-audit-card img {
    /* height: 100%; */
}
.project-desc {
    position: absolute;
    bottom: 2%;
    z-index: 10;
    padding: 0.5rem;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 20px;
}
.inside-pd {
    background: #fff;
    border-radius: 10px;
    padding: .4rem 1rem;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
    transition: height 0.3s ease;
}
.inside-pd p{
    /* display: none; */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.inside-pd h3 {
    margin: 0;
    font-size: 19px;
}

.project-desc:hover .inside-pd{
    height: 13rem;
    overflow-y: scroll;
}
.project-desc:hover .inside-pd p{
    opacity: 1;
    visibility: visible;
}
.project-desc:hover .inside-pd h3{
        margin-bottom: 0.2rem;
}
.audit-img-card{
    height: 100%;
}
.audit-img-card img{
    /* height: 100%; */
    border-radius: 20px;
}
.auditImgSwiper {
    height: 100%;
}
.audit-div .swiper-wrapper {
    padding-bottom: 5rem !important;
}
.audit-div .contact-btn {
    display: none !important;
}

.audit-img-swiper {
    height: 100%;
}

.auditImgSwiper .swiper-button-next:after,
.auditImgSwiper .swiper-button-prev:after {
    font-size: 20px !important;
}

.auditImgSwiper .swiper-button-next,
.auditImgSwiper .swiper-button-prev {
    padding: 0.5rem !important;
    color: #fff !important;
    background: #105c86 !important;
    width: 2.3rem !important;
    height: 2.3rem !important;
    border-radius: 50% !important;
}

.custom.swiper-button-next,
.custom.swiper-button-prev {
    top: 89% !important;
    background-color: #105c86 !important;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
}

.custom.swiper-button-next:after,
.custom.swiper-button-prev:after {
    font-size: 24px !important;
    color: #fff !important;
}

.audit-img-card img,
.i-audit-card img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 20px;
}
/* testimonial css */
.testimonial-section {
    padding: 2rem 4rem;
    padding-bottom: 0rem;
    /* background: #105c86; */
    background-position: right bottom;
    background-repeat: no-repeat;
}
.inside-testimonial-section {
    display: flex;
    justify-content: space-between;
}
.ins-left {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.ins-right {
    width: 50%;
}
.ts-down {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 1rem;
}
.stars {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
}
.ts-up {
    background: #fff;
    border-radius: 20px;
    padding: 0rem;
    margin-bottom: 2rem;
    padding-bottom: 0rem;
    position: relative;
}

.ts-up p {
    font-size: 17px;
    color: #000;
    font-weight: 500;
}
.details .title {
    font-size: 25px;
    /* color: #fff; */
    font-weight: 600;
}
.details .post {
    font-size: 16px;
    color: #000;
    /* color: #fff; */
}
.testiSwiper .swiper-button-next:after,
.testiSwiper .swiper-button-prev:after {
    font-size: 18px !important;
    font-weight: 700 !important;
}

.testiSwiper .swiper-button-next,
.testiSwiper .swiper-button-prev {
    display: flex !important;
    align-items: center !important;
    padding: 0.7rem !important;
    background: none !important;
    border: 1px solid;
    color: #283333;
    height: 2.5rem !important;
    width: 2.5rem !important;
    display: flex !important;
    justify-content: center !important;
    border-radius: 50% !important;
}

.testimonial-slide:hover .testi.swiper-button-next,
.testimonial-slide:hover .testi .swiper-button-prev {
    background: #105c86 !important;
    color: #fff !important;
}

.testiSwiper .swiper-button-prev,
.swiper-rtl .testiSwiper .swiper-button-next {
    left: unset;
    right: 20%;
}

.testiSwiper .swiper-button-next,
.testiSwiper .swiper-button-prev {
    top: 58% !important;
}

.testiSwiper .swiper-button-next,
.swiper-rtl .testiSwiper .swiper-button-prev {
    right: 7%;
    left: auto;
}
.quote {
    font-size: 76px;
    color: #dadada;
    display: flex;
}
.contact-btn {
    background: #ff7d24 !important;
    padding: 1rem !important;
    border-radius: 50px !important;
    color: #fff !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    align-self: flex-start !important;
    border: none;
    transition: all 0.3s ease !;
}
.contact-btn i{
    rotate: -45deg;
    font-size: 18px;
    transition: rotate 0.3s ease;
}
.contact-btn:hover{
    background-color: #fff;
    color: #ff7d24;
}
.contact-btn:hover i{
    rotate: 0deg;
}


.blog-section-s {
    padding: 2rem;
    padding-top: 0;
    background-image: url(public/img/bg-img.png);
    background-size: cover;
}
.blog-up{
    padding: 2rem;
}
.blog-down .contact-btn {
    display: none !important;
}
.blog-down {
    display: flex;
    gap: 1rem;
}

.blog-card-s {
    padding: 1rem;
    width: 24%;
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    row-gap: 20px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
}
article.blog-card-s h2 {
    font-size: 20px !important;
}
.blog-link {
    display: flex;
    align-items: center;
    gap: 10px;
}
.blog-link i{
    transition: translate 0.3s ease;
}

.blog-link:hover i{
    translate: 5px;
}
.blog-up{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blog-up .heading-div {
    width: 70%;
}
.blog-up .contact-btn{
    align-self: center;
}

/* google review section */
.gr-heading{
    justify-self: flex-end;
}
.gr-heading.heading-below {
    display: none;
}
.google-review-section {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: space-between;
}
.grSwiper .swiper-wrapper{
    align-items: stretch !important;
    /* padding: 1rem 0; */
}
.gr-slide {
    background: #fff;
    padding: 1rem;
    border-radius: 9px;
    height: 100%;
    /* width: 30%; */
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.gr-user {
    font-size: 25px;
    background: #105c86;
    align-self: flex-start;
    height: 3rem;
    width: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
}
.gr-up {
    display: flex;
    justify-content: space-between;
}
.google-icon img {
    width: 2rem;
}
.gr-l {
    display: flex;
    gap: 10px;
}
.gr-slide h6{
    margin-top: 14px;
}
.gr-heading p, .gr-heading span{
    color: #fff;
}
.gr-heading h4 {
    text-transform: capitalize;
    color: #fff;
    font-size: 38px;
}

.gr-slide p{
    color: #000;
}

/* .custom-width-popup{
    width: 80vw;
} */


/* ------------------------------- */
    /* about page css */
/* ------------------------------- */

.hero-section-about {
    padding: 2rem;
    padding-top: 5rem;
    position: relative;
    padding-bottom: 4rem;
    /* background: #1886c33b; */
    background: linear-gradient(151deg, rgb(186 231 255 / 29%) 40%, rgba(255, 255, 255, 0.72) 54%);
}
.hero-h{
    font-size: 40px;
}
.hero-section-about::before {
    position: absolute;
    content: '';
    width: 70rem;
    height: 30rem;
    background: linear-gradient(135deg, #105c86, #4db6e2);
    clip-path: polygon(0 100%, 100% 100%, 100% 0);
    right: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(312deg, rgba(186, 231, 255, 0.46) 37%, rgba(255, 255, 255, 0.45) 74%);
    background: linear-gradient(312deg, rgb(186 231 255 / 58%) 13%, rgba(255, 255, 255, 0.45) 54%);
}
.inside-hero-about {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.iha-right {
    position: relative;
    width: 40%;
}
img.about-gif {
    position: absolute;
}

.iha-left {
    width: 50%;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    row-gap: 14px;
}
.iha-left h1 {
    font-weight: 700;
    color: #105c86;
}
.iha-left p {
    color: #000000ab;
    font-size: 19px;
}

/* contact section */
.contact-section {
    padding: 2rem;
}
.inside-contact-section {
    display: flex;
    padding: 2rem;
}
.contact-left {
    width: 60%;
    padding-right: 2rem;
}
.contact-right {
    width: 40%;
    background: #d6e6ef;
    padding: 1rem;
    border-radius: 10px;
}
.index-row input,
.index-row textarea{
    width: 100%;
    margin-bottom: 1rem;
    border: none;
    background: none;
    border-bottom: 1px solid;
}
.index-row textarea{
    height: 80px;
}
.cta-contact-section {
    padding: 2rem;
    background: #105c86;
    position: relative;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.cta-contact-section.subpage{
    background-color: #eaebed;
    margin-bottom: 0;

}
.cta-contact-section .heading-div {
    width: 45%;
}
.form-section {
    position: absolute;
    right: 4%;
    background: #f5fcff;
    top: -10%;
    padding: 1rem;
    width: 40%;
    border-radius: 18px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

/* about section (about page) */
.about-about-section {
    padding: 3rem;
}
.inside-aa-section {
    display: flex;
}
.iaas-left {
    width: 40%;
    font-size: 18px;
    color: #000;
}
.iaas-right {
    display: flex;
    width: 60%;
    gap: 20px;
    padding: 0 2rem;
}
.iar-card {
    width: 50%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.a-content img {
    width: 2rem;
}
.iaar-img {
    /* height: 73%; */
    width: 100%;
}
.iaar-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 24px;
}
.a-content {
    background: #d4f5ffbd;
    padding: 0.7rem;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}
.a-content p{
    color: #000;
    text-transform: capitalize;
}
.a-content .rating{
    font-size: 25px;
    font-weight: 700;
    color: #000;
}
.c-up {
    display: flex;
    align-items: center;
    gap: 20px;
}
.a-content p {
    margin: 0;
    font-weight: 700;
}
/* vision section */
.about-vision-section {
    height: 105vh;
    padding: 2rem 3rem;
    /* background: #f6f6f6; */
    /* margin-top: 3rem; */
    width: 100%;
}

.inside-about-vision-section .heading-div {
    margin-bottom: 1rem;
}
.inside-about-vision-section {
    height: 100%;
}
.tab-num {
    display: flex;
    gap: 20px;
    padding: 1rem;
    color: #105c86;
    font-weight: 500;
}

/* .content-card {
    opacity: 0;
} */

.wcu-img {
    opacity: 0;
}

.wcu-img.active {
    opacity: 1;
}



.wcu-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 75%;
}

.wcuc-left {
    width: 40%;
}

.wcuc-right {
    width: 40%;
    position: relative;
    height: 100%;
}

.content-card {
    opacity: 0;
    position: absolute;
    font-family: 'Roboto';
    line-height: 30px;
    padding: 1rem;
    min-height: 300px;
    transition: all 0.3s ease;
}
.content-card h3 {
    margin: 0 !important;
}
.content-card.active {
    opacity: 1;
}
.content-card p, .content-card ul{
    color: #000;
    font-size: 18px;
}
.wcu-img {
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 0;
    transition: all 0.3s ease;
    height: 100%;
}

.wcuc-left {
    width: 50%;
    display: flex;
    flex-direction: column;
    /* row-gap: 30px; */
    position: relative;
    height: 100%;
    overflow: hidden;
}

.wcu-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.wcu-img img {
    width: 100%;
    /* position: absolute; */
    border-radius: 20px;
    height: 100%;
}

.wcuc-img-container {
    height: 100%;
}
.num-tag {
    padding: 1rem 1.5rem;
    /* background: red; */
    border-radius: 50px;
    height: 3rem;
    /* width: 11rem; */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 20px;
    /* font-family: "space grotesk"; */
    cursor: pointer;
}

.num-tag.active {
    background-color: #105c86;
    color: #fff;
}

/* why us about section */
.stats-section {
    background: #cbdce4;
    padding: 1rem;
    margin: auto;
    width: 90%;
    margin-top: -4rem;
    position: relative;
    border-radius: 19px;
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; */
}
.inside-stats-section {
    display: flex;
    justify-content: space-between;
}
.stat-card {
    display: flex;
    align-items: flex-start;
    padding: 1rem;
    width: 20%;
    justify-content: center;
    text-align: center;
    gap: 15px;
}
.stat-card img {
    /* filter: brightness(0) invert(1); */
    width: 2.5rem;
}
.stat-icon {
    padding: 1rem;
    /* background: #105c86; */
    border-radius: 50%;
}
.stat-desc span {
    font-weight: 700;
    color: #105c86;
    font-size: 40px;
}
.stat-desc p {
    color: #105c86;
    text-transform: capitalize;
    margin: 0;
    font-weight: 600;
}

/* contact page */
.contact-section-ss {
    padding: 3rem;
}

.inside-contact-section-ss {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
}
.insss-right {
    width: 60%;
    padding: 1.5rem;
}
.insss-left {
    width: 40%;
    padding: 1.5rem;
    background: #105c86;
    border-radius: 7px;
}
.row-ss {
    display: flex;
    gap: 20px;
    width: 100%;
    margin-bottom: 2.5rem;
}
.inside-row-ss {
    flex: 1;
}

.inside-row-ss label{
    margin-bottom: 0.5rem;
    color: #000;
    font-weight: 600;
}
.inside-row-ss input, .inside-row-ss textarea{
    border: none;
    border-bottom: 1.5px solid #00000033;

}
.insss-left p,
.insss-left a {
    color: #fff;
    margin-bottom: 0.8rem;
    display: block;
}
.sci-card {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 15px;
    color: #fff;
}
.insss-left h3 {
    margin: 1rem 0;
    text-transform: capitalize;
    font-weight: 700;
    color: #ffff;
}
.world-wide {
    padding: 3rem;
    display: flex;
    /* flex-direction: column; */
}
.ww-left {
    width: 50%;
    padding-right: 3rem;
}
.ww-right {
    width: 50%;
}
.maps {
    display: flex;
    gap: 20px;
}
.map{
    width: 50%;
}

/* gallery page */

.gallery-container .heading-div span{
    color: white;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}
.custom-swiper {
    width: 80%;
    max-width: 1000px;
}

/* .gallery-card {
    width: 100%;
    height: 400px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    position: relative;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    padding: 0;
    background-size: cover;
    background-position: center;
    
}
.gallery-card img{
    height: 100%;
} */

.gl-card-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.gallery-card:hover .gl-card-content{
    opacity: 1;
}
.gl-card-content h5{
    margin-top: 0;
    color: #fff;
}
.gl-card-content p{
    color: #fff !important;
}
.gallery-container {
    padding: 4rem;
    padding-top: 9rem;
    padding-bottom: 6rem;
    background-size: cover;
    /* background-image: url({{asset(/img/gal-bg.jpg)}}); */
    position: relative;
}

.inside-gallery-div{
    position: relative;
}
.inside-gallery-div .heading-div{
    align-items: center;
    margin-bottom: 2rem;
}
/* .gallery-container::before{
    content: '';
    position: absolute;
    background-color: #00000070;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
} */

.gallery-modal{
    position: fixed;
    z-index: 1000;
    background: #000000c7;
    height: 100%;
    width: 100%;
    top: 0;
    padding: 2rem;
    display: flex;
    justify-content: center;
    display: none;
}
.gallery-modal-content {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
}
.gallery-modal-content img {
    height: 65vh;
}
.gallery-modal.active{
    display: flex;
}
.close {
    position: absolute;
    right: 5%;
    color: #fff;
    font-size: 29px;
    top: 4%;
    cursor: pointer;
}
.inside-gallery-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}
.gallery-ccard {
    width: 30%;
    position: relative;
}
.gl-ccard-content h5 {
    margin: 0 !important;
}
.gl-ccard-content p{
    color: #105c86;
    cursor: pointer;
}
.gl-ccard-content {
    position: absolute;
    bottom: 5%;
    left: 3%;
    background: #fff;
    border-radius: 3px;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: 94%;
}
.gl-ccard-content button {
    border: none;
    background: #105c86;
    align-self: flex-start;
    padding: 0.3rem 0.7rem;
    border-radius: 4px;
    color: #fff;
}
.swiper-button-next,
.swiper-button-prev {
    color: white !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.5);
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transition: background 0.3s;
}

.swiper-button-next::after,
.swiper-button-prev::after{
    font-size: 20px !important;
}
/* .swiper-button-next:hover,
.swiper-button-prev:hover {
    background: rgba(255, 255, 255, 0.3) !important;
} */

/* service pages  */
.service-container {
}

.heading-tag {
    background: #105c86;
    padding: 1rem;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-radius: 5px;
}
.heading-tag h1 {
    font-size: 33px;
    font-weight: 700;
    margin: 0;
    color: #fff;
}
.inside-service-container {
    padding: 4rem !important;
    padding-top: 9rem !important;
    padding-bottom: 0 !important;
    /* padding-right: 0 !important; */
    background-image:radial-gradient(circle at top right,
            rgba(70, 130, 180, 0.5),
            transparent 70%);
    /* filter: blur(80px); */
    background-repeat: no-repeat !important;
    display: flex;
    justify-content: space-between;
}
.isc-left {
    width: 60%;
    padding-right: 2rem;

}
.isc-right {
    width: 35%;
}

.inside-service-desc {
    display: flex;
    padding: 1rem;
    gap: 1.5rem;
    align-items: flex-start;
}
.isdc-left {
    width: 25%;
    /* position: sticky; */
    top: 20px;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    align-items: flex-start;
    overflow: visible;
}
.notifications {
    width: 100%;
    background: #f8f8f8;
    padding: 1rem;
    overflow: hidden;
}

.inside-notifications {
    max-width: 400px;
    margin: auto;
}

.inside-notifications h2 {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.smarquee {
    height: 65vh;
    overflow: hidden;
    position: relative;
}

.smarquee-content {
    display: flex;
    flex-direction: column;
    animation: scroll-loop 30s linear infinite;
}

.smarquee-content:hover{
    animation-play-state: paused;
}

.smarquee-content a{
    margin: 0;
    padding: 0.4rem 0;
    color: #fff;
    font-size: 0.95rem;
    background-color: #105c86;
    padding: 0.5rem;
    margin-bottom: 0.7rem;
    border-radius: 5px;
}

.swc-heading {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.swc-heading img {
    width: 7rem;
}
.swc-heading h2 {
    font-size: 24px !important;
}

.whatsapp-chat {
    width: 100%;
    position: relative;
}
.whatsapp-chat img{
    width: 100%;
}
.whatsapp-chat a {
    position: absolute;
    bottom: 2%;
    left: 3%;
    background: #075e55;
    width: 94%;
    padding: 0.6rem;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: 600;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    transition: all 0.3s ease;
}
.whatsapp-chat a:hover{
    box-shadow: none;
}
/* Continuous loop animation */
@keyframes scroll-loop {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
    }
}
.stestimonial-swiper {
    width: 100%;
}
.enquiry-form-section{
    position: sticky;
    top: 0;
}
.isdc-right {
    width: 74%;
    padding: 1rem;
    background: #f5f5f5;
    border-radius: 9px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.isdc-right .toc {
    position: sticky;
    z-index: 100;
    top: 0 !important;
    padding-top: 10px;
    background: #fff;
}
.list-group a{
    display: flex;
}

/* new css 8/october/2025 */
.overview-container{
    color: #000 !important;
}
.ov-up {
    display: flex;
    justify-content: space-between;
}
.ov-uright {
    width: 45%;
}
.ov-uright {
    width: 55%;
}
.ov-uleft {
    width: 55%;
}
.service-description h2 {
    font-size: 25px !important;
    font-weight: 800;
}
.heading-med {
    font-size: 25px !important;
    font-weight: 800;
    margin: 0;
    background: #105c86;
    padding: 0.5rem;
    border-radius: 3px;
    color: #fff;
    margin-bottom: 1rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.page-heading-med {
    font-size: 20px !important;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}
.page-heading-large {
    font-weight: 600;
}
.service-description h3 {
    font-size: 24px !important;
    font-weight: 800;
    margin-bottom: 0.8rem;
}
.ov-uleft p {
    font-size: 18px;
}
.ov-down {
    font-size: 18px;
    margin-top: 6px;
    color: #000 !important;
}
.of-right iframe {
    width: 100%;
    height: 45vh;
}
.req-card {
    width: 49%;
}
.require-container {
    margin-bottom: 2rem;
    padding: 0.7rem;
    background: #f6f6f6;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.require-cards {
    /* height: 90vh; */
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.req-card {
    width: 48%;
    padding: 1rem;
    /* background: rebeccapurple; */
    border-radius: 12px;
    /* height: 20%; */
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.req-content{
    width: 85%;
    color: #000;
}
.req-icon {
    /* height: 100%; */
    padding: 1.5rem;
    border-radius: 10px;
    width: 12%;
    display: flex;
    /* background: red; */
    align-items: center;
    justify-content: center;
    font-size: 30px;
}
.req-card p{
    margin-bottom: 0;
}
.ov-features {
    /* align-items: stretch; */
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.of-left {
    width: 100%;
}
.of-right {
    width: 100%;
}

.points-container {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
}
.pc-left {
    width: 50%;
}
.pc-right {
    width: 100%;
    padding: 0 1rem;
    color: #000;
}
.docs-list li{
    padding: 0.5rem 1rem;
    background: #dff4ff;
    border-radius: 50px;
    margin: 0;
    /* width: 60%; */
}
.docs-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
}
.fee-table-isi {
    display: flex;
    align-items: stretch;
    flex-direction: column-reverse;
    row-gap: 20px;
}
.fees-left {
    width: 100%;
}
.fees-left h2{
    margin: 0;
}
.fees-right {
    width: 100%;
}

/* new css end  */
.acc-btn {
    padding: 0.6rem;
    background: #105c86;
    display: flex;
    justify-content: space-between;
    color: #fff;
    cursor: pointer;
    font-weight: 800;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.acc-ans {
    height: 0;
    overflow: hidden;
    margin-top: 0.5rem;
    background-color: #fff;
    transition: all 0.3s ease;
}
.acc-ans.active{
    height: 50vh;
    overflow: auto;
}
.doc-table th{
    background-color: #105c86;
    color: #fff;
}
/* .doc-table,.doc-table th, tr, td{
    border: none;
} */
.doc-table tr td:nth-child(1),
.doc-table tr th:nth-child(1){
border-right: 1px solid gray;
    border-collapse: collapse;
}
.doc-table td{
    color: #333;
    font-size: 17px;
}
.doc-table tr:nth-child(odd) {
    background-color: #46a5da1f;
}
.fee-table tr:nth-child(odd) {
    background-color: #eff5f7;
}
.fee-table tr:hover {
    background-color: #eaf6fb;
    cursor: pointer;
}
.fee-table thead tr{
    background-color: #105c86 !important;
}
.doc-table tr:nth-child(even) {
    background-color: #9b9b9b1f;
}
.marquee-container-s {
    height: 35vh;
    overflow: hidden;
    position: relative;
    background-color: #fff;
}
.isdc-service h4 {
    margin: 0;
    margin-bottom: 0.5rem;
    /* background: #fff !important; */
}

.procedure{
    padding: 0.7rem;
    background: #f6f6f6;
    border-radius: 10px;
}
.marquee-s{
    display: flex;
    flex-direction: column;
    animation: scrollUp 50s linear infinite;
}
.marquee-s:hover{
    animation-play-state: paused;
    /* stops animation on hover */
}
.marquee-s a{
    /* margin: 0.4rem 0; */
    padding: 0.5rem;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}
.marquee-s a:hover{
    background-color: #cfcfcfdb;

}
@keyframes scrollUp {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(-100%);
    }
}
/* poitns section */

.benefit.service-section{
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    height: unset;
}
.benefit-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 50px;
}


.pt-card {
    display: flex;
    width: 45%;
    position: relative;
    border: 1px solid;
    padding: 1rem;
    border-radius: 17px;
    align-items: flex-end;
    transition: box-shadow 0.3s ease;
}
.pt-card:hover{
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.pt-card:hover .pt-icon{
    background-color: #105c86;
}
.pt-card.long-content{
    width: 100%;
}
.pt-icon {
    height: 6rem;
    width: 6rem;
    background: #fff;
    border-radius: 5px;
    padding: 0.8rem;
    position: absolute;
    top: -30px;
    right: -8px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    transition: background-color 0.3s ease;
}
.pt-desc h2 {
    font-size: 22px !important;
    font-weight: 700;
}
.pt-desc p{
    margin-bottom: 0;
    color: #000;
}
.pt-desc ul {
    color: #000 !important;
}

.adpm{
    height: 100vh;
    overflow-y: scroll;
}

.notice-div {
    padding: 1rem;
    background: #d4d4d57a;
    border-radius: 18px;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.key-feature-cards {
    display: flex;
    color: #000;
    gap: 30px;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.kf-icon {
    position: absolute;
    padding: 0.2rem;
    border: 1px solid;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    width: 3rem;
    font-size: 24px;
    left: -9px;
    top: -3px;
    background: #fff;
    transition: box-shadow 0.3s ease;
}
.kf-card {
    position: relative;
    padding: 0.5rem;
    padding-left: 2rem;
    border: 1px solid;
    border-radius: 50px;
    width: 45%;
    text-align: center;
    color: #105c86;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    transition: all 0.3s ease;
}
.kf-card:hover .kf-icon{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.kf-card:hover{
    background-color: #105c86;
}
.kf-card p{
    transition: color 0.3s ease;
}
.kf-card:hover p{
    color: #fff;
}
.kf-card p {
    margin-bottom: 0;
}

/* news and update page */

.news-update-cards{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }
.news-card  {
    width: 30%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 1rem;
    border-radius: 10px;
    background: #1f6a932e;
}
.card-img {
    background: #fff;
    border-radius: 10px 10px 0 0;
    margin-bottom: 1rem;
}
.card-img img {
    width: 100%;
    margin: 0;
}
.contact-btn.update{
    border: 0;

}
.ncard-content h3 {
    font-size: 22px;
    margin-top: 0;
    font-weight: 700;
    color: #105c86;
}

.search-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search-bar {
    /* padding: 1rem; */
    background: #d7e4ec;
    border-radius: 50px;
    padding: 0.5rem;
}
.search-bar input {
    border: none;
    background-color: transparent;
    margin-bottom: 0;
}
.search-icon {
    padding: 1rem;
    font-size: 20px;
    background: #fff;
    border-radius: 50%;
    height: 3.5rem;
    width: 3.5rem;
    display: flex;
    align-items: center;
}

.banner-section {
    padding: 2rem;
    padding-top: 7rem;
    background-image: radial-gradient(circle at top right, rgba(70, 130, 180, 0.5), transparent 90%);
    /* filter: blur(80px); */
    background-repeat: no-repeat !important;
}
.inside-banner-section {
    display: flex;
    align-items: center;
}
.banner-left {
    width: 50%;
    padding: 0 2rem;
}
.banner-left p {
    font-size: 19px;
    color: #000;
}
.banner-right {
    width: 50%;
}

/* qco page */

.qco-banner {
    padding: 3rem;
}
.inside-qco-banner {
    display: flex;
    justify-content: space-between;
}
.iqcob-left {
    width: 50%;
    /* position: relative; */
}
.iqcob-right {
    width: 45%;
}
.qco-img {
    position: relative;
}
.qco-img img {
    width: 100%;
    /* position: relative; */
}

.gif-noti.news{
    position: absolute;
    width: 12rem;
    top: -7%;
    left: 52%;
}
.gif-noti.update {
    position: absolute;
    top: -7%;
    width: 10rem;
    left: 34%;
}

/* news updates page */
.news-main-body {
    padding: 3rem;
    padding-top: 0;
}
.inside-news-main-body {
    display: flex;
    justify-content: space-between;
    /* position: relative; */
}
.inmb-left {
    width: 17%;
}
.news-category{
    position: sticky;
    top: 20px !important;
    left: 0;
}
.inmb-right {
    width: 80%;
}
.news-cards  {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 2rem;
}
.news-card.s{
    width: 48%;
    transition: all 0.3s ease;
}
.news-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-card.s:hover{
    color: #fff;
    background-color: #105c86;
}
.news-card.s:hover h4{
    color: #fff;
}


/* blog page */
.gif-noti.blog {
    position: absolute;
    top: 37%;
    left: 38%;
}
.blog-g {
    top: -11%;
    position: absolute;
    right: 9%;
}
.audit-cards {
    padding: 4rem;
}
.inside-audit-cards {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1.5rem;
    align-items: center;
    justify-content: space-between;
}

.audit-card {
    width: 32%;
    padding: 1rem;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    border-radius: 10px;
}
.audit-img{
    border-radius: 10px;
}
.inside-ac {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    border-radius: 10px;
}
.auditImgSwiper .swiper-slide{
    border-radius: 10px !important;
}
.auditImgSwiper{
    border-radius: 10px !important;
}
.audit-desc {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.audit-desc i {
    align-self: center;
    margin-top: 17px;
    color: #105c86;
    font-size: 20px;
}

.audit-desc-p.active{
    height: max-content;
    overflow: auto;
    padding: 1.5rem 0;
}
.audit-desc-p.active p{
    display: block;
}
.toggleBtn.active{
    rotate: 180deg;
}
.toggleBtn {
    display: flex;
    justify-content: center;
    /* transition: rotate 0.3s ease; */
}
.audit-desc-p {
    /* padding: 1.5rem 0; */
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}
.audit-desc p{
    display: none;
}


/* career page */
.workWithUs-section {
    padding: 4rem;
}

.wwu-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 1.5rem;
}
.wwu-card {
    width: 31%;
    display: flex;
    flex-direction: column;
}
.wwu-card h4{
    margin: 0;
}
.wwu-num {
    font-size: 35px;
    font-weight: 700;
    color: #000;
    position: relative;
}
.wwu-num::before {
    border-radius: 80% 59% 64% 15%;
    position: absolute;
    content: '';
    width: 4rem;
    height: 4rem;
    /* background: linear-gradient(82deg, rgba(255, 255, 255, 0) 0%, rgba(213, 216, 242, 1) 72%); */
    top: -19px;
    left: -3%;
    z-index: -1;
    background: linear-gradient(82deg, rgba(255, 255, 255, 0) 0%, rgba(16, 92, 134, 0.91) 94%);
}
.wwu-card h4 {
    font-size: 22px;
    font-weight: 700;
    color: #105c86;
}

.hiring-posts {
    padding: 4rem;
}
.inside-hp table {
    border: none;
}
.inside-hp table thead th{
    background: none !important;
}
.inside-hp tbody tr{
    transition: all 0.3s ease;
}
.inside-hp tbody tr:hover {
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.career-form-section {
    padding: 4rem;
    /* background-image: linear-gradient(to right, #d1d5db 1px, transparent 1px),
            linear-gradient(to bottom, #d1d5db 1px, transparent 1px);
            background-size: 32px 32px; */
            /* -webkit-mask-image: radial-gradient(ellipse 80% 80% at 100% 0%, #000 50%, transparent 90%);
            mask-image: radial-gradient(ellipse 80% 80% at 100% 0%, #000 50%, transparent 90%); */

    background: "#ffffff";
    background-image: radial-gradient(circle at top left,
        rgba(70, 130, 180, 0.5),
        transparent 70%);
    /* filter: blur(80px); */
    background-repeat: no-repeat;
}

.inside-cfs {
    display: flex;
}.inside-cfs {
    display: flex
;
}.icfs-left {
    width: 40%;
}
.icfs-right {
    width: 60%;
    padding: 1rem;
}

.inside-frow {
    flex: 1;
    margin-bottom: 1.5rem;
}
.inside-frow input, .inside-frow select {
    border: none;
    border-bottom : 1px solid #a19d9d91;
    width: 100%;
    padding: 10px;
    background: none !important;
}
.process-ui {
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
}
.pui {
    width: 51%;
    padding: 0 0.5rem;
}
.pui-card img {
    width: 3rem;
}
.pui-card:last-child:nth-child(odd){
    flex: 0 0 100%;
}
/* .pui-card .num {
    font-size: 42px;
    font-weight: 800;
    color: #105c86;
} */
 .pui-card {
    width: 47%;
    /* flex: 1; */
     padding: 1.2rem;
     border-radius: 7px;
     transition: all 0.3s ease;
 }

 .pui-card:hover{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
 }
.pui-ct {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0.5rem 0;
}
 .pui-ct p,
 .pui-ct h3 {
     margin: 0;
     font-size: 25px;
     font-weight: 700;
     text-transform: capitalize;
     color: #105c86 !important;

 }

 .pui-card p{
    color: #000;
 }

 .section-overview{
    display: flex;
 }

.overview-left {
    width: 100%;
    color: #000;
    text-align: justify;
    padding: 0.5rem;
}
.overview-right{
    width: 100%;
}

.product-list-link{
    text-decoration: underline;
    font-weight: 600;
}
.blog-container{
    padding: 2rem;
}
.qco-hero-section {
    padding-top: 6rem;
    margin-bottom: 2rem;
}
.inside-qco-order {
    padding: 3rem;
    display: flex;
    background-image: radial-gradient(circle at top right, rgba(70, 130, 180, 0.5), transparent 90%);
}
.iqo-left {
    width: 60%;
    padding: 1rem;
    /* background: aliceblue; */
    border-radius: 8px;
}
.iqo-left p {
    color: #272727;
    font-size: 20px;
    font-weight: 600;
}
.iqo-left h1 {
    font-size: 33px;
    FONT-WEIGHT: 700;
    margin-bottom: 0.8rem;
}
.iqo-right {
    width: 40%;
    padding: 0 1rem;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.inside-qco-order h2 {
    font-size: 20px !important;
}
.qco-cta-section {
    background: #f7f7f7;
    margin-top: 3rem;
}
.inside-qco-cta-section {
    display: flex;
}
.cta-left {
    width: 55%;
}
.cta-left h2 {
    font-size: 30px !important;
    font-weight: 700;
    color: #105c86;
    margin: 0;
    margin-bottom: 1rem;
}
.cta-left p{
    color: #000;
    font-size: 17px;
}
.inside-qco-cta-section {
    display: flex;
    padding: 4rem;
    justify-content: space-between;
}
.cta-right {
    width: 40%;
    padding: 1rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 8px;
    background-color: #fff;
}
.cta-right form {
    display: flex;
    flex-direction: column;
    row-gap: 13px;
}

.cta-right h2{
    margin: 0;
    margin-bottom: 0.5rem;
}
.cta-right form input,
.cta-right form textarea {
    border-radius: 5px !important;
    background: #f7f7f7;
    border: none;
    padding: 0.5rem;
    font-size: 15px;
}
.disclaimer {
    padding: 1rem 2rem;
    background: #8080802e;
    width: 90%;
    margin: 2rem auto;
    border-radius: 15px;
    border: 1px solid #808080;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.disclaimer p{
    color: #000;
    font-size: 17px;
}
.disclaimer h2 i{
    color: #ffca00;
}
.disclaimer h2{
    font-weight: 700;
    text-transform: capitalize;
}
.qco-contact{
    display: flex;
}
.qco-contact {
    display: flex;
    align-items: center;
    gap: 20px;
}
.qco-info{
}
.qco-info p {
    margin: 0;
    color: #105c86;
    font-weight: 600;
}
.qco-contact i{
    font-size: 25px;
    color: #105c86;
}

/* clients section */

section.home-clients-section {
    padding: 3rem;
}
.home-client-swiper {
    display: flex;
}
.client-slide img {
    width: 9rem;
    height: 7rem;
    object-fit: contain;
}
.home-client-swiper .swiper-wrapper{
    padding: 2rem;
}

.client-slide {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    padding: 0.5rem;
    border-radius: 6px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    box-shadow: #105c86bd 5px 5px, #105c864d 10px 10px, #105c8633 15px 15px, #105c861a 20px 20px, #105c860d 25px 25px;
}

a.contact-btn.mobile-btn {
    display: none !important;
}

.service-search {
    margin-bottom: 15px;
}

.service-search input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
}


.pdf-card {
    display: inline-block;
    background-color: #094b70;
    padding: 20px;
    border-radius: 8px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.pdf-card a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 130px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.3s ease;
    position: relative;
}

.pdf-card a:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

/* PDF label */
.pdf-icon {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #e53935;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 3px;
}

/* Fake thumbnail area */
.pdf-thumbnail {
    width: 50px;
    height: 60px;
    background: url('https://upload.wikimedia.org/wikipedia/commons/8/87/PDF_file_icon.svg') no-repeat center;
    background-size: contain;
    margin-top: 25px;
}

/* File text */
.pdf-details {
    text-align: center;
    margin-top: 10px;
}

.pdf-name {
    font-size: 17px;
    color: #333;
    margin: 0;
}

.pdf-size {
    font-size: 11px;
    color: #999;
    margin: 2px 0 0;
}


.heading-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

p.urgent-enq {
    font-weight: 700 !important;
    font-size: 20px;
}

.testi-heading {
    margin: 0;
    font-weight: 800;
    font-size: 31px;
    color: #105c86;
}


.all-clients {
    padding: 80px 0;
    /* background: #f9f9f9; */
    overflow: hidden;
    display: flex;
    padding: 4rem;
    padding-bottom: 0;
}


.marquee-wrapper {
    display: flex;
    justify-content: center;
    gap: 60px;
}

.marquee-col {
    height: 400px;
    overflow: hidden;
    width: 220px;
    position: relative;
}

.marquee-inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.marquee-inner .logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.marquee-inner img {
    width: 100%;
    max-width: 150px;
    transition: 0.3s ease;
    object-fit: contain;
}

.marquee-inner img:hover {
    filter: grayscale(0%);
    transform: scale(1.05);
}

/* Continuous scroll animations */
.up .marquee-inner {
    animation: scrollUp 302s linear infinite;
}

.up .marquee-inner:hover {
    animation-play-state: paused;
}

.down .marquee-inner {
    animation: scrollDown 228s linear infinite;
}

.down .marquee-inner:hover {
    animation-play-state: paused;
}

@keyframes scrollLeft {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes scrollRight {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}


@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
    }

    /* half because we duplicated */
}

@keyframes scrollDown {
    0% {
        transform: translateY(-50%);
    }

    100% {
        transform: translateY(0);
    }
}

.client-modal {
    position: fixed;
    top: 0;
    padding: 4rem;
    background: #000000d4;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 100%;
    display: none;
    overflow-y: scroll;
}

.all-clients-left p {
    font-size: 18px;
}

.modal-clients {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.audit-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.audit-heading .heading-div {
    text-align: left;
    align-items: flex-start;
    width: 80%;
}

.sticky-section.stickyActive {
    position: fixed;
    display: flex;
    top: 0;
    flex-direction: column;
    row-gap: 10px;
    padding: 1rem;
}

a.social-icon {
    margin-right: 15px;
}

a.social-icon img {
    width: 2.4rem;
}
/* thank you page */

/* 
@media (max-width: 1458px) {
    .service-slide {
        height: 75vh;
    }
} */



.accordion-question {
    padding: 0.8rem;
    border-left: 4px solid;
    border-radius: 6px;
    color: #000;
    box-shadow: #0000003d 0px 3px 8px;
    transition: all 0.3s ease;
}

.accordion-question.active {
    background: #105c86;
    color: #fff;
    border-color: #fff;
}

.accordion-answer {
    width: 100%;
    padding: 0rem;
    height: 0;
    overflow: hidden;
    color: #000;
    transition: all 0.3s ease;
}

.accordion-answer.active {
    height: max-content;
    overflow: unset;
    padding: 0.8rem;
}

.faq-accordion {
    display: flex;
    flex-direction: column;
    row-gap: 13px;
}
table.service-table thead {
    color: #fff;
    font-weight: 700;
}


.disclaimer-container{
    padding: 2rem;
}
.disclaimer-container h2 {
    margin: 0;
    margin-bottom: 1rem;
    font-weight: 700;
}
.inner-div h3 {
    font-size: 25px;
    font-weight: 700;
}
.inner-div {
    padding-left: 1rem;
}


.upcoming-events-section {
    padding: 3rem;
}
.inside-ues {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.uec-card {
    width: 30%;
    padding: 0.5rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    border-radius: 4px ;
}
.event-img {
    width: 100%;
    position: relative;
}
.event-img img {
    width: 100%;
    /* width: 300px; */
    height: 200px;
    object-fit: contain;
}
.e-up {
    display: flex;
    margin-bottom: 0.5rem;
}

.name{
    width: 70%;
}
.event-content{
    padding-top: 0.5rem;
}
.event-content p,
.event-content h2 {
    margin: 0;
}
.e-up h2 {
    font-size: 28px !important;
    font-weight: 700;
    color: #105c86;
}
.date {
    position: absolute;
    top: 3%;
    left: 1%;
    padding: 0.5rem;
    display: flex;
    /* flex-direction: column; */
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}
.date p,
.date a{
    /* width: 30%; */
    font-size: 15px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    background: #105c86;
    padding: 0.5rem;
    line-height: 22px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.event-img {
    width: 100%;
    position: relative;
}

.date p{
    margin: 0;
}
/* .date span {
    font-size: 23px;
    font-weight: 800;
} */
.e-content{
    color: #000;
    text-align: justify;
}
.e-content h2 {
    font-size: 26px !important;
    font-weight: 700;
    color: #105c86;
}

.contact-section-new {
    padding: 2rem;
}
.inside-contact-section-new {
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}

.contact-info-new {
    display: flex;
    gap: 30px;
}
.ci-new-card {
    width: 32%;
    padding: 1rem;
    box-shadow: #105c8682 0px 4px 12px;
    border-radius: 6px;
    color: #105c86;
    background: #105c863b;
    transition: all 0.3s ease;
}
.ci-new-card:hover{
    background-color: #105c86;
    color: #fff;
}
.ci-new-card:hover a{
    color: #fff;
}
.ci-new-card p{
    margin: 0;
}
.nc-up {
    display: flex;
    margin-bottom: 1rem;
    gap: 20px;
    font-size: 23px;
    text-transform: capitalize;
    align-items: center;
    font-weight: 800;
}
.nc-content {
    display: flex;
    /* flex-direction: column; */
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 500;
    justify-content: center;
}
.nc-up i {
    font-size: 26px;
    color: #fff;
}
.ci-new-card:hover .nc-up i{
    color: #ff7d24;
}
.nc-up p{
    margin: 0;
}
.card-icon {
    padding: 1rem;
    background: #105c86;
    border-radius: 50%;
    display: flex;
    transition: background-color 0.3s ease;
}
.ci-new-card:hover .card-icon{
    background-color: #fff;
}
.contact-section-new h1 {
    margin: 0;
    text-align: center;
    font-weight: 900;
    margin-bottom: 1rem;
    color: #105c86;
}
h2.co-off {
    margin: 0;
    background: #80808014;
    text-align: center;
    padding: 0.4rem;
    border-radius: 3px;
}
section.office-addresses {
    padding: 3rem;
}
section.office-addresses h2 {
    margin: 0;
    margin-bottom: 4rem;
    text-align: center;
    background: #c8d9e3;
    padding: 0.4rem;
    border-radius: 5px;
    color: #105c86;
    font-size: 27px !important;
    font-weight: 700;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.inside-office-add {
    display: flex;
    gap: 13px;
    flex-wrap: wrap;
    row-gap: 4rem;
}
.inside-office-add p {
    margin: 0;
}
.off-add-card {
    width: 32%;
    padding: 1rem;
    position: relative;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-radius: 3px;
    border-left: 5px solid #105c86;
    transition: background-color 0.3s ease;
}
.off-add-card:hover{
    background-color: #105c86;
}
.off-icon {
    position: absolute;
    font-size: 39px;
    left: 40%;
    top: -16%;
    padding: 1rem;
    background: #105c86;
    box-shadow: #105c8640 0px 13px 27px -5px, #105c864d 0px 8px 16px -8px;
    display: flex;
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.3s ease;
}
.off-add-card:hover .off-icon {
    background-color: #ff7d24;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    color: #fbfbfb;
}

.oa-content {
    /* padding: 1rem; */
    padding-top: 2.5rem;
    color: #000;
    transition: color 0.3s ease;

}

.oa-content p{
    margin-bottom: 0.4rem;
}
.oa-content p:nth-child(1) {
    color: #105c86;
    font-size: 20px;
    font-weight: 700;
    transition: color 0.3s ease;
}
.off-add-card:hover .oa-content {
    color: #fff;
}
.off-add-card:hover .oa-content p:nth-child(1) {
    color: #fff;
}

.form-left-new {
    display: flex;
    flex-direction: column;
    row-gap: 13px;
    width: 50%;
}


.form-left-new select,
.form-left-new input{
    /* width: 50%; */
    margin-bottom: 0.5rem;
}
.form-left-new textarea {
    width: 100%;
    padding: 10px;
    height: 50px;
}
.form-left-new input,
.form-left-new textarea,
.form-left-new select {
    border: 1.5px solid #95959826;
    /* flex: 1; */
    border-radius: 3px !important;
    /* margin: 0; */
    background: none;
    outline: none;
    padding: 10px;
}
.form-left-new input::placeholder,
.form-left-new select::placeholder,
.form-left-new textarea::placeholder{
    color: #0000006b;
}

.insss-right .contact-btn{
    align-self: flex-start;
}
.contact-form-new form{
    display: flex;
    gap: 20px;
}
.inside-contact-section-new h2 {
    margin: 0;
    margin-bottom: 1rem;
    font-size: 27px !important;
    font-weight: 800;
    color: #105c86;
}
.contact-form-new {
    padding: 1rem;
    background: #105c8624;
    border-radius: 6px;
}
.form-container-parent {
    display: flex;
    gap: 20px;
}
.numbers-container a {
    color: #fff;
}
.numbers-container {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 1rem;
    background: #105c86;
    border-radius: 12px;
    width: 30%;
    align-items: center;
    justify-content: center;
}
.form-container-parent .form-container {
    width: 70%;
}

@media (max-width: 1200px) {
    .wcus-right {
        width: 48%;
        padding: 1rem;
    }
}

@media (max-width: 1100px) {
    .upcoming-events-section {
            padding: 2rem;
        }
}
@media (max-width: 1024px) {
    .news-card {
        width: 43%;
    }
    .qco-hero-section {
        padding-top: 0rem;
    }
    .inside-qco-cta-section {
        padding: 2rem;
    }
    .gallery-container {
        padding: 2rem;
        padding-top: 6rem;
    }
    .gallery-ccard {
        width: 48%;
    }
    /* update */
        .blog-down {
            flex-wrap: wrap;
        }
.blog-card-s {
    width: 46%;
}


}
@media (max-width: 1024px) {
    .hero-section-about {
        padding: 2rem;
        padding-top: 3rem;
        background: #1886c33b;
    }

    .iaas-right h1 {
        font-size: 30px;
    }

    .iaas-left {
        width: 50%;
        padding: 1rem 1rem;
    }

    .iaas-right {
        width: 50%;
        padding: 1rem 2rem;
    }

    .wcu-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        row-gap: 20px;
    }

    .about-vision-section {
        height: 170vh;
        padding: 2rem;
    }

    .wcuc-left {
        width: 100%;
    }

    .wcuc-right {
        width: 100%;
    }

    .wcu-img img {
        object-fit: cover;
    }

    .upper-about p {
        width: 100%;
    }

    .upper-about .heading-div {
        width: 100%;
    }

    .upper-about {
        flex-direction: column;
    }

    .bd-about-area {
        padding: 2rem;
        color: #000;
    }

    .hero-section {
        padding: 2rem;
        padding-top: 2rem;
    }

    .hsp-left h1 {
        font-weight: 800;
        font-size: 30px;
    }

    .hsp-left span {
        font-size: 30px;
    }

    .founders-message {
        padding: 2rem;
    }

    .inside-fm {
        display: flex;
        flex-direction: column;
    }

    .fm-right {
        width: 100%;
    }

    .fm-left {
        width: 100%;
        padding-right: 0.5rem;
    }

    .heading-div.small h2 {
        font-size: 25px !important;
    }

    .iwcs-middle img {
        height: 100%;
        object-fit: cover;
    }

    .iwcs-middle img {
        height: 100%;
        object-fit: cover;
    }

   

    .iha-left {
        padding: 0 0rem;
    }

    .hero-h {
        font-size: 30px;
    }

    .stats-section {
        margin-top: -2rem;
    }

    .banner-section {
        padding: 2rem;
    }

    .news-card.s {
        width: 100%;
        transition: all 0.3s ease;
    }

    .ov-uright {
        width: 75%;
        margin: auto;
    }

    .ov-uleft {
        width: 100%;
    }

    .ov-up {
        flex-direction: column;
    }

    .req-card {
        width: 48%;
    }
    .all-clients {
        padding: 2rem;
        padding-bottom: 0;
    }
        .uec-card {
            width: 48%;
        }

                .form-container-parent {
                    flex-direction: column;
                }
                                .form-container-parent .form-container {
                                    width: 100%;
                                }
    .numbers-container {
        width: 100%;
}


.off-icon {
    font-size: 30px;
    width: 4rem;
    height: 4rem;
}
.audit-card{
    width: 49%;
}
}


@media (max-width: 1000px) {
.pt-card {
    width: 100%;
    }
    .inside-service-container {
        padding-top: 1rem !important;
    }

}
@media (max-width: 900px) {
    .bd-hero-content-wrapper {
        flex-direction: column;
    }

    .content-left {
        width: 100%;
    }

    .content-right {
        width: 100%;
    }

    .upper-about .heading-div {
        width: 50%;
    }

    .cs-right-s {
        width: 50%;
        padding: 0 1rem;
    }

    .ins-left {
        width: 100%;
    }

    .ins-right {
        width: 100%;
    }

    .inside-testimonial-section {
        flex-direction: column;
    }

    .testimonial-section {
        padding: 2rem 3rem;
    }

    .blog-up {
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
        padding-bottom: 2rem;
    }

    .blog-up .contact-btn {
        align-self: flex-start;
    }
    .all-clients {
        flex-direction: column;
        row-gap: 15px;
    }
}
@media (max-width: 900px) {
    article.blog-card-s h2 {
            font-size: 16px;
        }
    .iha-left {
        padding: 0 0rem;
    }
    /* .inside-stats-section {
        flex-wrap: wrap;
    }
    */
        .stat-desc h1 {
            font-size: 30px;
        }
    .stat-card {
        width: 25%;
        gap: 15px;
        }
    .stat-card img {
        width: 2rem;
    }

    .hsp-right {
        width: 100%;
    }
    .hsp-left {
        width: 100%;
        padding: 2rem;
    }
    .hero-section {
        padding: 0rem;
        padding-top: 0rem;
    }
    .hero-section-up {
        display: flex;
        align-items: center;
        margin-bottom: 2rem;
        flex-direction: column-reverse;
    }

.inside-why-choose-us {
    display: flex;
    flex-direction: column-reverse;
}
.iwcs-left {
    width: 50%;
}
.iwcs-middle {
    width: 30%;
    display: none;
}
.iwcs-right {
    width: 100%;
}
.iwcs-left {
    width: 100%;
}
.iwcs-left {
    flex-direction: row;
}
    .inside-service-container {
        padding: 1rem !important;
        flex-direction: column;
    }

    .isc-left {
        width: 100%;
        padding-right: 0rem;
        padding: 0 1rem;
    }
    .isc-left h1 {
        font-size: 34px;
    }
    .isc-right {
        width: 100%;
    }
.inside-service-desc {
    padding: 1rem;
    align-items: flex-start;
    flex-direction: column;
}
.isdc-right {
    width: 100%;
}
.isdc-left {
    width: 100%;
    display: flex;
    /* flex-direction: row; */
}
.enquiry-form-section {
    width: 100%;
}
.overview-right {
    width: 100%;
    display: none;
}
/* .overview-right {
    width: 45%;
} */
 .iha-right {
     width: 50%;
 }
 .banner-left p {
     font-size: 17px;
 }
 .banner-left {
     padding: 0 0rem;
 }
 .inside-cfs {
     display: flex;
     flex-direction: column;
 }
 .icfs-left {
     width: 100%;
 }
 .icfs-right {
     width: 100%;
 }
 .points-container {
     display: flex;
     margin-top: 2rem;
     flex-direction: column;
 }
 .pc-left {
     width: 70%;
     display: flex;
     flex-direction: column;
     align-items: center;
     margin: auto;
 }
 .pc-right {
     width: 100%;
 }
 .docs-list {
     flex-direction: row;
 }
 .inside-contact-section-ss {
     flex-direction: column;
 }
 .insss-left {
     width: 100%;
 }
 .insss-right {
     width: 100%;
 }
 .world-wide {
     padding: 2rem;
     flex-direction: column;
 }
 .ww-left {
     width: 100%;
     padding-right: 0rem;
 }
 .ww-right {
     width: 100%;
 }
 .inside-footer {
     flex-wrap: wrap;
 }
.footer-widget.right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
 .footer-widget.middle {
     width: 45%;
 }
 .footer-widget.left {
     width: 44%;
 }
 .footer-widget h2 {
     width: 100%;
 }
 .c-info {
    width: 50%;
 }
 .badges {
     display: flex;
     gap: 10px;
     /* flex-wrap: wrap; */
     width: 50%;
     align-items: flex-start;
 }
 .sticky-section.stickyActive {
     position: unset;
 }
 .infographic {
     display: none;
 }
 .sticky-section {
     display: flex;
     gap: 20px;
 }
 .pdf-card a {
    height: unset;
 }
 .contact-info-new {
     display: flex;
     gap: 22px;
     flex-direction: column;
 }
 .contact-info-new {
     flex-direction: column;
 }
 .ci-new-card {
     display: flex;
     gap: 27px;
     align-items: center;
     width: 100%;
 }
 .nc-up {
     margin-bottom: 0;
 }
}

@media (max-width: 800px) {
    .blog-card-s {
            width: 45%;
    }
    .iaas-right {
        width: 100%;
        padding: 1rem 0rem;    }
    .iaas-left {
        width: 100%;
        padding: 0rem;  
    }.inside-aa-section {
        display: flex;
        flex-direction: column;
    }
    .inside-cta-contact-section {
        display: flex;
        justify-content: space-between;
    }
    .inside-cta-contact-section {
        display: flex;
    }
    .gr-heading.heading-below{
        display: block;
    }
    .gr-heading {
        justify-self: flex-end;
        display: none;
    }
    .hero-section-about {
        padding: 1rem;
    }
    .stat-card {
        padding: 0rem;
    }
    .stats-section {
        margin-top: 0rem;
        width: 100%;
        border-radius: 0;
    }
    .iha-left p {
        font-size: 17px;
    }
    .heading-div h2 {
        font-size: 1.8rem !important;
        line-height: 2.4rem;
    }

.news-main-body {
    padding: 1rem;
    padding-top: 0;
}
.news-category {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.inmb-left {
    width: 100%;
}
.inside-news-main-body {
    flex-direction: column;
}
.inmb-right {
    width: 100%;
}
.iqo-left h1 {
    font-size: 26px;
}
.inside-qco-order {
    padding: 1rem;

}
    .gallery-ccard {
        width: 100%;
    }
    section.home-clients-section {
        padding: 1rem;
    }
}

@media (max-width: 765px) {
    .inside-hero-about {
        flex-direction: column-reverse;
    }
    .iha-left {
        width: 100%;
    }
    .iha-right{
        width: 100%;
    }
        .iaas-right h1 {
            font-size: 30px;
        }
                .stat-card {
                    width: 20%;
                    gap: 15px;
                }
    .inside-stats-section {
        flex-wrap: wrap;
    }
    .inside-cta-contact-section {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        row-gap: 10px;
    }
    .cta-contact-section .heading-div {
        width: 50%;
    }
    .form-section {
        position: unset;
    }
    .cta-contact-section .heading-div {
        width: 100%;
    }
    .form-section {
        width: 100%;
    }
    .testimonial-section {
        padding: 1rem 1rem;
    }
    .gr-heading.heading-below {
        display: block;
        width: 100%;
    }
.fm-right {
    flex-direction: column;
}
.service-left {
    width: 100%;
}
.inside-service-section {
    display: flex;
    flex-direction: column;
}
.service-left .heading-div {
    padding: 0 1rem;
    margin-bottom: 0rem;
}
/* .service-section {
    height: 160vh;
} */
.service-right {
    width: 100%;
    position: relative;
}
/* .service-tab {
    height: unset;
} */

.tabs {
    display: flex;
    justify-content: center;
    FLEX-WRAP: WRAP;
    gap: 15px;
}
    .tab-btn {
        font-size: 17px;
    }
.banner-right {
    display: none;
}
    .inside-banner-section {
        flex-direction: column-reverse;
        row-gap: 11px;
    }
    .banner-left {
        width: 100%;
    }
    .workWithUs-section {
        padding: 2rem;
    }
    .wwu-card {
        width: 47%;
    }
.gallery-container {
    padding: 1rem;
    padding-top: 9rem;
    padding-bottom: 6rem;
}
.fee-table {
    display: flex;
    align-items: stretch;
    flex-direction: column;
}
.fees-left {
    width: 100%;
}
.fees-right {
    width: 100%;
}

.heading-flex {
    flex-direction: column;
    align-items: flex-start;
}
.c-left #contactSubmit {
    display: none;
}
        .audit-heading .contact-btn {
            display: none !important;
        }
    .audit-div .contact-btn {
        display: flex !important;
    }
    .audit-cards{
        padding: 1rem;
    }
}
@media (max-width: 765px) {
    .bd-hero-content-wrapper {
        margin-bottom: 2rem;
    }

    .upper-about p {
        width: 100%;
    }

    .upper-about .heading-div {
        width: 100%;
    }

    .upper-about {
        flex-direction: column;
    }
/* remove code */
    /* .blog-down {
        flex-direction: column;
        row-gap: 20px;
    } */
        .uec-card {
            width: 100%;
        }
                .off-add-card {
                    width: 46%;
                }
}
@media (max-width: 600px) {
    .pt-card {
            width: 100%;
        }

    .inside-services-section {
        border-radius: 0;
    }
    .services-section {
        padding: 2rem 0rem;
    }
    .service-slide-img img {
        object-position: top;
    }
    .gr-slide {
        width: 100%;
    }
    
    .kf-card {
        width: 45%;
    }
    .iha-left p {
        text-align: justify;
    }
    .stat-card {
        width: 44%;
        gap: 15px;
    }
    .inside-stats-section {
        flex-wrap: wrap;
        gap: 1.2rem;
    }
    
    .wwu-card {
        width: 100%;
    }
    .wwu-num::before {
        width: 3rem;
        height: 3rem;
        top: -11px;
    }
    .wwu-num {
        font-size: 27px;
    }
    .hiring-posts {
        padding: 1rem;
    }
    .ov-features {
        flex-direction: column;
    }
    .of-left {
        width: 100%;
        margin-bottom: 1rem;
    }
    .of-right {
        width: 100%;
    }
    .req-card {
        width: 100%;
    }
    .badges {
        width: 100%;
    }
    footer {
        padding: 1rem;
    }
    .footer-widget.left {
        width: 100%;
    }
    .c-info {
        width: 100%;
    }
    .footer-widget.middle {
        width: 100%;
    }
    .news-card {
        width: 100%;
    }
    .inside-qco-order {
        flex-direction: column;
    }
    .iqo-left {
        width: 100%;
    }
    .iqo-right {
        width: 100%;
    }
    .iqo-right img{
        display: none;
    }
    .inside-qco-cta-section {
        flex-direction: column;
        row-gap: 10px;
    }
    .cta-left {
        width: 100%;
    }
    .cta-right{
        width: 100%;
    }
    .gallery-modal-content img {
        height: 55vh;
    }
    .client-slide img {
        width: 8rem;
        height: 6rem;
    }
    .blog-up .heading-div {
        width: 100%;
        align-items: center;
        text-align: center;
    }
    .blog-up .contact-btn {
        align-self: center !important;
    }
    .all-clients {
        padding: 2rem;
        padding-bottom: 0;
    }
                .ci-new-card {
                    flex-direction: column;
                    align-items: flex-start;
                }
                                .off-add-card {
                                    width: 100%;
                                }
.contact-section-new h1 {
    font-size: 30px;
}
.contact-section-new {
    padding: 0rem;
}
section.office-addresses {
    padding: 1rem;
}
.maps {
    flex-direction: column;
}
.map {
    width: 100%;
}
/* .service-right {
    height: unset;
}



.service-right {
    height: unset;
} */
/* .service-right {
    height: 50vh;
} */
.service-tab {
    padding: 0;
}
/* update */
article.blog-card-s h2 {
    font-size: 16px !important;
}
.audit-card{
    width: 100%;
}
}
@media (max-width: 500px) {
    .ts-up {
        padding-bottom: 2rem;
    }

    .ts-up p {
        font-size: 19px;
    }
}
@media (max-width: 480px) {
        .banner-section {
                padding: 1rem;
            }
.pt-icon {
    height: 4rem;
    width: 4rem;
    }
    .iwcs-left {
        flex-direction: column-reverse;
    }
    .iwcs-down {
        flex-direction: column;
    }
    .wcs-card{
        padding: 1rem;
    }
.pic img {
    width: 4rem;
    height: 4rem;
}
.ts-up {
    padding: 0rem;
    margin-bottom: 0rem;
    padding-bottom: 0rem;
}
    .ts-up p {
        font-size: 15px;
    }
    .ts-down {
        padding: 0rem;
    }
.testiSwiper .swiper-button-next,
.testiSwiper .swiper-button-prev {
    top: 75% !important;
}
.testiSwiper .swiper-button-next,
.swiper-rtl .testiSwiper .swiper-button-prev {
    right: 1%;
    left: auto;
}
.cta-contact-section {
    padding: 1rem;
    margin-bottom: 1rem;
    margin-top: 0rem;
}
.key-feature-cards {
    gap: 17px;
}
    .kf-card {
        width: 100%;
    }
    .founders-message {
        padding: 1rem;
    }
    
    .service-section {
        padding: 0rem;
        padding-bottom: 1rem;
    }
    .about-about-section {
    padding: 1rem;
}
        .about-vision-section {
            padding: 1rem;
        }
    .tab-num {
        padding: 0rem;
    }
    .num-tag {
        font-size: 16px;
    }
    .pc-left {
        width: 100%;
    }
    .map {
        width: 100%;
    }
    .maps {
        flex-direction: column;
    }
    .sub button {
        width: 44%;
        padding: 0.5rem;
    }
    .contact-section-ss {
        padding: 0rem;
    }
.inside-contact-section-ss {
    padding: 0rem;
}
.insss-left {
    padding: 0.9rem;
    border-radius: 0px;
}
    .world-wide {
        padding: 1rem;
        flex-direction: column;
    }
    .service-right {
        width: 100%;
        position: relative;
        height: 65vh;
    }
    .hsp-left {
        padding: 1rem;
    }
    .gallery-modal-content img {
        height: 44vh;
    }
                .blog-down {
                    flex-direction: column;
                    row-gap: 20px;
                }
    .blog-card-s {
        width: 100%;
    }
}
@media (max-width: 465px) {
    .inside-ias-s {
        border-radius: 0;
    }
    .international-audits-section {
        padding: 1rem;
    }
    .contact-section-s {
        padding: 0rem;
        padding-bottom: 2rem;
    }
    .cs-left-s .up {
        flex-direction: column;
        align-items: flex-start;
    }
    .testimonial-section {
        padding: 1rem;
    }
    .heading-div h2 {
        font-size: 2rem !important;
        line-height: 2.5rem;
    }
    .heading-div span {
        font-size: 14px;
    }
    .gr-slide {
        height: unset;
    }
    .benefit-cards {
        gap: 35px;
    }
    .isc-left {
        padding: 0 0rem;
        /* text-align: center; */
    }
    .stat-card {
        width: 100%;
    }
    .iaas-left {
        text-align: justify;
        font-size: 15px;
    }
    .about-vision-section {
        height: 255vh;
        padding: 2rem;
    }
    .content-card {
        padding: 0rem;
    }
    .isc-left h1 {
        font-size: 25px;
    }
    .career-form-section {
        padding: 1rem;
    }
    .p-4 {
        padding: 1rem !important;
    }
    .custom-swiper {
        width: 90%;
        max-width: 1000px;
    }
    .audit-cards {
        padding: 1rem;
    }
    .audit-card {
        width: 100%;
    }
    .clientele-section {
        padding: 2rem 1rem;
    }
    .gl-ccard-content h5 {
        font-size: 14px;
    }

    .audit-heading .heading-div {
        width: 100% !important;
    }
    .audit-heading .contact-btn {
        display: none !important;
    }
    .audit-div .contact-btn {
        display: flex !important;
    }
    .blog-section-s {
        padding: 1rem;
    }
    .blog-up .contact-btn {
        display: none !important;
    }
    .blog-down .contact-btn {
        display: flex !important;
    }
    .heading-flex .contact-btn {
        display: none !important;
    }
    a.contact-btn.mobile-btn {
        display: flex !important;
        justify-content: center;
    }
    .sticky-section {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }
}
@media (max-width: 400px) {
    .wcu-icon {
        flex-direction: column;
        align-items: flex-start;
    }
    .ts-up {
            padding-bottom: 5rem;
    }
    .ts-up {
        padding: 1rem;
    }
    footer {
        padding: 1rem;
    }
    .heading-div h2 {
        font-size: 1.5rem !important;
        line-height: 2rem;
    }

    .bd-about-exp .shape {
        display: none;
    }
    .bd-about-exp {
        margin-top: 10px;
    }
    .bd-about-two-thumb-wrap .title {
        inset-inline-start: 8px;
    }
    .inside-services-section {
        row-gap: 0rem;
    }
    .copyright {
        padding: 1rem;
        border-radius: 0;
        font-size: 14px;
    }
    .hsp-left {
        width: 100%;
        padding: 1rem;
    }
    .hsp-left span {
        font-size: 27px;
    }
    .hsp-left h1 {
        font-weight: 800;
        font-size: 23px;
    }
    .service-section {
        height: unset;
    }
    .wcuc-right {
        display: none;
    }
    .about-vision-section {
        height: 150vh;
        padding: 1rem;
    }
    .num-tag {
        text-wrap: nowrap;
    }
    .gallery-container {
        padding: 1rem;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    section.home-clients-section {
        padding: 1rem;
    }
    .testiSwiper .swiper-button-next,
    .testiSwiper .swiper-button-prev {
        top: 66% !important;
    }
}