*{
    font-family: "nunito sans";
}

.hero-section {
    padding: 2rem;
    padding-top: 8rem;
}
.hero-section-up {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.hsp-left {
    width: 40%;
}
.hsp-left h1 {
    font-weight: 800;
}
.hsp-right {
    width: 60%;
}

.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;
}
.service-btn p{
    transition: color 0.3s ease;
    margin: 0;
}
.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;
}
.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: #bbe3f9de;
    color: #105c86;
    border-radius: 50px;
    margin-bottom: 0.5rem !important;
    border: 1px solid #105c86;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
}

.heading-div.white span {
    background: #0d4c6f;
    color: #ff7d24;
}
.heading-div span i{
    font-size: 14px;
}
.heading-div h2 {
    margin: 0.7rem 0;
    font-size: 2.2rem !important;
    font-weight: 700;
    line-height: 2.7rem;
    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;
}

.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;
}

@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: 4rem;
}
.inside-service-section {
    display: flex;
}
.service-left {
    width: 30%;
    padding: 1rem 0;
    background: #105c86;
    border-radius: 15px;
}
.service-left .heading-div{
    padding: 0 1rem;
    margin-bottom: 2rem;
}
.service-right {
    width: 70%;
    position: relative;
    height: 60vh;
}
.service-tab {
    position: absolute;
    display: none;
    height: 100%;
    /* background: rebeccapurple; */
    width: 100%;
    padding: 1.4rem;
    /* display: flex; */
    /* flex-direction: column; */
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    overflow-y: scroll;
}
.sc-logo {
    width: 17%;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.sc-logo:hover{
    /* box-shadow: none; */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.sc-logo img{
    width: 100%;
}
.service-tab.active{
    display: flex;
}
.tab-btn {
    padding: 0.5rem 1rem;
    border-radius: 3px;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.tab-btn.active{
    background-color: #fff;
    color: #105c86;
}
a.link-btn {
    padding: 0.7rem 1.6rem;
    border: 1px solid;
    border-radius: 50px;
}


/* 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: 2rem;
    flex: 1;
}

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

.wc-up{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}
/* contact section */


/* audit section */
.international-audits-section {
    padding: 2rem;
}
.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: 0;
    z-index: 10;
    padding: 1rem;
    width: 100%;
}
.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-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;
}


/* 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: #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;
    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;
}
.blog-up{
    padding: 2rem;
}
.blog-down {
    display: flex;
    gap: 1rem;
}
.blog-card-s {
    padding: 1rem;
    /* background: rebeccapurple; */
    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);
}

.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;
}
.gr-slide {
    background: #fff;
    padding: 1rem;
    border-radius: 9px;
    /* height: 60vh; */
    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;
}

@media (max-width: 1458) {
.service-slide {
    height: 75vh;
}
}
@media (max-width: 1200px) {
    .wcus-right {
        width: 48%;
        padding: 1rem;
    }
}

@media (max-width: 1024px) {
    
}
@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;
}
}


@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;
}

.blog-down {
    flex-direction: column;
    row-gap: 20px;
}

}

@media (max-width: 500px) {
    .ts-up {
            padding-bottom: 2rem;
    }
    .ts-up p {
        font-size: 19px;
    }
}

@media (max-width: 400px) {
    .wcu-icon {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ------------------------------- */
    /* 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%;
}


.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 .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;
}

.content-card {
    opacity: 0;
}

.wcu-img {
    opacity: 0;
}

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

.content-card.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;
    transition: all 0.3s ease;
}
.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;
}
.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: 100%;
    padding-right: 3rem;
}
.ww-right {
    width: 100%;
}
.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;
}
.gl-card-content {
    position: absolute;
    padding: 1rem;
    width: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    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);
}
.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;
}

.swiper-button-next,
.swiper-button-prev {
    color: white;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.3s;
}

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

/* 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: 2rem;
    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;
}
.enquiry-form-section{
    position: sticky;
    top: 0;
}
.isdc-right {
    width: 100%;
}
.isdc-right .toc {
    position: sticky;
    z-index: 1000000;
    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-uleft {
    width: 55%;
}
.service-description h2 {
    font-size: 28px !important;
    font-weight: 800;
}
.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;
}
.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;
}
.of-left {
    width: 55%;
}
.of-right {
    width: 45%;
}

.points-container {
    display: flex;
    margin-top: 2rem;
}
.pc-left {
    width: 50%;
}
.pc-right {
    width: 50%;
    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;
}
.fees-left {
    width: 55%;
    padding: 0 1rem;
}
.fees-left h2{
    margin: 0;
}
.fees-right {
    width: 45%;
}

/* new css end  */
.acc-btn {
    padding: 0.6rem;
    background: #105c86;
    display: flex;
    justify-content: space-between;
    color: #fff;
    cursor: pointer;
    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; */
}

.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: 70%;
}
.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: 48%;
    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%;
}

.blog-container{
    padding: 2rem;
}

@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;
}
.sc-logo {
    width: 24%;
}
.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%;
}
}

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

}

@media (max-width: 900px) {
    .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: 0 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;
 }
}

@media (max-width: 800px) {
    .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-slide {
        width: 48%;
    }
    .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%;
}
}

@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;
} */
    .sc-logo {
        width: 17%;
    }
    .tabs {
        display: flex;
        justify-content: center;
    }
    .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%;
}
}

@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;
    }
    .sc-logo {
        width: 21%;
    }
    .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%;
    }
}

@media (max-width: 480px) {
.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 {
        height: 147vh;
    }
    .service-section {
        padding: 0rem;
        padding-bottom: 1rem;
    }
    .sc-logo {
        width: 27%;
    }
    .about-about-section {
    padding: 1rem;
}
        .about-vision-section {
            padding: 1rem;
        }
    .tab-num {
        padding: 0rem;
    }
    .num-tag {
        font-size: 16px;
    }
    .pc-left {
        width: 100%;
    }
}
@media (max-width: 465px) {
    .inside-ias-s {
        border-radius: 0;
    }
    .international-audits-section {
        padding: 2rem 0;
    }
    .contact-section-s {
        padding: 0rem;
        padding-bottom: 2rem;
    }
    .cs-left-s .up {
        flex-direction: column;
        align-items: flex-start;
    }
    .testimonial-section {
        padding: 2rem 1rem;
    }
    .heading-div h2 {
        font-size: 2rem !important;
        line-height: 2.5rem;
    }
    .heading-div span {
        font-size: 14px;
    }
    .gr-slide {
        height: 65vh;
    }
    .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;
    }
    
}


@media (max-width: 400px) {
    .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: 0 1rem;
    }
    .hsp-left span {
        font-size: 23px;
    }
    .hsp-left h1 {
        font-weight: 800;
        font-size: 23px;
    }
    .service-section {
        height: 135vh;
    }
    .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;
    }
}