@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');

* {
    box-sizing: border-box;
}

.pagination .page-link {
    color: #000;
}

.active>.page-link,
.page-link.active {
    background-color: #262626;
    border: 0;
    color: #fff;
}

.news-gleinf figure img {
    aspect-ratio: 4 / 2.3;
    object-fit: cover;
}
main{padding-top: 13rem;}
:root {
    --red-color: #C3263D;
    --yellow-color: #FFBB00;
    --white-color: #ffffff;
    --secondary-red: #E6001A;
    --body-color: #F2F2F2;
    --color-2e: #2E2E2E;
    --color-00: #000000;
    --default-color: #363636;
    --sec-color: #373F55;
    --font-family1: 'Inter', sans-serif;
    --primary-font1: 'Inter', sans-serif;
    --primary-font2: 'Roboto', sans-serif;
    --font-72: 800 72px/.7 var(--font-family1);
    --font-54: 800 36px/42px var(--font-family1);
    --font-48: 800 42px/48px var(--font-family1);
    --font-42: 800 30px/40px var(--font-family1);
    --font-36: 700 36px/1.3 var(--font-family1);
    --font-30: 700 26px/32px var(--font-family1);
    --font-24: 700 21px/28px var(--font-family1);
    --font-21: 400 18px/1.4 var(--font-family1);
    --font-21new: 400 18px/26px var(--font-family1);
    --font-18: 400 16px/24px var(--font-family1);
    --font_16new: 400 16px/24px var(--font-family1);
    --font-16: 400 14px/1.6 var(--font-family1);
    --font-14: 400 15px/1.4 var(--font-family1);
    --font-12: 400 14px/1.5 var(--font-family1);
    --font_normal:normal;
    --font_medium:500;
    --font_bold:bold;
    --font_800:800;
    --font_600:600;
    --font_500:500;
    --font_300:300;
    --font_200:200;
}

@media (max-width: 1800px) {
    main{padding-top: 9rem;}
    :root {
        --font-12: 400 14px/1.5 var(--font-family1);
        --font-48: 800 40px/1.2 var(--font-family1);
    }
}
@media (max-width: 1799px) {
    main{padding-top: 8.5rem;}
    :root {
        --font-72: 800 52px/1 var(--font-family1);
        --font-54: 800 46px/1.6 var(--font-family1);
        --font-48: 800 36px/1.2 var(--font-family1);
        --font-42: 800 36px/1.2 var(--font-family1);
        --font-36: 700 30px/1.3 var(--font-family1);
        --font-30: 700 26px/1.3 var(--font-family1);
        --font-24: 700 21px/1.3 var(--font-family1);
        --font-21: 400 18px/1.4 var(--font-family1);
        --font-18: 400 16px/1.4 var(--font-family1);
        --font-16: 400 14px/1.6 var(--font-family1);
        --font-14: 400 14px/1.4 var(--font-family1);
        --font-12: 400 12px/1.5 var(--font-family1);
    }
}


@media (max-width: 1550px) {
    main{padding-top: 10.7rem;}
    :root {
        --font-72: 800 52px/1 var(--font-family1);
        --font-54: 800 40px/1.2 var(--font-family1);
        --font-48: 800 36px/1.2 var(--font-family1);
        --font-42: 800 32px/1.2 var(--font-family1);
        --font-36: 700 30px/1.3 var(--font-family1);
        --font-30: 700 26px/1.3 var(--font-family1);
        --font-24: 700 20px/1.3 var(--font-family1);
        --font-21: 400 16px/1.4 var(--font-family1);
        --font-18: 400 16px/1.4 var(--font-family1);
        /* --font-16: 400 13px/1.6 var(--font-family1); */
        --font-14: 400 14px/1.4 var(--font-family1);
        --font-12: 400 14px/1.8 var(--font-family1);
    }
    p, li {
        line-height: 1.8;
    }
}

@media (max-width:1199px) {
    main{padding-top: 9.5rem;}
    :root {
        --font-54: 800 36px/1.2 var(--font-family1);
        --font-48: 800 32px/1.2 var(--font-family1);
        --font-30: 700 24px/1.3 var(--font-family1);
    }
}
@media (max-width: 991px) {
    main {padding-top: 8.8rem;}
    :root {
        --font-72: 800 52px/1 var(--font-family1);
        --font-48: 800 36px/1.2 var(--font-family1);
        --font-42: 800 34px/1.2 var(--font-family1);
        --font-36: 700 30px/1.3 var(--font-family1);
        --font-30: 700 21px/1.3 var(--font-family1);
        /* --font-21: 400 18px/1.4 var(--font-family1); */
        --font-18: 400 16px/1.4 var(--font-family1);
        /* --font-16: 400 15px/1.5 var(--font-family1); */
        --font-14: 400 14px/1.4 var(--font-family1);
        /* --font-12: 400 12px/1.5 var(--font-family1); */
    }

    .container {
        padding: 0 1.5rem;
        max-width: 100%;
    }
}
@media (max-width:767px) {
:root{
    --font-48: 800 30px/1.2 var(--font-family1);
}
}
@media (max-width:575px) {
    :root {
        --font-72: 800 52px/1 var(--font-family1);
        --font-48: 800 26px/1.2 var(--font-family1);
        --font-36: 700 28px/1.4 var(--font-family1);
        --font-30: 700 20px/1.3 var(--font-family1);
        /* --font-21: 400 18px/1.4 var(--font-family1); */
        --font-18: 400 15px/1.4 var(--font-family1);
        --font-14: 400 14px/1.4 var(--font-family1);
        /* --font-12: 400 12px/1.5 var(--font-family1); */
    }
}

@media (max-width:360px) {
    :root {
        --font-72: 800 52px/1 var(--font-family1);
        --font-48: 800 22px/1.2 var(--font-family1);
        --font-36: 700 28px/1.3 var(--font-family1);
        /* --font-30: 700 20px/1.3 var(--font-family1); */
        /* --font-21: 400 18px/1.4 var(--font-family1); */
        /* --font-18: 400 16px/1.4 var(--font-family1); */
        --font-14: 400 14px/1.4 var(--font-family1);
        /* --font-12: 400 12px/1.5 var(--font-family1); */
    }
}


html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

body {
    font-family: var(--primary-font1);
    color: var(--default-color);
    line-height: 1.6;
    background-color: var(--body-color);
    /* background-color: var(--white-color); */
    font-size: max(12px, 1.2rem);
    font-weight: 400;
}


@media (min-width: 575px) {
    /* .container,.container-sm,.container-lg,.container-xl {padding-inline: calc(var(--bs-gutter-x) * .5)} */
}

@media (min-width: 1200px) {

    .container,
    .container-sm,
    .container-lg,
    .container-xl {
        max-width: 1200px;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-sm,
    .container-lg,
    .container-xl {
        max-width: 1278px;
    }

    /* body {font-size: 1.4rem} */
}

@media (min-width: 1600px) {

    /* html {font-size: 70.32%;} */
    .container,
    .container-sm,
    .container-lg,
    .container-xl {
        max-width: 1400px;
    }
}

@media (min-width: 1800px) {

    /* html {font-size: 70.32%;} */
    .container,
    .container-sm,
    .container-lg,
    .container-xl {
        max-width: 1640px;
    }
}

.maxwidth {
    max-width: 1920px;
    margin-inline: auto;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}

.swiper-button-prev {
    transform: rotate(180deg);
}

.full-width {
    width: 100%;
    max-width: 1920px;
    margin-inline: auto
}

/* Typography */
/* .text-50{font-size:5rem; line-height:0.9; font-weight:600; } */
.text-36 {
    font: var(--font-36);
}

.text-30 {
    font: var(--font-30);
}

.text-21 {
    font: var(--font-21);
}

.text-18 {
    font: var(--font-18);
}

.text-14 {
    font: var(--font-14);
}

.text-12 {
    font: var(--font-12);
}

.lead {
    font-size: 1.3em;
}

.light {
    font-weight: 300;
}

.reg {
    font-weight: 400;
}

.med {
    font-weight: 500;
}

.semi {
    font-weight: 600;
}

.bold {
    font-weight: 700;
}

.ebold {
    font-weight: 800;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
figure {
    margin-bottom: 0;
}

:where(h1, h2, h3, h4):not(:last-child) {
    margin-bottom: 3rem;
}

:where(h5, h6):not(:last-child) {
    margin-bottom: 2rem;
}

:where(p, ul, ol):not(:last-child) {
    margin-bottom: 2rem;
}

p,
li {
    font: var(--font-12);
    line-height: 1.5;
    font-weight: 400;
}

section {
    padding-block: 6rem
}

.section-title {
    font-weight: bold;
    font: var(--font-54);
    color: var(--red-color);
}

.section-title:not(:last-child) {
    margin-bottom: 3rem;
}

.heading-top {
    color: var(--color-00);
    font-weight: 700;
    font: var(--font-18)
}

.heading-top.reg {
    font-weight: 400;
}

.section-heading p:not(:last-child) {
    margin-bottom: 3rem;
}

.hover-red {
    transition-duration: .6s;
    transition-timing-function: linear;
    background-image: linear-gradient(to right, var(--red-color)50%, rgba(255, 255, 255, 1)50%);
    background-clip: text;
    background-size: 200%;
    background-position: right;
    color: transparent;
    transition-delay: .3s;
}

.hover-red:hover {
    background-position: left;
    color: transparent;
    transition-delay: 0s;
}

.after-line:before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 2rem);
    width: 5rem;
    translate: 0 -0.5px;
    height: 1px;
    transition-duration: .3s;
    transition-timing-function: linear;
}

.hover-red.after-line:before {
    background-color: transparent;
    background-image: linear-gradient(to right, var(--red-color)50%, rgba(255, 255, 255, 1)50%);
    background-size: 200%;
    background-position: right;
    transition-delay: 0s;
}

.hover-red.after-line:hover:before {
    background-position: left;
    transition-delay: .5s;
}

/* Typography end */


/* Figure related css*/
.with-scale {
    overflow: hidden;
}

.with-scale img {
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
}

.with-scale img:hover {
    scale: 1.15;
}

.img-fit {
    height: 100%
}

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

.image,
.image2,
.image3 {
    opacity: 0;
}

.image4::before {
    scale: 0 1;
}

.reveal-image,
.reveal-image:after {
    position: absolute;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-duration: 1600ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

.reveal-image2,
.reveal-image2:after {
    position: absolute;
    animation-delay: .1s;
    animation-iteration-count: 1;
    animation-duration: 1800ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

.reveal-image {
    opacity: 1;
    position: relative;
    animation-name: reveal-image;
}

.reveal-image2 {
    opacity: 1;
    position: relative;
    animation-name: reveal-image2;
}

.reveal-image3 {
    opacity: 1;
    position: relative;
    animation-name: fadeInline1;
    animation-delay: .1s;
    animation-iteration-count: 1;
    animation-duration: 1800ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    transform-origin: top;
}

.reveal-image4::before {
    scale: 0 1;
    position: relative;
    animation-name: fadeInline2;
    animation-delay: .2s;
    animation-iteration-count: 1;
    animation-duration: 2200ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    transform-origin: left;
}

/* .reveal-image3 {opacity: 1;position: relative;animation-name: fadeInline1;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;} */

@keyframes reveal-image {
    from {
        clip-path: inset(0 100% 0 0);
    }

    to {
        clip-path: inset(0 0 0 0);
    }
}

@keyframes reveal-image2 {
    from {
        clip-path: inset(0 0% 100% 0);
    }

    to {
        clip-path: inset(0 0 0 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        margin-left: -25%;
    }

    to {
        opacity: 1;
        margin-left: 0%;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        margin-left: 30%;
    }

    to {
        opacity: 1;
        margin-left: 0%;
    }
}

@keyframes fadeInline1 {
    0% {
        opacity: 0;
        scale: 1 0
    }

    100% {
        opacity: 1;
        scale: 1 1;
    }
}

@keyframes fadeInline2 {
    0% {
        opacity: 0;
        scale: 0 1
    }

    100% {
        opacity: 1;
        scale: 1 1;
    }
}

.image-container {
    position: relative;
    overflow: hidden;
    padding-bottom: calc(50% / (var(--ratio)));
}

.img-hover {
    overflow: hidden;
}

.img-hover img {
    transition: .8s all;
    -webkit-transition: .8s all;
    -moz-transition: .8s all;
    -ms-transition: .8s all;
    -o-transition: .8s all;
}

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

/* Figure related css end */

li {
    padding-left: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

ul {
    padding-left: 0;
}

/* Btns */
.a-line {
    position: relative;
    margin-top: 3rem;
    overflow: hidden;
}

.a-line::before,
.a-line::after {
    content: "";
    position: absolute;
    left: 2.7rem;
    top: 50%;
    width: calc(100% - 2.7rem);
    border: 1px solid #000;
    border-color: #707070;
}

.a-line::after {
    border-color: var(--red-color);
    scale: 0 1;
    transition: .6s all;
    -webkit-transition: .6s all;
    -moz-transition: .6s all;
    -ms-transition: .6s all;
    -o-transition: .6s all;
    transform-origin: left;
}

.a-line:hover::after {
    scale: 1;
}

.line-white:before {
    background-color: #ffffff4d;
}

.link-icon {
    position: relative;
    width: max(24px, 2.7rem);
    height: max(27px, 2.7rem);
    display: block;
    cursor: pointer;
    margin-top: 2rem;
}
@media (min-width:1200px) {
    .link-icon {
        width: max(24px, 2.7rem);
        height: max(27px, 2.7rem);
    }
}
.link-icon.icon-outline-red::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('./../images/red-next-icon.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
}

.line-white .icon-outline-red {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.link-icon.icon-outline-red:hover::before {
    background-image: url('./../images/red-bg-next-icon.svg');
}

.line-white .icon-outline-red:hover {
    filter: none;
    -webkit-filter: none;
}

.side-line {
    position: absolute;
    width: 1rem;
    background-color: var(--red-color);
    z-index: 1;
}

.icon-btn {
    color: var(--red-color);
    fill: none;
    stroke: currentColor;
}

.icon-btn svg {
    transition: .4s all;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    -o-transition: .4s all;
}

.toggletdiv {
    display: none;
}

.toggler-btn {
    display: block;
    width: fit-content;
    cursor: pointer;
}

.toggletdiv>p:last-child {
    margin-bottom: 2rem;
}

.btn-close {
    background-image: none;
    opacity: 1;
    width: fit-content;
    height: auto;
    margin-inline: auto;
    margin-right: 0;
    display: block;
}

/* Form Elements */
.form-control {
    font-size: 1.2rem;
    background: transparent;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 0;
    padding-bottom: 1.5rem;
}

select.form-control {
    background-image: url('./../images/arrow-down.svg');
    background-position: right 1rem;
    background-size: 3.5rem 2rem;
    background-repeat: no-repeat;
}

select.form-control:focus {
    box-shadow: none;
    outline: none;
}

/* Form Elements end*/

/* mobile menu */
.mobile-menu-btns {
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.mobile-menu-btns .mobile-menu-toggler {
    width: 25%;
    color: #fff;
    font-size: max(.63rem, 9px);
    row-gap: .3rem;
    padding-block: .89rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--color-2e);
    flex-grow: 1;
    border: none
}

.mobile-menu-btns .mobile-menu-toggler.active {
    background: var(--body-color);
    color: var(--color-2e);
}

.mobile-menu-btns .mobile-menu-toggler img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.mobile-menu-btns .mobile-menu-toggler.active img {
    filter: brightness(0);
    -webkit-filter: brightness(0);
}



.mobile-panel.show {
    transform: translateY(0px);
}

.mobile-panel {
    display: block;
    text-align: left;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0;
    background: var(--body-color);
    padding: 0px 0px 80px;
    transform: translateY(100%);
    transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    background-size: cover;
    z-index: 999;
    overflow-y: scroll;
    max-height: 100%;
}

.mobile-menu-btns {
    display: flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
}

/* business mobile css */
.mobile-panel .future-box {
    flex-direction: column;
    height: auto;
}

.future-box {
    background-color: var(--sec-color);
    border-radius: 5px;
    padding: 3rem;
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: 100%;
}

.future-box figure {
    justify-content: center;
    display: flex;
    margin-bottom: 0rem;
}

.future-content h4 {
    color: #fff;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    margin-bottom: 2.6rem;
    text-align: center;
}

.future-content p {
    color: #fff;
}

.future-box.red {
    background-color: #A83232;
}

.mobile-business-panel {
    padding: 2.8rem 2.8rem 8rem;
}

.mobile-business-panel.mobile-panel a.future-box {
    margin-bottom: 2.5rem;
}

.mobile-business-panel a.future-box .reveal2 {
    padding-bottom: 2.5rem;
}

.mobile-business-panel .future-content p {
    display: block;
    text-align: center;
    margin: 0;
}

.mobile-business-panel .future-content h4 {
    padding-bottom: 4.4rem;
    margin: 0;
}

.mobile-business-panel a.future-box .reveal2 img {
    max-height: 9rem;
}

.mobile-contact-panel .mobile-panel-top {
    background-color: #A83232;
    text-align: center;
    height: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.mobile-contact-panel .mobile-panel-top h5 {
    font-size: 2.4rem;
    padding-bottom: 1.8rem;
    margin: 0;
}

.mobile-contact-panel .mobile-panel-top p {
    font-size: 2.1rem;
    line-height: 1.4;
}

.mobile-contact-panel .mobile-panel-top h5,
.mobile-contact-panel .mobile-panel-top p {
    color: #FFFFFF;
}

.mobile-contact-panel .mobile-panel-bottom {
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background-color: #F2F2F2;
}

.mobile-contact-panel .mobile-panel-bottom .phone a,
.mobile-contact-panel .mobile-panel-bottom .phone img {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.mobile-contact-panel .mobile-panel-bottom .phone img {
    border: 1px solid white;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto 2rem;
}

.mobile-contact-panel .mobile-panel-bottom .phone:first-child {
    margin-top: -2.4rem;
    border-bottom: 1px solid #373F551a;
}

.mobile-contact-panel .mobile-panel-bottom .phone a {
    font-size: 2.1rem;
    color: #000000;
    line-height: 1;
    font-weight: 500;
}

.mobile-contact-panel .mobile-panel-bottom .phone {
    width: 100%;
    padding-bottom: 6rem;
}

.mobile-contact-panel .mobile-panel-bottom .phone:last-child {
    padding-bottom: 0;
    padding-top: 6rem;
}

.mobile-contact-panel .mobile-panel-top,
.mobile-contact-panel .mobile-panel-bottom {
    padding: 0 5rem;
}

.mobile-menu-panel .m-menu-box {
    background-color: #F2F2F2;
}

.mobile-menu-panel .m-menu-box ul li a {
    color: #000;
    font-size: 1.8rem;
    line-height: 1.2;
}

.mobile-menu-panel .m-menu-box .accordion ul li.open a {
    color: #000;
}

.mobile-menu-panel .m-menu-box li {
    border-bottom: 1px solid gainsboro;
}

.mobile-menu-panel .m-menu-box .submenu {
    margin-bottom: 0;
}

.mobile-menu-panel .m-menu-box ul li a.link:after {
    background: url(../images/icon-plus-one.png) no-repeat;
}

.mobile-menu-panel .m-menu-box ul li.open a.link:after {
    background: url(../images/icon-minus-one.png) no-repeat;
}

.mobile-menu-panel .m-menu-box ul li ul li a {
    font-size: 1.5rem;
}

.mobile-menu-panel .m-menu-box ul li ul li {
    padding: 1rem;
}

.mobile-menu-panel .m-menu-box ul li a {
    font-family: var(--primary-font1);
}

@media only screen and (max-width: 375px) {

    .mobile-contact-panel .mobile-panel-top,
    .mobile-contact-panel .mobile-panel-bottom {
        padding: 0 2.5rem;
    }

    .mobile-contact-panel .mobile-panel-top h5 {
        font-size: 2rem;
    }

    .mobile-contact-panel .mobile-panel-top p {
        font-size: 1.8rem;
    }

    .mobile-contact-panel .mobile-panel-bottom .phone a {
        font-size: 1.8rem;
    }

    .mobile-menu-panel .m-menu-box ul li a {
        font-size: 1.6rem;
    }

    .mobile-menu-panel .m-menu-box ul li ul li a {
        font-size: 1.4rem;
    }

    .mobile-menu-panel .m-menu-box ul li ul li {
        padding: 0.8rem;
    }

    .mobile-menu-panel .m-menu-box .link:after {}

    .mobile-menu-panel .m-menu-box ul li a.link:after,
    .mobile-menu-panel .m-menu-box ul li.open a.link:after {
        background-size: 86%;
    }
}

/*contact mobile css*/

/*menu mobile css*/
.m-menu-box {
    background: #992361;
    width: 100%;
    height: auto;
    left: 0;
    padding: 70px 20px 30px;
}

.m-menu-box li {
    list-style: none;
    border-bottom: 1px solid #ffffff45;
    padding: 20px 0;
}

.m-menu-box .accordion {
    width: 100%;
    max-width: 360px;
    margin: 0px auto 20px;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: none;
}

.m-menu-box .submenu {
    display: none;
    background: #efefef17;
    font-size: 14px;
    margin: 15px 0;
}

.m-menu-box .accordion li.open .link {
    color: #fff;
}

.m-menu-box .link {
    cursor: pointer;
    font-size: 1.3rem;
    color: #fff;
    text-decoration: none;
    font-family: var(--primary-font2);
    display: block;
    padding: 0px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 600;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.m-menu-box li a {
    font-size: 1.3rem;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.m-menu-box .submenu li a {
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
}

.m-menu-box .submenu li {
    padding: 15px;
}

.m-menu-box .submenu li {
    border-bottom: 1px solid #ffffff1c;
}

.m-menu-box .link:after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: 4px;
    right: 0;
    background: url('../images/icon-plus.png') no-repeat;
    background-position: center;
}

.m-menu-box .open .link:after {
    background: url('../images/icon-minus.png') no-repeat;
}

.m-menu-box li.open>ul {
    display: block;
}

.m-menu-box .accordion h3 {
    margin: 0px;
}

.m-menu-box .open .submenu .link:after {
    content: "";
    background: url('../images/icon-plus.png') no-repeat;
    background-position: center;
}

.m-menu-box .open .submenu .open .submenu .link:after {
    content: "";
    background: url('../images/icon-plus.png') no-repeat;
    background-position: center;
}

.m-menu-box .open .submenu .open .link:after {
    content: "";
    background: url('../images/icon-minus.png') no-repeat;
    background-position: center;
}

.m-menu-box .open .submenu .open .submenu .open .link:after {
    content: "";
    background: url('../images/icon-minus.png') no-repeat;
    background-position: center;
}

.m-menu-box2 {
    padding: 45px 20px;
}

.m-menu-box2 ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.m-menu-box2 ul {
    display: flex;
    flex-wrap: wrap;
}

.m-menu-box2 ul li {
    width: 50%;
    margin-bottom: 25px;
}

.m-menu-box .accordion h3 a {
    font-size: 1.3rem;
    font-weight: 600;
}

.custom-dash li {
    margin-bottom: 1rem;
    position: relative;
    line-height: 1.7;
    font-size: max(12px, 1.4rem);
    padding-left: 2rem
}

.custom-dash li::before {
    position: absolute;
    content: '';
    left: 0;
    width: .7rem;
    height: 2px;
    top: .8rem;
    background-color: var(--red-color);
}

@media (min-width:1200px) {
    .text-48 {
        font-size: 4.8rem;
        line-height: .95;
    }

    .text-43 {
        font-size: 4.3rem;
        line-height: 0.95;
    }

    .text-36 {
        font: var(--font-48);
    }
    p{font: var(--font-16); color: #000;}
    .mobile-menu-btns {
        display: none;
    }
    :root{
        --font-12: 400 14px/2.6rem var(--font-family1);
    }
}

@media (min-width: 1200px) {
    .modal .modal-xl {
        --bs-modal-width: 962px;
    }
}

@media (min-width: 1400px) {
    .modal .modal-xl {
        --bs-modal-width: 1140px;
    }
}


.img-hover-scale img,
.quality-slide-box img,
.social_img_section li img,
.gallery-item img {
    transform: scale(1);
    transition: .8s ease all;
}

.img-hover-scale:hover img,
.quality-slide-box:hover figure img,
.social_img_section li:hover img,
.gallery-item:hover img {
    transform: scale(1.1);
}

.img-hover-scale,
.quality-slide-box figure,
.social_img_section li,
.glry-inf figure {
    overflow: hidden;
}

/* .product_video{}
.video_wrapper{}
.video_wrapper>video{} */


a.btn.back-btn {
    position: relative;
    display: block;
    color: #C3263D !important;
    font-size: 15px;
    margin-bottom: 0rem;
    font-weight: 600;
    width: fit-content;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    padding-left: 3rem;
    margin-left: 1rem;
}

a.btn.back-btn:after {
    content: '';
    width: 95%;
    height: 1px;
    background: #C3263D;
    position: absolute;
    bottom: -8px;
    left: 0;
}

a.btn.back-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url(./../images/red-next-icon.svg);
    background-size: 25%;
    background-position: right;
    background-repeat: no-repeat;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transform: rotate(180deg);
}


/*--UIKA14041994-03-07-2025-Css-start--*/
.csr_wrap1{padding-bottom: 12rem;}
.csr_wrap1 .design_excilence{padding-bottom: 6.6rem;}
.csr_wrap1 .t1 .side-line {left: -5rem; height: 10.9rem;}
.csr_wrap1 .design_excilence {padding-right: 0;}
.csr_wrap1 .design_excilence p{max-width: 100%;}
.csr_wrap1 .csrpdf{display: grid;grid-template-columns: 74% 26%;}
.csr_wrap1 .csrpdf p{margin-bottom: 0;height: 100%;border-right: .1rem solid rgb(112 112 112 / 30%);margin-right: 7rem;padding-right:5.8rem;}
.csr_wrap1 .csrpdf .pdfbox{background: var(--default-color);padding: 2.5rem 4rem;display: flex;flex-wrap: wrap;align-items: center;width: 100%;}
.csr_wrap1 .csrpdf .pdfbox img{width: 5.5rem;}
.csr_wrap1 .csrpdf .pdfbox span{font: var(--font-18);color: var(--white-color);margin-left: 2rem;width: 6rem;flex-grow: 1;}
.csr_wrap1 .csrpdf .pdfbox span:hover{color: var(--secondary-red);}

.csr_wrap2{padding-block: 2rem 0;}
.csr_wrap2 .heading{margin-bottom: 6rem;text-align: center;}
.csr_wrap2 .heading h5, .csr_wrap2 .bg_black-2_column_Cnt{font: var(--font-24);color: var(--color-00);margin-bottom: 3rem;font-weight: var(--font_bold);}
.csr_wrap2 .heading p{font: var(--font-21);color: var(--color-00);margin-bottom: 0rem;font-weight: var(--font_500);}
.csr_wrap2 .bg_black-2_column.bg_black_full{padding-block: 12rem;}
.csr_wrap2 .bg_black-2_column_Cnt {padding:3rem 8.2rem 0 0;margin: 0;}
.csr_wrap2 .bg_black-2_column_Cnt h5{color: var(--white-color);}
.csr_wrap2 .bg_black-2_column_Cnt p{font: var(--font-16);color: var(--white-color);margin-bottom: 0rem;padding: 0;font-weight: var(--font_normal);}

.csr_wrap3{padding-block: 12rem 13rem;}
.csr_wrap3 .row{align-items: center;--bs-gutter-x:1.6rem}
.csr_wrap3 figure img{width: 100%;}
.csr_wrap3 .side-line{display: none;}
.csr_wrap3 .product_development{padding: 0;max-width:84%;padding-left: 9.8rem;}
.csr_wrap3 .product_development p{font-weight: var(--font_normal);}
.csr_wrap3 .product_development p{font-weight: var(--font_normal);}
.csr_wrap3 .flex-row-reverse{margin-top: 8rem;}
.csr_wrap3 .flex-row-reverse .product_development{padding-left: 9.8rem;max-width: 85%;}

@media (max-width:1649px) {
    .csr_wrap1 {padding-bottom: 10rem;}
    .csr_wrap1 .csrpdf p {margin-right: 4rem;padding-right: 2.5rem;}
    .csr_wrap1 .csrpdf .pdfbox img {width: 3.5rem;}
    .csr_wrap1 .csrpdf .pdfbox {padding: 1.5rem 2rem;}
    .csr_wrap1 .csrpdf .pdfbox span {margin-left: 1.6rem;}
    .csr_wrap2 .heading h5 {margin-bottom: 2rem;}
    .csr_wrap2 .heading {margin-bottom: 4rem;}
    .csr_wrap1 .design_excilence {padding-bottom: 5rem;}
    .csr_wrap2 .bgblack-row {--bs-gutter-x: 2.4rem;}
    .csr_wrap2 .bg_black-2_column_Cnt { padding: 3rem 5.2rem 0 0;}
    .csr_wrap2 .bg_black-2_column.bg_black_full {padding-block: 10rem;}
    .csr_wrap3 {padding-block: 10rem 11rem;}
    /* .csr_wrap3 .row {--bs-gutter-x: 6.8rem;} */
    .csr_wrap3 .product_development {padding: 0;max-width: 100%;padding-left: 5rem;}
    .csr_wrap3 .flex-row-reverse .product_development {padding-left: 5rem;max-width: 86%;}
    .csr_wrap3 .flex-row-reverse {margin-top:7rem;}
}/*---1649px-css-end--*/

@media (max-width:1399px) {
    .csr_wrap2 .bg_black-2_column_Cnt {padding: 3rem 0rem 0 0;}
    .csr_wrap1 .csrpdf { grid-template-columns: 73% 27%;}
    .csr_wrap3 .flex-row-reverse .product_development {max-width: 90%;}
    .csr_wrap3 .flex-row-reverse {margin-top:6rem;}
    .csr_wrap2 .bg_black-2_column.bg_black_full { padding-block: 8rem; }
}/*---1399px-css-end--*/

@media (max-width:1199px) {
    .csr_wrap1 .csrpdf p {margin-right: 2rem;padding-right: 1.5rem;}
    .csr_wrap1 .csrpdf .pdfbox img {width: 3rem;}
    .csr_wrap1 .csrpdf {grid-template-columns: 66% 34%;}
    .csr_wrap3 {padding-block: 7rem 9rem;}
    .csr_wrap3 .product_development {padding-left: 3rem;}
    .csr_wrap3 .flex-row-reverse .product_development {max-width: 97%;padding-left: 3rem;}
    .csr_wrap3 .flex-row-reverse {margin-top:5rem;}

}/*---1199px-css-end--*/

@media (max-width:991px) {
    .csr_wrap1 .csrpdf{grid-template-columns: repeat(1, 1fr);margin-bottom: 2rem;}
    .csr_wrap1 .design_excilence {padding: 0;}
    .csr_wrap1 .csrpdf p {margin: 0;padding-bottom: 2rem;border: none;padding-right: 0;}
    .csr_wrap2 {padding-block: 0;}
    
    .csr_wrap2 .heading {margin-bottom: 2rem; }
    .csr_wrap2 .bg_black-2_column_Cnt {padding: 2rem 0rem 3rem 0;}
    .csr_wrap2 .bg_black-2_column_Cnt p{color: var(--white-color) !important;}
    .csr_wrap3 {padding-block: 4rem 7rem;}
    .csr_wrap3 .product_development {padding: 2rem 0 0;}
    .csr_wrap3 .flex-row-reverse .product_development {max-width: 100%;padding-left: 0;}
}/*---991px-css-end--*/

@media (max-width:767px) {
}/*---767px-css-end--*/

@media (max-width:575px) {
    .about-sec1.csr_wrap1{padding-block: 3rem 4rem;}
    .csr_wrap3 .flex-row-reverse {margin-top: 4rem;}
}/*---575px-css-end--*/

.lifeat_sgem1 .lifesgem_lg img{height: auto;}
/*--life at sgem-page-Css-end--*/
/*--csr-page-Css-end--*/