@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url(layout.min.css);
html {
    font-size: 16px;
}

body {
    position: relative;
    background: #fff;
    overflow-x: hidden;
    font-family: "Open Sans", sans-serif;
}

:root {
    --white: #ffffff;
    --black: #181818;
    --theme-color: #62C1E5;
    --primary: #CFECF7;
}

p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.67;
    margin-bottom: 2rem;
    color: #a3a3a3;
}

h1,
h2,
h3,
h4 {
    font-family: "Work Sans", sans-serif;
}

h1 div {
    display: inline-block;
}

.img-auto {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

a,
button {
    text-decoration: none !important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a:hover,
button:hover {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

figure {
    margin: 0;
}

section {
    padding: 5rem 0;
    position: relative;
}


/* Home Page CSS Start  */

.main-Banner {
    background: #fff;
    height: 60vh;
    display: flex;
    align-items: center;
    min-height: 35rem;
}

.bannertext h1 {
    font-size: 3.125rem;
    text-transform: capitalize;
    font-weight: 500;
    color: var(--black);
}

.bannertext h1 span {
    color: var(--theme-color);
}

.bannertext h6 {
    background: var(--theme-color);
    padding: 12px 1.75rem;
    border-radius: 100px;
    font-size: 1.25rem;
    color: var(--white);
    font-weight: 400;
    text-transform: capitalize;
    display: inline-block;
    margin-bottom: 1.25rem;
}

.logoSec h6 {
    text-align: center;
    margin-bottom: 3rem;
    font-weight: 700;
    color: #cdcdcd;
    text-transform: capitalize;
}

.logoSec {
    padding-top: 0;
}

.contactForm {
    background: radial-gradient(#ffffff, #eaf9ff);
}

.leadForm h2 {
    font-size: 2.5rem;
    font-weight: 500;
}

.leadForm p {
    color: var(--black);
    margin-bottom: 1rem;
}

.leadForm input,
.leadForm textarea {
    width: 100%;
    height: 3.5rem;
    padding: 1rem;
    border: 1px solid #C2C2C2;
    border-radius: 10px;
    margin: 6px 0;
}

.leadForm input::placeholder,
.leadForm textarea::placeholder {
    text-transform: capitalize;
}

.leadForm textarea {
    height: 110px;
    margin: 0;
}

.leadForm {
    border: 1px solid #C2C2C2;
    border-radius: 10px;
    padding: 2rem;
    background: var(--white);
    box-shadow: 0 0 20px #00000021;
}

.contactContnt .iconBox {
    background: var(--white);
    display: inline-block;
    padding: 5px 10px 0;
    border-radius: 10px;
    box-shadow: 0 5px 15px #00000036;
    margin-bottom: 1.5rem;
}

h4 {
    font-size: 3.125rem;
    text-transform: capitalize;
}

h4 span {
    color: var(--theme-color);
}

.contactContnt h5 {
    font-size: 1.75rem;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 1.5rem;
}


/* .contactContnt {
    padding-right: 8rem;
} */

.leadForm .themeBtn {
    float: right;
    margin-top: 10px;
    border: none;
}

h6 {
    font-size: 1.25rem;
}

.tabsPack {
    margin: 0;
    text-align: center;
}

.tabsPack a {
    border-radius: 100%;
    background: #fff;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 7px 10px #00000038;
    position: absolute;
}

.tabsPack a.active,
.tabsPack a.current {
    background: var(--theme-color);
    color: #000;
}

[class^=box-] {
    display: none;
}

[class^=box-].showfirst {
    display: block;
}

.serviceSec {
    background: url(../images/bg/1.png) bottom center / cover fixed no-repeat;
    overflow: hidden;
}

.serBox {
    background: var(--white);
    padding: 3rem;
    border-radius: 10px;
    border: 1px solid #d7d7d7;
    text-align: center;
}

.serBox h3 {
    font-weight: 600;
    border-bottom: 1px solid var(--theme-color);
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.serBox p {
    color: var(--black);
    margin: 1rem 0 1rem;
}

.leftTabs {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
}

.RightTabs {
    left: auto;
    right: 0;
}

.serviceTabsBox {
    margin: 13rem 9rem 0;
}

.tabsPack a.active img,
.tabsPack a.current img {
    filter: brightness(20.5);
}

.tabOne {
    top: -7rem;
    left: 6rem;
}

.tabTwo {
    top: 1.5rem;
    left: 1rem;
}

.tabThree {
    top: 11rem;
    left: -1rem;
}

.tabFour {
    right: 6rem;
    top: -7rem;
}

.tabFive {
    right: 1rem;
    top: 1.5rem;
}

.tabSix {
    top: 11rem;
    right: -1rem;
}

.serviceTabs {
    position: relative;
    z-index: 11;
}

.serviceSec::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url(../images/bg/2.png) bottom center / contain no-repeat;
    width: 45%;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12rem;
}

.serviceSec p {
    color: var(--black);
}

.serviceSec::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(359deg, #ffffff, transparent);
    z-index: 0;
    height: 10rem;
    top: auto;
    bottom: 0;
}

.trademarkLogos ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.trademarkLogos ul li {
    flex: 0 0 31.33%;
    box-shadow: 0 0px 20px #0000001a;
    padding: 2.5rem;
    border-radius: 10px;
    margin: 10px;
    transition: all 0.5s ease;
}

.trademarkLogos ul li:hover {
    transform: scale(1.05);
}

.mapSec {
    background: radial-gradient(#ffffff, #eaf9ff);
}

.mapSec .mapBox {
    margin-top: 4rem;
}

.mySwiper {
    width: 600px;
    height: 300px;
}

.mySwiper .swiper-slide {
    width: 250px;
    /* important for partial view */
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    transition: 0.3s;
}

.mySwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reviewBox {
    display: flex;
    align-items: center;
    background: #F6F6F6;
    border-radius: 20px;
    border: 1px solid #C5C5C5;
    gap: 2rem;
    overflow: hidden;
}

.reviewBox .reviewUser {
    width: 50%;
}

.reviewBox .reviewContnt {
    width: 80%;
    padding-right: 2rem;
}

.reviewBox .reviewContnt ul {
    display: flex;
    gap: 2px;
    margin-bottom: 1rem;
    color: #F1CF79;
}

.reviewBox .reviewContnt h6 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.38;
}

.reviewBox .reviewContnt h6 span {
    display: block;
    font-size: 14px;
    font-weight: 600;
}

.reviewsSwiper {
    margin: 0 5rem;
}

.reviewSec .swiper-button-next1 {
    top: auto;
    left: 5rem;
    bottom: -2rem;
}

.reviewSec .swiper-button-prev1 {
    top: auto;
    bottom: -2rem;
}

.packgeSec {
    background: radial-gradient(#ffffff, #eaf9ff);
}

.packageBox .packgeHead h5 {
    font-size: 1.75rem;
    color: var(--theme-color);
    margin: 0;
    transition: all 0.5s ease;
    width: 80%;
}

.packageBox .packgeHead h5 span {
    display: block;
    font-size: 2.75rem;
    font-weight: 600;
    color: var(--theme-color);
}

.packgeHead {
    /* display: flex; */
    align-items: end;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #D5D5D5;
    transition: all 0.5s ease;
}

.packgeHead p {
    margin: 0;
}

.packageBox {
    background: #fff;
    padding: 2rem;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
}

.packgeBody ul li {
    position: relative;
    font-size: 1rem;
    padding: 10px 0 10px 2rem;
    transition: all 0.5s ease;
}

.packgeBody ul li::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url(../images/mix/22.png) center left / contain no-repeat;
    width: 25px;
    height: 25px;
    object-fit: cover;
    top: 12px;
    transition: all 0.5s ease;
}

.packgeBody ul {
    margin: 2rem 0;
    height: 280px;
    overflow-y: hidden;
}

.packageBox::before,
.packageBox::after {
    content: '';
    position: absolute;
    inset: 0;
    background: #20A7DB;
    width: 130px;
    height: 130px;
    border-radius: 100px;
    top: -2rem;
    left: auto;
    right: -2rem;
}

.packageBox::after {
    top: auto;
    bottom: -4rem;
    right: auto;
    left: -3rem;
}

.packgeBtn {
    text-align: center;
}

.packageBox:hover,
.packageSlider .swiper-slide.swiper-slide-active .packageBox {
    background: var(--theme-color);
}


/* Text & icons white on hover OR active */

.packageSlider .swiper-slide-active .packageBox *,
.packageSlider .packageBox:hover * {
    color: #fff;
}


/* Bullet icon invert on hover OR active */

.packageSlider .swiper-slide-active .packageBox .packgeBody ul li::before,
.packageSlider .packageBox:hover .packgeBody ul li::before {
    filter: invert(1) brightness(20.5);
}


/* Button background on hover OR active */

.packageSlider .swiper-slide-active .packageBox .packgeBtn a,
.packageSlider .packageBox:hover .packgeBtn a {
    background: var(--black);
}

.packageBox .packgeBtn:hover a {
    color: var(--black);
}

.packageBox * {
    color: var(--black);
}

.packageSlider {
    padding: 3rem 14px 4rem;
}

.packageSlider.center-few .swiper-wrapper {
    justify-content: center;
}

.packageSlider .swiper-wrapper {
    align-items: flex-end;
}

.packgeBody .mCSB_container {
    margin-left: 0;
}

.reviewSlide .swiper-pagination {
    bottom: 0;
}

.reviewSlide .swiper-button-next {
    right: -4rem;
}

.reviewSlide .swiper-button-prev {
    left: -4rem;
}

.mCSB_dragger_bar {
    background: #26a7d9 !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #d8f0f7;
}

.packageSlider .swiper-slide.swiper-slide-active .packageBox {
    transform: scale(1.05);
}

.statsWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 30px 40px;
    border-radius: 16px;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.statsBox {
    flex: 1;
    text-align: center;
    padding: 15px 10px;
    border-right: 1px solid #eee;
}

.statsBox:last-child {
    border-right: none;
}

.statsBox h2 {
    font-size: 32px;
    font-weight: 700;
    color: #000;
    margin: 0;
}

.statsBox p {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
    margin-bottom: 0;
}

.imgBox img {
    width: 90px;
    height: auto;
    margin: 0 auto;
}

.answerBg ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0rem;
    margin-top: 3rem;
}

.answerBg ul li {
    flex: 0 0 28%;
    margin: 2rem 0;
}

.answerBg ul li .askBox {
    background: #fff;
    box-shadow: 0 0 20px #00000008;
    padding: 1.75rem 1rem 12px;
    border-radius: 15px;
    text-align: center;
    position: relative;
    border: 1px solid #D3D3D3;
    background: #fff;
    transition: all 0.5s ease;
}

.answerBg ul li .askBox h3 {
    text-transform: capitalize;
    font-size: 1.5rem;
    transition: all 0.5s ease;
}

.answerBg ul li .askBox span {
    position: absolute;
    top: -17px;
    background: var(--theme-color);
    width: 35px;
    height: 35px;
    border-radius: 100px;
    border: 2px solid #fff;
    color: #fff;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
}

.answerBg ul li:nth-child(4) .askBox {
    margin-left: -6rem;
    margin-right: 6rem;
}

.answerBg ul li:nth-child(6) .askBox {
    margin-left: 6rem;
    margin-right: -6rem;
}

.answerBg ul li:nth-child(2) .askBox,
.answerBg ul li:nth-child(5) .askBox {
    margin-top: -3rem;
}

.topMinus {
    position: relative;
}

.topMinus::before,
.topMinus::after {
    content: '';
    position: absolute;
    inset: 0;
    border-top: 2px dashed var(--theme-color);
    left: -78%;
    right: 100%;
    top: 29px;
}

.topMinus::after {
    left: 100%;
    right: -78%;
}

.answerBg ul li:nth-child(4) .askBox::before,
.answerBg ul li:nth-child(5) .askBox::before,
.answerBg ul li:nth-child(6) .askBox::before {
    content: '';
    position: absolute;
    inset: 0;
    border-right: 2px dashed var(--theme-color);
    top: -4rem;
    bottom: 4rem;
    right: 50%;
}

.answerBg ul li .askBox:hover {
    background: var(--theme-color);
}

.answerBg ul li .askBox:hover h3 {
    color: #fff;
}


/* accordion css */

.faqSec {
    background: linear-gradient(176deg, #eaf9ff, transparent);
}

.accordian {
    margin-top: 2rem;
}

.accordian li {
    margin-bottom: 12px;
    border: 1px solid #dedede87;
    border-radius: 12px;
}

.accordian li h4 {
    color: #fff;
    font-size: 1.125rem;
    padding: 1.4rem;
    position: relative;
    cursor: pointer;
    background-color: var(--theme-color);
    border-radius: 12px;
    margin: 0;
    line-height: 1.3;
    padding-right: 3.5rem;
}

.accordian h4::after {
    content: "\f067";
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    position: absolute;
    right: 20px;
    line-height: normal;
    transition: all 0.3s ease-in-out;
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
}

.accordian p {
    margin: 0;
    color: #869289;
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 1rem;
}

.accordian li>div {
    display: none;
    background: #fff;
    border-radius: 0 0 10px 10px;
    padding: 1rem;
}

.accordian li.active h4::after {
    content: "\f068";
    background: var(--theme-color);
    color: #fff;
}

.accordian li.active {
    background: #fff;
}

.accordian li.active h4 {
    color: var(--theme-color);
    background: #fff;
    color: var(--black);
}

.accordian li.active>div {
    background: #fff;
}

.accordian li.active>div p {
    color: var(--black);
}


/* accordian End */

.blogSlide .blogBox {
    border: 1px solid #BCBDC1;
    border-radius: 15px;
    box-shadow: 0 0 20px #00000021;
    margin: 0;
}

.blogSlide .blogBox img {
    width: 100%;
}

.blogSlide .blogBox .blogContnt {
    padding: 2rem;
    height: 17rem;
}

.blogSlide .blogBox .blogContnt p {
    margin-bottom: 1rem;
}

.blogSlide .blogBox .blogContnt a {
    color: var(--black);
    font-weight: 600;
    text-transform: capitalize;
}

.blogSlide .blogBox .blogContnt a:hover {
    color: var(--theme-color);
}

.blogSlide .blogBox .blogContnt h5 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.38;
    margin: 0 0 8px;
}

.blogSlide {
    padding: 0 1rem;
}

.blogSlider {
    padding: 1rem 0;
}

.blogSlide .swiper-button-next {
    right: -3rem;
}

.blogSlide .swiper-button-prev {
    left: -3rem;
}


/* Home Page CSS End */


/* Inner Pages CSS Start */

.innerBanner {
    height: 60vh;
}

.ctaBox {
    background: var(--theme-color) url(../images/bg/3.png) top center / cover no-repeat;
    border-radius: 0 40px 40px 40px;
}

.ctaBox p,
.ctaBox h4 {
    color: var(--white);
}

.ctaBox figure {
    margin-top: -6rem;
}

.ctaSec {
    margin-top: 7rem;
}

.blueBg {
    background: radial-gradient(#ffffff, #d9f3fd);
}

.abtList {
    display: flex;
    gap: 3rem;
    margin: 2rem 0;
}

.abtList li {
    border: 1px solid #C2C2C2;
    padding: 16px 3rem;
    border-radius: 100px;
    font-weight: 600;
    position: relative;
    text-transform: capitalize;
    color: var(--black);
}

.abtList li span {
    background: #0B5B79;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
}

.abtListTwo {
    margin-left: 4rem;
    margin-top: 3rem;
}

.stepBox {
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    padding: 2rem;
    position: relative;
    background: #fff;
    margin-bottom: 4rem;
    box-shadow: 0 0 30px #00000026;
}

.stepBox p {
    margin: 0;
}

.stepBox h3 {
    font-size: 1.35rem;
    font-weight: 600;
}

.stepBox .stepIcon {
    background: var(--theme-color);
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: 1px solid var(--black);
    position: absolute;
    right: -1rem;
    top: -2rem;
}

.stepTwo {
    margin-left: -11rem;
    margin-right: 11rem;
}

.stepThree {
    margin-left: -22rem;
    margin-right: 22rem;
}

.girlImg {
    position: absolute;
    right: 5rem;
    bottom: 5rem;
    animation: zoomIn 2s ease-in-out infinite;
}

@keyframes zoomIn {
    0% {
        bottom: 6rem;
    }
    50% {
        bottom: 5rem;
    }
    100% {
        bottom: 6rem;
    }
}

.succesBox {
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    padding: 1.5rem 1rem;
    position: relative;
    background: #fff;
    box-shadow: 0 0 30px #00000026;
    margin-top: 7rem;
}

.succesBox p {
    margin: 0;
    padding: 10px 1rem 0;
}

.succesHead {
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.succesBox h3 {
    font-size: 1.35rem;
    font-weight: 600;
    width: 80%;
}

.sucIcon {
    background: #ffffff;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    /* border: 1px solid var(--black); */
}

.succesTwo {
    margin-top: 2rem;
}

.successSec::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--theme-color);
    height: 6rem;
    bottom: 8rem;
    top: auto;
}

.stepList ul li {
    color: #a3a3a3;
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.stepList ul {
    margin-bottom: 2rem;
}

.experImg {
    text-align: center;
}

.ctaTwo {
    margin-top: 0;
}

.ctaTwo .ctaBox {
    background: none;
    position: relative;
    padding: 2rem 2rem;
}

.ctaTwo .ctaBox::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--theme-color);
    width: 80%;
    border-radius: 20px;
}

.ctaTwo figure {
    margin: -7rem 0 -4rem;
}

.succesTwo .succesBox {
    margin: 0;
    margin-top: -6rem;
    text-align: center;
    transition: all 0.5s ease;
    padding: 1.75rem;
}

.succesTwo .succesBox h3 {
    width: 100%;
}

.succesTwo .succesBox p {
    padding: 0;
    color: #4c4c4c;
}

.succesWhiteBox {
    box-shadow: 0 0 30px #0000002b;
    padding: 4rem 4rem 10rem;
    border-radius: 20px;
    background: #fff;
}

.succesWhiteBox p {
    line-height: 1.8;
    width: 80%;
    margin: auto;
}

.succesWhiteBox h4 {
    font-size: 2.75rem;
}

.succesTwo .succesBox:hover {
    background: var(--theme-color);
}

.succesTwo::before {
    top: 11rem;
    height: 10rem;
}

.freeSec .succesBox {
    margin: 10px 0;
}

.freeSec .succesBox h3 {
    width: 100%;
}

.freeSec .succesBox p {
    padding: 0;
}

.freeSec .girlImg {
    width: 14rem;
    animation: zoomIn2 2s ease-in-out infinite;
}

@keyframes zoomIn2 {
    0% {
        bottom: 0;
    }
    50% {
        bottom: 1rem;
    }
    100% {
        bottom: 0;
    }
}

.listTwoo {
    flex-wrap: wrap;
    gap: 1rem;
}

.compresiveSec .blueBg {
    padding: 4rem 16rem;
    border-radius: 20px;
}

.compresiveSteps .stepBox .stepIcon span {
    color: var(--black);
    font-size: 1.75rem;
    font-weight: 700;
}

.compresiveSteps .stepBox .stepIcon {
    border: none;
    box-shadow: 0 0 20px #00000029;
    background: #fff;
    top: -7rem;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.5s ease;
}

.compresiveSteps .stepBox {
    margin: 0;
    height: 100%;
}

.compresiveSteps .stepBox:hover .stepIcon {
    background: #F3E058;
}

.lineBg {
    position: relative;
    margin-top: 9rem;
}

.lineBg::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url(../images/mix/63.png) top center / contain no-repeat;
    top: -5rem;
    bottom: 0;
}

.compresiveProcess .stepBox {
    margin-bottom: 1rem;
}

.compresiveProcess figure {
    position: sticky;
    top: 6rem;
}

.listStepSer {
    margin-top: 3rem;
}

.serviceStepList li {
    box-shadow: 0 0 10px #00000021;
    border: 1px solid #00000024;
    padding: 1.25rem 1rem;
    margin: 0;
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
}

.serviceStepList li:nth-child(1) {
    margin-top: -1rem;
    margin-left: 5rem;
    margin-right: -5rem;
}

.serviceStepList li:nth-child(2) {
    margin: 3rem 0 0;
}

.serviceStepList li:nth-child(3) {
    margin-top: 6rem;
    margin-left: 4rem;
    margin-right: -4rem;
}

.TwoList li:nth-child(1) {
    margin-right: 4rem;
    margin-left: -4rem;
}

.TwoList li:nth-child(3) {
    margin-left: 0rem;
    margin-right: 0;
}

.advanSec .stepBox {
    text-align: center;
    margin: 4rem 0 0;
    padding-top: 4rem;
    height: 260px;
}

.advanSec .stepBox .stepIcon {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    top: -2rem;
    border: none;
}

.tabsBtn {
    margin: 3rem 0;
    text-align: center;
}

.tabsBtn a {
    border: 1px solid var(--theme-color);
    padding: 1rem 2rem;
    border-radius: 100px;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 8px;
    color: var(--black);
}

.tabsBtn a.active,
.tabsBtn a.current {
    background: var(--theme-color);
    color: #fff;
}

.renewalSec .ctaTwo .ctaBox::before {
    background: #fff;
    border: 1px solid #cdcdcd;
}

.renewalSec .ctaTwo .ctaBox h4,
.renewalSec .ctaTwo .ctaBox p {
    color: #000;
}

.ctaTwoBox {
    padding: 4rem;
    border-radius: 30px;
}

.tabsBtnTwo a {
    display: block;
    margin: 1rem 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-color: #00000021;
    background: #fff;
}

.whiteBox {
    background: #fff;
    padding: 2rem;
    border-radius: 10px;
    border: 1px solid #00000021;
}

.tabsBtnTwo {
    margin: 0;
}

.caseWhite {
    border: 1px solid #0000002e;
    padding: 1.5rem;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 0 20px #0000001c;
}

.caseBox h3 {
    font-size: 2rem;
    line-height: 1.37;
}

.caseBox {
    border-right: 1px solid #0000002e;
    padding: 2rem;
}

.caseBox h3 span {
    display: block;
    font-size: 1.125rem;
}

.caseBox:nth-child(3) {
    border: none;
}

.caseBox p {
    margin: 0;
}

.bodrNone {
    border-right: 0;
    padding-right: 0;
}

.casesSec {
    padding-top: 0;
    margin-top: -8rem;
}

.officeSec {
    padding-bottom: 12rem;
}

.patentList {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.patentList li {
    background: var(--white);
    padding: 10px 1rem;
    border: 1px solid #C4C4C4;
    box-shadow: 0 0 20px #0000001f;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 1rem;
    font-weight: 400;
}

.patentSec h3 {
    font-size: 1.5rem;
    margin: 1rem 0;
}

.patentBlueBox h3 {
    font-size: 1.75rem;
    margin-top: 0;
}

.patentBlueBox {
    background: var(--theme-color);
    padding: 2rem 2rem;
    border-radius: 20px;
    margin-left: 3rem;
}

.patentBlueBox * {
    color: var(--white);
}

.patentBlueBox .patentWhiteBox h3 {
    color: var(--black);
}

.patentBlueBox .patentWhiteBox p {
    color: #a3a3a3;
}

.patentBlueBox .patentWhiteBox {
    background: var(--white);
    padding: 1rem 2rem;
    border-radius: 20px;
}

.tagBoxWhite {
    background: #F0F0F0;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.tagBoxWhite .tagImg {
    width: 30%;
    background: #267E9F;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 1.75rem;
    border-radius: 10px;
}

.tagBoxWhite .tagContent p {
    margin: 0;
    font-size: 14px;
}

.tagBoxWhite .tagContent {
    padding: 0 20px;
}

.patentProcessStep .stepTwo {
    margin: 4rem 0 0 !important;
}

.patentProcessStep .stepBox {
    height: 15rem;
}

.patentProcessStep .stepThree {
    margin: 8rem 0 0;
}

.patentProcessStep {
    margin-top: 5rem;
}

.listStepInner {
    text-align: end;
}

.listStepInner .listStepOne {
    text-align: left;
}

.listStepInner .listStepOne div,
.listStepInner .listStepTwo div {
    background: var(--white);
    padding: 10px 2rem;
    border: 1px solid #C4C4C4;
    box-shadow: 0 0 20px #0000001f;
    border-radius: 8px;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 400;
    width: auto;
}

.listStepInner .listOne {
    position: absolute;
    top: 12rem;
    left: 2rem;
}

.listStepInner h6 {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
}

.listStepInner .listTwo {
    position: absolute;
    top: 20rem;
    left: 4rem;
}

.listStepInner img {
    width: auto;
}

.listStepInner .listThree {
    position: absolute;
    right: 0;
    left: auto;
    top: 5rem;
}

.listStepInner .listFour {
    position: absolute;
    left: auto;
    right: -10rem;
    top: 10rem;
}

.listStepInner .listFive {
    position: absolute;
    bottom: 9rem;
    left: auto;
    right: -10rem;
}

.fileInnerStep .stepBox {
    transition: all 0.5s ease;
}

.fileInnerStep .stepBox:hover {
    background: var(--theme-color);
}

.fileInnerStep .stepBox:hover * {
    color: #fff;
}

.copyRightInner .patentList {
    justify-content: center;
    margin-top: 3rem;
}

.copyBlue h6 {
    font-size: 1.75rem;
    color: #fff;
    line-height: 1.45;
    margin-bottom: 2rem;
}

.copyBlue {
    background: var(--theme-color);
    padding: 2rem;
    border-radius: 20px;
    margin-bottom: -10rem;
    margin-top: 6rem;
}

.copyRightInner {
    padding-bottom: 0;
    margin-bottom: 10rem;
}

.advanInner .stepBox {
    height: 300px;
    padding-top: 5rem;
}

.advanInner .stepBox .stepIcon {
    width: 100px;
    height: 100px;
    top: -3rem;
}

.rowTwo {
    position: relative;
}

.rowTwo::before {
    content: '';
    position: absolute;
    inset: 0;
    clip-path: polygon(0 0, 66% 0, 100% 100%, 36% 100%);
    background: #267E9F;
    height: 16rem;
    top: -9rem;
    width: 98%;
    left: 1rem;
    z-index: -1;
}

.strongerSec .stepBox {
    transition: all 0.5s ease;
}

.strongerSec .stepBox:hover {
    background: var(--theme-color);
}

.strongerSec .stepBox:hover * {
    color: var(--white);
}

.girlImg img {
    width: 20rem;
}

.unlockImg {
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    padding: 4rem;
    position: relative;
    background: #fff;
    box-shadow: 0 0 30px #00000026;
    margin-left: -4rem;
    text-align: center;
}

.unlockSec .stepBox {
    margin: 0;
    padding-right: 5rem;
    transition: all 0.5s ease;
}

.unlockSec .stepBox h2 {
    position: absolute;
    top: -8rem;
    font-weight: 800;
    font-size: 10rem;
    z-index: -1;
    color: #64c1e33d;
}

.unlockTwoRow .unlockImg {
    margin-left: 0;
    margin-right: -4rem;
}

.unlockTwoRow .stepBox {
    padding-right: 1rem;
    padding-left: 5rem;
}

.unlockTwoRow .stepBox h2 {
    left: auto;
    right: 3rem;
}

.unlockTwoRow {
    margin: 5rem 0;
}

.offerBox {
    border: 1px solid #C4C4C4;
    background: #fff;
    box-shadow: 0 0 20px #0000000f;
    border-radius: 15px;
    padding: 1rem;
    margin: 1rem 0;
}

.offerBox .offerHead {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.offerBox .offerHead h6 {
    margin: 0;
    color: #fff;
    background: var(--theme-color);
    padding: 10px 2rem;
    border-radius: 100px;
}

.offerContnt {
    padding: 10px 10px 10px;
}

.offerContnt p {
    margin: 0;
}

.supportBox {
    display: flex;
    background: #fff;
    border: 1px solid #C4C4C4;
    border-radius: 10px;
    padding: 3rem;
    overflow: hidden;
    align-items: center;
    margin: 2rem 0;
}

.supportBox .supportLeft {
    width: 30%;
    border-right: 1px solid #C4C4C4;
    padding-right: 2rem;
    margin-right: 3rem;
}

.supportBox .supportLeft h3 {
    font-size: 1.75rem;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 5px 0;
    margin-top: 1.5rem;
}

.supportBox .supportLeft span {
    text-transform: capitalize;
    font-size: 1.125rem;
    display: block;
}

.supportBox .supportLeft h3::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--theme-color);
    z-index: -1;
    border-radius: 0 100px 100px 0;
    left: -4rem;
}

.supportBox .supportLeft p {
    padding: 2rem 0;
    font-size: 1.125rem;
}

.supportBox .supportRight h5 {
    font-size: 1.25rem;
    text-transform: capitalize;
    color: var(--theme-color);
    font-weight: 600;
}

.banafitInner .row+.row {
    margin: 7rem 0 0;
}

.brandTabs .stepBox {
    text-align: center;
    margin-top: 1rem;
}

.tabsBtn {
    margin-top: 4rem;
}

.brandTabs .stepBox p {
    margin: 1rem 0 2rem;
}

.brandTabs .stepBox h4 {
    font-size: 2.5rem;
}

.experBox .experImg {
    background: var(--theme-color);
    height: 170px;
    width: 170px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    animation: shadowAni 2s ease infinite;
}

@keyframes shadowAni {
    0% {
        box-shadow: 0 0 0 0px #64c1e363;
    }
    100% {
        box-shadow: 0 0 0 14px #64c1e363;
    }
}

.experBox h3 {
    font-size: 1.5rem;
    text-align: center;
}

.experienceSec::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url(../images/mix/147.png) center center / contain no-repeat;
    top: -2rem;
}

.experTwo .experImg {
    width: 120px;
    height: 120px;
}

.experTwo {
    position: absolute;
    bottom: -11rem;
}

.experThree .experImg {
    width: 120px;
    height: 120px;
}

.experOne {
    position: absolute;
    bottom: -6rem;
}

.experienceSec {
    padding: 6rem 0 12rem;
}

.boxesInner .stepBox {
    transition: all 0.5s ease;
    border-radius: 50px 0;
}

.boxesInner .stepBox:hover {
    background: var(--theme-color);
}

.boxesInner .stepBox:hover * {
    color: #fff;
}

.visaTabs a {
    display: block;
    margin: 10px 0;
    background: #F4F4F4;
    border-color: #00000026;
    text-align: left;
    text-transform: capitalize;
}

.visaTabs {
    background: #fff;
    padding: 1rem;
    border-radius: 15px;
}

.visaTabs .tabsBtn a.active,
.visaTabs .tabsBtn a.current {
    color: #fff;
}

.immigrationTabs .stepBox h4 {
    font-size: 2rem;
}

.immigrationTabs .tabsBtn a {
    border-radius: 0;
    text-transform: capitalize;
}

.visaTabs .tabsBtn {
    margin: 0;
}

.visaTabs .tabsBtn a {
    border-radius: 100px;
}

.immigrationTabs .stepBox {
    margin: 0;
}

.immigrationTabs .stepBox p {
    margin-bottom: 2rem;
}

.attonyHead h6 {
    display: flex;
    justify-content: space-between;
    background: var(--theme-color);
    padding: 1.25rem 2rem;
    border-radius: 20px;
    color: #fff;
    align-items: center;
    margin: 3rem 0;
    font-size: 1.35rem;
}

.attonyInner {
    border: 1px solid #C4C4C4;
    border-radius: 20px;
    padding: 1rem;
    text-align: center;
    margin: 1.5rem 0;
    background: #fff;
}

.attonyInner img {
    width: 100%;
}

.attonyInner h3 {
    font-size: 1.5rem;
    text-transform: capitalize;
    margin: 1.25rem 0;
    font-weight: 600;
}


/* .attornySec::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(#ffffff, #d9f3fd);
    height: 86%;
    bottom: 0;
    top: auto;
}*/

.attornySec {
    background: radial-gradient(#ffffff, #d9f3fd);
}

.chooseContent {
    display: flex;
    align-items: start;
    gap: 2.5rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--primary);
}

.chooseContent p {
    margin: 0;
}

.chooseContent h5 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--black);
}


/* Inner Pages CSS End */


/*.packgeSec .tabsBtn a {*/


/*  border-radius: 0px 30px 30px 30px;*/


/*}*/

.faqInner figure {
    position: sticky;
    top: 7rem;
}

.blogContnt h5,
.blogContnt h6 {
    font-size: 2rem;
    color: var(--black);
    font-weight: 600;
    margin: 1.5rem 0;
    line-height: 1.37;
    transition: all 0.5s ease;
}

.blogContnt h6 {
    font-size: 1.125rem;
    margin: 1rem 0;
    height: 5rem;
}

.blogContnt span {
    font-size: 14px;
    color: var(--black);
}

.blogImg img {
    width: 100%;
}

.newsInnerBox {
    display: block;
    margin: 1.5rem 0;
}

.newsInnerBox:hover .blogContnt h5,
.newsInnerBox:hover .blogContnt h6 {
    color: var(--theme-color);
}

.newsInnerContnt ul li {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.67;
    color: #686565;
    list-style-type: disc;
    padding: 4px 0;
}

.newsInnerContnt ul {
    padding-left: 1rem;
    margin: 1rem 0;
}

.newsInnerContnt p {
    margin: 1rem 0;
    color: #686565;
}

.newsInnerContnt figure img {
    width: 100%;
    margin-bottom: 2rem;
}

.newsInnerContnt h4 {
    margin-bottom: 2rem;
    font-size: 2.5rem;
    font-weight: 700;
}

.newsInnerContnt h3 {
    font-size: 1.75rem;
    font-weight: 600;
    margin: 2rem 0 0;
}

.attonyHead .custom-dropdown {
    width: 100%;
    position: relative;
    z-index: 11;
}

.attonyHead .dropdown-header {
    background: var(--theme-color);
    padding: 14px 15px;
    border-radius: 16px;
    cursor: pointer;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 1.35rem;
    white-space: unset;
}

.attonyHead .custom-dropdown.active .arrow {
    transform: rotate(180deg);
}

.attonyHead .dropdown-body {
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    margin-top: 8px;
    padding: 10px;
    display: none;
    max-height: 180px;
    overflow-y: auto;
    position: absolute;
    width: 100%;
}

.attonyHead .dropdown-body label {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    cursor: pointer;
    font-size: 14px;
}

.attonyHead .dropdown-body label:hover {
    background: #f5f7fa;
    border-radius: 6px;
}

.attonyHead .dropdown-body input {
    width: 16px;
    height: 16px;
}

.attonyHead .dropdown-body .mCSB_container {
    margin: 0;
}

.attonyHead .dropdown-body .mCSB_scrollTools {
    right: 0;
}

.attonyHead {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.custom-dropdown label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-dropdown img {
    width: 20px;
    height: auto;
    border-radius: 2px;
}

.attornySec .meta {
    margin-top: 14px;
    font-size: 12px;
    color: #666;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.attornySec .meta img {
    width: 16px;
    height: 12px;
    margin-right: 4px;
}

.colBox {
    position: relative;
    z-index: 1;
    margin: 0 15px;
}

.attornySec .meta span {
    background: #64c1e338;
    padding: 2px 10px;
    border-radius: 5px;
}


/* Popup */

.overlay {
    background-color: #000000bf;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    display: none;
    backdrop-filter: blur(10px);
}

.popup-main {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    width: 940px;
    background: #fff;
    box-shadow: 0 0 30px -9px #0000006e;
    z-index: 9999999;
    /*overflow: hidden;*/
    display: none;
    border-radius: 20px;
    max-width: 100%;
    max-height: 90vh;
    /*overflow-y: auto;*/
}

.closeico {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 9999;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-color);
    border-radius: 100px;
    color: #fff;
}

.mmpopup {
    /*background: #fff;*/
    display: flex;
    align-items: center;
}

.mmpopup .imgpop figure,
.mmpopup .imgpop figure img {
    height: 670px;
    border-radius: 20px 0 0 20px;
}

.mmpopup .imgpop img {
    height: 600px;
    object-fit: cover;
}

.mmpopup .cont {
    width: 35%;
    padding: 2rem 2rem;
}

.mmpopup .formPop {
    width: 75%;
    padding: 2rem 3rem;
    margin-left: auto;
}

.mmpopup .formPop h3,
.mmpopup .formPop h4 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.mmpopup .formPop h4 sub {
    display: none;
}

.mmpopup .contpop {
    margin-bottom: 1rem;
    display: flex;
    gap: 1rem;
}

.mmpopup .cont h3 {
    font-size: 1.425rem;
    font-weight: 600;
}

.mmpopup .cont p {
    margin-bottom: 10px;
    font-size: 14px;
}

.mmpopup .cont .lists {
    padding: 1rem 0;
}

.mmpopup .cont .lists li {
    color: var(--head-color);
    padding: 2px 0;
    padding-left: 1.5rem;
}

.mmpopup .cont .lists li svg,
.mmpopup .cont .lists li i {
    top: 5px;
}

.mmpopup .cont .call a {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--head-color);
}

.formPop .fld {
    margin-bottom: 0.4rem;
    font-size: 14px;
}

.formPop .fld input,
.formPop .fld textarea {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    width: 100%;
    height: 50px;
    padding: 10px 10px;
    font-size: 1rem;
}

.formPop .fld textarea {
    height: 80px;
}

.popup-main .themeBtn {
    width: 100%;
    justify-content: center;
    text-transform: uppercase;
    margin-top: 10px;
}

.popup-main .themeBtn i {
    margin-left: 10px;
}

.checkbox-wrap {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
    margin-bottom: 10px;
    width: 100%;
    margin-top: 10px;
}

.checkbox-wrap label {
    line-height: 1.3;
    font-size: 13px;
}

.checkbox-wrap input {
    margin-top: 1px;
    width: auto !important;
}

.formTopContnt p {
    font-size: 15px;
    line-height: 1.45;
    margin: 0;
}

.mmpopup .formPop input {
    height: 3.25rem;
    margin-bottom: 1rem;
    border: 1px solid #1e266d6b;
    border-radius: 10px;
    line-height: 1;
}

.mmpopup .formPop input:focus,
.mmpopup .formPop textarea:focus {
    box-shadow: none;
}

.mmpopup .formPop textarea {
    height: 8rem;
    border-radius: 10px;
    border: 1px solid #1e266d6b;
}

.leadForm input:focus,
.leadForm textarea:focus {
    box-shadow: none;
}

.mmpopup .formPop label {
    font-weight: 700;
}

.mmpopup .formPop {
    border-radius: 10px;
}

.formPop .callBtn {
    margin-top: 1rem;
}

.closeico:hover {
    color: #fff;
}

.iti {
    width: 100%;
}

.iti__selected-country:focus {
    outline: 0;
}

.iti {
    margin: 6px 0 1rem 0;
}

.formSecBanner .iti {
    margin: auto;
}


/* .abtSec p {margin: 10px 0;} */

.abtSec p+p {
    margin-bottom: 2rem;
}

.patentList li img {
    width: 30px;
}

.ma5menu--active::before {
    display: none !important;
}

@media only screen and (max-width: 575px) {
    body .html {
        overflow-x: hidden;
    }
    .swiper-button-next,
    .swiper-button-prev,
    .swiper-button-next1,
    .swiper-button-prev1 {
        width: 30px;
        height: 30px;
    }
}

.succesLp::before {
    background: none;
}

.lpBanner {
    height: 80vh;
    padding-top: 2rem;
}

.iti__search-input {
    height: 3rem !important;
    border-radius: 0px !important;
    margin: 0 !important;
}

.iti__search-input:focus {
    outline: none;
}

.addrs span {
    text-transform: capitalize !important;
}