.header-area{
    background-color: black;
}


.font-heading-beatricetrial-regular-2 h1, .font-heading-beatricetrial-regular-2 h2, .font-heading-beatricetrial-regular-2 h3, .font-heading-beatricetrial-regular-2 h4, .font-heading-beatricetrial-regular-2 h5, .font-heading-beatricetrial-regular-2 h6 {
    font-family: var(--font_beatricetrial);
    font-weight: 400;
    line-height: 1.08;
}

@media(min-width: 1800px) {
    .container.large {
        max-width:1750px
    }
}



.hero-area-inner {
    padding-top: 218px;
    padding-bottom: 133px;
}
@media only screen and (max-width: 1919px) {
    .hero-area-inner {
        padding-top: 175px;
        padding-bottom: 83px;
    }
}
@media only screen and (max-width: 1599px) {
    .hero-area-inner {
        padding-top: 140px;
        padding-bottom: 80px;
    }
}
@media only screen and (max-width: 1399px) {
    .hero-area-inner {
        padding-top: 140px;
        padding-bottom: 80px;
    }
}
@media only screen and (max-width: 1199px) {
    .hero-area-inner {
        padding-top: 128px;
        padding-bottom: 53px;
    }
}
.hero-area .section-title {
    text-align: center;
    line-height: 1.3;
}
@media only screen and (max-width: 767px) {
    .hero-area .section-title {
        text-align: start;
    }
}
.hero-area .section-content .text {
    max-width: 640px;
}
.hero-area .section-content .section-subtitle {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    text-transform: uppercase;
    color: var(--primary);
}
.hero-area .section-content .section-subtitle.has-right-line {
    padding-inline-end: 100px;
}
.hero-area .section-content .section-subtitle.has-right-line:after {
    width: 80px;
}
.hero-area .section-content .content-last {
    display: grid;
    gap: 20px 40px;
    grid-template-columns: auto auto;
    justify-content: center;
    margin-top: 44px;
}
@media only screen and (max-width: 1399px) {
    .hero-area .section-content .content-last {
        margin-top: 34px;
    }
}
@media only screen and (max-width: 1199px) {
    .hero-area .section-content .content-last {
        margin-top: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .hero-area .section-content .content-last {
        grid-template-columns: auto;
    }
}
@media only screen and (max-width: 767px) {
    .hero-area .section-content .content-last {
        justify-content: start;
    }
}
.hero-area .section-content .subtitle-wrapper {
    margin-top: 4px;
}
.counter-area-inner {
    display: grid;
    gap: 10px;
    /* grid-template-columns: 1fr 870px; */
    grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 1919px) {
    .counter-area-inner {
        /* grid-template-columns: 1fr 670px; */
    }
}
@media only screen and (max-width: 1199px) {
    .counter-area-inner {
        grid-template-columns: 1fr;
    }
}
.counter-area .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.counter-area .counter-wrapper {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 575px) {
    .counter-area .counter-wrapper {
        grid-template-columns: 1fr;
    }
}
.counter-area .counter-box {
    padding: 46px 50px 32px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fbf9f9;
    position: relative;
    z-index: 1;
}
@media only screen and (max-width: 1919px) {
    .counter-area .counter-box {
        padding: 36px 40px 22px;
    }
}
.dark .counter-area .counter-box {
    background-color: #1b1b1b;
}
.counter-area .counter-box:before {
    content: url(../imgs/shape/img-s-46.webp);
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    z-index: -1;
}
.dir-rtl .counter-area .counter-box:before {
    transform: rotateY(180deg);
}
.dark .counter-area .counter-box:before {
    content: url(../imgs/shape/img-s-46-light.webp);
}
.counter-area .counter-box .text {
    font-size: 24px;
    line-height: 1.26;
    font-weight: 300;
}
.counter-area .counter-box .text span{
    font-weight: 600;
}
@media only screen and (max-width: 1919px) {
    .counter-area .counter-box .text {
        font-size: 20px;
    }
}
.counter-area .counter-box .number {
    font-size: 100px;
    line-height: 1;
    margin-top: 60px;
    font-weight: 700;
    font-family: "Space Grotesk", sans-serif;
    letter-spacing: 2px;
}
@media only screen and (max-width: 1919px) {
    .counter-area .counter-box .number {
        font-size: 70px;
    }
}
.counter-area .counter-box.dark {
    background-color: var(--black);
}
.dark .counter-area .counter-box.dark {
    background-color: #1b1b1b;
}
.counter-area .counter-box.dark:before {
    content: url(../imgs/shape/img-s-46-light.webp);
}
.awards-area {
    position: relative;
    z-index: 1;
}
.awards-area .section-subtitle {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    text-transform: uppercase;
    color: var(--primary);
}
.awards-area .section-subtitle.has-left-line {
    padding-inline-start: 140px;
}
.awards-area .section-subtitle.has-left-line:before {
    width: 80px;
}
.awards-area .section-subtitle.has-left-line:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 75px;
    background-color: currentColor;
    inset-inline-start: 57px;
    bottom: -15px;
}
@media only screen and (max-width: 991px) {
    .awards-area .section-subtitle.has-left-line:after {
        display: none;
    }
}
.awards-area .subtitle-wrapper {
    margin-bottom: -50px;
}
@media only screen and (max-width: 1399px) {
    .awards-area .subtitle-wrapper {
        margin-bottom: -70px;
    }
}
@media only screen and (max-width: 1199px) {
    .awards-area .subtitle-wrapper {
        margin-bottom: -40px;
    }
}
@media only screen and (max-width: 991px) {
    .awards-area .subtitle-wrapper {
        margin-bottom: 10px;
    }
}
.awards-area .section-title-wrapper {
    display: grid;
    align-items: flex-end;
    gap: 50px;
    grid-template-columns: 390px 1fr;
}
@media only screen and (max-width: 1919px) {
    .awards-area .section-title-wrapper {
        grid-template-columns: 330px 1fr;
    }
}
@media only screen and (max-width: 991px) {
    .awards-area .section-title-wrapper {
        grid-template-columns: 1fr;
        align-items: flex-start;
        gap: 20px;
    }
}
.awards-area .awards-area-inner {
    position: relative;
    z-index: 1;
}
.awards-area .section-content {
    margin-top: 27px;
    margin-inline-start: 438px;
}
@media only screen and (max-width: 1919px) {
    .awards-area .section-content {
        margin-top: 27px;
        margin-inline-start: 378px;
    }
}
@media only screen and (max-width: 1399px) {
    .awards-area .section-content {
        margin-top: 52px;
        margin-inline-start: 378px;
    }
}
@media only screen and (max-width: 1199px) {
    .awards-area .section-content {
        margin-top: 22px;
        margin-inline-start: 378px;
    }
}
@media only screen and (max-width: 991px) {
    .awards-area .section-content {
        margin-inline-start: 0;
    }
}
.awards-area .section-content .text {
    max-width: 630px;
}
.awards-area .section-content .awards-list {
    margin-top: 43px;
}
@media only screen and (max-width: 991px) {
    .awards-area .section-content .awards-list {
        margin-top: 33px;
    }
}
.awards-area .section-content .awards-list ul {
    display: flex;
    gap: 20px 40px;
    max-width: 500px;
    justify-content: space-between;
}
.awards-area .section-content .awards-list ul li:not(:first-child) {
    padding-inline-start: 40px;
    border-inline-start: 1px solid var(--border);
}
.awards-area .about-thumbs {
    display: flex;
    gap: 20px 50px;
    justify-content: flex-end;
    margin-top: 63px;
}
@media only screen and (max-width: 1399px) {
    .awards-area .about-thumbs {
        margin-top: 43px;
    }
}
@media only screen and (max-width: 767px) {
    .awards-area .about-thumbs {
        gap: 20px 20px;
    }
}
@media only screen and (max-width: 575px) {
    .awards-area .section-content .awards-list ul {
        display: block;
    }
    .awards-area .section-content .awards-list ul li:not(:first-child){
        padding-inline-start: 0;
        border-inline-start: none;
        margin-top: 35px;
    }
}
.awards-area .about-thumbs .thumb-second {
    max-width: 670px;
    flex: 1 1 auto;
}
@media only screen and (max-width: 1399px) {
    .awards-area .about-thumbs .thumb-second {
        max-width: 570px;
    }
}
.awards-area .meta {
    display: grid;
    gap: 18px;
    grid-template-columns: 50px auto;
}
.awards-area .meta .number {
    font-size: 36px;
    line-height: 0.85;
    font-weight: 700;
}
.awards-area .meta .text {
    margin-top: 11px;
}
.about-area-inner {
    display: grid;
    grid-template-columns: 1fr 50%;
}
@media only screen and (max-width: 1199px) {
    .about-area-inner {
        grid-template-columns: 1fr 47%;
    }
}
@media only screen and (max-width: 991px) {
    .about-area-inner {
        grid-template-columns: 1fr;
    }
}
.about-area .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.about-area .section-content {
    padding: 100px 80px;
    position: relative;
    z-index: 1;
}
@media only screen and (max-width: 1199px) {
    .about-area .section-content {
        padding: 60px 50px;
    }
}
@media (max-width: 575px) {
    .about-area .section-content {
        padding: 60px 30px;
    }
}
.about-area .section-content .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-start: 0;
    z-index: -1;
}
.about-area .section-content .bg:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(18, 18, 18, 0.85);
    top: 0;
    inset-inline-start: 0;
}
.about-area .section-content .bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.about-area .section-content .text-wrapper {
    margin-top: 300px;
}
@media only screen and (max-width: 1919px) {
    .about-area .section-content .text-wrapper {
        margin-top: 123px;
    }
}
@media only screen and (max-width: 1199px) {
    .about-area .section-content .text-wrapper {
        margin-top: 43px;
    }
}
@media only screen and (max-width: 991px) {
    .about-area .section-content .text-wrapper {
        margin-top: 33px;
    }
}
.about-area .section-content .text {
    font-size: 20px;
    line-height: 1.35;
    max-width: 430px;
    color: var(--white-2);
}
@media only screen and (max-width: 1199px) {
    .about-area .section-content .text {
        font-size: 20px;
    }
}
.about-area .section-content .text span {
    color: var(--white);
}
.about-area .section-content .btn-wrapper {
    margin-top: 42px;
}
@media only screen and (max-width: 991px) {
    .about-area .section-content .btn-wrapper {
        margin-top: 32px;
    }
}
.about-area .section-content .section-title {
    max-width: 400px;
    color: var(--white);
    line-height: 1.2;
}
.about-area .section-content .wc-btn-primary {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--black);
}
.testimonial-area .testimonial-wrapper {
    max-width: 1070px;
    margin: 0 auto;
    padding: 0 80px;
}
@media only screen and (max-width: 767px) {
    .testimonial-area .testimonial-wrapper {
        padding: 0 0px;
    }
}
.testimonial-area .testimonial-wrapper-box {
    position: relative;
}
.testimonial-area .slider-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
@media only screen and (max-width: 767px) {
    .testimonial-area .slider-nav {
        display: none;
    }
}
.testimonial-area .slider-nav .nav-icon img {
    height: 63px;
}
@media only screen and (max-width: 1399px) {
    .testimonial-area .slider-nav .nav-icon img {
        height: 53px;
    }
}
@media only screen and (max-width: 1199px) {
    .testimonial-area .slider-nav .nav-icon img {
        height: 43px;
    }
}
.dir-rtl .testimonial-area .slider-nav .nav-icon img {
    transform: rotateY(180deg);
}
.testimonial-item {
    text-align: center;
}
.testimonial-item .icon img {
    height: 47px;
}
@media only screen and (max-width: 1199px) {
    .testimonial-item .icon img {
        height: 37px;
    }
}
.testimonial-item .text {
    font-size: 30px;
    line-height: 1.38;
    font-weight: 300;
    color: var(--primary);
}
@media only screen and (max-width: 1199px) {
    .testimonial-item .text {
        font-size: 26px;
    }
}
@media only screen and (max-width: 991px) {
    .testimonial-item .text {
        font-size: 22px;
    }
}
@media (max-width: 575px) {
    .testimonial-item .text {
        font-size: 20px;
    }
}
.testimonial-item .post {
    font-size: 18px;
    display: inline-block;
}
.testimonial-item .name {
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    color: var(--primary);
}
.testimonial-item .text-wrapper {
    margin-top: 53px;
}
@media only screen and (max-width: 1199px) {
    .testimonial-item .text-wrapper {
        margin-top: 33px;
    }
}
.testimonial-item .author {
    margin-top: 44px;
}
@media only screen and (max-width: 1199px) {
    .testimonial-item .author {
        margin-top: 34px;
    }
}
.faq-area .section-title {
    color: var(--white);
}
.faq-area .section-content {
    background-color: var(--black);
    display: grid;
    gap: 0px;
    grid-template-columns: auto 650px;
    justify-content: space-between;
}
.dark .faq-area .section-content {
    background-color: #171717;
}
@media only screen and (max-width: 1399px) {
    .faq-area .section-content {
        grid-template-columns: auto 550px;
    }
}
@media only screen and (max-width: 1199px) {
    .faq-area .section-content {
        grid-template-columns: auto 500px;
    }
}
@media only screen and (max-width: 991px) {
    .faq-area .section-content {
        grid-template-columns: auto;
    }
}
.faq-area .accordion-wrapper {
    margin-top: 47px;
}
.faq-area .accordion .accordion-button {
    font-size: 24px;
    line-height: 1;
    color: var(--white);
    padding-top: 18px;
    padding-bottom: 18px;
    padding-inline-start: 0;
    padding-inline-end: 0;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    text-align: start;
    font-weight: 400;
}
@media only screen and (max-width: 1199px) {
    .faq-area .accordion .accordion-button {
        font-size: 18px;
    }
}
.faq-area .accordion .accordion-button .section-subtitle {
    font-size: 12px;
    font-weight: 700;
    color: var(--primary);
    text-transform: uppercase;
    padding: 8px 16px;
    display: inline-block;
    border-radius: 10px;
    background-color: var(--white);
}
@media only screen and (max-width: 1199px) {
    .faq-area .accordion .accordion-button br {
        display: none;
    }
}
.faq-area .accordion .accordion-button::after {
    content: "+";
    color: var(--white);
    background-image: none;
    line-height: 1;
    width: auto;
    height: auto;
    font-size: 25px;
    margin-inline-start: 50px;
    margin-inline-start: auto;
    margin-inline-end: 0;
}
.faq-area .accordion .accordion-button:not(.collapsed) {
    pointer-events: none;
}
.faq-area .accordion .accordion-button:not(.collapsed)::after {
    content: "-";
}
.faq-area .accordion .accordion-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0px;
}
.faq-area .accordion .accordion-item:not(:first-child) {
    margin-top: 0px;
}
.faq-area .accordion .accordion-item:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.faq-area .accordion .accordion-body {
    font-size: 18px;
    line-height: 1.44;
    padding-inline-start: 0px;
    padding-inline-end: 0px;
    padding-bottom: 24px;
    padding-top: 0;
    color: var(--white-2);
}
@media only screen and (max-width: 991px) {
    .faq-area .accordion .accordion-body {
        padding-bottom: 23px;
    }
}
.faq-area .thumb {
    position: relative;
}
.faq-area .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.faq-area .thumb .wc-btn-circle {
    background-color: var(--black);
    width: 100px;
    height: 100px;
    border-radius: 0;
    color: var(--white);
}
.faq-area .content-last {
    padding: 73px 60px 80px;
}
@media only screen and (max-width: 1199px) {
    .faq-area .content-last {
        padding: 53px 40px 60px;
    }
}



.pricing-area .section-title {
    max-width: 680px;
    margin: 0 auto;
}
.pricing-area .section-header {
    text-align: center;
}
.pricing-area .pricing-wrapper-box {
    margin-top: 57px;
}
@media only screen and (max-width: 1399px) {
    .pricing-area .pricing-wrapper-box {
        margin-top: 47px;
    }
}
@media only screen and (max-width: 1199px) {
    .pricing-area .pricing-wrapper-box {
        margin-top: 37px;
    }
}
.pricing-area .pricing-wrapper {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 991px) {
    .pricing-area .pricing-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 767px) {
    .pricing-area .pricing-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}
.pricing-box {
    background-color: #fbf9f9;
    padding: 47px 50px 50px;
}
.dark .pricing-box {
    background-color: #1b1b1b;
}
@media only screen and (max-width: 1199px) {
    .pricing-box {
        padding: 27px 30px 30px;
    }
}
.pricing-box .tag {
    font-size: 18px;
    color: var(--primary);
    display: inline-block;
    line-height: 1;
}
.pricing-box .feature-list {
    margin-top: 39px;
}
.pricing-box .feature-list li {
    display: flex;
    align-items: center;
}
.pricing-box .feature-list li:not(:first-child) {
    margin-top: 15px;
}
.pricing-box .feature-list li img {
    margin-inline-end: 10px;
}
.dir-rtl .pricing-box .feature-list li img {
    transform: rotateY(180deg);
}
.pricing-box .price {
    font-size: 60px;
    line-height: 1;
    margin-top: 17px;
}
@media only screen and (max-width: 1399px) {
    .pricing-box .price {
        font-size: 50px;
    }
}
@media only screen and (max-width: 991px) {
    .pricing-box .price {
        font-size: 40px;
    }
}
.pricing-box .wc-btn-primary {
    margin-top: 50px;
}
@media only screen and (max-width: 1199px) {
    .pricing-box .wc-btn-primary {
        margin-top: 40px;
    }
}
.dark .pricing-box .wc-btn-primary:hover {
    color: var(--black);
}


.contact-area-inner {
    padding-inline: 30px;
    background-color: var(--black);
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.dark .contact-area-inner {
    background-color: #1b1b1b;
}
.contact-area-inner .shape-1 {
    position: absolute;
    inset-inline-end: -6%;
    top: -15%;
    z-index: -1;
    width: 440px;
}
@media only screen and (max-width: 1399px) {
    .contact-area-inner .shape-1 {
        top: -45%;
    }
}
@media only screen and (max-width: 1199px) {
    .contact-area-inner .shape-1 {
        width: 340px;
    }
}
@media only screen and (max-width: 991px) {
    .contact-area-inner .shape-1 {
        width: 270px;
        top: -35%;
    }
}
@media only screen and (max-width: 767px) {
    .contact-area-inner .shape-1 {
        display: none;
    }
}
.dir-rtl .contact-area-inner .shape-1 img {
    transform: rotateY(180deg);
}
.contact-area .section-title {
    max-width: 830px;
    margin-inline: auto;
    color: var(--white);
}
@media only screen and (max-width: 1919px) {
    .contact-area .section-title {
        max-width: 730px;
    }
}
@media only screen and (max-width: 1199px) {
    .contact-area .section-title {
        max-width: 580px;
    }
}
@media only screen and (max-width: 991px) {
    .contact-area .section-title {
        max-width: 480px;
    }
}
.contact-area .section-content {
    text-align: center;
}
.contact-area .section-content .btn-wrapper {
    margin-top: 42px;
}
@media only screen and (max-width: 991px) {
    .contact-area .section-content .btn-wrapper {
        margin-top: 22px;
    }
}
.contact-area .section-content .wc-btn-underline {
    color: var(--white);
    text-transform: uppercase;
}




.features-area .section-title {
    max-width: 850px;
    text-indent: 0px;
    line-height: 1.2;
}

/* @media(min-width: 992px) {
    .features-area .section-title {
        font-size:36px
    }
} */

@media only screen and (max-width: 767px) {
    .features-area .section-title {
        text-indent:0
    }
}

.features-area .section-content {
    margin-top: 90px;
    display: grid;
    gap: 20px 60px;
    grid-template-columns: auto 960px;
    justify-content: space-between
}

@media only screen and (max-width: 1919px) {
    .features-area .section-content {
        margin-top:60px
    }
}

@media only screen and (max-width: 1399px) {
    .features-area .section-content {
        grid-template-columns:auto 920px
    }
}

@media only screen and (max-width: 1199px) {
    .features-area .section-content {
        grid-template-columns:1fr;
        margin-top: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .features-area .section-content .shape {
        display:none
    }
}

.dir-rtl .features-area .section-content .shape img {
    transform: rotateY(180deg)
}

.features-area .section-content .thumb {
    position: relative
}

.features-area .section-content .thumb .main-image {
    border-radius: 0 0 300px 0
}

.dir-rtl .features-area .section-content .thumb .main-image {
    border-radius: 0 0 0 300px
}

@media only screen and (max-width: 991px) {
    .features-area .section-content .thumb .main-image {
        border-radius:0
    }
}

.features-area .section-content .thumb .shape-1 {
    position: absolute;
    inset-inline-end: 17px;
    bottom: -20px;
    filter: grayscale(10) brightness(1.099);
}

.dir-rtl .features-area .section-content .thumb .shape-1 img {
    transform: rotateY(180deg)
}

.features-area .section-content .text-wrapper {
    margin-top: 60px;
    display: grid;
    gap: 23px 80px;
    grid-template-columns: 1fr 1fr
}

@media only screen and (max-width: 1399px) {
    .features-area .section-content .text-wrapper {
        margin-top:40px
    }
}

@media only screen and (max-width: 991px) {
    .features-area .section-content .text-wrapper {
        grid-template-columns:1fr
    }
}






.cta-area {
    position: relative;
    z-index: 1
}

.cta-area .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-start: 0;
    z-index: -1
}

.cta-area .bg:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(18,18,18,.5);
    top: 0;
    inset-inline-start: 0;
    z-index: 1
}

.cta-area .bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cta-area .section-title {
    max-width: 850px;
    margin-inline:auto;color: var(--white)
}

.cta-area .section-header {
    text-align: center
}

.cta-area .section-header .section-subtitle {
    color: var(--white)
}

.cta-area .section-header .title-wrapper {
    margin-top: 18px
}

.cta-area .section-header .text {
    max-width: 850px;
    margin-inline:auto;color: var(--white);
    margin-bottom: 20px;
}

.cta-area .section-header .text-wrapper {
    margin-top: 24px
}

.cta-area .section-header .btn-wrapper {
    margin-top: 43px
}

@media only screen and (max-width: 1199px) {
    .cta-area .section-header .btn-wrapper {
        margin-top:33px
    }
}

.cta-area .section-header .wc-btn-primary {
    border-color: var(--white);
    color: var(--white)
}

.cta-area .section-header .wc-btn-primary:hover {
    background-color: var(--white);
    border-color: rgba(0,0,0,0);
    color: var(--black)
}






.new_abot.about-area {
    background-color: #f3e9e2
}


.new_abot .about-area-inner {
    display: grid;
    gap: 0 60px;
    grid-template-columns: 1fr 42%
}

@media only screen and (max-width: 991px) {
    .about-area-inner {
        grid-template-columns:1fr
    }
}

.new_abot.about-area .section-title {
    max-width: 590px;
    color: var(--black);
}

.new_abot.about-area .section-content .title-wrapper {
    margin-top: 18px
}

.new_abot.about-area .section-content .content-bottom {
    margin-top: 47px;
    display: grid;
    gap: 30px 0;
    grid-template-columns: 195px auto;
    margin-inline-start:-115px}

@media only screen and (max-width: 1919px) {
    .new_abot.about-area .section-content .content-bottom {
        margin-inline-start:0
    }
}

@media only screen and (max-width: 1399px) {
    .new_abot.about-area .section-content .content-bottom {
        grid-template-columns:155px auto
    }
}

@media(max-width: 575px) {
    .new_abot.about-area .section-content .content-bottom {
        grid-template-columns:auto
    }
}

.new_abot.about-area .section-content .btn-wrapper {
    margin-top: 43px
}

.new_abot.about-area .section-content .text {
    max-width: 330px;
    font-size: 18px;
    color: var(--secondary);
}

.new_abot.about-area .section-content .text-wrapper{
    margin-top: 0;
}

.new_abot.about-area .section-content .content-last {
    position: relative;
    padding-inline-start:140px}

@media only screen and (max-width: 1399px) {
    .new_abot.about-area .section-content .content-last {
        padding-inline-start:100px
    }
}

@media(max-width: 575px) {
    .new_abot.about-area .section-content .content-last {
        padding-inline-start:15px
    }
}

.new_abot.about-area .section-content .content-last:before {
    position: absolute;
    content: "";
    width: 1px;
    background-color: var(--primary);
    height: calc(100% + 214px);
    inset-inline-start: 70px
}

@media only screen and (max-width: 1919px) {
    .new_abot.about-area .section-content .content-last:before {
        height:calc(100% + 184px)
    }
}

@media only screen and (max-width: 1399px) {
    .new_abot.about-area .section-content .content-last:before {
        inset-inline-start:50px;
        height: calc(100% + 164px)
    }
}

@media only screen and (max-width: 1199px) {
    .new_abot.about-area .section-content .content-last:before {
        height:100%
    }
}

@media(max-width: 575px) {
    .new_abot.about-area .section-content .content-last:before {
        inset-inline-start:0
    }
}

.new_abot.about-area .section-content .content-first .title {
    font-size: 16px;
    line-height: 1.125;
    text-transform: uppercase
}

.new_abot.about-area .section-content .border-thumb {
    margin-top: 48px;
    padding-inline-start:15px;padding-bottom: 15px;
    position: relative;
    z-index: 1
}

.new_abot.about-area .section-content .border-thumb:before {
    position: absolute;
    content: "";
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    border: 1px solid var(--primary);
    inset-inline-start: 0;
    bottom: 0;
    z-index: -1
}

.new_abot.about-area .section-content .border-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-thumb {
    margin-inline-end:calc((100vw - var(--container-max-widths))/-2 - 10px)}

@media only screen and (max-width: 991px) {
    .about-thumb {
        margin-inline-end:0
    }
}

.about-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}



























.tech_top .about-area-inner {
    position: relative;
    z-index: 2;
    display: block;
}

.tech_top .section-content {
    display: grid;
    gap: 20px 60px;
    grid-template-columns: 1fr 575px;
    padding: 0;
    width: 100%;
}

@media only screen and (max-width: 1199px) {
    .tech_top .section-content {
        grid-template-columns:1fr 435px
    }
}

@media only screen and (max-width: 991px) {
    .tech_top .section-content {
        grid-template-columns:1fr
    }
}

.tech_top .section-content .btn-wrapper {
    margin-top: 43px
}

@media only screen and (max-width: 1199px) {
    .tech_top .section-content .btn-wrapper {
        margin-top:33px
    }
}

.tech_top .section-content .text:not(:first-child) {
    margin-top: 25px
}

.tech_top .section-title-wrapper .section-title {
    max-width: 645px;
    color: var(--black);
    margin-bottom: 200px;
}
.tech_top .section-content .text-wrapper .text {
    font-size: 18px;
    color: var(--black);
    max-width: 550px;
    font-weight: 300;
}
.info-area {
    padding-top: 120px
}

@media only screen and (max-width: 991px) {
    .info-area {
        padding-top:0
    }
}

.info-area-inner {
    display: grid;
    gap: 40px 60px;
    grid-template-columns: auto 860px;
    align-items: flex-start;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 1399px) {
    .info-area-inner {
        grid-template-columns:auto 700px
    }
}

@media only screen and (max-width: 1199px) {
    .info-area-inner {
        grid-template-columns:auto 560px
    }
}

@media only screen and (max-width: 991px) {
    .info-area-inner {
        grid-template-columns:auto 1fr;
        padding-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .info-area-inner {
        grid-template-columns:auto
    }
}

.info-area-inner .area-shape-1 {
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    top: -320px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 100vw
}

@media only screen and (max-width: 1199px) {
    .info-area-inner .area-shape-1 {
        top:-270px
    }
}

@media only screen and (max-width: 991px) {
    .info-area-inner .area-shape-1 {
        display:none
    }
}

.info-area-inner .area-shape-1 img {
    width: 100%
}

.dir-rtl .info-area-inner .area-shape-1 img {
    transform: rotateY(180deg)
}

.info-area .info-points {
    padding: 214px 40px;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 290px
}

@media only screen and (max-width: 767px) {
    .info-area .info-points {
        padding:164px 30px
    }
}

.info-area .info-points .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-start: 0;
    z-index: -1
}

.info-area .info-points .bg img {
    height: 100%
}

.dir-rtl .info-area .info-points .bg img {
    transform: rotateY(180deg)
}

.info-area .info-points .shape-1 {
    position: absolute;
    width: 122px;
    top: 50%;
    inset-inline-end: 100%;
    transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
    .info-area .info-points .shape-1 {
        display:none
    }
}

.dir-rtl .info-area .info-points .shape-1 img {
    transform: rotateY(180deg)
}

.info-area .info-list li {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    color: var(--white);
    font-family: var(--font_instrumentsans)
}

.info-area .infos-wrapper {
    display: grid;
    gap: 110px 0
}

@media only screen and (max-width: 767px) {
    .info-area .infos-wrapper {
        gap:40px 0
    }
}

.info-area .infos-wrapper>*:nth-child(2) {
    margin-inline-start:auto}

@media only screen and (max-width: 767px) {
    .info-area .infos-wrapper>*:nth-child(2) {
        margin-inline-start:unset
    }
}

.info-area .info-box {
    max-width: 330px
}

@media only screen and (max-width: 767px) {
    .info-area .info-box {
        max-width:100%
    }
}

.info-area .info-box .title {
    font-size: 30px;
    font-weight: 600;
    font-family: "Instrument Sans", sans-serif;
}

.info-area .info-box .text {
    margin-top: 17px;
    max-width: 425px;
    font-size: 16px;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .info-area .info-box .text {
        max-width:100%
    }
}

.feature-area {
    background-color: #f5f5f5;
    border-radius: 20px;
    padding-inline:45px
}
.why_abt{
    padding: 80px 100px 100px;
}
.dark .feature-area {
    background-color: #1b1b1b
}

@media only screen and (max-width: 991px) {
    .feature-area {
        padding-inline:15px
    }
}

.feature-area .section-title {
    /* max-width: 920px; */
    text-align: center;
}

.feature-area .section-content {
    display: grid;
    gap: 40px 60px;
    grid-template-columns: auto 550px;
    align-items: center;
    margin-top: 63px
}

@media only screen and (max-width: 1919px) {
    .feature-area .section-content {
        margin-top:53px
    }
}
@media only screen and (max-width: 1599px) {
    .why_abt{
        padding: 65px 65px 70px;
    }
    .trust_partner_sec{
        min-width: 95vw;
    }
}
@media only screen and (max-width: 1399px) {
    .feature-area .section-content {
        margin-top:43px;
        grid-template-columns: auto 450px
    }
}

@media only screen and (max-width: 1199px) {
    .feature-area .section-content {
        margin-top:33px;
        grid-template-columns: auto
    }
}

@media only screen and (max-width: 575px) {
    .why_abt {
        padding: 65px 15px 70px;
    }
    .tech_top .section-title-wrapper .section-title{
        margin-bottom: 0;
    }
}

.feature-area .feature-thumb {
    border-radius: 20px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    /* max-width: 660px */
}

.feature-area .feature-thumb .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.feature-area .feature-thumb .info {
    text-align: center
}

.feature-area .feature-thumb .info img {
    width: 90px
}

@media only screen and (max-width: 767px) {
    .feature-area .feature-thumb .info img {
        width:60px
    }
}

.feature-area .feature-thumb .info .text {
    font-size: 24px;
    line-height: 1.08;
    margin-top: 11px;
    color: var(--white);
    font-family: var(--font_instrumentsans);
    font-weight: 500
}

@media only screen and (max-width: 767px) {
    .feature-area .feature-thumb .info .text {
        font-size:18px
    }
}

.feature-area .feature-thumb .btn-wrapper {
    background-color: #f0f2f4;
    position: absolute;
    inset-inline-start: 110px;
    bottom: 0;
    padding: 25px 35px 19px;
    border-radius: 20px 20px 0 0
}

.dark .feature-area .feature-thumb .btn-wrapper {
    background-color: #1b1b1b
}

@media only screen and (max-width: 767px) {
    .feature-area .feature-thumb .btn-wrapper {
        inset-inline-start:40px;
        padding: 15px 25px 15px
    }
}

.feature-area .feature-thumb .btn-wrapper:before {
    content: "";
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,0);
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 100%;
    box-shadow: 20px 20px 0 #f0f2f4
}

.dark .feature-area .feature-thumb .btn-wrapper:before {
    box-shadow: 20px 20px 0 #1b1b1b
}

.feature-area .feature-thumb .btn-wrapper:after {
    content: "";
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,0);
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 100%;
    box-shadow: -20px 20px 0 #f0f2f4
}

.dark .feature-area .feature-thumb .btn-wrapper:after {
    box-shadow: -20px 20px 0 #1b1b1b
}

.feature-area .features-wrapper>* {
    border-bottom: 1px solid var(--border);
    padding: 37px 0 33px
}

@media only screen and (max-width: 1399px) {
    .feature-area .features-wrapper>* {
        padding:27px 0 23px
    }
}

.feature-area .features-wrapper>*:first-child {
    /* border-top: 1px solid var(--border) */
    padding-top: 0;
}
.feature-area .features-wrapper>*:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.feature-area .feature-box {
    display: grid;
    gap: 20px 44px;
    grid-template-columns: auto 1fr;
    align-items: flex-start
}

@media only screen and (max-width: 1399px) {
    .feature-area .feature-box {
        gap:20px 34px
    }
}

@media(max-width: 575px) {
    .feature-area .feature-box {
        grid-template-columns:auto
    }
}

.feature-area .feature-box .thumb img {
    max-width: 96px
}

@media only screen and (max-width: 1399px) {
    .feature-area .feature-box .thumb img {
        max-width:76px
    }
}

.feature-area .feature-box .title {
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    font-family: 'Instrument Sans';
}

.feature-area .feature-box .text {
    margin-top: 16px
}