@font-face {
    font-family: "iranSans";
    src: url("../font/IRANSansXFaNum-Black.woff") format("woff");
    font-weight: 1000;
    font-size: normal;
    font-style: swap;
}

@font-face {
    font-family: "iranSans";
    src: url("../font/IRANSansXFaNum-Bold.woff") format("woff");
    font-weight: 900;
    font-size: normal;
    font-style: swap;
}

@font-face {
    font-family: "iranSans";
    src: url("../font/IRANSansXFaNum-Medium.woff") format("woff");
    font-weight: 500;
    font-size: normal;
    font-style: swap;
}

@font-face {
    font-family: "iranSans";
    src: url("../font/IRANSansXFaNum-Regular.woff") format("woff");
    font-weight: 400;
    font-size: normal;
    font-style: swap;
}

:root {
    --iranSans: "iranSans";
    --primary-color: #ECEEFF;
    --secondary-color: #00c0ce;
    --color-body: #263393;
    --bg-body: #fff;
    --blue: #2d3997;
}


html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

ul {
    padding-inline: 0;
}

body {
    font-family: var(--iranSans);
    background-color: #fff;
    overflow: hidden;
}

*,
*::after,
*::after {
    outline: none;
    border: none;
    text-decoration: none;
    margin-block: 0;
    margin-inline: 0;
    list-style: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}






/* hero section */
.header a.yellow-btn span {
    color: #ffffff;
}

.hero {
    position: fixed;
    width: 100%;
    padding-bottom: 170px;
    background-color: var(--primary-color);
}

.yellow-btn {
    background-color: var(--secondary-color);
    padding: 8px 32px;
    border-radius: 20px;
    transition: all .3s;
}

.yellow-btn:hover {
    background-color: #06e6f6;
    color: #ffffff !important;

}

.header-menu ul {
    gap: 24px;
}

.desktop-menu-item a {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: var(--blue);
}

.desktop-menu-item a:hover {
    color: #4e5cbd;
}

.desktop-menu-item {
    position: relative;
}

.subnav {
    position: absolute;
    top: 40px;
    background-color: #2f3b99;
    border-radius: 28px;
    padding: 16px;
    /* box-shadow: 0px 0px 10px 0px #EAECFF; */
    border: 1px solid #ECECF4;
    transition: all .3s;
    opacity: 0;
    min-width: 240px;
    visibility: hidden;
}

.desktop-menu-item:hover .subnav {
    opacity: 1;
    z-index: 30;
    visibility: visible;

}

.subnav li a {
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
    transition: all .3s;
}

.subnav li a:hover {
    margin-right: 4px;
    margin-left: -4px;
}


/* mobile menu */
.menu-btn-3 {
    height: 32px;
    width: 40px;
    cursor: pointer;
}

.menu-btn-3 span,
.menu-btn-3 span::before,
.menu-btn-3 span::after {
    background: var(--blue);
    content: '';
    position: absolute;
    width: 32px;
    height: 3px;
    margin-top: 13px;

    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(deg);
    transform: rotate(180deg);

    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.menu-btn-3 span::before {
    margin-top: -10px;
}

.menu-btn-3 span::after {
    margin-top: 10px;
}

.menu-btn-3.active span {
    background: transparent;
}

.menu-btn-3.active span::before {
    margin-top: 0;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-btn-3.active span::after {
    transform: rotate(-45deg);
    margin-top: 0;
}

.mt-150 {
    margin-top: 150px;
}

.mobile-menu {
    position: absolute;
    overflow: hidden;
    height: 0;
    transition: all 0.3s;
    top: 94px;
    width: 100%;
    right: 0;
    background-color: var(--primary-color);
    z-index: 20;
    /* overflow-y: scroll; */
}

.mobile-menu-content {
    position: relative;
    z-index: 16;
    margin-top: 15px;
}

.mobile-menu .mobile-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 30px;
    padding-top: 16px;
}

.mobile-menu .mobile-list .mobile-list-li .chevron {
    transition: all 0.3s;
}

.mobile-menu .mobile-list .mobile-list-li.open .chevron {
    rotate: 180deg;
}

.mobile-menu .mobile-list .mobile-list-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mobile-menu .mobile-list .mobile-list-item a,
.collapsible.collapsible--expanded .mobile-menu .mobile-menu-content span {
    color: #4e5cbd;
    font-weight: 700;
}

.mobile-sub-nav .mobile-sub-list .mobile-sub-item {
    color: #4e5cbd !important;
}

.mobile-menu .mobile-list .mobile-list-item svg {
    fill: transparent;
}



.mobile-sub-nav {
    height: fit-content;
    max-height: 0;
    transition: all 0.3s;
    overflow: hidden;
}

.mobile-list-li.open .mobile-sub-nav {
    max-height: 300px;

}

.mobile-sub-nav .mobile-sub-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px 16px;
}


.collapsible.collapsible--expanded .mobile-menu {
    height: 100vh;
    overflow: auto;
    padding-bottom: 100px;
}



.hero-slider {
    padding-top: 64px;
}

.hero-slider .slick-track {
    margin-bottom: 35px;
}

.hero-slider .slick-dots {
    display: flex !important;
    gap: 12px;
    position: absolute;
    bottom: 97px;
    background-color: transparent;
}

.slick-dots * {
    background-color: transparent !important;
}

.hero-slider .slick-dots li {
    width: 135px;
    height: 4px;
    background-color: #D8DBF3 !important;
    border-radius: 24px;
    z-index: 3;
    cursor: pointer;
}

.hero-slider button {
    text-indent: -99999px;
}

.hero-slider .slick-prev,
.hero-slider .slick-next {
    width: 34px;
    height: 34px;
    background-color: rgb(199 203 240);
    border-radius: 50%;
    cursor: pointer;
    transform: translate(0px, -54px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.slick-next,
.slick-prev,
.services-slider .slick-prev,
.services-slider .slick-next,
.about-slider .slick-next,
.about-slider .slick-prev,
.person-slider .slick-prev,
.person-slider .slick-next,
.experience-slider .slick-prev,
.experience-slider .slick-next {
    transition: all .3s;
}

.slick-next:hover,
.slick-prev:hover {
    background-color: rgb(199 203 240);
}

.services-slider .slick-prev:hover,
.services-slider .slick-next:hover {
    background-color: rgba(255, 255, 255, 0.3);

}

.about-slider .slick-next:hover,
.about-slider .slick-prev:hover,
.person-slider .slick-prev:hover,
.person-slider .slick-next:hover,
.experience-slider .slick-prev:hover,
.experience-slider .slick-next:hover {
    background-color: #dfe3ff;
}

.hero-btn-text {
    transition: all .3s;
}


.hero-slider .slick-next {
    position: absolute;
    bottom: 0;
    right: 44px;

}

.hero-slider .slick-prev {
    position: absolute;
    right: 0;
    bottom: 0;
}

.hero-slider .slick-dots li.slick-active button {
    background-color: transparent !important;
}

.hero-slider .slick-dots li.slick-active button:after {
    background-color: var(--secondary-color);
    content: "";
    top: 0;
    height: 10px;
    right: 0px;
    z-index: 5;
    position: absolute;
    animation: dotFull 8s forwards;
    -webkit-font-smoothing: antialiased;
    transition: calc(var(--duration) * .1) ease-out;
}

.hide {
    opacity: 0;
}


/* .hero-slider:hover li.slick-active button:after {*/
/*     animation-play-state: paused;*/
/*}*/
.hero-slider .slick-dots li.slick-active {
    border-radius: 30px;
    overflow: hidden;
}

.hero-slider .slick-dots li.slick-active button {
    width: 100%;
    position: relative;

}

@keyframes dotFull {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.right-hero {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.right-hero-title {
    font-weight: 900;
    font-size: 32px;
    color: var(--blue);
    line-height: 44px;
}

.right-hero-body {
    font-weight: 400;
    font-size: 16px;
    color: var(--blue);
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hero-btns {
    gap: 16px;
}

.hero-btn-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #4e5cbd;
}

.hero-video:hover .hero-btn-text {
    color: var(--secondary-color);
}

.hero-play-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #4e5cbd;
    transition: all .3s;
}

.hero-video:hover .hero-play-icon {
    background-color: rgba(255, 255, 255, 0.2);
}

.bg-hero-slide-img {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background-color: rgb(152 245 242 / 42%);
    filter: blur(99px);
    position: absolute;
    left: 324px;
    top: 134px;
}

.left-hero .big-img-cnt {
    width: 392px;
    height: 475px;
}

.left-hero .big-img-cnt img {
    /* border: 16px solid #FFFFFF33; */
    border-radius: 248px 248px 16px 16px;
}

.img-frame {
    position: absolute;
    margin-left: 0;
    margin-right: 50%;
    z-index: 2;
    top: 0;
    height: 100%;
}

.border-frame {
    border: 16px solid #FFFFFF33;
    border-radius: 248px 248px 32px 32px;
    width: 411px;
    height: 507px;
    position: absolute;
    left: 100%;
    transform: translate(calc(-50% - 19px), calc(50% - 21px));
    bottom: 50%;
}

.small-img-cnt {
    width: 90px;
    height: 90px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: absolute;
    box-shadow: 0px 4px 16px 0px #0000001A;
    backdrop-filter: blur(5px);
}

.small-icon {
    width: 63px;
    height: 63px;
    background-color: #ffffff;
    border-radius: 50%;
}

.small-img-cnt.small-img1 {
    left: 120px;
    top: 208px;
    animation: upDown 4s infinite;
}


.small-img-cnt.small-img2 {
    top: 337px;
    right: 167px;
    animation: rotate 4s infinite;
}

.small-img-cnt.small-img3 {
    bottom: 190px;
    left: 116px;
    animation: rotate 4s infinite;
}


@keyframes rotate {
    0% {
        rotate: 0deg;
    }

    50% {
        rotate: 30deg;
    }

    100% {
        rotate: 0deg;
    }
}

@keyframes upDown {
    0% {
        transform: translate(0px, 10px);
    }

    50% {
        transform: translate(0px, 0px);
    }

    100% {
        transform: translate(0px, 10px);
    }
}

.main {
    position: relative;
    z-index: 3;
    margin-top: 670px;

}

.counter {
    margin-top: -1px;
    background-color: #fff;
    position: absolute;
    right: 301px;
    top: 45px;
    padding: 9px 93px;
    box-shadow: 0px 0px 18.5px 0px #EAECFF;
    border-radius: 92px;
}

.record-line {
    height: 22px;
    background-color: #F0F0F5;
    width: 4px;
    border-radius: 10px;
    margin-right: 32px;
    margin-left: 32px;
}

.counter .honors_incr,
.counter .timer {
    font-size: 32px;
    font-weight: 500;
}

.honors_incr {
    color: var(--secondary-color);
}

.timer {
    color: var(--blue);
}

.records-item span {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-body);
    text-align: center;
}

.body-content {
    margin-top: -1px;
    background-color: var(--bg-body);
}

.hero-boxes .img-box {
    width: 190px;
    width: 50%;
    height: auto;
    /* flex: 0 0 auto; */
    flex-grow: 0;
    margin-bottom: -50%;
    /* overflow: hidden; */
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
}

.hero-boxes .box {
    background-color: #ffffff;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    overflow: hidden;

    padding: 38px 24px;
    vertical-align: top;
    transition: all .3s;
    box-shadow: 0px 0px 18.5px 0px #EAECFF;
    /* border: 2px solid; */
    /* border-image-source: linear-gradient(148.52deg, #FFFFFF 0.33%, rgba(255, 255, 255, 0) 50%, #FFFFFF 99.67%); */
}


.hero-boxes .box:hover {
    background-color: var(--primary-color);
}

.hero-boxes .box:hover .box-title,
.hero-boxes .box:hover .box-description {
    color: var(--blue);
}

.hero-boxes .box:hover .img-box {
    transform: translateY(-110px);
}

.box-title {
    font-weight: 1000;
    font-size: 24px;
    color: var(--blue);
}

.box-description {
    font-weight: 400;
    font-size: 14px;
    color: var(--blue);
}

.box-btn {
    font-size: 12px;
    font-weight: 400;
    color: var(--blue);
    padding: 4px 12px;
    border: 2px solid var(--blue);
    width: fit-content;
    border-radius: 15px;
}

.hero-boxes {
    padding-bottom: 56px;

}

.hero-boxes .img-box {
    transform: translateY(-94px);
    z-index: 3;
    position: relative;
    transition: all .3s;
}

.hero-boxes .box:hover .img-box img {
    transform: scale(1.07);
}

.hero-boxes .img-box img {
    position: absolute;
    bottom: 0;
    transition: all .3s;
}


.bg-shadow {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: #2a79e9;
    filter: blur(50px);
    margin-right: -50px;
    transition: all .3s;
    opacity: 0;

}

.hero-boxes .box:hover .bg-shadow {
    opacity: 1;
}

.services {
    background-color: #0F1968;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
    margin-bottom: 56px;
}

.services-title {
    padding-top: 44px;
    font-size: 32px;
    color: #4e5cbd;
    font-weight: 900;
}

.read-more-sections span {
    font-weight: 500;
    font-size: 16px;
    color: var(--secondary-color);
}

.read-more-sections img {
    transition: all .3s;
}

.read-more-sections:hover img {
    margin-right: 6px;
    margin-left: -6px;
}

.bg-img {
    height: 500px;
}

.bg-service-slider img {
    border-radius: 40px;
    mix-blend-mode: soft-light;
    height: 100%;
}

.bg-service-slider .shadow-slider {
    opacity: .6;
    width: 582px;
    height: 582px;
    background-color: #0066DF;
    position: absolute;
    top: 0;
    filter: blur(88px);
    border-radius: 50%;
    margin-right: -23%;
}

.services-slider {
    margin-top: 36px;
    padding-bottom: 100px;
}

.services-slider .service-item {
    width: 92% !important;
}

.services-slider .slick-track .slick-slide>div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.services-slider .slick-list.draggable {
    padding-right: 10px;
    padding-left: 10px;
}

.service-item {
    /* margin-right: 18px;
    margin-left: 18px; */
    transform: scale(.85);
    transition: all .3s;
    border-radius: 27px;
    overflow: hidden;
    /* background-image: linear-gradient(-225deg, #6DA4E5 0%, rgba(109, 164, 229, 0.1) 50%, #6DA4E5 100%); */
    position: relative;
    z-index: 1;
    border: 1px solid #6DA4E5;

}



.service-item {
    /* border: 1px solid;
    border-image-source: linear-gradient(225deg, #6DA4E5 0%, rgba(109, 164, 229, 0.1) 50%, #6DA4E5 100%);
    border-image-slice: 1;
    border-radius: 27px;
    overflow: hidden; */




}

.service-item:hover {
    /* background: linear-gradient(225deg, #6DA4E5 0%, rgba(109, 164, 229, 0.1) 50%, #6DA4E5 100%); */
    /* rotate: 45deg; */
}


.service-item-content {
    /* border: 1px solid;
    border-image-source: linear-gradient(225deg, #6DA4E5 0%, rgba(109, 164, 229, 0.1) 50%, #6DA4E5 100%);
    border-image-slice: 1; */
    padding: 28px 9px;
    width: 100%;
    height: 170px;
    box-shadow: 0px 4px 16px 0px #0000001A;
    /* backdrop-filter: blur(5px); */
    cursor: pointer;
    background: rgb(255 255 255 / 7%);
    transition: all .3s;
    border-radius: 27px;
    overflow: hidden;
    transition: all .3s;

}

.service-item:hover .service-item-content {
    background: rgb(255 255 255 / 10%);
}

.service-item::before {
    content: '';
    display: block;
    /* background-color: #363c77; */
    position: absolute;
    border-radius: 27px;
    height: 98%;
    width: 96%;
    z-index: -1;
    backdrop-filter: blur(72px);
    background: inherit;
    /* Use the same background color */


}

.slider-icon {
    transition: all .3s;
    width: 68px;
    height: 68px;
}

.slider-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.services-slider .service-item:hover .slider-icon {
    transform: scale(1.1);
}

.service-item .slider-text {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
}

.service-item:hover {
    transform: scale(1);
}

/* .services-slider .slick-dots {
    display: flex !important;
    gap: 12px;
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(50%, 0);
    margin-bottom: 44px;
} */

.services-slider .slick-dots li {
    width: 12px;
    height: 12px;
    background-color: #D5D8F3 !important;
    border-radius: 24px;
    z-index: 3;
    cursor: pointer;
}

.services-slider .slick-dots li.slick-active {
    background-color: var(--secondary-color) !important;
}

.services-slider button {
    text-indent: -99999px;
}

.services-slider .arrow {
    position: absolute;
    top: 22px;
    left: 22px;
    width: 25px;
    height: 25px;
}

.services-slider .arrow img {
    opacity: 0;
    transition: all .3s;
}


.services-slider .service-item:hover .arrow img {
    opacity: 1;
    transform: translate(-6px, -6px);
}

.title {
    font-weight: 1000;
    font-size: 32px;
    color: var(--primary-color);
}

.about {
    background-color: #ffff;
    position: relative;
}

.about .container {
    padding-top: 96px;
    padding-bottom: 94px;
    position: relative;
}

.about-img-frame {
    width: 320px;
    height: 381px;
    border-radius: 248px 248px 32px 32px;
    border: 16px solid #06c1ce26;
    background-color: transparent;
}

.about-frame hr {
    width: 100%;
    position: absolute;
    max-width: 853px;
    left: 96px;
    top: 162px;
    height: 1px;
    opacity: 1;
    color: #BACBF1;
}

.about .title {
    padding-top: 68px;
}

.about-frame {
    position: absolute;
    z-index: 10;
}

.about-frame .title {
    padding-right: 39px;
}

.about-slider {
    position: relative;
    z-index: 25;
    margin-top: 16px;
}

.about-slider-img {
    width: 288px;
    height: 349px;
    border-radius: 248px 248px 32px 32px;
    position: relative;
}

.about-slider-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 248px 248px 6px 6px;
    position: absolute;
    left: 56px;
    bottom: 0;
}

.about-slider-text {
    margin-top: 94px;
    height: 80px;

}

.about-slider-text span {
    font-weight: 400;
    font-size: 16px;
    color: var(--color-body);
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.about-slider .slick-dots {
    position: absolute;
    display: flex !important;
    gap: 32px;
    top: 116px;
    right: 376px;
}


.about-slider .slick-dots li button {
    background-color: transparent;
    font-size: 0px;
    font-weight: 1000;
    position: relative;
}

.about-slider .slick-dots li button:before {
    content: '';
    position: absolute;
    background-color: #8B93CB;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);

}

.about-slider .slick-dots li button::after {
    font-size: 16px;
    color: #8b93cb;
    margin-right: 5px;
}

/* Custom content for buttons using CSS */
.about-slider .slick-dots li:nth-child(1) button::after {
    content: 'کادر مجرب و حرفه‌ای';
}

.about-slider .slick-dots li:nth-child(2) button::after {
    content: 'تجهیزات پیشرفته';
}

.about-slider .slick-dots li:nth-child(3) button::after {
    content: 'پاسخ آنلاین آزمایش';
}

.about-slider .slick-dots li:nth-child(4) button::after {
    content: 'نمونه گیری در خانه';
}

.about-slider .dot {
    display: inline-block;
    width: 20px;
    height: 20px;
}


.about-slider .slick-dots {
    position: absolute;
    display: flex !important;
    gap: 36px;
    top: 116px;
    right: 387px;
}


.about-slider .slick-dots li {
    display: flex;
    align-items: center;
    justify-content: strat;
    /* gap: 11px; */
    cursor: pointer;
    /* width: 192px; */
}

/*.about-slider .slick-dots li button {*/
/*    background-color: transparent;*/
/*    font-size: 16px;*/
/*    font-weight: 1000;*/
/*    color: #8B93CB;*/

/*}*/

.about-slider .dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: flex;
    background-color: #8B93CB;
    margin-left: 11px;
}


.about-slider .slick-dots .slick-active .dot {
    background-color: var(--primary-color);
    margin-left: 11px;
}

.progress {
    stroke-dasharray: 56.52;
    /* Circumference of the circle (2 * π * radius) */
    stroke-dashoffset: 56.52;
    /* Start with the full circumference "covered" */
    animation: fillAnimation 5s forwards;
    /* Call the animation */
}

@keyframes fillAnimation {
    to {
        stroke-dashoffset: 0;
        /* Animate to 0 (not covered) */
    }
}

.about-slider .slick-dots .slick-active button::after {
    color: var(--blue);
}

.about-slider .slick-dots .slick-active button:before {
    background-color: var(--blue);
}


.about-animation img {
    mix-blend-mode: multiply;
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    top: -78px;
    scale: .9;
    animation: upDown 5s infinite;
}


.about-slider .slick-prev,
.about-slider .slick-next,
.about-slider-mobile .slick-next,
.about-slider-mobile .slick-prev {
    width: 40px;
    height: 40px;
    background-color: #d9dcf5;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.about-slider .slick-next {
    right: 371px;
    position: absolute;
    bottom: 32px;
}

.about-slider .slick-prev {
    display: flex;
    position: absolute;
    bottom: 32px;
    right: 420px;
}


.about-slider .slick-dots::-webkit-scrollbar-track {
    background: #00000000;
}


.about-slider .slick-dots::-webkit-scrollbar {
    width: 10px !important;
    height: 4px;
}

.about-slider.slick-dots::-webkit-scrollbar-track {
    background: #dbe7ff00;
    border-radius: 50%;
}

.about-slider .slick-dots::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    background: var(--primary-color);
    border-radius: 10px;
}

.about-slider-mobile .slick-next {
    position: absolute;
    bottom: -12px;
    right: 50%;
    transform: translateX(calc(50% - -25px));
}

.about-slider-mobile .slick-prev {
    position: absolute;
    bottom: -12px;
    right: 50%;
    transform: translateX(calc(50% - 25px));
}

.insu {
    padding-top: 112px;
    padding-bottom: 112px;
    position: relative;
}

.insurance-img {
    width: 92px;
    height: 92px;
}

.insurance-img img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/

}

.insurances {
    padding-top: 36px;
    padding-right: 225px;
    padding-left: 225px;
}


.right-bg-pattern img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 96px;
    margin-top: 50px;
}

.left-bg-pattern img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 96px;
    margin-top: 50px;
}

.lab-person {
    background-color: #ECEEFF;
}

.lab-person .container {
    padding-top: 56px;
    padding-bottom: 56px;
}

.person-slider {
    padding-top: 40px;
    padding-bottom: 56px;
}

.person-slider .img-person {
    width: 182px;
    height: 250px;
    border-radius: 152px;
}

.person-slider .img-person img {
    border-radius: 152px;

}

.person-slider .information-person h5 {
    font-weight: 900;
    font-size: 20px;
    color: var(--primary-color);
}

.person-slider .information-person span {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-body);
}


.person-slider .slick-dots {
    display: flex !important;
    gap: 12px;
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(50%, 0);
    margin-bottom: 0;

}

.person-slider .slick-dots li {
    width: 12px;
    height: 12px;
    background-color: #d8dbf4 !important;
    border-radius: 24px;
    z-index: 3;
    cursor: pointer;
}

.person-slider .slick-dots li.slick-active {
    background-color: var(--secondary-color) !important;
}

.person-slider button {
    text-indent: -99999px;
}

.person-slider .slick-prev,
.person-slider .slick-next {
    width: 34px;
    height: 34px;
    background-color: #d8dbf4;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.person-slider .slick-prev {
    position: absolute;
    right: 50%;
    bottom: 0;
    transform: translate(84px, 11px);
}

.person-slider .slick-next {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-84px, 11px);
}

.person-slider .arrow {
    position: absolute;
    top: 22px;
    left: 22px;
    width: 25px;
    height: 25px;
}

.person-slider .arrow img {
    opacity: 0;
    transition: all .3s;
}

.faq {
    padding-top: 84px;
    position: relative;
}

.faq.d-flex {
    padding-bottom: 84px;

}


.faq {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.faq-item {
    border-radius: 16px;
    border: 1px solid #F1FCF9;
    padding: 28px 24px;
    height: fit-content;
    transition: all 0.3s;
    width: 100%;
    background-color: #DFE1FF66;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    /* background-image: linear-gradient(270deg, rgba(223, 225, 255, 0.4) 0%, rgba(191, 195, 255, 0.4) 100%); */
}

.faq-item.open {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.faq-item.open .faq-top h6 {
    color: #4e5cbd;
}

.faq-item .faq-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.faq-item .faq-top h6 {
    color: var(--primary-color);
    font-weight: 900;
    font-size: 16px;
    /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; */
}

.faq-item .faq-top .faq-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
}

.faq-item .faq-top .faq-btn img {
    width: 100%;
    height: 100%;
}



.faq-item .faq-top .faq-btn .faq-neg {
    opacity: 0;
    width: 0;
}

.faq-item .faq-answer {
    height: fit-content;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s;
    /*margin-left: 30px;*/
}

.faq-item.open .faq-item .faq-top h6 {
    color: #4e5cbd;
}

.faq-item.open .faq-top .faq-btn .faq-neg {
    opacity: 1;
    width: 25px;
}

.faq-item .faq-top .faq-btn .faq-plus {
    transition: all .3s;
}

.faq-item.open .faq-top .faq-btn .faq-plus {
    rotate: 45deg;

}




.faq-img {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    margin-top: -100px;
}

.faq-img img {
    width: 100%;
    object-fit: contain;
    margin: 0 auto;
}

.faq-animation {
    width: 282px;
    height: 278px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -72px);
    mix-blend-mode: multiply;
}

.faq-animation img {
    width: 100%;
    height: 100%;
    animation: rotate2 6s infinite;
}

@keyframes rotate2 {
    0% {
        rotate: 0deg;
    }

    50% {
        rotate: 25deg;
    }

    100% {
        rotate: 0deg;
    }
}

.experience {
    background-color: #ECEEFF;
}

.experience .container {
    padding-top: 56px;

}

.experience-slider {
    padding-top: 40px;
    padding-bottom: 20px;
    max-height: 420px !important;
}

.experience-item {
    background-color: #fff;
    border: 1px solid #E2E7F8;
    box-shadow: 0px 0px 18.5px 0px #E7E9FF;
    border-radius: 24px;
    padding: 40px;
    /* position: relative; */
}

.experience-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: var(--color-body);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fade_rule {
    opacity: 1;
    /* border: 1px solid transparent; */
    /* border-image-source: linear-gradient(0deg, rgba(234, 235, 253, 0) 0%, #BACBF1 50%, rgba(234, 235, 253, 0) 100%); */
    /* border-image-slice: 1; */
    height: 1px;
    /* background-color: #ff1f1f; */
    width: 100%;
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.02, #EAEBFD00), color-stop(0.5, #BACBF1), color-stop(0.98, #EAEBFD00));
}

.experince-user-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}



/*
.services-slider {
    background-color: #0F1968;
} */

.bg-shadow {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: rgb(196 200 239);
    filter: blur(50px);
    margin-right: -50px;
    transition: all .3s;
    opacity: 0;
    transform: translateY(85px);
}

.hero-boxes .box:hover .bg-shadow {
    opacity: 1;
}

.services {
    background-color: #0f1968;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
    margin-bottom: 56px;
}

.services-title {
    padding-top: 44px;
    font-size: 32px;
    color: #ffffff;
    font-weight: 900;
}

.read-more-sections span {
    font-weight: 500;
    font-size: 16px;
    color: var(--secondary-color);
}

.read-more-sections img {
    transition: all .3s;
}

.read-more-sections:hover img {
    margin-right: 6px;
    margin-left: -6px;
}

.bg-img {
    height: 500px;
}

.bg-service-slider img {
    border-radius: 40px;
    mix-blend-mode: soft-light;
    height: 100%;
}

.bg-service-slider .shadow-slider {
    opacity: .6;
    width: 582px;
    height: 582px;
    background-color: #0066DF;
    position: absolute;
    top: 0;
    filter: blur(88px);
    border-radius: 50%;
    margin-right: -23%;
}

.services-slider {
    margin-top: 36px;
    padding-bottom: 140px;
}

/* .service-item {
    width: 175px;
    height: 185px;
} */



/* .services-slider .service-item:hover .service-item-content {
    width: 160px !important;
    height: 170px;
} */

.slider-icon {
    transition: all .3s;
}

.services-slider .service-item:hover .slider-icon {
    transform: scale(1.1);
}

.service-item:hover {
    transform: scale(1);
}

.services-slider .slick-dots {
    display: flex !important;
    gap: 12px;
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, calc(50% + 109px));
    margin-bottom: 44px;
}

.services-slider .slick-dots li {
    width: 12px;
    height: 12px;
    background-color: #D5D8F3;
    border-radius: 24px;
    z-index: 3;
    cursor: pointer;
}

.services-slider .slick-dots li.slick-active {
    background-color: var(--secondary-color);
}

.services-slider button {
    text-indent: -99999px;
}

.services-slider .slick-prev,
.services-slider .slick-next {
    width: 34px;
    height: 34px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    cursor: pointer;
    transform: translate(0px, -68px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.services-slider .slick-prev {
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(78px, calc(50% + 65px));
}

.services-slider .slick-next {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-78px, calc(50% + 65px));
}

.services-slider .arrow {
    position: absolute;
    top: 22px;
    left: 22px;
    width: 25px;
    height: 25px;
}

.services-slider .arrow img {
    opacity: 0;
    transition: all .3s;
}


.services-slider .service-item:hover .arrow img {
    opacity: 1;
    transform: translate(-6px, -6px);
}

.title {
    font-weight: 1000;
    font-size: 32px;
    color: var(--blue);
}


.insu {
    padding-top: 112px;
    padding-bottom: 112px;
    position: relative;
}

.insurances {
    padding-top: 36px;
    padding-right: 265px;
    padding-left: 265px;
}

.insurances .col img {
    filter: grayscale(100%);
    opacity: .2;
    transition: all .3s;
}

.insurances .col img:hover {
    filter: grayscale(0);
    opacity: 1;
}

.right-bg-pattern img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 96px;
    margin-top: 50px;
}

.left-bg-pattern img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 96px;
    margin-top: 50px;
}

.lab-person {
    background-color: #fff;
}

.lab-person .container {
    padding-top: 56px;
    padding-bottom: 56px;
}

.person-slider {
    padding-top: 40px;
    padding-bottom: 56px;
}

.person-slider .img-person {
    width: 182px;
    height: 250px;
    border-radius: 152px;
}

.person-slider .img-person img {
    border-radius: 152px;
    transition: all .3s;

}

.person-item:hover .img-person img {
    margin-bottom: 4px;
    margin-top: -4px;
}

.person-slider .slick-slide {
    padding-top: 4px;
}

.person-slider .information-person h5 {
    font-weight: 900;
    font-size: 20px;
    color: var(--blue);
}

.person-slider .information-person span {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-body);
}


.person-slider .slick-dots {
    display: flex !important;
    gap: 12px;
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(50%, -11px);
    margin-bottom: 0;

}

.person-slider .slick-dots li {
    width: 12px;
    height: 12px;
    background-color: #d8dbf4;
    border-radius: 24px;
    z-index: 3;
    cursor: pointer;
}

.person-slider .slick-dots li.slick-active {
    background-color: var(--secondary-color);
}

.person-slider button {
    text-indent: -99999px;
}

.person-slider .slick-prev,
.person-slider .slick-next {
    width: 34px;
    height: 34px;
    background-color: #d8dbf4;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.person-slider .slick-prev {
    position: absolute;
    right: 50%;
    bottom: 0;
    transform: translate(84px, 0);
}

.person-slider .slick-next {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-84px, 0);
}

.person-slider .arrow {
    position: absolute;
    top: 22px;
    left: 22px;
    width: 25px;
    height: 25px;
}

.person-slider .arrow img {
    opacity: 0;
    transition: all .3s;
}

.faq {
    padding-top: 84px;
    position: relative;
}

.faq.d-flex {
    padding-bottom: 84px;

}

.faq {
    padding-top: 84px;
    position: relative;
}

.faq.d-flex {
    padding-bottom: 84px;

}


.faq {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}



.faq-item.open {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.faq-item.open .faq-top h6 {
    color: #4e5cbd;
}

.faq-item .faq-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.faq-item .faq-top h6 {
    color: var(--blue);
    font-weight: 900;
    font-size: 16px;
    /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; */
}

.faq-item .faq-top .faq-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
}

.faq-item .faq-top .faq-btn img {
    width: 100%;
    height: 100%;
}



.faq-item .faq-top .faq-btn .faq-neg {
    opacity: 0;
    width: 0;
}


.faq-item.open .faq-item .faq-top h6 {
    color: #4e5cbd;
}

.faq-item.open .faq-top .faq-btn .faq-neg {
    opacity: 1;
    width: 25px;
}

.faq-item .faq-top .faq-btn .faq-plus {
    transition: all .3s;
}

.faq-item.open .faq-top .faq-btn .faq-plus {
    rotate: 45deg;

}

.faq-item.open .faq-answer {
    overflow: visible;
    max-height: 500px;
    margin-top: 6px;
}

.faq-item.open .faq-answer::-webkit-scrollbar-track {
    background: #00000000;
}


.faq-item.open .faq-answer::-webkit-scrollbar {
    width: 3px;
}

.faq-item.open .faq-answer::-webkit-scrollbar-track {
    background: #dbe7ff00;
    border-radius: 50%;
}

.faq-item.open .faq-answer::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px;
}

.faq-item .faq-answer .body-text p {
    /* margin-left: 16px; */
    color: #4e5cbd;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
}

.faq-img {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    margin-top: -100px;
}

.faq-img img {
    width: 100%;
    object-fit: contain;
    margin: 0 auto;
}

.faq-animation {
    width: 282px;
    height: 278px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -72px);
    mix-blend-mode: multiply;
}

.faq-animation img {
    width: 100%;
    height: 100%;
    animation: rotate2 6s infinite;
}

@keyframes rotate2 {
    0% {
        rotate: 0deg;
    }

    50% {
        rotate: 25deg;
    }

    100% {
        rotate: 0deg;
    }
}

.experience {
    background-color: #fff;
}

.experience .container {
    padding-top: 56px;
    padding-bottom: 56px;
}

.experience-slider {
    padding-top: 40px;
}

.experience-slider .experience-item {
    background-color: #fff;
    border: 1px solid #E2E7F8;
    box-shadow: 0px 0px 18.5px 0px #E7E9FF;
    border-radius: 24px;
    padding: 40px;
    opacity: .5;
    position: relative;
    height: 280px;
    transition: all .3s;
}

.experience-slider .experience-item p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    line-height: 28px;
    color: var(--color-body);
}

.experience-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: var(--color-body);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 112px;
}

.fade_rule {
    opacity: 1;
    /* border: 1px solid transparent; */
    /* border-image-source: linear-gradient(0deg, rgba(234, 235, 253, 0) 0%, #BACBF1 50%, rgba(234, 235, 253, 0) 100%); */
    /* border-image-slice: 1; */
    height: 1px;
    /* background-color: #ff1f1f; */
    width: 100%;
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.02, #EAEBFD00), color-stop(0.5, #BACBF1), color-stop(0.98, #EAEBFD00));
}

.experince-user-information {
    gap: 12px;
    padding-top: 12px;
    position: absolute;
    bottom: 50%;
    transform: translateY(calc(50% - -89px));

}

.experince-user-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.experince-user-img img {
    border-radius: 50%;

}

.experience-slider .slick-slide {
    margin: 0 12px 0 12px;
    transition: all .3s;
}

.experience-slider .slick-current.slick-center .experience-item {
    opacity: 1;
}

.experience-slider .slick-slide .virgol {
    position: absolute;
    left: 40px;
    transition: all .3s;
    bottom: -15px;
}

.experience-slider .slick-slide.slick-active .small-virgol {
    position: absolute;
    left: 40px;
}

.virgol {
    opacity: 0;
    transition: opacity 0.3s;
}

.experience-slider .slick-slide.slick-center .virgol {
    opacity: 1;
}

.experience-slider .slick-slide .virgol {
    opacity: 0;
}

.experience-slider .slick-list.draggable {
    padding-bottom: 40px !important;
}

.experience-slider .slick-dots {
    display: flex !important;
    gap: 12px;
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(50%, 0);
    margin-bottom: 0;

}

.experience-slider .slick-dots li {
    width: 12px;
    height: 12px;
    background-color: #d8dbf4 !important;
    border-radius: 24px;
    z-index: 3;
    cursor: pointer;
}

.experience-slider .slick-dots li.slick-active {
    background-color: var(--secondary-color) !important;
}

.experience-slider button {
    text-indent: -99999px;
}

.experience-slider .slick-prev,
.experience-slider .slick-next {
    width: 34px;
    height: 34px;
    background-color: #d8dbf4;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.experience-slider .slick-prev {
    position: absolute;
    right: 50%;
    bottom: 0;
    transform: translate(96px, 11px);
}

.experience-slider .slick-next {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-96px, 11px);
}

.blog {
    padding-top: 56px;
}

.blog-img {
    width: 184px;
    height: 184px;
    overflow: hidden;
}

.blog .row {
    padding-top: 36px;
    padding-bottom: 115px;
}

.blog .row .nav-link {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    border-radius: 28px;
    transition: all .3s;
    position: relative;
    border: 1px solid #f1fcf900;
}

.blog .row .nav-link:hover {
    border: 1px solid #F1FCF9;
    background: linear-gradient(270deg, rgba(223, 225, 255, 0.4) 0%, rgba(191, 195, 255, 0.4) 100%);
}

.blog .row .nav-link:hover .blog-arrow {
    opacity: 1;
}

.blog-img,
.blog-img img {
    border-radius: 24px;
    transition: all .3s;
}

.blog .row .nav-link:hover .blog-img img {

    transform: scale(1.02);
}

.blog-text h6 {
    font-weight: 900;
    font-size: 20px;
    color: var(--blue);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 16px;
}

.blog-text {
    padding-left: 12px;
}

.blog-text p {
    font-weight: 400;
    font-size: 14px;
    color: var(--color-body);
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;

}

.blog-date span {
    font-weight: 500;
    font-size: 14px;
    color: var(--blue);
}

.blog-arrow {
    position: absolute;
    bottom: 24px;
    left: 16px;
    transition: all .3s;
    opacity: 0;
}

.blog .row .col:hover {
    transition: all .3s;
    border: 1px solid #F1FCF9;
    background: linear-gradient(270deg, rgba(223, 225, 255, 0.4) 0%, rgba(191, 195, 255, 0.4) 100%);
    box-shadow: 0px 0px 10px 0px #dfdbf5;
}

.blog-img img {
    transition: all .3s;
}

.blog .row .col:hover .blog-img img {
    transform: scale(1.05);
}

.blog .row .col:hover .blog-arrow {
    opacity: 1;
}

.footer {
    background-color: var(--primary-color);
    position: relative;
    /*margin-top: 170px;*/
}

.bg-logo {
    position: absolute;
    right: 50%;
    top: 0;
    transform: translate(50%, -63px);
    z-index: 1;
}

.footer .row {
    padding-top: 136px;
}

.footer-list h5 {
    font-weight: 1000;
    font-size: 16px;
    color: #4e5cbd;
    margin-bottom: 16px;
}

.footer-list li a {
    font-weight: 400;
    font-size: 14px;
    color: var(--blue) !important;
    transition: all .3s;
    width: fit-content;
}

.footer-list li a:hover {
    margin-right: 6px;
    margin-left: -6px;
}

.footer-list li,
.footer-list span {
    line-height: 32px;
}

.footer-list span {
    font-weight: 400;
    font-size: 14px;
    color: #4e5cbd;
}

.footer-information {
    gap: 32px;
    padding-top: 58px;
    padding-bottom: 24px;
}

.footer-information .d-flex span {
    font-weight: 400;
    font-size: 16px;
    color: #4e5cbd;
}

.media-icon {
    width: 48px;
    height: 48px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--blue);
    backdrop-filter: blur(5px);
    border-radius: 16px;
    transition: all .3s;
}

.media-icon img {
    transition: all .3s;
}

.media-icon:hover img {
    scale: 1.1;
}

.media-icon:hover {
    background-color: rgba(255, 255, 255, 0.2);

}

.social-media {
    gap: 20px;
}

.adrian-logo {
    gap: 12px;
}

.copy-right-text span {
    font-weight: 400;
    font-size: 14px;
    color: #4e5cbd;
}

.adrian {
    line-height: 28px;

}

.adrian-logo .adrian span {
    font-weight: 400;
    font-size: 14px;
    color: #4e5cbd;
}

.copy-right {
    padding-bottom: 32px;
}

.adrian-logo .adrian h6 {
    font-weight: 600;
    font-size: 14px;
    color: #4e5cbd;
}



.breadcrumb {
    margin-top: 116px;
    background-color: var(--primary-color);
    width: 100%;
    position: relative;
}

.breadcrumb-bg img {
    right: -15px;
    position: relative;
    top: 1px;

}

.brd-content {
    position: absolute;
    top: 21px;
}

h5.breadcrumb-name-page {
    font-size: 32px;
    font-weight: 900;
    color: #2f3b99;
    padding-top: 32px;
}

.breadcrumb-address {
    padding-bottom: 44px;
}

.breadcrumb-address a.home {
    font-size: 14px;
    font-weight: 500;
    color: #AFB1BB;
}

.breadcrumb-address a.page-name {
    font-size: 14px;
    font-weight: 500;
    color: #777D90;
}

/* contact us page */
.contact-us {
    padding-top: 44px;
    padding-bottom: 44px;
}

.map-cnt {
    border-radius: 24px;
    width: 100%;
    height: 579px;
}

.map-cnt iframe {
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

.contact-bottom {
    display: flex;
    gap: 24px;
    padding-left: 130px;
    padding-right: 130px;
    margin-top: -262px;
    align-items: flex-end;
    padding-bottom: 72px;
}

.contact-bottom .button-cnt {
    width: 100%;
}

.contact-bottom .button-cnt .button-text {
    width: 100%;
    justify-content: center;
}

.contact-bottom .contact-form-cnt {
    background-color: rgba(248, 249, 249, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 48px 36px 32px;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(237, 237, 237, 1);
    gap: 36px;
    border-radius: 24px;
    width: 50%;
}

.contact-bottom .contact-form-cnt .button {
    padding-top: 12px;
    padding-bottom: 12px;
}

.contact-bottom .contact-form-cnt .contact-form-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.location-icon {
    display: flex;
    height: 32px;
    width: 32px;
    padding: 0px;
    transition: all 0.3s;
    cursor: pointer;
}

.location-icon:hover {
    margin-top: -4px;
}

.location-icon img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.contact-bottom .contact-form-cnt .contact-form-top .contact-form-title h3 {
    color: var(--black-color);
    font-weight: 1000;
}

.contact-bottom .contact-form-cnt .contact-form .contact-form-inputs-cnt {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact-bottom .contact-form-cnt .contact-form .input-cnt input {
    border-radius: 12px;
    background-color: #fff;
    border: 1px solid rgba(237, 237, 237, 1);
    width: 100%;
    padding: 26px 12px;
    cursor: pointer;
}

.contact-bottom .contact-form-cnt .contact-form .input-cnt input {
    /* padding: 0; */
    width: 100%;
    height: 20px;
    cursor: pointer;
}

.contact-bottom .contact-form-cnt .contact-form .input-cnt textarea {
    padding: 0;
    resize: none;
    font-family: var(--font-family);
    width: 100%;
    cursor: pointer;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.contact-bottom .contact-form-cnt .contact-form ::placeholder {
    font-weight: 200;
    color: rgb(139, 139, 139);
    font-size: 14px;
}

.contact-bottom .contact-form-cnt .contact-form .button {
    background-color: var(--primary-color);
    width: 100%;
    justify-content: center;
}

.contact-bottom .contact-form-cnt .contact-form .button::before {
    background-color: #afc00c;
}

.contact-info-cnt {
    border: 1px solid rgba(237, 237, 237, 1);
    background-color: rgba(251, 251, 252, 0.6);
    border-radius: 24px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 50%;
    height: fit-content;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

::placeholder {
    font-family: var(--font-family);
}

.contact-info-cnt .contact-info-section {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contact-info-cnt .contact-info-section .contact-info-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.contact-info-cnt .contact-info-title {
    color: var(--color-body);
    font-weight: 1000;
    letter-spacing: -0.5px;
}

.contact-info-cnt .contact-info-top {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.contact-info-cnt .contact-icon {
    border-radius: 50%;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.contact-info-cnt .contact-info-bottom .contact-icon:hover {
    margin-top: -4px;
}

.contact-info-cnt .contact-icon svg {
    width: 32px;
    height: 32px;
}

.input-alert {
    background-color: rgb(252, 217, 217);
}

.input-alert input {
    background-color: rgb(252, 217, 217);
}

.input-alert textarea {
    background-color: rgb(252, 217, 217);
}

.contact-info-cnt .contact-info-bottom {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-top: 1px solid var(--primary-color);
    padding-top: 32px;
}

.contact-info-cnt .contact-info-bottom .contact-social {
    display: flex;
    gap: 12px;
}

.contact-info-cnt .phone-num {
    width: fit-content;
    direction: ltr;
}


.header-other-page {
    position: fixed;
    width: 100%;
    background-color: var(--primary-color);
    z-index: 50;
}

.header-other-page .header-logo {
    padding-bottom: 16px;

}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#forget_overlay {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #fff;
    opacity: 0.9;
    z-index: 99999999;
}

.loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
}

.myloader,
.myloader:after {
    border-radius: 50%;
    width: 8em;
    height: 8em;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4.05em;
}

.myloader {
    left: 50%;
    margin-left: -4em;
    font-size: 10px;
    border: 0.8em solid var(--primary-color);
    border-left: 0.8em solid rgba(204, 204, 204, 1);
    animation: spin 1.1s infinite linear;
}

.text-center {
    direction: rtl;
    display: flex;
    justify-content: center;
}

.border-red {
    background-color: #efcccc !important;
}

.border-red input {
    background-color: transparent !important;
}

.border-red textarea {
    background-color: transparent !important;
}

p img {
    margin: 0 auto;
}

.contact-form-input-container.sampling-form .input-cnt input {
    width: 100%;
}

.nav-tabs .nav-link.active {
    background-color: var(--primary-color) !important;
    border-radius: 50% !important;
    color: #4e5cbd !important;
    border: none;
}

.alphabet-nav .nav-item .nav-link {
    transition: all .3s;
    border-radius: 50% !important;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2f3b99;
}

.alphabet-nav .nav-item .nav-link:hover {
    background-color: #2f3b99 !important;
    color: #fff !important;
}

#myTabContent .col-md-2 .py-2.rounded a,
.list-search .col-md-2 .py-2.rounded a {
    transition: all .3s;
}

#myTabContent .col-md-2 .py-2.rounded a:hover,
.list-search .col-md-2 .py-2.rounded a:hover {
    transform: translateY(-4px);
}

.searchbtn {
    padding: 4px 8px;
    background-color: #2f3b99 !important;
    color: var(--primary-color) !important;
    font-size: 12px;
    border-radius: 14px;
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    left: -1%;
}

.form-control {
    padding: .5rem .75rem;
}

.testTitle {
    background-color: #2f3b99;
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
    color: #eceeff;
    padding-top: 12px;
    padding-bottom: 12px;
    align-items: center;
    display: flex;
}

.testDesc {
    background-color: #eceeff;
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem;
    padding-top: 12px;
    padding-bottom: 12px;
}

.gallery-cnt.gallery-pg .gallery-item {
    height: 300px;
}

.gallery-cnt.gallery-pg .gallery-item img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 20px;

}

.video-img {
    height: 200px;
}

.video-img img {
    height: 100%;
    width: 100%;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    object-fit: cover;
}

.card {
    border-radius: 20px;
}

.error-page {
    margin-top: 117px;
}

.error-code {
    display: flex;
    justify-content: center;
    font-size: 100px;
    font-weight: 900;
    color: var(--primary-color);
    padding-top: 20px;
}

.pgn a.nav-link {
    color: var(--primary-color);
    border-radius: 50%;
    height: 32px;
    width: 32px;
    transition: all .3s;
}

.pgn a.nav-link:hover {
    background-color: #ecedff;
}

.pgn a.nav-link.active-page {
    color: #4e5cbd;
    background-color: var(--primary-color);

}

.pgn svg:hover {
    cursor: pointer;
}

.customer-img {
    width: 150px;
    height: 150px;
}

.about-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.body-text {
    font-weight: 400;
    font-size: 16px;
    color: var(--color-body);
    text-align: justify;
}

.border-menu {
    height: 1px;
    width: calc(100% - 24px);
    background-color: var(--blue);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    /*margin-top: 15px;*/
}


.about-dot {
    background-color: #8B93CB;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin-left: 5px;
}

.about-dots-slider {
    position: absolute !important;
    bottom: 50%;
    transform: translate(-50%, calc(50% - -136px));
    left: 50%;
    z-index: 999;

}

.about-dots-slider-item {
    /* color: var(--primary-color); */
    font-size: 13px;
    font-weight: 1000;
    color: #8B93CB;
    width: 95% !important;
    justify-content: center;
}

.about-dots-slider .slick-slide.slick-current.slick-center .about-dots-slider-item span {
    color: var(--primary-color);

}

.about-dots-slider .slick-slide.slick-current.slick-center .about-dots-slider-item .about-dot {
    background-color: var(--primary-color);
}

/*.about-dots-slider .slick-slide {*/
/*    width: 150px !important;*/
/*}*/




/* chat section */

.quick-menu {
    /* position: absolute; */
    padding: 24px;
    border-radius: 20px;
    background-color: #eceeff;
    width: 204px;
    padding-bottom: 44px;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 0;
    border: 1px solid #c7cbf0;
}

.quick-menu-vector {
    position: absolute;
    bottom: -20px;
    right: 6px;
    height: 26px;
    display: flex;
    width: 100%;
    padding-bottom: 5px;
}

.quick-menu-vector img {
    height: 100%;
    object-fit: contain;
    margin-right: 24px;
    margin-left: auto;
}

.quick-menu .quick-menu-item {
    color: var(--blue);
    font-size: 14px;
    font-weight: 800;
    transition: all 0.3s;
}

.quick-menu .quick-menu-item:hover,
.quick-menu .quick-menu-item:not(.collapsible--expanded):hover>span {
    margin-right: 8px;
}

.quick-menu .quick-menu-item.collapsible--expanded>span,
.quick-menu .quick-menu-item:not(.collapsible--expanded) span {
    transition: all .3s;
}

.quick-menu .quick-menu-item.collapsible--expanded>span:hover {
    margin-right: 8px;
}

.quick-menu .quick-menu-item.collapsible--expanded:hover {
    margin-left: 0px;
}


.chat-cnt {
    position: fixed;
    bottom: 45px;
    right: 12px;
    display: flex;
    flex-direction: column-reverse;
    z-index: 1000;
    opacity: 1;
    transition: opacity 0.6s, z-index 1s;
}

.chat-cnt .chat-icon {
    display: flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    border-radius: 16px;
    margin-left: auto;
    margin-right: 21px;
}

.chat-cnt .quick-menu-desc {
    position: absolute;
    transition: all 0.3s;
    opacity: 0;
    bottom: 111px;
    right: 10px;
    visibility: hidden;
}

.chat-cnt.open .quick-menu-desc {
    visibility: visible;
    opacity: 1;
}

.chat-cnt .chat-icon span {
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 700;
    margin-top: 8px;
}

.chat-cnt .quick-access-icon {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-cnt .quick-access-icon img {
    height: 100%;
    width: 100%;
}

.quick-menu-item.direction {
    position: absolute;
    overflow: hidden;
    height: 44px;
    transition: all 0.3s;
    width: 100%;
    bottom: 0;
    left: 0;
}

.quick-menu-item.direction span {
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
}

.quick-menu-item.direction span svg {
    stroke: var(--primary-color);
    transition: all 0.3s;

}

.quick-menu-item.direction:not(.collapsible--expanded) span svg {
    opacity: 0;
    visibility: hidden;
}


.quick-menu-item.direction.collapsible--expanded {
    height: 292px;
    background-color: #eceeff;
    width: 100%;
    left: 0;
    border-radius: 20px;
    padding: 20px;
}

.quick-menu-item.direction:not(.collapsible--expanded) {
    padding: 0 20px;
}

.quick-menu-item.direction .direc-icons-cnt {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 12px;
    opacity: 0;
    transition: all 0.2s;
    z-index: 1000;
    position: relative;
    /* padding: 0 20px; */
}

.quick-menu-item.direction.collapsible--expanded .direc-icons-cnt {
    opacity: 1;
    transition: all .3s;
}

.quick-menu-item.direction.collapsible--expanded .direc-icons-cnt a:hover {
    margin-right: 8px;
}

.quick-menu-item.direction .direc-icons-cnt a {
    /* width: 38px; */
    height: 38px;
    padding: 2px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.quick-menu-item.direction .direc-icons-cnt a span {
    color: var(--blue);
}

.quick-menu-item.direction .direc-icons-cnt a:hover {
    margin-left: 8px;
}

.quick-menu-item.direction .direc-icons-cnt a img {
    height: 100%;
    object-fit: contain;
}

.chat-cnt.hide {
    opacity: 0;
    z-index: -1;
}

.location-footer {
    width: 40px !important;
    height: 40px;
    transition: all .3s;
}

.footer-list li a.location-footer:hover {
    margin-right: unset;
    margin-left: unset;
    margin-top: -6px;
    margin-bottom: 6px;
}

#test>.d-flex,
#result-search>.d-flex,
.alphabeeet,
.men-test {
    background: var(--primary-color);
    border-radius: 0.375rem;
    transition: all .3s;
}

#test>.d-flex:hover,
#result-search>.d-flex:hover,
.alphabeeet:hover,
.men-test:hover {
    background: #2f3b99;
    color: #fff !important;
}

#test>.d-flex:hover a .d-flex,
#result-search>.d-flex:hover a .d-flex,
.alphabeeet:hover a .d-flex,
.men-test:hover a .d-flex {
    color: var(--primary-color) !important;
}

.categories {
    width: 80px;
    height: 80px;
    border-radius: 16px;
}

.categories .decoration-none .d-flex {
    color: var(--blue) !important;
}



.info-slider {
    overflow: hidden;
}

.info-slider  {
    height: 38px;
    /* transform: unset !important; */
}

.info-title {
    font-weight: 1000;
    color: var(--color-body);
    font-size: 12px;
    /* display: inline-block;
    white-space: nowrap;   
    margin-right: 0.5rem;  
    vertical-align: top;  */
}

.info-slider-item .info-content {
    color: var(--blue);
    font-weight: 500;
    font-size: 12px;
}

.info-slider .slick-slide>div {
    display: flex;
}

.slick-slide.slick-current.slick-active .info-slider-item {
    /* border-left:5px solid ; */
    /* height: 10px; */
    /* line-height: 40px; */
    /*margin-right: 0px;*/
    /*margin-left: 10px;*/
    /* border-left-width: 2em; */
    /* padding-left: 40px; */
}

.slick-slide.slick-current.slick-active .info-slider-item .info-line {
    height: 100%;
    background-color: #2f3b99;
    width: 1.5px;
    border-radius: 10px;
    margin-right: 32px;
    margin-left: 0;
    position: absolute;
    left: 8px;
    opacity: 0;
}

.info-slider-item .info-line {
    transition: all .3s;
    /* top: 20px; */
    /* transform: translateY(-50%); */
}

.info-slider-item svg {
    margin-left: 5px;
}

.file-upload {
    display: block;
    text-align: center;
    /* font-family: Helvetica, Arial, sans-serif; */
    font-size: 12px;
}

.file-upload .file-select {
    display: block;
    border: 2px solid var(--primary-color);
    color: #3bb4b2;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: right;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
    border-radius: 12px;
}

.file-upload .file-select .file-select-name {
    color: black;
}

.file-upload .file-select .file-select-button {
    background: var(--primary-color);
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #2f3b99;
}

.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
    /* font-family: yekanbakhFa; */
}

/* 
.file-upload .file-select:hover {
    border-color: #38bcac;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
} */

/* .file-upload .file-select:hover .file-select-button {
    background: #38bcac;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
} */

.file-upload.active .file-select {
    border-color: #38bcac;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload.active .file-select .file-select-button {
    background: #38bcac;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-upload .file-select.file-select-disabled {
    opacity: 0.65;
}

.file-upload .file-select.file-select-disabled:hover {
    cursor: default;
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

.has-error input {
    border: 1px solid red !important;
}

.has-error .file-select {
    border: 1px solid red !important;
}

.has-error label {
    color: red;
}

@media (max-width:910px) {
    .breadcrumb {
        margin-top: 100px;
    }
}


@media (max-width:910px) {
    .mr-md-20 {
        margin-right: 20%;
    }
}

@media (max-width:576px) {
    .mr-10 {
        margin-right: 10%;
    }
        .services-item {
    width: 60% !important;
    }
    .services-item .btn-cnt span {
    font-size: 12px !important;
    }
}
.services-item{
    width:95%;
}
.services-item-title h4{
    font-size:20px;
    color:#2f3b99;
    font-weight: 700;
}
.services-item .btn-cnt span{
    font-size:14px;
    color:#2f3b99;
    font-weight: 500;
}
.services-item .btn-cnt{
    transition:all .3s;
}
.services-item-img-cnt{
width:168px;
height:168px;
   transition:all .3s;

}

.services-item .services-item-img{
    width:150px;
    height:150px;
       transition:all .3s;
}
.services-item .services-item-img img{
       transition:all .3s;
}
.services-item:hover .services-item-img img{
    scale:1.1;
}

@media (max-width:1100px){
    .services-item-title h4 {
    font-size: 16px;
    }
    .services-item .services-item-img {
    width: 130px;
    height: 130px;
    }
    .services-item-img-cnt{
    width:148px;
    height:148px;
   transition:all .3s;

}
}