:root {
    --white: #ffffff;
    --black: #000000;
    --theme-colour1: #F26522;
    --theme-colour1-dark:;
    --btnClr: #C32641;
    --c2d: #2D2D2D;
    --c70: #707070;
    --c43: #434343;
    --cfa: #FAFAFA;
    --bclr: #DDDDDD;
    --container-wide-width: 1720px;
    --br12: 12px;
    --f18: 18px
}

html {
    scroll-behavior: smooth
}

html, body {
    margin: 0;
    padding: 0
}

*, *::before, *::after {
    box-sizing: border-box
}

body {
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #2D2D2D
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    transition: ease-in-out .4s;
    display: inline-block;
    height: inherit;
    color: inherit;
    cursor: pointer
}

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

p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: var(--c2d)
}

@media (max-width: 1680px) {
    p {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 1279px) {
    p {
        font-size: 12px;
        line-height: 18px
    }
}

.mainTitleWrap .designTitle {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    color: var(--cfa);
    margin-bottom: 5px
}

@media (max-height: 800px) {
    .mainTitleWrap .designTitle {
        font-size: 12px;
        font-weight: 700;
        line-height: 24px
    }
}

.mainTitleWrap .designTitle span {
    max-width: 100%;
    background-size: cover;
    object-fit: cover;
    width: fit-content;
    display: inline-block;
    position: relative;
    aspect-ratio: 5 / 1;
    color: inherit;
    text-align: center;
    background-position: center;
    color: var(--cfa);
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 3 / 1;
    display: grid;
    margin-inline-start: -10px;
    min-height: 45px;
    min-width: 170px;
    padding-block-start: 14px
}

@media (max-height: 800px) {
    .mainTitleWrap .designTitle span {
        padding-block-start: 18px
    }
}

.mainTitleWrap .designTitle span::after {
    content: "";
    position: absolute;
    right: -3px;
    top: -7px;
    background-image: url("../images/header-3Finger.svg");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 11;
    width: 28px;
    height: 28px
}

@media (max-width: 991px) {
    .mainTitleWrap .designTitle span::after {
        max-width: 27px;
        width: 100%;
        height: 27px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }
}

@media (max-height: 800px) {
    .mainTitleWrap .designTitle span::after {
        right: -1px;
        top: -6px
    }
}

.mainTitleWrap .designTitle .woBG {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #F26522;
    border-bottom: 1px solid #F26522;
    max-width: fit-content;
    margin-inline: auto;
    padding: 0 10px 14px 10px;
    margin-block-end: 16px
}

@media (max-width: 1279px) {
    .mainTitleWrap .designTitle .woBG {
        padding: 0 10px 10px 10px;
        margin-block-end: 14px
    }
}

@media (max-width: 991px) {
    .mainTitleWrap .designTitle .woBG {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        padding: 0 6px 6px 6px !important;
        margin-block-end: 8px !important
    }
}

@media (max-height: 800px) {
    .mainTitleWrap .designTitle .woBG {
        margin-block-end: 10px;
        padding: 0 10px 8px 10px !important
    }
}

.mainTitleWrap .mainTitle {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    color: var(--c2d);
    text-wrap: pretty
}

@media (max-width: 1680px) {
    .mainTitleWrap .mainTitle {
        font-size: 35px;
        line-height: 50px
    }
}

@media (max-width: 1366px) {
    .mainTitleWrap .mainTitle {
        font-size: 30px;
        line-height: 45px
    }
}

@media (max-width: 1279px) {
    .mainTitleWrap .mainTitle {
        font-size: 26px;
        line-height: 40px
    }
}

@media (max-width: 1199px) {
    .mainTitleWrap .mainTitle {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .mainTitleWrap .mainTitle {
        font-size: 22px !important;
        line-height: 28px !important
    }
}

@media (max-height: 800px) {
    .mainTitleWrap .mainTitle {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 680px) {
    .mainTitleWrap .mainTitle {
        font-size: 20px !important;
        line-height: 28px !important
    }
}

.mainDesc {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    max-width: 865px
}

@media (max-width: 1680px) {
    .mainDesc {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 1366px) {
    .mainDesc {
        max-width: 750px
    }
}

@media (max-width: 1279px) {
    .mainDesc {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        max-width: 650px
    }
}

@media (max-height: 800px) {
    .mainDesc {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-width: 680px) {
    .mainDesc {
        max-width: 520px
    }
}

.subTitle {
    font-size: 24px;
    font-weight: 600;
    line-height: 38px;
    color: var(--c2d)
}

@media (max-width: 1680px) {
    .subTitle {
        font-size: 22px;
        font-weight: 600;
        line-height: 32px
    }
}

@media (max-width: 1279px) {
    .subTitle {
        font-size: 20px;
        line-height: 30px !important
    }
}

@media (max-width: 991px) {
    .subTitle {
        font-size: 18px;
        line-height: 26px !important
    }
}

@media (max-height: 800px) {
    .subTitle {
        font-size: 18px;
        line-height: 26px !important
    }
}

.cmnP-LH {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

@media (max-width: 1680px) {
    .cmnP-LH {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px
    }
}

@media (max-width: 1680px) {
    .cmnP-LH {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .cmnP-LH {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px
    }
}

.cmnSubHead {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px
}

@media (max-width: 1680px) {
    .cmnSubHead {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 1279px) {
    .cmnSubHead {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-height: 800px) {
    .cmnSubHead {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px
    }
}

.mb-0 {
    margin-bottom: 0px !important
}

.pt-0 {
    padding-top: 0px !important
}

.pb-0 {
    padding-bottom: 0px !important
}

.d-flex {
    display: flex !important
}

.align-center {
    align-items: center !important
}

.ovrflowHdn {
    overflow: hidden
}

.ovrflowHdn-x {
    overflow-x: hidden
}

.cmnBtn {
    border: none;
    cursor: pointer;
    padding: 16px 20px;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: var(--white);
    color: var(--c2d);
    border-radius: var(--br12);
    transition: .4s ease-in,background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-box-shadow: 0px 1px 14px -4px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 14px -4px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 14px -4px rgba(0,0,0,0.25);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

@media (max-width: 991px) {
    .cmnBtn {
        padding: 12px 20px
    }
}

@media (max-height: 800px) {
    .cmnBtn {
        border-radius: 8px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding: 12px 20px
    }
}

@media (max-width: 680px) {
    .cmnBtn {
        border-radius: 8px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-width: 480px) {
    .cmnBtn {
        border-radius: 6px;
        padding: 12px 15px
    }
}

.cmnBtn svg {
    transition: .3s ease-in-out all;
    transform: rotateZ(360deg);
    position: relative;
    left: -5px
}

    .cmnBtn svg path {
        transition: .4s ease-in-out all
    }

.cmnBtn:hover {
    background-color: var(--btnClr);
    color: var(--white)
}

    .cmnBtn:hover svg {
        transform: rotateZ(315deg) scale(1.4);
        left: 3px
    }

        .cmnBtn:hover svg .fill {
            fill: var(--white)
        }

    .cmnBtn:hover span svg path {
        fill: var(--white)
    }

.cmnBtn span {
    display: flex;
    align-items: center;
    gap: 14px
}

    .cmnBtn span svg path {
        transition: .3s ease-in-out all
    }

.applyBtn {
    margin-block-start: 12px;
    border: none;
    background-color: var(--btnClr);
    color: var(--white);
    padding-inline: 45px
}

    .applyBtn svg {
        transform: rotateZ(315deg) scale(1.4);
        left: 3px
    }

        .applyBtn svg .fill {
            fill: var(--white)
        }

    .applyBtn span svg path {
        fill: var(--white)
    }

.d-none {
    display: none !important
}

@media (max-width: 991px) {
    .hide-sm {
        display: none !important
    }
}

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

.template-containerMaxWth {
    max-width: var(--container-wide-width);
    width: 100%;
    margin: 0 auto
}

@media (max-width: 1850px) {
    .template-containerMaxWth {
        padding-left: 50px !important;
        padding-right: 50px !important
    }
}

@media (max-width: 1366px) {
    .template-containerMaxWth {
        padding-left: 30px !important;
        padding-right: 30px !important
    }
}

@media (max-width: 1199px) {
    .template-containerMaxWth {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

@media (max-width: 991px) {
    .template-containerMaxWth {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.mainTitle h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 42px;
    color: var(--c2d);
    margin-bottom: 15px
}

    .mainTitle h2 span {
        color: var(--theme-colour1)
    }

.mainTitle p {
    margin: 0
}

.inputRow {
    position: relative;
    margin-bottom: 12px
}

    .inputRow .inputCtrl {
        width: 100%;
        height: 53px;
        padding: 5px 18px;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        border: none;
        border-radius: 12px;
        outline: none;
        color: var(--c2d)
    }

@media (max-width: 680px) {
    .inputRow .inputCtrl {
        height: 45px;
        border-radius: 8px
    }
}

@media (max-width: 1279px) {
    .inputRow .inputCtrl {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .inputRow .inputCtrl {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.inputRow .inputCtrl::placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    color: #707070
}

.inputRow .inputCtrl ::-webkit-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

.inputRow .inputCtrl :-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

.inputRow .inputCtrl ::-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

.inputRow .inputCtrl :-ms-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

.inputRow .textCtrl {
    display: block;
    min-height: 115px;
    border-radius: 10px;
    padding: 14px 18px;
    width: 100%;
    border: 1px solid #dddddd;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    color: var(--c2d);
    outline: none;
    resize: none
}

@media (max-width: 1279px) {
    .inputRow .textCtrl {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .inputRow .textCtrl {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.inputRow .textCtrl::placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    color: #707070
}

.inputRow .textCtrl ::-webkit-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

.inputRow .textCtrl :-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

.inputRow .textCtrl ::-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

.inputRow .textCtrl :-ms-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

.inputRow .validateText {
    position: absolute;
    z-index: 1;
    bottom: -20px;
    right: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #ff0000
}

@media (max-width: 680px) {
    .inputRow .validateText {
        font-size: 10px;
        font-weight: 400;
        line-height: 16px
    }
}

.commonHeaderBanner {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 77px
}

@media (max-width: 1199px) {
    .commonHeaderBanner {
        margin-top: 75px
    }
}

@media (max-height: 800px) {
    .commonHeaderBanner {
        margin-top: 60px
    }
}

@media (max-width: 680px) {
    .commonHeaderBanner {
        margin-top: 60px;
        background-size: 0
    }
}

.commonHeaderBanner::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3) 0%
}

.commonHeaderBanner .titleArea {
    min-height: 216px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 680px) {
    .commonHeaderBanner .titleArea {
        min-height: 160px
    }
}

.commonHeaderBanner .titleArea h2 {
    position: relative;
    z-index: 3;
    font-size: 50px;
    font-weight: 500;
    line-height: 52px;
    color: var(--white);
    text-align: center
}

@media (max-width: 991px) {
    .commonHeaderBanner .titleArea h2 {
        font-size: 40px;
        line-height: 42px
    }
}

@media (max-height: 800px) {
    .commonHeaderBanner .titleArea h2 {
        font-size: 40px;
        line-height: 42px
    }
}

@media (max-width: 680px) {
    .commonHeaderBanner .titleArea h2 {
        font-size: 30px !important;
        line-height: 32px !important
    }
}

.menuSearcDiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--white);
    min-height: 72px;
    z-index: 9999;
    display: none;
    align-items: center;
    transform: translate3d(0, -80%, 0);
    transition: ease-in-out 0.6s;
    flex-direction: column;
    border-radius: 0 0 40px 40px;
    box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1)
}

@media (max-width: 1680px) {
    .menuSearcDiv {
        min-height: 64px;
        border-radius: 0 0 30px 30px
    }
}

@media (max-width: 1279px) {
    .menuSearcDiv {
        min-height: 50px
    }
}

@media (max-width: 991px) {
    .menuSearcDiv {
        border-radius: 0 0 20px 20px
    }
}

@media (max-height: 800px) {
    .menuSearcDiv {
        border-radius: 0 0 15px 15px
    }
}

@media (max-width: 767px) {
    .menuSearcDiv {
        border-radius: 0 0 15px 15px !important
    }
}

@media (max-width: 680px) {
    .menuSearcDiv {
        border-radius: 0 0 15px 15px !important
    }
}

.menuSearcDiv.open {
    display: flex;
    transform: translate3d(0, 0, 0)
}

.menuSearcDiv .topSecc {
    display: flex;
    width: 100%;
    -webkit-box-shadow: 0px 3px 24px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 24px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 24px 0px rgba(0,0,0,0.16)
}

    .menuSearcDiv .topSecc .serchIndx {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

@media (max-width: 680px) {
    .menuSearcDiv .topSecc .serchIndx {
        padding-bottom: 8px
    }
}

.menuSearcDiv .topSecc .btmserchIndx {
    padding-top: 26px;
    background-color: transparent
}

.menuSearcDiv .topSecc .navLogoDiv {
    max-width: 328px;
    width: 100%;
    height: 65px;
    margin-top: 3px
}

@media (max-width: 1680px) {
    .menuSearcDiv .topSecc .navLogoDiv {
        height: 50px;
        max-width: 275px
    }
}

@media (max-width: 1279px) {
    .menuSearcDiv .topSecc .navLogoDiv {
        max-width: 250px
    }
}

@media (max-height: 800px) {
    .menuSearcDiv .topSecc .navLogoDiv {
        max-width: 250px
    }
}

@media (max-width: 680px) {
    .menuSearcDiv .topSecc .navLogoDiv {
        height: 45px
    }
}

.menuSearcDiv .btmserchIndx {
    margin-top: 27px;
    background-color: transparent !important
}

    .menuSearcDiv .btmserchIndx .bottmSerch {
        border-bottom: 1px solid #DDDDDD;
        padding-bottom: 37px;
        margin-bottom: 23px;
        position: relative
    }

@media (max-width: 1450px) {
    .menuSearcDiv .btmserchIndx .bottmSerch {
        padding-bottom: 25px;
        margin-bottom: 20px
    }
}

@media (max-width: 680px) {
    .menuSearcDiv .btmserchIndx .bottmSerch {
        padding-bottom: 5px;
        margin-bottom: 20px
    }
}

.menuSearcDiv .btmserchIndx .bottmSerch .icn {
    position: absolute;
    right: 0;
    top: 10px
}

@media (max-width: 680px) {
    .menuSearcDiv .btmserchIndx .bottmSerch .icn {
        top: 3px
    }
}

@media (max-width: 680px) {
    .menuSearcDiv .btmserchIndx .bottmSerch .icn svg {
        width: 15px
    }
}

.menuSearcDiv .btmserchIndx .dropList {
    padding-bottom: 20px;
    min-height: 246px
}

.menuSearcDiv .btmserchIndx .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    margin-bottom: 16px
}

@media (max-width: 1680px) {
    .menuSearcDiv .btmserchIndx .title {
        font-size: 22px;
        font-weight: 700;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    .menuSearcDiv .btmserchIndx .title {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    .menuSearcDiv .btmserchIndx .title {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .menuSearcDiv .btmserchIndx .title {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px
    }
}

.menuSearcDiv .btmserchIndx ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
    gap: 8px;
    max-height: calc(100vh - 310px);
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .menuSearcDiv .btmserchIndx ul::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px
    }

    .menuSearcDiv .btmserchIndx ul::-webkit-scrollbar-track {
        background: transparent
    }

    .menuSearcDiv .btmserchIndx ul::-webkit-scrollbar-thumb {
        background: var(--c70)
    }

@media (max-width: 767px) {
    .menuSearcDiv .btmserchIndx ul {
        column-gap: 5px;
        gap: 5px
    }
}

.menuSearcDiv .btmserchIndx ul li {
    list-style: none
}

    .menuSearcDiv .btmserchIndx ul li a {
        text-decoration: none;
        color: var(--c2d);
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        color: var(--c2d);
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 50px;
        padding: 5px 22px;
        border-radius: 12px;
        border: 1px solid #DDDDDD;
        background-color: var(--white)
    }

@media (max-width: 1680px) {
    .menuSearcDiv .btmserchIndx ul li a {
        font-size: 17px;
        font-weight: 600;
        line-height: 23px
    }
}

@media (max-width: 1599px) {
    .menuSearcDiv .btmserchIndx ul li a {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .menuSearcDiv .btmserchIndx ul li a {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        min-height: 40px;
        padding: 5px 20px;
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    .menuSearcDiv .btmserchIndx ul li a {
        min-height: 35px;
        padding: 5px 13px;
        border-radius: 4px
    }
}

@media (max-width: 767px) {
    .menuSearcDiv .btmserchIndx ul li a {
        min-height: 35px;
        padding: 5px 13px;
        border-radius: 4px
    }
}

@media (max-width: 480px) {
    .menuSearcDiv .btmserchIndx ul li a {
        padding: 5px 5px !important;
        font-size: 12px !important
    }
}

.menuSearcDiv .inputRow {
    width: 100%;
    margin-bottom: 0
}

    .menuSearcDiv .inputRow .ctrlIcon {
        position: absolute;
        left: 0px;
        pointer-events: none;
        display: flex;
        top: 18px
    }

@media (max-width: 680px) {
    .menuSearcDiv .inputRow .ctrlIcon {
        top: 14px
    }
}

.menuSearcDiv .inputRow .inputCtrl {
    font-size: 40px;
    padding: 0 25px 0 0px;
    height: auto
}

@media (max-width: 1450px) {
    .menuSearcDiv .inputRow .inputCtrl {
        font-size: 30px
    }
}

@media (max-width: 1279px) {
    .menuSearcDiv .inputRow .inputCtrl {
        font-size: 20px;
        line-height: 42px
    }
}

@media (max-width: 991px) {
    .menuSearcDiv .inputRow .inputCtrl {
        font-size: 18px;
        line-height: 38px
    }
}

@media (max-height: 800px) {
    .menuSearcDiv .inputRow .inputCtrl {
        font-size: 18px;
        line-height: 38px
    }
}

@media (max-width: 680px) {
    .menuSearcDiv .inputRow .inputCtrl {
        font-size: 14px !important;
        line-height: 26px !important
    }
}

.menuSearcDiv .inputRow .inputCtrl::placeholder {
    color: #B8B8B8
}

.menuSearcDiv .menuSearcDivClose {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .2s ease-in-out
}

@media (max-width: 680px) {
    .menuSearcDiv .menuSearcDivClose {
        width: 25px;
        height: 25px
    }
}

@media (max-width: 680px) {
    .menuSearcDiv .menuSearcDivClose svg {
        width: 10px
    }
}

.unmute {
    display: flex;
    align-items: center;
    justify-content: center;
    width: inherit;
    height: inherit
}

    .unmute svg {
        transition: ease-in-out 0.4s
    }

        .unmute svg path {
            fill: #000000;
            transition: ease-in-out 0.4s
        }

    .unmute .audPause {
        position: absolute;
        transition: ease-in-out 0.4s;
        visibility: hidden;
        opacity: 0;
        height: 25px
    }

        .unmute .audPause svg {
            width: 100%;
            height: auto
        }

@media (max-width: 1680px) {
    .unmute .audPause {
        height: 22px;
        width: 22px
    }
}

@media (max-height: 800px) {
    .unmute .audPause {
        width: 20px;
        height: 20px
    }

        .unmute .audPause svg {
            width: 100%;
            height: auto
        }
}

@media (max-width: 680px) {
    .unmute .audPause {
        width: 20px;
        height: 20px
    }

        .unmute .audPause svg {
            width: 100%;
            height: auto
        }
}

.unmute .audPlay {
    height: 25px;
    position: absolute;
    transition: ease-in-out 0.4s;
    visibility: visible;
    opacity: .8
}

@media (max-width: 1680px) {
    .unmute .audPlay {
        height: 22px;
        width: 22px
    }
}

@media (max-height: 800px) {
    .unmute .audPlay {
        height: 22px;
        width: 22px
    }
}

.unmute .audPlay svg {
    width: 100%;
    height: auto
}

@media (max-width: 680px) {
    .unmute .audPlay {
        width: 20px;
        height: 20px
    }

        .unmute .audPlay svg {
            width: 100%;
            height: auto
        }
}

.unmute.mute .audPlay {
    visibility: hidden;
    opacity: 0
}

.unmute.mute .audPause {
    visibility: visible;
    opacity: .8
}

.footer {
    background-color: #2D2D2D;
    padding-top: 60px;
    position: relative;
    z-index: 110
}

@media (max-width: 680px) {
    .footer {
        padding-top: 30px
    }
}

.footer::after, .footer::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    top: 0;
    z-index: -1
}

.footer::before {
    left: 0;
    background-image: url("../images/fl.png")
}

.footer::after {
    right: 0;
    background-image: url("../images/fr.png")
}

.footer .footerWrap {
    color: var(--white)
}

    .footer .footerWrap p {
        color: var(--white)
    }

    .footer .footerWrap .logoDiv {
        max-width: 430px;
        width: 100%;
        margin-bottom: 32px
    }

@media (max-height: 800px) {
    .footer .footerWrap .logoDiv {
        max-width: 320px;
        margin-bottom: 25px
    }
}

@media (max-width: 680px) {
    .footer .footerWrap .logoDiv {
        max-width: 320px;
        margin-bottom: 25px
    }
}

.footer .footerWrap .contactSec {
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
    padding-block: 40px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px
}

@media (max-width: 1199px) {
    .footer .footerWrap .contactSec {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        flex-wrap: wrap
    }
}

.footer .footerWrap .contactSec .single h3 {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px
}

.footer .footerWrap .contactSec .single p {
    font-size: 20px;
    font-weight: 600;
    line-height: 36px
}

@media (max-width: 1680px) {
    .footer .footerWrap .contactSec .single p {
        font-size: 18px;
        font-weight: 600;
        line-height: 34px
    }
}

@media (max-width: 1279px) {
    .footer .footerWrap .contactSec .single p {
        font-size: 16px;
        font-weight: 600;
        line-height: 32px
    }
}

@media (max-height: 800px) {
    .footer .footerWrap .contactSec .single p {
        font-size: 16px;
        font-weight: 600;
        line-height: 32px
    }
}

.footer .footerWrap .contactSec .single ul {
    display: flex;
    align-items: center;
    gap: 24px
}

    .footer .footerWrap .contactSec .single ul li {
        width: 24px;
        height: 24px
    }

    .footer .footerWrap .contactSec .single ul .fb:hover svg path {
        fill: #316FF6
    }

    .footer .footerWrap .contactSec .single ul .twitter:hover svg path {
        fill: #1DA1F2
    }

    .footer .footerWrap .contactSec .single ul .insta:hover svg path {
        fill: #FD1D1D
    }

    .footer .footerWrap .contactSec .single ul .printerst:hover svg path {
        fill: #E60023
    }

    .footer .footerWrap .contactSec .single ul .yt:hover svg path {
        fill: red
    }

.footer .footerWrap .contactSec .single:last-child {
    grid-column: -2
}

@media (max-width: 680px) {
    .footer .footerWrap .contactSec .single.mail {
        width: 100%
    }
}

.footer .footerWrap .footerlistingWrap {
    padding-block: 40px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px
}

@media (max-width: 1199px) {
    .footer .footerWrap .footerlistingWrap {
        display: none
    }
}

.footer .footerWrap .footerlistingWrap h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    padding-bottom: 16px;
    padding-top: 25px;
    color: #FAFAFA
}

@media (max-width: 1366px) {
    .footer .footerWrap .footerlistingWrap h2 {
        font-size: 14px;
        font-weight: 700;
        line-height: 22px
    }
}

.footer .footerWrap .footerlistingWrap li {
    color: #FAFAFA;
    font-size: 14px;
    font-weight: 500;
    line-height: 31px;
    transition: .2s ease-in
}

@media (max-width: 1366px) {
    .footer .footerWrap .footerlistingWrap li {
        font-size: 12px;
        font-weight: 500;
        line-height: 30px
    }
}

@media (max-height: 800px) {
    .footer .footerWrap .footerlistingWrap li {
        font-size: 12px;
        font-weight: 500;
        line-height: 30px
    }
}

.footer .footerWrap .footerlistingWrap li:hover {
    color: var(--theme-colour1)
}

.footer .footerWrap .footerlistingWrap .gridSec .innerWrap h2, .footer .footerWrap .footerlistingWrap .gridSec .innerWrap ul li {
    padding-right: 15px
}

.footer .footerWrap .footerlistingWrap .gridSec .innerWrap li {
    font-size: 14px;
    font-weight: 500;
    line-height: 31px
}

@media (max-width: 1199px) {
    .footer .footerWrap .footerlistingWrap .gridSec .innerWrap li {
        font-size: 12px;
        font-weight: 500;
        line-height: 30px
    }
}

@media (max-height: 800px) {
    .footer .footerWrap .footerlistingWrap .gridSec .innerWrap li {
        font-size: 12px;
        font-weight: 500;
        line-height: 30px
    }
}

.footer .footerWrap .footerlistingWrap .gridSec .innerWrap .playStoreDiv {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

    .footer .footerWrap .footerlistingWrap .gridSec .innerWrap .playStoreDiv li {
        padding: 0
    }

    .footer .footerWrap .footerlistingWrap .gridSec .innerWrap .playStoreDiv img {
        max-width: 140px;
        min-width: 100px
    }

.footer .footerWrap .footerlistingWrap .gridSec:last-child .innerWrap h2 {
    padding-right: 0
}

.footer .footerWrap .footerlistingWrapAccordion {
    display: none
}

@media (max-width: 1199px) {
    .footer .footerWrap .footerlistingWrapAccordion {
        display: block
    }
}

.footer .footerWrap .footerlistingWrapAccordion .innerWrap {
    border-bottom: 1px solid #707070;
    padding: 15px 10px
}

    .footer .footerWrap .footerlistingWrapAccordion .innerWrap .head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 15px
    }

        .footer .footerWrap .footerlistingWrapAccordion .innerWrap .head h2 {
            font-size: 16px;
            font-weight: 600;
            line-height: 22px
        }

    .footer .footerWrap .footerlistingWrapAccordion .innerWrap ul {
        display: grid;
        gap: 10px;
        padding: 15px 10px 0
    }

    .footer .footerWrap .footerlistingWrapAccordion .innerWrap .playStoreDiv {
        display: flex;
        align-items: center;
        justify-content: center
    }

        .footer .footerWrap .footerlistingWrapAccordion .innerWrap .playStoreDiv li img {
            max-width: 175px
        }

    .footer .footerWrap .footerlistingWrapAccordion .innerWrap.activeAccordionFooter .head .svgDiv {
        transform: rotate(180deg);
        transition: .4s ease-in-out
    }

        .footer .footerWrap .footerlistingWrapAccordion .innerWrap.activeAccordionFooter .head .svgDiv svg path {
            fill: var(--btnClr)
        }

.footer .helpModalSec {
    position: sticky;
    z-index: 555;
    bottom: 0
}

@media (max-width: 1199px) {
    .footer .helpModalSec {
        padding-block-start: 60px
    }
}

@media (max-height: 800px) {
    .footer .helpModalSec {
        padding-block-start: 60px
    }
}

.footer .helpModalSec .helpModal {
    background-color: var(--white);
    border-radius: 12px 12px 0 0;
    padding: 10px 11px 10px 24px;
    max-width: 1695px;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 1499px) {
    .footer .helpModalSec .helpModal {
        max-width: 900px
    }
}

@media (max-width: 1199px) {
    .footer .helpModalSec .helpModal {
        margin: 0 auto
    }
}

@media (max-width: 991px) {
    .footer .helpModalSec .helpModal {
        border-radius: 8px 8px 0 0;
        padding: 10px 11px 10px 20px
    }
}

@media (max-height: 800px) {
    .footer .helpModalSec .helpModal {
        border-radius: 8px 8px 0 0;
        padding: 10px 11px 10px 20px
    }
}

.footer .helpModalSec .helpModal .helpWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap
}

@media (max-width: 1499px) {
    .footer .helpModalSec .helpModal .helpWrap {
        display: block
    }
}

.footer .helpModalSec .helpModal .helpWrap h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 38px
}

@media (max-width: 1680px) {
    .footer .helpModalSec .helpModal .helpWrap h2 {
        font-size: 18px;
        font-weight: 700;
        line-height: 34px
    }
}

@media (max-width: 1279px) {
    .footer .helpModalSec .helpModal .helpWrap h2 {
        font-size: 16px;
        font-weight: 700;
        line-height: 30px
    }
}

@media (max-height: 800px) {
    .footer .helpModalSec .helpModal .helpWrap h2 {
        font-size: 16px;
        font-weight: 700;
        line-height: 30px
    }
}

.footer .helpModalSec .helpModal .helpWrap .innerWrap {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

@media (max-width: 1499px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap {
        display: grid;
        align-items: end;
        gap: 12px;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 767px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap {
        gap: 10px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 480px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap {
        grid-template-columns: 1fr
    }
}

.footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow {
    margin: 0;
    border-bottom: 1px solid #DDDDDD;
    min-width: 200px;
    position: relative;
    display: inline-block;
    padding-inline-end: 12px
}

@media (max-width: 1499px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow {
        max-width: 100% !important;
        width: 100%
    }
}

.footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl {
    position: relative;
    height: 30px;
    padding: 0
}

    .footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl::placeholder {
        font-family: 'Noto Sans', sans-serif;
        color: var(--c2d);
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }

@media (max-width: 991px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl::placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl::placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-webkit-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

@media (max-width: 991px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-webkit-input-placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-webkit-input-placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

@media (max-width: 991px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-moz-placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-moz-placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

@media (max-width: 991px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-moz-placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-ms-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

@media (max-width: 991px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-ms-input-placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-ms-input-placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl #spin {
    display: none
}

.footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow::before {
    position: absolute;
    content: '*';
    color: red;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1
}

.footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop {
    min-width: 200px !important
}

@media (max-width: 1499px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop {
        max-width: 250px !important;
        max-width: 100% !important
    }
}

.footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop .select2 {
    width: 100% !important;
    padding-top: 2px
}

    .footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop .select2 .select2-selection--single {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #DDDDDD;
        border-radius: 0
    }

    .footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop .select2 .select2-selection__rendered {
        padding: 0;
        color: var(--c2d);
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }

@media (max-width: 991px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop .select2 .select2-selection__rendered {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop .select2 .select2-selection__rendered {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop .select2-selection__arrow {
    right: -5px
}

.footer .helpModalSec .helpModal .helpWrap .innerWrap button {
    padding: 9px 15px 9px 22px;
    background-color: var(--btnClr);
    border: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    color: var(--cfa);
    border-radius: 12px;
    width: fit-content;
    cursor: pointer
}

@media (max-width: 1499px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap button {
        width: 100%
    }
}

@media (max-width: 680px) {
    .footer .helpModalSec .helpModal .helpWrap .innerWrap button {
        border-radius: 6px
    }
}

.footer .helpModalSec .helpModal .helpWrap .innerWrap button span {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center
}

.footer .copyRight {
    position: relative;
    z-index: 101
}

    .footer .copyRight .aaba {
        background-color: #000;
        padding-block: 25px 30px;
        display: flex;
        justify-content: center
    }

        .footer .copyRight .aaba h5 {
            color: var(--white);
            text-align: center;
            width: fit-content;
            position: relative;
            padding-right: 80px;
            font-size: 14px;
            font-weight: 500;
            line-height: 19px
        }

@media (max-height: 800px) {
    .footer .copyRight .aaba h5 {
        font-size: 12px;
        font-weight: 500;
        line-height: 19px
    }
}

@media (max-width: 680px) {
    .footer .copyRight .aaba h5 {
        font-size: 12px;
        font-weight: 500;
        line-height: 19px
    }
}

.footer .copyRight .aaba h5::after {
    position: absolute;
    transition: .2s ease-in-out all;
    content: '';
    background-image: url("../images/FootlogoNor.png");
    width: 77px;
    height: 17px;
    margin-left: 6px;
    top: -1px;
    right: -5px
}

.footer .copyRight .aaba h5:hover::after {
    background-image: url("../images/FootlogoHov.png")
}

.mainHeader {
    position: relative;
    height: 100vh;
    height: 100svh
}

    .mainHeader .mainNavSec {
        width: 100%;
        position: fixed;
        z-index: 999;
        -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25)
    }

        .mainHeader .mainNavSec .mainNav {
            background-color: var(--white);
            position: relative
        }

            .mainHeader .mainNavSec .mainNav .template-containerMaxWth {
                background-color: var(--white);
                z-index: 999;
                position: relative
            }

            .mainHeader .mainNavSec .mainNav .mainNavWrap {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px
            }

@media (max-width: 991px) and (max-width: 991px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap.mainNavWrapTop .navRight .linksBefore {
        display: none
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap.mainNavWrapTop .navRight .linksAfter {
        display: none
    }
}

@media (max-width: 991px) and (max-width: 991px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap.mainNavWrapTop .langDropdown {
        border-left: none !important
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navLogoDiv {
    max-width: 328px;
    width: 100%;
    height: 65px
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navLogoDiv {
        height: 50px;
        max-width: 275px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navLogoDiv {
        max-width: 250px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navLogoDiv {
        height: 45px
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight {
    display: flex;
    align-items: center;
    padding-block: 16px;
    position: relative
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight {
        padding-block: 12px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight {
        padding-block: 9px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight {
        padding-block: 9px
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    list-style: none
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore {
    gap: 24px;
    padding-right: 16px;
    border-right: 1px solid var(--bclr)
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore {
        gap: 20px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore {
        gap: 20px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore {
        padding-left: 0
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore li {
    width: 24px;
    height: 24px
}

    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore li svg {
        width: 100%;
        height: auto
    }

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore li {
        width: 20px;
        height: 20px
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore .fb:hover svg path {
    fill: #316FF6
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore .twitter:hover svg path {
    fill: #1DA1F2
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore .blogger:hover svg path {
    fill: #FF5722
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore .printerst:hover svg path {
    fill: #E60023
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-inline: 8px
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown {
        gap: 4px;
        padding-inline: 4px;
        margin: 0
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .svgDiv {
    width: 24px;
    height: 24px
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .svgDiv {
        height: 20px;
        width: 20px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .svgDiv {
        height: 20px;
        width: 20px
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .svgDiv img {
    width: 100%;
    height: auto
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-container {
    width: 45px !important
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-container {
        width: 40px !important
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-container {
        width: 40px !important
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-container .select2-selection {
    border: none !important
}

    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-container .select2-selection .select2-selection__rendered {
        padding-right: 12px;
        padding-left: 0
    }

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-container .select2-selection .select2-selection__rendered {
        font-size: 14px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-container .select2-selection .select2-selection__rendered {
        font-size: 14px
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-container .select2-selection .select2-selection__arrow {
    right: 1px
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-selection__arrow {
    width: 14px
}

    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-selection__arrow b {
        border-color: transparent;
        border-style: none;
        border-width: 0;
        height: 6px;
        width: 8px;
        background-repeat: no-repeat;
        background-image: url("../images/dropDownSvg.svg")
    }

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksAfter li {
    display: flex;
    padding-inline: 8px;
    border-left: 1px solid var(--bclr)
}

    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksAfter li a {
        width: 24px;
        height: 24px
    }

        .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksAfter li a svg {
            width: 100%;
            height: auto
        }

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksAfter li a {
        width: 20px;
        height: 20px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksAfter li a {
        width: 20px;
        height: 20px
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksAfter .phone:hover svg path {
    fill: #316FF6
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksAfter .mail:hover svg path {
    fill: #c71610
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn {
    margin-left: 10px;
    padding: 6px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: var(--br12);
    min-width: 101px;
    width: 100%;
    cursor: pointer;
    background-color: var(--cfa);
    border: 1px solid var(--bclr)
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn {
        min-width: 80px;
        padding: 4px 12px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn {
        min-width: 80px;
        padding: 4px 12px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn {
        padding: 6px;
        border-radius: 8px;
        gap: 0;
        min-width: 35px;
        justify-content: center;
        margin-left: 0
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn h4 {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn h4 {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn h4 {
        display: none
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn svg {
    width: 100%;
    height: auto
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn svg {
        width: 15px !important;
        height: 15px !important
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn svg {
        width: 15px !important;
        height: 15px !important
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn.menuMorebtnCls {
    color: #FAFAFA;
    background-color: var(--c2d);
    display: none
}

    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn.menuMorebtnCls.show {
        display: flex
    }

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn.menuMorebtn.hide {
    display: none
}

.mainHeader .mainNavSec .navMoreContent {
    max-width: 1780px;
    width: 100%;
    background-color: var(--white);
    position: absolute;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    top: 0px;
    right: 0;
    z-index: 99;
    border-radius: 0 0 var(--br12) var(--br12);
    transform: translate3d(0, -130%, 0);
    transition: ease-in-out 0.4s;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2)
}

@media (max-width: 1850px) {
    .mainHeader .mainNavSec .navMoreContent {
        max-width: calc(100vw - 40px)
    }
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .navMoreContent {
        top: 64px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .navMoreContent {
        top: 50px
    }
}

@media (max-width: 1199px) {
    .mainHeader .mainNavSec .navMoreContent {
        max-width: calc(100vw - 20px)
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent {
        top: 48.5px;
        max-width: calc(100vw - 10px)
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .navMoreContent {
        top: 48.5px;
        max-width: calc(100vw - 10px)
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .navMoreContent {
        top: 50.5px;
        max-width: 100%
    }
}

.mainHeader .mainNavSec .navMoreContent.open {
    transform: translate3d(0, 0, 0) !important
}

.mainHeader .mainNavSec .navMoreContent li a, .mainHeader .mainNavSec .navMoreContent h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    color: var(--c2d)
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .navMoreContent li a, .mainHeader .mainNavSec .navMoreContent h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .navMoreContent li a, .mainHeader .mainNavSec .navMoreContent h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .navMoreContent li a, .mainHeader .mainNavSec .navMoreContent h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .navMoreContent li a, .mainHeader .mainNavSec .navMoreContent h3 {
        font-size: 14px !important;
        font-weight: 600;
        line-height: 20px !important
    }
}

.mainHeader .mainNavSec .navMoreContent .contentWrapper {
    display: grid;
    grid-template-columns: 1fr 36.5%;
    padding-block: 40px 45px;
    margin-inline: 30px;
    border-top: 1px solid var(--bclr);
    gap: 35px;
    margin-block-start: 75px
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper {
        padding-block: 35px 40px;
        margin-block-start: 0px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper {
        padding-block: 30px 35px
    }
}

@media (max-width: 1199px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper {
        grid-template-columns: 1fr 34%
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper {
        border-top: 2px solid var(--bclr);
        grid-template-columns: 1fr;
        padding-block: 25px 20px
    }
}

.mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
    max-width: 850px;
    width: 100%;
    margin-inline: 80px 30px;
    overflow-x: auto;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, minmax(490px, 1fr));
    gap: 20px;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px
    }

    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft::-webkit-scrollbar-track {
        background: transparent
    }

    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft::-webkit-scrollbar-thumb {
        background: transparent
    }

@media (max-width: 1599px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
        max-width: 700px
    }
}

@media (max-width: 1366px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
        max-width: 650px;
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr))
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
        max-width: 600px;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        margin-inline: 50px 20px
    }
}

@media (max-width: 1199px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
        max-width: 550px;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        margin-inline: 30px
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
        max-width: 100%;
        margin-inline: 0 20px;
        grid-template-columns: repeat(auto-fit, minmax(275px, 1fr))
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
        max-width: 100%;
        margin-inline: 0 20px;
        grid-template-columns: repeat(auto-fit, minmax(275px, 1fr))
    }
}

.mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 40px
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul {
        row-gap: 30px
    }
}

@media (max-width: 1199px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul {
        row-gap: 20px
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul {
        row-gap: 15px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul {
        row-gap: 15px
    }
}

.mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li {
    padding-right: 25px;
    min-width: 490px;
    width: 100%
}

    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li:hover a {
        color: var(--theme-colour1);
        top: -5px
    }

        .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li:hover a::after {
            transform: scaleX(1);
            transform-origin: bottom left
        }

@media (max-width: 1366px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li {
        min-width: 400px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li {
        min-width: 350px
    }
}

@media (max-width: 1199px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li {
        min-width: 300px;
        row-gap: 20px
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li {
        min-width: 275px;
        row-gap: 15px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li {
        min-width: 275px;
        row-gap: 15px
    }
}

.mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li a {
    position: relative;
    transition: .3s ease-in-out all
}

    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li a::after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        border-radius: 5px;
        height: 0.05em;
        bottom: -2px;
        left: 0;
        background: var(--theme-colour1);
        transform-origin: bottom right;
        transition: transform 0.25s ease-out
    }

.mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight {
    justify-self: flex-start
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight {
        display: none
    }
}

.mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight .rightWrapper {
    max-width: 423px;
    width: 100%;
    margin: 0 auto
}

    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight .rightWrapper .imgDiv {
        max-width: 423px;
        width: 100%;
        margin-bottom: 16px
    }

        .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight .rightWrapper .imgDiv img {
            border-radius: var(--br12)
        }

    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight .rightWrapper p {
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
        color: inherit;
        margin-top: 4px
    }

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight .rightWrapper p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight .rightWrapper p {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight .rightWrapper p {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px
    }
}

.mainHeader .mainNavSec .navMoreContent .playStoreDiv {
    padding: 17px;
    background-color: var(--cfa);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 0 0 var(--br12) var(--br12)
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .playStoreDiv {
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .mainHeader .mainNavSec .navMoreContent .playStoreDiv {
        flex-direction: column
    }
}

.mainHeader .mainNavSec .navMoreContent .playStoreDiv img {
    max-width: 150px
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .playStoreDiv img {
        max-width: 100px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .navMoreContent .playStoreDiv .navRight {
        padding-block: 3px
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .playStoreDiv .navRight .linksBefore {
        padding-right: 10px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .navMoreContent .playStoreDiv .navRight .linksAfter li img, .mainHeader .mainNavSec .navMoreContent .playStoreDiv .navRight .linksBefore li img {
        max-width: 20px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .navMoreContent .playStoreDiv .navRight .linksAfter .topSearcMenu {
        display: none
    }
}

.mainHeader .mainNavSec .navMoreContent .mainNavWrap {
    display: none
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .mainNavWrap {
        display: flex
    }
}

.mainHeader .mainNavSec .subNav {
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 0px 0px var(--br12) var(--br12);
    transition: .4s ease-in-out all
}

    .mainHeader .mainNavSec .subNav .subNavWrapper {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 39px
    }

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper {
        gap: 30px
    }
}

@media (max-width: 1199px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper {
        gap: 25px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper li {
    padding-block: 13px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--c2d)
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper li {
        padding-block: 10px;
        font-size: 15px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper li {
        padding-block: 8px;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper li {
        min-width: max-content
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper li {
        padding-block: 8px;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown {
    transition: .3s ease-in-out
}

    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown:hover .outterWraper {
        display: grid;
        opacity: 1;
        visibility: visible
    }

@media (max-width: 767px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown:hover .outterWraper {
        visibility: hidden;
        opacity: 0;
        display: none
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown:hover .outterWraper .serviceWrap {
    -webkit-box-shadow: inset 0 10px 8px -7px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 10px 8px -7px rgba(0,0,0,0.2);
    box-shadow: inset 0 10px 8px -7px rgba(0,0,0,0.2)
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .innerDiv {
    cursor: pointer
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .outterWraper {
    position: absolute;
    top: 48px;
    left: -110px;
    width: 1395px;
    border-radius: 0 0 var(--br12) var(--br12);
    background-color: var(--white);
    display: none;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.15)
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .outterWraper {
        column-gap: 20px;
        top: 40px;
        width: 1200px
    }
}

@media (max-width: 1366px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .outterWraper {
        width: 1150px;
        left: -70px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .outterWraper {
        width: 1140px;
        top: 36px
    }
}

@media (max-width: 1199px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .outterWraper {
        width: 940px
    }
}

@media (max-width: 767px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .outterWraper {
        visibility: hidden;
        opacity: 0;
        display: none
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap {
    padding: 40px;
    width: inherit
}

@media (max-width: 1366px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap {
        padding: 30px 25px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    column-gap: 24px;
    grid-auto-flow: column;
    row-gap: 6px;
    width: 100%;
    padding: 5px 15px;
    transition: .4s ease-in-out;
    overflow-x: auto
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec {
        column-gap: 20px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li {
    min-width: 350px;
    max-width: 420px;
    width: 100%;
    border-radius: var(--br12)
}

    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li:hover {
        -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25)
    }

        .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li:hover svg {
            opacity: 1;
            transform: rotateZ(0deg) scale(1.1);
            left: 3px
        }

    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        padding: 6px 20px 6px 6px;
        gap: 10px
    }

        .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .imgDiv {
            width: 80px;
            height: auto;
            background-color: transparent
        }

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .imgDiv {
        width: 70px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .imgDiv {
        width: 62px
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .imgDiv {
        width: 55px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .imgDiv {
        width: 55px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .textSec h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color: var(--c2d);
    margin-bottom: 12px
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .textSec h3 {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 8px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .textSec h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        margin-bottom: 4px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .textSec h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        margin-bottom: 4px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .textSec p {
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: var(--c2d)
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .textSec p {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .textSec p {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a svg {
    opacity: 0;
    transition: .3s ease-in all;
    transform: rotateZ(45deg) scale(0.8);
    position: relative;
    left: -4px
}

.mainHeader .mainNavSec .subNav:has(.serivceDropdown:hover) {
    background-color: var(--cfa);
    -webkit-box-shadow: 0px 12px 17px -12px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 12px 17px -12px rgba(0,0,0,0.2);
    box-shadow: 0px 12px 17px -12px rgba(0,0,0,0.2)
}

.mainHeader .headerMenuSec {
    position: absolute;
    transition: top .4s ease-in-out
}

    .mainHeader .headerMenuSec.fixHeader {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1500
    }

.mainHeader .attentionDiv {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: fit-content;
    gap: 15px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 100
}

@media (max-width: 680px) {
    .mainHeader .attentionDiv {
        display: none
    }
}

.mainHeader .attentionDiv.attenactive .svgDiv {
    background-color: #F26522
}

    .mainHeader .attentionDiv.attenactive .svgDiv svg path {
        fill: var(--cfa)
    }

.mainHeader .attentionDiv.attenactive .attentionHoverDiv {
    display: block;
    visibility: visible
}

.mainHeader .attentionDiv:hover .svgDiv {
    background-color: #F26522
}

    .mainHeader .attentionDiv:hover .svgDiv svg path {
        fill: var(--cfa)
    }

.mainHeader .attentionDiv:hover .attentionHoverDiv {
    display: block;
    visibility: visible
}

.mainHeader .attentionDiv .svgDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);
    opacity: .9;
    background-color: #FAFAFA;
    border-radius: var(--br12);
    width: 60px;
    height: 60px;
    margin: auto;
    transition: background-color 0.4s ease-in
}

@media (max-width: 1680px) {
    .mainHeader .attentionDiv .svgDiv {
        width: 50px;
        height: 50px
    }
}

@media (max-height: 800px) {
    .mainHeader .attentionDiv .svgDiv {
        width: 50px;
        height: 50px
    }
}

.mainHeader .attentionDiv .svgDiv svg {
    width: 32px;
    height: 32px;
    transition: fill 0.4s ease-in
}

@media (max-width: 1680px) {
    .mainHeader .attentionDiv .svgDiv svg {
        width: 25px;
        height: 25px
    }
}

@media (max-height: 800px) {
    .mainHeader .attentionDiv .svgDiv svg {
        width: 25px;
        height: 25px
    }
}

.mainHeader .attentionDiv .attentionHoverDiv {
    background-color: var(--black);
    opacity: 85%;
    width: fit-content;
    padding: 19px;
    border-radius: var(--br12);
    max-width: 100%;
    display: none;
    visibility: hidden;
    transition: opacity 0.3s ease-in, visibility 0.3s ease-in
}

@media (max-width: 1680px) {
    .mainHeader .attentionDiv .attentionHoverDiv {
        padding: 15px
    }
}

@media (max-height: 800px) {
    .mainHeader .attentionDiv .attentionHoverDiv {
        padding: 15px
    }
}

.mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
    max-width: 1650px;
    width: 100%;
    display: flex;
    align-items: center;
    text-wrap: nowrap;
    white-space: nowrap;
    -webkit-white-space: nowrap
}

@media (max-width: 1850px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 1300px
    }
}

@media (max-width: 1599px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 1170px
    }
}

@media (max-width: 1680px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 1100px
    }
}

@media (max-width: 1366px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 930px
    }
}

@media (max-width: 1199px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 725px
    }
}

@media (max-width: 991px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 485px
    }
}

@media (max-width: 767px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 430px
    }
}

@media (max-height: 800px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 430px
    }
}

.mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv .div {
    max-width: 1380px;
    width: 100%;
    overflow: hidden
}

    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv .div p {
        color: var(--cfa);
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        animation: scroll 40s forwards linear infinite;
        -webkit-animation: 30s linear infinite
    }

@media (max-width: 1680px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv .div p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv .div p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv span {
    color: var(--cfa);
    padding-right: 17px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

@media (max-width: 1680px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv span {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv span {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

.mainHeader .robotDiv {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 180px;
    transition: .3s ease-in-out all;
    z-index: 55;
    cursor: pointer
}

@media (max-width: 680px) {
    .mainHeader .robotDiv {
        display: none
    }
}

.mainHeader .robotDiv.open {
    z-index: 3
}

.mainHeader .robotDiv::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 250px;
    height: 250px;
    border-radius: 492px 0 0 0;
    bottom: 0;
    right: 0;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    background-color: rgba(255,255,255,0.1);
    opacity: 0;
    visibility: hidden;
    transition: .4s ease-in-out all
}

@media (max-width: 1680px) {
    .mainHeader .robotDiv::after {
        width: 200px;
        height: 200px
    }
}

@media (max-height: 800px) {
    .mainHeader .robotDiv::after {
        width: 200px;
        height: 200px
    }
}

@media (max-width: 680px) {
    .mainHeader .robotDiv::after {
        display: none
    }
}

.mainHeader .robotDiv::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 350px;
    height: 350px;
    bottom: 0;
    right: 0;
    border-radius: 492px 0 0 0;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    background-color: #0000001c;
    opacity: 0;
    visibility: hidden;
    transition: .4s ease-in-out all
}

@media (max-width: 1680px) {
    .mainHeader .robotDiv::before {
        width: 300px;
        height: 300px
    }
}

@media (max-height: 800px) {
    .mainHeader .robotDiv::before {
        width: 300px;
        height: 300px
    }
}

@media (max-width: 680px) {
    .mainHeader .robotDiv::before {
        display: none
    }
}

.mainHeader .robotDiv.activee::after, .mainHeader .robotDiv.activee::before {
    opacity: 1;
    visibility: visible
}

.mainHeader .robotDiv .hoverItems {
    transform: scaleX(-1)
}

@media (max-width: 680px) {
    .mainHeader .robotDiv .hoverItems {
        display: none
    }
}

.mainHeader .robotDiv .hoverItems .hoverItem {
    --size: 58px;
    --offset: 200px;
    opacity: 0;
    height: 58px;
    width: var(--size);
    background-color: var(--white);
    border-radius: 50%;
    position: absolute;
    display: grid;
    place-items: center;
    transform: translate(0, 0);
    bottom: 27px;
    right: 65px;
    transition: transform 0.3s var(--delay) ease-in-out,opacity 0.3s var(--delay) ease-in-out;
    z-index: 0;
    cursor: pointer
}

@media (max-width: 1680px) {
    .mainHeader .robotDiv .hoverItems .hoverItem {
        --size: 50px;
        --offset: 170px;
        height: 50px;
        bottom: 15px;
        right: 85px
    }
}

@media (max-height: 800px) {
    .mainHeader .robotDiv .hoverItems .hoverItem {
        --size: 50px;
        --offset: 170px;
        height: 50px;
        bottom: 15px;
        right: 85px
    }
}

.mainHeader .robotDiv .hoverItems .hoverItem:hover::before {
    transform: scale(1.15)
}

.mainHeader .robotDiv .hoverItems .hoverItem:hover .tooltip {
    opacity: 1;
    visibility: visible
}

.mainHeader .robotDiv .hoverItems .hoverItem::before {
    position: absolute;
    content: "";
    width: var(--size);
    background-color: #f7f6f6;
    filter: drop-shadow(0rem 0.1rem 0.3rem rgba(0,0,0,0.16));
    height: 58px;
    border-radius: 50%;
    transition: 0.3s ease-in-out
}

@media (max-width: 1680px) {
    .mainHeader .robotDiv .hoverItems .hoverItem::before {
        height: 50px
    }
}

@media (max-height: 800px) {
    .mainHeader .robotDiv .hoverItems .hoverItem::before {
        height: 50px
    }
}

.mainHeader .robotDiv .hoverItems .hoverItem::after {
    position: absolute;
    content: "";
    width: 46px;
    height: 46px;
    filter: brightness(29);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background-color: var(--white);
    border-radius: 50%;
    z-index: 0
}

@media (max-width: 1680px) {
    .mainHeader .robotDiv .hoverItems .hoverItem::after {
        height: 38px;
        width: 38px
    }
}

@media (max-height: 800px) {
    .mainHeader .robotDiv .hoverItems .hoverItem::after {
        height: 38px;
        width: 38px
    }
}

.mainHeader .robotDiv .hoverItems .hoverItem img {
    max-width: 22px;
    height: auto;
    position: relative;
    z-index: 1;
    transform: scaleX(-1)
}

@media (max-width: 1680px) {
    .mainHeader .robotDiv .hoverItems .hoverItem img {
        width: 18px
    }
}

@media (max-height: 800px) {
    .mainHeader .robotDiv .hoverItems .hoverItem img {
        width: 18px
    }
}

.mainHeader .robotDiv .hoverItems .hoverItem .tooltip {
    position: absolute;
    left: 55px;
    top: -35px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    background-color: var(--white);
    border-radius: 10px;
    padding: 10px 15px;
    width: max-content;
    transform: scaleX(-1);
    z-index: 11;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--black)
}

@media (max-width: 1279px) {
    .mainHeader .robotDiv .hoverItems .hoverItem .tooltip {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .mainHeader .robotDiv .hoverItems .hoverItem .tooltip {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.mainHeader .robotDiv .hoverItems .hoverItem:nth-child(4) {
    margin-bottom: 10px
}

.mainHeader .robotDiv .hoverItems .hoverItem:nth-child(5) {
    margin-bottom: 26px
}

.mainHeader .robotDiv .robo {
    max-width: 150px;
    transform: scale(0.7);
    position: absolute;
    right: 20px;
    z-index: 2;
    bottom: 0;
    transition: 0.4s ease-in-out all
}

@media (max-width: 1680px) {
    .mainHeader .robotDiv .robo {
        max-width: 100px
    }
}

@media (max-height: 800px) {
    .mainHeader .robotDiv .robo {
        max-width: 100px
    }
}

@media (max-width: 680px) {
    .mainHeader .robotDiv .robo {
        bottom: 50px;
        right: 0
    }
}

.mainHeader .robotDiv .robo.scaleCls {
    transform: rotateZ(-6deg) scale(0.9)
}

.mainHeader .robotDiv .hoverItems.active .hoverItem {
    opacity: 1;
    transform: translate(calc(cos(var(--degrees)) * var(--offset)), calc(sin(var(--degrees)) * var(--offset)))
}

.mainHeader .robotDiv .hoverItem:nth-of-type(1) {
    --degrees: calc(0 * (-90deg / (5 - 1)));
    --delay: calc(0.1 * 0s)
}

.mainHeader .robotDiv .hoverItem:nth-of-type(2) {
    --degrees: calc(1 * (-90deg / (5 - 1)));
    --delay: calc(0.1 * 1s)
}

.mainHeader .robotDiv .hoverItem:nth-of-type(3) {
    --degrees: calc(2 * (-90deg / (5 - 1)));
    --delay: calc(0.1 * 2s)
}

.mainHeader .robotDiv .hoverItem:nth-of-type(4) {
    --degrees: calc(3 * (-90deg / (5 - 1)));
    --delay: calc(0.1 * 3s)
}

.mainHeader .robotDiv .hoverItem:nth-of-type(5) {
    --degrees: calc(4 * (-90deg / (5 - 1)));
    --delay: calc(0.1 * 4s)
}

.mainHeader .mobFixedMenu {
    background-color: var(--white);
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 2001;
    box-shadow: 0 0.25rem 1rem rgba(165,163,174,0.45);
    border-radius: 12px 12px 0 0;
    padding: 5px 10px
}

@media (max-width: 680px) {
    .mainHeader .mobFixedMenu {
        display: block
    }
}

.mainHeader .mobFixedMenu .mobFixedMenuItems {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(5, 1fr)
}

.mainHeader .mobFixedMenu li {
    list-style: none;
    transition: .4s ease-in-out
}

    .mainHeader .mobFixedMenu li svg path {
        fill: #9c8f89
    }

    .mainHeader .mobFixedMenu li:focus-within span, .mainHeader .mobFixedMenu li:focus span, .mainHeader .mobFixedMenu li:hover span, .mainHeader .mobFixedMenu li.act span {
        opacity: 1;
        max-width: fit-content;
        transition: all .6s ease-out
    }

    .mainHeader .mobFixedMenu li:focus-within svg, .mainHeader .mobFixedMenu li:focus svg, .mainHeader .mobFixedMenu li:hover svg, .mainHeader .mobFixedMenu li.act svg {
        transform: scale(1.1)
    }

        .mainHeader .mobFixedMenu li:focus-within svg path, .mainHeader .mobFixedMenu li:focus svg path, .mainHeader .mobFixedMenu li:hover svg path, .mainHeader .mobFixedMenu li.act svg path {
            fill: #F26522
        }

.mainHeader .mobFixedMenu .topSearcMenu.act svg {
    transform: scale(1)
}

.mainHeader .mobFixedMenu .topSearcMenu {
    gap: 4px;
    padding-block-start: 6px
}

.mainHeader .mobFixedMenu a {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 8px 5px 0 5px;
    gap: 4px
}

.mainHeader .mobFixedMenu li {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.mainHeader .mobFixedMenu img, .mainHeader .mobFixedMenu svg {
    transition: .4s ease-in-out;
    width: 20px;
    height: 20px
}

.mainHeader .mobFixedMenu span {
    overflow: hidden;
    opacity: 0;
    max-width: 0;
    font-size: 12px;
    font-weight: 500;
    transform-origin: center top
}

.mainHeader .mobFixedMenu.hidden {
    display: none !important
}

.mainHeader .menuDropCmnModal {
    width: 100vw;
    height: 100vh;
    height: 100svh;
    display: flex;
    background-color: var(--white);
    padding: 20px;
    transform: translate3d(-100%, 0, 0);
    transition: ease-in-out 0.4s;
    box-shadow: 0 0.25rem 1rem rgba(165,163,174,0.45);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    flex-direction: column
}

@media (min-width: 1200px) {
    .mainHeader .menuDropCmnModal {
        display: none
    }
}

.mainHeader .menuDropCmnModal.open {
    transform: translate3d(0, 0, 0)
}

.mainHeader .menuDropCmnModal .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    color: var(--c2d);
    margin-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 17px
}

.mainHeader .menuDropCmnModal .menuDropCmnModalClose {
    background-color: #FAFAFA;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DDDDDD;
    cursor: pointer;
    transition: .2s ease-in-out;
    position: absolute;
    right: 20px;
    top: 14px
}

    .mainHeader .menuDropCmnModal .menuDropCmnModalClose:hover {
        background-color: var(--black)
    }

        .mainHeader .menuDropCmnModal .menuDropCmnModalClose:hover svg path {
            fill: var(--white)
        }

.mainHeader .menuDropCmnModal ul {
    width: 100%;
    overflow: auto;
    max-height: calc((100vh) - 45px);
    max-height: calc((100svh) - 45px);
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width: 575px) {
    .mainHeader .menuDropCmnModal ul {
        grid-template-columns: 1fr
    }
}

.mainHeader .menuDropCmnModal ul::-webkit-scrollbar {
    width: 0;
    margin-left: 5px;
    left: 5px
}

.mainHeader .menuDropCmnModal ul::-webkit-scrollbar-track {
    background: #ffffff
}

.mainHeader .menuDropCmnModal ul::-webkit-scrollbar-thumb {
    background: #ffffff
}

.mainHeader .menuDropCmnModal ul li {
    margin-bottom: 0px;
    color: var(--c2d);
    border-radius: 4px
}

    .mainHeader .menuDropCmnModal ul li a {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        padding: 6px 20px 6px 6px;
        gap: 10px;
        -webkit-tap-highlight-color: rgba(255,255,255,0)
    }

        .mainHeader .menuDropCmnModal ul li a .imgDiv {
            min-width: 60px;
            width: 100%;
            height: auto;
            background-color: transparent;
            max-width: 60px
        }

        .mainHeader .menuDropCmnModal ul li a .textSec h3 {
            font-size: 16px;
            font-weight: 500;
            line-height: 22px;
            color: var(--c2d);
            margin-bottom: 5px
        }

        .mainHeader .menuDropCmnModal ul li a .textSec p {
            font-size: 12px;
            font-weight: 500;
            line-height: 17px;
            color: var(--c2d)
        }

.rocketSec {
    margin-bottom: 55px
}

@media (max-width: 991px) {
    .rocketSec {
        margin-bottom: 35px
    }
}

@media (max-height: 800px) {
    .rocketSec {
        margin-bottom: 35px
    }
}

.rocketSec .rocketWrap {
    background-color: #FFF4E8;
    display: grid;
    align-items: center;
    grid-template-columns: auto auto 1fr;
    gap: 32px;
    border-radius: 25px;
    padding: 30px 142px 30px 55px
}

@media (max-width: 1599px) {
    .rocketSec .rocketWrap {
        padding-right: 90px
    }
}

@media (max-width: 1680px) {
    .rocketSec .rocketWrap {
        gap: 25px;
        padding: 30px 50px 30px 20px
    }
}

@media (max-width: 1199px) {
    .rocketSec .rocketWrap {
        grid-template-columns: auto 1fr;
        padding-left: 35px
    }
}

@media (max-width: 991px) {
    .rocketSec .rocketWrap {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 25px 20px
    }
}

@media (max-width: 680px) {
    .rocketSec .rocketWrap {
        border-radius: 12px
    }
}

.rocketSec .rocketWrap .imgDiv {
    max-width: 400px;
    margin-top: -130px;
    height: auto
}

@media (max-width: 1850px) {
    .rocketSec .rocketWrap .imgDiv {
        margin-top: -110px;
        min-width: 225px
    }
}

@media (max-width: 1680px) {
    .rocketSec .rocketWrap .imgDiv {
        max-width: 300px
    }
}

@media (max-width: 1366px) {
    .rocketSec .rocketWrap .imgDiv {
        max-width: 225px;
        margin-top: -70px
    }
}

@media (max-width: 1199px) {
    .rocketSec .rocketWrap .imgDiv {
        display: none
    }
}

@media (max-height: 800px) {
    .rocketSec .rocketWrap .imgDiv {
        max-width: 250px;
        margin-top: -70px
    }
}

@media (max-width: 1366px) {
    .rocketSec .rocketWrap .textSec {
        min-width: 270px
    }
}

.rocketSec .rocketWrap .textSec h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 43px;
    color: var(--black);
    margin-bottom: 21px
}

@media (max-width: 1680px) {
    .rocketSec .rocketWrap .textSec h2 {
        margin-bottom: 16px;
        font-size: 26px;
        font-weight: 700;
        line-height: 32px
    }
}

@media (max-width: 1366px) {
    .rocketSec .rocketWrap .textSec h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 30px
    }
}

@media (max-width: 1199px) {
    .rocketSec .rocketWrap .textSec h2 {
        margin-bottom: 14px;
        font-size: 22px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-height: 800px) {
    .rocketSec .rocketWrap .textSec h2 {
        margin-bottom: 14px;
        font-size: 22px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-width: 680px) {
    .rocketSec .rocketWrap .textSec h2 {
        margin-bottom: 8px !important;
        font-size: 20px !important;
        font-weight: 700;
        line-height: 26px !important
    }
}

.rocketSec .rocketWrap .textSec p {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--black)
}

@media (max-width: 1680px) {
    .rocketSec .rocketWrap .textSec p {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-width: 1199px) {
    .rocketSec .rocketWrap .textSec p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .rocketSec .rocketWrap .textSec p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.rocketSec .rocketWrap .inputSec {
    display: grid;
    grid-template-columns: 1fr auto;
    place-items: flex-end;
    align-items: baseline;
    column-gap: 16px;
    max-width: 579px;
    width: 100%;
    justify-self: end
}

@media (max-width: 991px) {
    .rocketSec .rocketWrap .inputSec {
        justify-self: normal;
        max-width: 550px
    }
}

@media (max-height: 800px) {
    .rocketSec .rocketWrap .inputSec {
        justify-self: normal;
        max-width: 550px
    }
}

@media (max-width: 680px) {
    .rocketSec .rocketWrap .inputSec {
        grid-template-columns: 1fr;
        place-items: flex-start
    }
}

.rocketSec .rocketWrap .inputSec p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--black);
    margin-right: auto
}

@media (max-width: 1199px) {
    .rocketSec .rocketWrap .inputSec p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

@media (max-height: 800px) {
    .rocketSec .rocketWrap .inputSec p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.rocketSec .rocketWrap .inputSec .inputRow {
    min-width: 300px;
    max-width: 100%;
    width: 100%;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15);
    border-radius: 12px
}

    .rocketSec .rocketWrap .inputSec .inputRow .inputCtrl {
        height: 64px
    }

@media (max-width: 1199px) {
    .rocketSec .rocketWrap .inputSec .inputRow .inputCtrl {
        height: 50px
    }
}

@media (max-width: 991px) {
    .rocketSec .rocketWrap .inputSec .inputRow {
        max-width: 100%;
        min-width: 200px;
        margin-bottom: 8px
    }
}

@media (max-height: 800px) {
    .rocketSec .rocketWrap .inputSec .inputRow {
        max-width: 100%;
        min-width: 200px;
        margin-bottom: 8px
    }
}

.rocketSec .rocketWrap .inputSec .cmnBtn {
    padding: 20px;
    background-color: var(--btnClr);
    color: var(--white)
}

@media (max-width: 1199px) {
    .rocketSec .rocketWrap .inputSec .cmnBtn {
        padding: 15px
    }
}

@media (max-height: 800px) {
    .rocketSec .rocketWrap .inputSec .cmnBtn {
        padding: 15px
    }
}

@media (max-width: 680px) {
    .rocketSec .rocketWrap .inputSec .cmnBtn {
        width: 100%;
        justify-content: center;
        margin-block: 8px
    }
}

.rocketSec .rocketWrap .inputSec .cmnBtn svg {
    transform: rotateZ(315deg) scale(1.4);
    left: 3px
}

    .rocketSec .rocketWrap .inputSec .cmnBtn svg .fill {
        fill: var(--white)
    }

.rocketSec .rocketWrap .inputSec .cmnBtn span {
    gap: 15px
}

@media (max-width: 991px) {
    .rocketSec .rocketWrap .inputSec .cmnBtn span {
        gap: 15px
    }
}

@media (max-height: 800px) {
    .rocketSec .rocketWrap .inputSec .cmnBtn span {
        gap: 15px
    }
}

.rocketSec .rocketWrap .inputSec .cmnBtn span svg path {
    fill: var(--white)
}

.middleSec .imgDiv {
    border-radius: 12px;
    overflow: hidden
}

    .middleSec .imgDiv img {
        transition: .3s ease-in-out transform
    }

.middleSec .singleSec:hover .imgDiv {
    border-radius: var(--br12)
}

@media (max-width: 991px) {
    .middleSec .singleSec:hover .imgDiv {
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    .middleSec .singleSec:hover .imgDiv {
        border-radius: 8px
    }
}

.middleSec .singleSec:hover .imgDiv img {
    transform: scale(1.05);
    border-radius: var(--br12)
}

@media (max-width: 991px) {
    .middleSec .singleSec:hover .imgDiv img {
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    .middleSec .singleSec:hover .imgDiv img {
        border-radius: 8px
    }
}

.firstSec .imgDiv {
    border-radius: 12px;
    overflow: hidden
}

    .firstSec .imgDiv img {
        transition: .3s ease-in-out transform
    }

.firstSec:hover .imgDiv {
    border-radius: var(--br12)
}

@media (max-width: 991px) {
    .firstSec:hover .imgDiv {
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    .firstSec:hover .imgDiv {
        border-radius: 8px
    }
}

.firstSec:hover .imgDiv img {
    transform: scale(1.05);
    border-radius: var(--br12)
}

@media (max-width: 991px) {
    .firstSec:hover .imgDiv img {
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    .firstSec:hover .imgDiv img {
        border-radius: 8px
    }
}

.lastSec .singleSec {
    transition: all .3s ease-in-out
}

    .lastSec .singleSec:hover h2 {
        color: var(--theme-colour1)
    }

.imgDiv {
    height: 100%
}

    .imgDiv img {
        vertical-align: middle
    }

.cmnCounter.countSec {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width: 1199px) {
    .cmnCounter.countSec {
        gap: 30px;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 680px) {
    .cmnCounter.countSec {
        gap: 15px
    }
}

@media (max-width: 575px) {
    .cmnCounter.countSec {
        grid-template-columns: 1fr
    }
}

.cmnCounter.countSec .countSingle {
    padding-bottom: 24px;
    position: relative;
    max-width: 260px
}

@media (max-width: 1199px) {
    .cmnCounter.countSec .countSingle {
        padding-bottom: 20px;
        max-width: 300px;
        width: 100%;
        margin-inline: auto
    }
}

@media (max-width: 680px) {
    .cmnCounter.countSec .countSingle {
        padding-bottom: 15px
    }
}

@media (max-width: 575px) {
    .cmnCounter.countSec .countSingle {
        max-width: 100%;
        text-align: center
    }
}

.cmnCounter.countSec .countSingle::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: #35d940;
    background: linear-gradient(16deg, #35d940 0%, #7d44c7 25%, #585eb0 48%, #7d6f95 74%, #ce9b43 100%)
}

.cmnCounter.countSec .countSingle .count {
    font-size: 36px;
    font-weight: 600;
    line-height: 49px;
    margin-block-end: 5px
}

@media (max-width: 1680px) {
    .cmnCounter.countSec .countSingle .count {
        font-size: 32px;
        font-weight: 600;
        line-height: 45px
    }
}

@media (max-width: 1366px) {
    .cmnCounter.countSec .countSingle .count {
        font-size: 28px;
        font-weight: 600;
        line-height: 40px
    }
}

@media (max-width: 1279px) {
    .cmnCounter.countSec .countSingle .count {
        font-size: 26px;
        font-weight: 600;
        line-height: 38px
    }
}

@media (max-width: 1199px) {
    .cmnCounter.countSec .countSingle .count {
        font-size: 24px;
        font-weight: 600;
        line-height: 34px
    }
}

@media (max-width: 991px) {
    .cmnCounter.countSec .countSingle .count {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px
    }
}

@media (max-height: 800px) {
    .cmnCounter.countSec .countSingle .count {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px
    }
}

.cmnCounter.countSec .countSingle p {
    font-weight: 500
}

.moreLink {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--btnClr)
}

@media (max-width: 1680px) {
    .moreLink {
        font-size: 15px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-width: 1279px) {
    .moreLink {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .moreLink {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

.moreLink:hover span {
    left: 5px
}

.moreLink span {
    transition: .3s ease-in-out;
    height: 24px;
    position: relative;
    left: 0
}

.pagination {
    width: fit-content;
    padding: 10px 13px;
    -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    margin: 0 auto;
    border-radius: 10px;
    margin-block: 30px 15px
}

@media (max-width: 991px) {
    .pagination {
        margin-block: 25px 10px;
        border-radius: 8px;
        padding: 8px 10px
    }
}

@media (max-height: 800px) {
    .pagination {
        margin-block: 25px 10px;
        border-radius: 8px;
        padding: 8px 10px
    }
}

.pagination li {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    color: #707070;
    min-width: 50px;
    width: 100%;
    display: grid;
    place-items: center
}

@media (max-width: 1279px) {
    .pagination li {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        min-width: 45px
    }
}

@media (max-width: 991px) {
    .pagination li {
        min-width: 40px
    }
}

@media (max-height: 800px) {
    .pagination li {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        min-width: 45px
    }
}

.pagination li.active {
    color: #FFFFFF;
    background-color: #F26522;
    border-radius: 6px
}

    .pagination li.active a {
        padding: 11px 20px
    }

@media (max-width: 1279px) {
    .pagination li.active a {
        padding: 8px
    }
}

@media (max-width: 1199px) {
    .pagination li.active a {
        padding: 6px
    }
}

@media (max-height: 800px) {
    .pagination li.active a {
        padding: 6px
    }
}

.pagination li.viewMore a {
    display: grid;
    place-items: center
}

.calcHeader .commonBannerSec {
    min-height: 500px !important;
    position: relative
}

    .calcHeader .commonBannerSec picture {
        height: 100%;
        width: 100%
    }

        .calcHeader .commonBannerSec picture img {
            height: 100%
        }

    .calcHeader .commonBannerSec .template-containerMaxWth {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        z-index: 2
    }

        .calcHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
            margin-block-start: 95px;
            padding-inline-start: 48px
        }

@media (max-width: 991px) {
    .calcHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        padding-inline-start: 0
    }
}

@media (max-width: 480px) {
    .calcHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        padding-inline-start: 8px
    }
}

.serviceTemplate .commonBannerSec {
    position: relative
}

    .serviceTemplate .commonBannerSec picture {
        height: 100%;
        width: 100%
    }

        .serviceTemplate .commonBannerSec picture img {
            height: 100%
        }

    .serviceTemplate .commonBannerSec .template-containerMaxWth {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        z-index: 2;
        height: auto
    }

        .serviceTemplate .commonBannerSec .template-containerMaxWth .mainTitleWrap {
            margin-block-start: 95px;
            padding-inline-start: 48px
        }

@media (max-width: 991px) {
    .serviceTemplate .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        padding-inline-start: 0px
    }
}

@media (max-height: 800px) {
    .serviceTemplate .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        padding-inline-start: 30px
    }
}

@media (max-width: 767px) {
    .serviceTemplate .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        padding-inline-start: 0px
    }
}

.mbs .commonBannerSec .template-containerMaxWth {
    height: 100% !important;
    display: flex;
    align-items: center
}

    .mbs .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        margin-block-start: 0px !important
    }

.serviceTemplate .commonBannerSec {
    height: 100vh;
    height: 100svh;
    display: grid;
    align-items: center
}

    .serviceTemplate .commonBannerSec .designTitle, .serviceTemplate .commonBannerSec .mainTitle {
        text-align: start;
        max-width: 600px
    }

    .serviceTemplate .commonBannerSec .mainDesc {
        max-width: 950px
    }

.modalSecWrap {
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    top: 0;
    left: 0
}

    .modalSecWrap .enquiryModal {
        position: absolute;
        display: block;
        z-index: 99;
        overflow: hidden;
        background-color: #FFFFFF;
        margin: auto;
        max-width: 1080px;
        inset: 0;
        height: fit-content;
        border-radius: 25px;
        transition: opacity 5s ease-in-out
    }

@media (max-width: 1199px) {
    .modalSecWrap .enquiryModal {
        margin-inline: 20px
    }
}

@media (max-width: 991px) {
    .modalSecWrap .enquiryModal {
        border-radius: 12px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal {
        border-radius: 12px
    }
}

@media (max-width: 480px) {
    .modalSecWrap .enquiryModal {
        height: fit-content
    }
}

.modalSecWrap .enquiryModal .wholeWrap {
    width: 100%;
    max-width: 1080px;
    background-color: #FFFFFF;
    padding: 43px 100px 60px 75px
}

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal .wholeWrap {
        padding: 25px 75px 30px 65px
    }
}

@media (max-width: 1199px) {
    .modalSecWrap .enquiryModal .wholeWrap {
        padding: 20px 75px 25px 65px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal .wholeWrap {
        padding: 20px 75px 25px 65px
    }
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal .wholeWrap {
        padding: 25px 15px 20px 15px !important
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalTop {
    display: flex;
    align-items: center;
    gap: 43px;
    margin-bottom: 30px
}

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop {
        margin-bottom: 18px
    }
}

@media (max-width: 1279px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop {
        margin-bottom: 14px
    }
}

@media (max-width: 1199px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop {
        margin-bottom: 6px;
        gap: 25px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop {
        margin-bottom: 6px;
        gap: 25px
    }
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop {
        margin-bottom: 10px !important;
        gap: 5px !important;
        align-items: flex-start
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalTop .imageDiv {
    max-width: 168px;
    width: 100%
}

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .imageDiv {
        max-width: 130px
    }
}

@media (max-width: 1279px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .imageDiv {
        max-width: 115px
    }
}

@media (max-width: 991px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .imageDiv {
        max-width: 80px
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 19px
}

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec h2 {
        font-size: 35px;
        font-weight: 700;
        line-height: 50px;
        margin-bottom: 12px
    }
}

@media (max-width: 1279px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec h2 {
        font-size: 30px;
        font-weight: 700;
        line-height: 45px;
        margin-bottom: 10px
    }
}

@media (max-width: 1199px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec h2 {
        font-size: 25px;
        font-weight: 700;
        line-height: 35px;
        margin-bottom: 6px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec h2 {
        font-size: 25px;
        font-weight: 700;
        line-height: 35px;
        margin-bottom: 6px
    }
}

@media (max-width: 480px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 6px
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec p {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec p {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-width: 1279px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec ul {
    margin: 22px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    row-gap: 5px
}

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec ul {
        margin: 18px 0 0
    }
}

@media (max-width: 1199px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec ul {
        margin: 15px 0 0
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: var(--c43);
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    background: radial-gradient(ellipse at center, #fafafa 0%, #f3f3f3 100%);
    height: 56px;
    padding: 5px 32px;
    border-radius: 28px
}

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec ul li {
        font-size: 16px;
        line-height: 22px;
        height: 50px
    }
}

@media (max-width: 1279px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec ul li {
        font-size: 14px;
        line-height: 20px;
        height: 45px;
        padding: 5px 25px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec ul li {
        font-size: 14px;
        line-height: 20px;
        height: 45px;
        padding: 5px 25px
    }
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec ul li {
        height: 40px;
        padding: 5px 15px
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalTop .titleSec ul li span {
    font-weight: 600
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow {
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 1px solid #707070;
    width: 100%;
    padding-bottom: 8px;
    margin: 0;
    padding-left: 5px;
    min-height: 50px;
    height: fit-content
}

@media (max-width: 1199px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow {
        padding-bottom: 0px
    }
}

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .inputCtrl {
        height: 46px
    }
}

@media (max-width: 991px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .inputCtrl {
        padding-left: 10px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .inputCtrl {
        padding-left: 10px
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .wrapGroup::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    margin-left: 5px;
    left: 5px
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .wrapGroup::-webkit-scrollbar-track {
    background: #f8f8f8
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .wrapGroup::-webkit-scrollbar-thumb {
    background: #c0c0c0
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .wrapGroup {
        max-height: 187px;
        overflow: auto
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .wrap {
    margin-bottom: 44px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 44px;
    column-gap: 15px
}

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .wrap {
        row-gap: 22px;
        margin-bottom: 30px
    }
}

@media (max-width: 1279px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .wrap {
        row-gap: 20px;
        margin-bottom: 30px
    }
}

@media (max-width: 1199px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .wrap {
        row-gap: 18px;
        margin-bottom: 25px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .wrap {
        row-gap: 18px;
        margin-bottom: 25px
    }
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .wrap {
        grid-template-columns: 1fr;
        margin-bottom: 30px !important
    }
}

@media (max-width: 480px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .wrap {
        row-gap: 8px !important;
        margin-bottom: 25px !important
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .wrap .inputRow {
    max-width: 388px;
    width: 100%
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .wrap .inputRow {
        max-width: 100%
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .wrap .inputRow:nth-child(even) {
    justify-self: flex-end
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .icnDiv {
    width: auto;
    height: 24px;
    display: flex
}

@media (max-width: 1279px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .icnDiv {
        height: 20px
    }
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .icnDiv {
        width: 20px;
        height: auto
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .icnDiv img {
    object-fit: contain
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .inputCtrl {
    height: 41px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .inputCtrl {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .inputCtrl {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .inputCtrl {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .inputCtrl::placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
    color: var(--c2d)
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .inputCtrl ::-webkit-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .inputCtrl :-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .inputCtrl ::-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .inputCtrl :-ms-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .textCtrl {
    min-height: 104px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .textCtrl {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .textCtrl {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .textCtrl {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .textCtrl::placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
    color: var(--c2d)
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .textCtrl ::-webkit-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .textCtrl :-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .textCtrl ::-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .textCtrl :-ms-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .service-input {
    width: 100%
}

    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .service-input .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 4px
    }

    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .service-input .select2-container {
        width: 100% !important
    }

    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .service-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        background-image: url(../images/enq-dwn-arrow.svg);
        background-position: center center;
        background-repeat: no-repeat;
        top: 5px
    }

        .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .service-input .select2-container--default .select2-selection--single .select2-selection__arrow b {
            display: none
        }

    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .service-input .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: var(--c2d);
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        padding-left: 17px
    }

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .service-input .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .service-input .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .service-input .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputRow .service-input .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-left: 9px
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputText {
    border-bottom: 1px solid #707070;
    display: flex;
    align-items: flex-start;
    min-height: 105px;
    width: 100%;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    outline: none;
    resize: none;
    color: var(--c70);
    padding-left: 5px
}

@media (max-width: 1279px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputText {
        min-height: 90px;
        font-size: 14px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputText {
        min-height: 90px;
        font-size: 14px
    }
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputText {
        min-height: 110px
    }
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputText {
        min-height: 95px
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .inputText .textCtrl {
    border: none;
    padding-top: 0
}

@media (max-width: 1279px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputText .textCtrl {
        min-height: 90px !important
    }
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputText .textCtrl {
        padding-left: 10px;
        min-height: 110px
    }
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .inputText .textCtrl {
        min-height: 95px
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .btnGroup {
    margin-top: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    column-gap: 10px;
    flex-wrap: wrap
}

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .btnGroup {
        margin-top: 30px
    }
}

@media (max-width: 1279px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .btnGroup {
        margin-top: 25px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal .wholeWrap .modalForm .btnGroup {
        margin-top: 10px
    }
}

.modalSecWrap .enquiryModal .wholeWrap .modalForm .btnGroup .captCode img {
    width: auto
}

.modalSecWrap .enquiryModal .wholeWrap .modalWrap {
    position: relative
}

    .modalSecWrap .enquiryModal .wholeWrap .modalWrap::before {
        content: '';
        position: absolute;
        width: 125px;
        height: 125px;
        background-color: #F36523;
        bottom: -65px;
        right: -125px;
        opacity: .3;
        filter: blur(50px);
        border-radius: 50%
    }

.modalSecWrap .enquiryModal .modalClose {
    position: absolute;
    right: 25px;
    top: 25px;
    width: 40px;
    height: 40px;
    border: none;
    cursor: pointer;
    background-color: transparent;
    border-radius: 50%;
    display: grid;
    place-items: center;
    transition: .3s ease-in-out
}

    .modalSecWrap .enquiryModal .modalClose:hover {
        background-color: #d5d5d5
    }

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal .modalClose {
        width: 30px;
        height: 30px;
        top: 12px;
        right: 12px
    }
}

.modalSecWrap .enquiryModal .modalClose .close {
    width: 22px;
    height: 22px
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal .modalClose .close {
        width: 16px;
        height: 16px
    }
}

.modalSecWrap .enquiryModal.career-form-success {
    max-width: 1194px;
    border-radius: 65px;
    padding: 59px 92px;
    height: fit-content
}

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal.career-form-success {
        border-radius: 30px;
        max-width: 1065px;
        padding: 40px 80px
    }
}

@media (max-width: 991px) {
    .modalSecWrap .enquiryModal.career-form-success {
        border-radius: 20px;
        padding: 40px 50px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal.career-form-success {
        border-radius: 20px;
        padding: 40px 50px;
        max-width: 955px
    }
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal.career-form-success {
        border-radius: 10px !important;
        padding: 20px 15px !important
    }
}

.modalSecWrap .enquiryModal.career-form-success .modalClose {
    position: absolute;
    right: 45px;
    top: 45px
}

@media (max-width: 991px) {
    .modalSecWrap .enquiryModal.career-form-success .modalClose {
        right: 25px;
        top: 25px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal.career-form-success .modalClose {
        right: 25px;
        top: 25px
    }
}

.modalSecWrap .enquiryModal.career-form-success .wholeWrap {
    max-width: initial;
    padding: 0
}

    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap {
        display: grid;
        grid-template-columns: 445px 1fr;
        grid-gap: 20px;
        align-items: center
    }

@media (max-width: 1680px) {
    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap {
        grid-template-columns: 390px 1fr
    }
}

@media (max-width: 1199px) {
    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap {
        grid-template-columns: 375px 1fr
    }
}

@media (max-width: 991px) {
    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap {
        grid-template-columns: 265px 1fr !important
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap {
        grid-template-columns: 350px 1fr
    }
}

@media (max-width: 767px) {
    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap {
        grid-template-columns: 1fr !important
    }
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap {
        grid-gap: 10px
    }
}

.modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap::before {
    display: none
}

@media (max-width: 991px) {
    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .modalTop {
        margin: auto
    }
}

.modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .modalTop .imageDiv {
    max-width: 445px
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .modalTop .imageDiv {
        max-width: 350px
    }
}

@media (max-width: 767px) {
    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .modalTop .imageDiv {
        max-width: 200px !important
    }
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .modalTop .imageDiv {
        max-width: 150px !important
    }
}

.modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .cntARea {
    text-align: center;
    max-width: 465px;
    margin: auto
}

    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .cntARea .icnPic {
        max-width: 103px;
        width: 100%;
        margin: 0 auto 17px
    }

@media (max-width: 991px) {
    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .cntARea .icnPic {
        max-width: 80px
    }
}

@media (max-height: 800px) {
    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .cntARea .icnPic {
        max-width: 80px
    }
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .cntARea .icnPic {
        max-width: 40px !important;
        margin: 0 auto 10px
    }
}

.modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .cntARea .icnPic svg {
    width: 100%;
    height: auto
}

.modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .cntARea .mainTitleWrap .mainTitle {
    text-transform: capitalize;
    margin-bottom: 15px
}

@media (max-width: 680px) {
    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .cntARea .mainTitleWrap .mainTitle {
        margin-bottom: 10px
    }
}

.modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .cntARea .mainTitleWrap p {
    margin-bottom: 20px
}

.modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .cntARea .cmnBtn {
    background-color: var(--btnClr);
    color: var(--white);
    margin: auto
}

    .modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap .cntARea .cmnBtn span svg path {
        fill: var(--white)
    }

.modalSecWrap.modalOpen {
    transition: opacity 0.3s ease-in-out;
    z-index: 999;
    display: block
}

    .modalSecWrap.modalOpen::before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 25%;
        background: #000;
        z-index: 1
    }

.commonBannerSec .mainTitle {
    font-size: 50px;
    font-weight: 700;
    line-height: 68px;
    color: var(--black);
    margin-block: 16px
}

@media (max-width: 1680px) {
    .commonBannerSec .mainTitle {
        font-size: 45px;
        line-height: 60px;
        margin-block: 14px
    }
}

@media (max-width: 1366px) {
    .commonBannerSec .mainTitle {
        font-size: 40px;
        line-height: 55px;
        margin-block: 12px
    }
}

@media (max-width: 1279px) {
    .commonBannerSec .mainTitle {
        font-size: 35px;
        line-height: 50px;
        margin-block: 10px
    }
}

@media (max-width: 1199px) {
    .commonBannerSec .mainTitle {
        font-size: 30px;
        line-height: 45px
    }
}

@media (max-width: 991px) {
    .commonBannerSec .mainTitle {
        font-size: 24px;
        line-height: 30px;
        margin-block: 8px
    }
}

@media (max-height: 800px) {
    .commonBannerSec .mainTitle {
        font-size: 24px;
        line-height: 30px;
        margin-block: 8px
    }
}

@media (max-width: 680px) {
    .commonBannerSec .mainTitle {
        font-size: 20px !important;
        line-height: 28px !important
    }
}

.cmnScrlHeigh {
    height: auto;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #dbdbdb80 transparent
}

    .cmnScrlHeigh::-webkit-scrollbar {
        width: .6rem;
        margin-left: 10px;
        left: 15px;
        border-radius: 40%
    }

    .cmnScrlHeigh::-webkit-scrollbar-track {
        background: transparent
    }

    .cmnScrlHeigh::-webkit-scrollbar-thumb {
        background: #dbdbdb;
        border-radius: 10px;
        border: 2px solid transparent
    }

        .cmnScrlHeigh::-webkit-scrollbar-thumb:hover {
            background: #434343
        }

@media (max-width: 991px) {
    .teamModal.modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap {
        gap: 20px !important;
        grid-template-columns: 175px 1fr !important
    }
}

@media (max-width: 767px) {
    .teamModal.modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap {
        gap: 15px !important;
        grid-template-columns: 1fr !important
    }
}

@media (max-width: 680px) {
    .teamModal.modalSecWrap .enquiryModal.career-form-success .wholeWrap .modalWrap {
        gap: 0 !important;
        padding: 0px !important
    }
}

@media (max-width: 1199px) {
    .teamModal.modalSecWrap .enquiryModal {
        margin-inline: inherit !important
    }
}

@media (max-width: 1024px) {
    .teamModal.modalSecWrap .enquiryModal {
        margin-inline: 20px !important
    }
}

@media (max-width: 680px) {
    .teamModal.modalSecWrap .enquiryModal .wholeWrap {
        padding: 0px 6px 6px 6px !important
    }
}

.teamModal .imgDiv {
    margin-block-start: -35px;
    position: relative;
    max-width: 265px;
    max-height: 280px;
    height: auto;
    z-index: 1
}

@media (max-width: 1680px) {
    .teamModal .imgDiv {
        margin-block-start: -14px;
        max-width: 224px
    }
}

@media (max-width: 1450px) {
    .teamModal .imgDiv {
        margin-block-start: -15px;
        max-width: 200px
    }
}

@media (max-width: 1279px) {
    .teamModal .imgDiv {
        margin-block-start: -10px;
        max-width: 185px !important
    }
}

@media (max-width: 991px) {
    .teamModal .imgDiv {
        margin-block-start: -28px;
        max-width: 175px !important
    }
}

@media (max-width: 767px) {
    .teamModal .imgDiv {
        margin-block-start: -20px;
        max-width: 135px !important
    }
}

@media (max-width: 680px) {
    .teamModal .imgDiv {
        margin-block-start: 5px !important;
        max-width: 135px !important;
        margin: auto
    }
}

@media (max-width: 480px) {
    .teamModal .imgDiv {
        margin-block-start: 0px !important;
        max-width: 115px !important
    }
}

.teamModal .imgDiv::after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 85px);
    left: 0;
    border-radius: 15px;
    z-index: -1;
    bottom: 0;
    background: #da9917;
    background: linear-gradient(180deg, #da9917 0%, #ffcf25 35%, #dbdb66 70%, #ecbf26 100%)
}

@media (max-width: 1450px) {
    .teamModal .imgDiv::after {
        height: calc(100% - 50px)
    }
}

@media (max-width: 680px) {
    .teamModal .imgDiv::after {
        height: calc(100% - 65px) !important
    }
}

.teamModal .imgDiv img {
    border-radius: 0;
    height: 100%
}

.teamModal .career-form-success {
    max-width: 1248px !important;
    padding: 55px 65px !important
}

@media (max-width: 1680px) {
    .teamModal .career-form-success {
        max-width: 1065px !important;
        padding: 45px 50px !important
    }
}

@media (max-width: 1450px) {
    .teamModal .career-form-success {
        max-width: 1000px !important;
        padding: 30px 35px !important
    }
}

.teamModal .career-form-success .modalWrap {
    grid-template-columns: 275px 1fr !important;
    gap: 45px !important
}

@media (max-width: 1680px) {
    .teamModal .career-form-success .modalWrap {
        gap: 35px !important;
        grid-template-columns: 230px 1fr !important
    }
}

@media (max-width: 1450px) {
    .teamModal .career-form-success .modalWrap {
        gap: 30px !important;
        grid-template-columns: 200px 1fr !important
    }
}

@media (max-width: 1279px) {
    .teamModal .career-form-success .modalWrap {
        gap: 25px !important;
        grid-template-columns: 185px 1fr !important
    }
}

@media (max-width: 767px) {
    .teamModal .career-form-success .modalWrap {
        gap: 18px !important
    }
}

@media (max-width: 680px) {
    .teamModal .career-form-success .modalWrap {
        padding: 6px !important
    }
}

.teamModal .career-form-success .modalWrap .modalTop {
    align-self: flex-start
}

@media (max-width: 680px) {
    .teamModal .career-form-success .modalWrap .modalTop {
        margin-right: auto
    }
}

.teamModal .career-form-success .modalWrap .cntARea {
    text-align: start !important;
    margin: 0 !important;
    max-width: 100% !important
}

    .teamModal .career-form-success .modalWrap .cntARea .mainTitleWrap .mainTitle {
        text-align: start;
        color: var(--btnClr);
        margin-bottom: 11px !important;
        font-size: 26px;
        font-weight: 700;
        line-height: 36px
    }

@media (max-width: 1680px) {
    .teamModal .career-form-success .modalWrap .cntARea .mainTitleWrap .mainTitle {
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 6px !important
    }
}

@media (max-width: 1450px) {
    .teamModal .career-form-success .modalWrap .cntARea .mainTitleWrap .mainTitle {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px
    }
}

.teamModal .career-form-success .modalWrap .cntARea .mainTitleWrap .cmnSubHead {
    margin-bottom: 12px !important
}

@media (max-width: 1680px) {
    .teamModal .career-form-success .modalWrap .cntARea .mainTitleWrap .cmnSubHead {
        margin-bottom: 6px !important
    }
}

.teamModal .career-form-success .modalWrap .cntARea .textWrap {
    display: grid;
    gap: 16px
}

@media (max-width: 1680px) {
    .teamModal .career-form-success .modalWrap .cntARea .textWrap {
        gap: 10px
    }
}

@media (max-width: 680px) {
    .teamModal .career-form-success .modalWrap .cntARea .textWrap {
        max-height: 200px
    }
}

.teamModal .career-form-success .modalWrap .cntARea .contact {
    display: grid;
    gap: 14px;
    margin-block-start: 17px
}

@media (max-width: 1680px) {
    .teamModal .career-form-success .modalWrap .cntARea .contact {
        gap: 10px;
        margin-block-start: 15px
    }
}

.teamModal .career-form-success .modalWrap .cntARea .contact a {
    display: flex;
    gap: 8px;
    align-items: center
}

@media (max-width: 1680px) {
    .teamModal .career-form-success .modalWrap .cntARea .contact a svg {
        width: 16px
    }
}

.teamModal .career-form-success .modalWrap .cntARea .contact a p {
    font-weight: 500
}

.cmnNav.mainHeader {
    height: auto !important
}

.loading {
    position: relative;
    background-color: var(--btnClr) !important;
    pointer-events: none;
    color: var(--btnClr) !important
}

    .loading::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: var(--btnClr);
        border-radius: 12px;
        z-index: 1
    }

    .loading::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: solid 2px #fafafa;
        border-top: solid 1px var(--btnClr);
        border-bottom: solid 1px var(--btnClr);
        -webkit-animation: spin 0.6s linear infinite;
        -moz-animation: spin 0.6s linear infinite;
        animation: spin 0.6s linear infinite;
        z-index: 1
    }

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

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

.loadingWht {
    position: relative;
    background-color: var(--white) !important;
    pointer-events: none;
    color: var(--white) !important
}

    .loadingWht::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: var(--white);
        border-radius: 12px;
        z-index: 1
    }

    .loadingWht::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: solid 2px var(--btnClr);
        border-top: var(--white);
        border-bottom: solid 1px var(--white);
        -webkit-animation: spinwht 0.6s linear infinite;
        -moz-animation: spinwht 0.6s linear infinite;
        animation: spinwht 0.6s linear infinite;
        z-index: 1
    }

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

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

.cmnEdtrCntRow .wholeWrap {
    padding: 40px 30px 40px 50px !important
}

    .cmnEdtrCntRow .wholeWrap .modalWrap img {
        width: auto;
        margin-bottom: 20px
    }

@media (max-width: 680px) {
    .cmnEdtrCntRow .wholeWrap .modalWrap img {
        width: 230px;
        margin-bottom: 10px
    }
}

.cmnEdtrCntRow .cmnEdtrCnt {
    max-height: 510px;
    overflow: auto;
    padding-right: 20px
}

@media (max-width: 767px) {
    .cmnEdtrCntRow .cmnEdtrCnt {
        max-height: calc((100vh) - 300px)
    }
}

.cmnEdtrCntRow .cmnEdtrCnt::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    margin-left: 5px;
    left: 5px
}

.cmnEdtrCntRow .cmnEdtrCnt::-webkit-scrollbar-track {
    background: #f8f8f8
}

.cmnEdtrCntRow .cmnEdtrCnt::-webkit-scrollbar-thumb {
    background: #c0c0c0
}

.cmnEdtrCntRow .cmnEdtrCnt .cmnSub {
    font-size: 24px;
    font-weight: 600;
    line-height: 25px;
    color: var(--c2d);
    margin-bottom: 20px
}

@media (max-width: 1680px) {
    .cmnEdtrCntRow .cmnEdtrCnt .cmnSub {
        font-size: 22px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .cmnEdtrCntRow .cmnEdtrCnt .cmnSub {
        font-size: 20px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .cmnEdtrCntRow .cmnEdtrCnt .cmnSub {
        font-size: 18px;
        font-weight: 600;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .cmnEdtrCntRow .cmnEdtrCnt .cmnSub {
        font-size: 18px;
        font-weight: 600;
        line-height: 20px
    }
}

.cmnEdtrCntRow .cmnEdtrCnt a {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: var(--theme-colour1);
    margin-bottom: 20px
}

@media (max-width: 1680px) {
    .cmnEdtrCntRow .cmnEdtrCnt a {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767px) {
    .cmnEdtrCntRow .cmnEdtrCnt a {
        margin-bottom: 20px;
        padding-top: 20px
    }
}

@media (max-width: 680px) {
    .cmnEdtrCntRow .cmnEdtrCnt a {
        margin-bottom: 15px;
        padding-top: 0
    }
}

.cmnEdtrCntRow .cmnEdtrCnt a strong {
    font-weight: 600;
    display: block
}

.cmnEdtrCntRow .cmnEdtrCnt p {
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .cmnEdtrCntRow .cmnEdtrCnt p {
        margin-bottom: 20px;
        padding-top: 20px
    }
}

@media (max-width: 680px) {
    .cmnEdtrCntRow .cmnEdtrCnt p {
        margin-bottom: 15px;
        padding-top: 0
    }
}

.cmnEdtrCntRow .cmnEdtrCnt p strong {
    font-weight: 600;
    display: block
}

.cmnEdtrCntRow .cmnEdtrCnt ul {
    padding: 0 0px 20px
}

    .cmnEdtrCntRow .cmnEdtrCnt ul li {
        list-style: none;
        position: relative;
        padding-left: 20px;
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        color: var(--c2d)
    }

@media (max-width: 1680px) {
    .cmnEdtrCntRow .cmnEdtrCnt ul li {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .cmnEdtrCntRow .cmnEdtrCnt ul li {
        font-size: 14px;
        line-height: 24px
    }
}

.cmnEdtrCntRow .cmnEdtrCnt ul li span {
    font-weight: 600
}

.cmnEdtrCntRow .cmnEdtrCnt ul li:last-child {
    margin-bottom: 0px
}

.cmnEdtrCntRow .cmnEdtrCnt ul li::after {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    background-color: var(--btnClr);
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.cmnEdtrCntRow .cmnEdtrCnt ol {
    padding: 0 0px 20px
}

@media (max-width: 767px) {
    .cmnEdtrCntRow .cmnEdtrCnt ol {
        padding: 0 0px 18px
    }
}

@media (max-width: 680px) {
    .cmnEdtrCntRow .cmnEdtrCnt ol {
        padding: 0 0px 10px
    }
}

.cmnEdtrCntRow .cmnEdtrCnt ol li {
    list-style: none;
    position: relative;
    padding-left: 45px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--c2d);
    min-height: 33px
}

@media (max-width: 1680px) {
    .cmnEdtrCntRow .cmnEdtrCnt ol li {
        font-size: 14px;
        line-height: 20px;
        min-height: 31px
    }
}

@media (max-height: 800px) {
    .cmnEdtrCntRow .cmnEdtrCnt ol li {
        font-size: 14px;
        line-height: 20px;
        min-height: 31px;
        padding-left: 35px
    }
}

@media (max-width: 680px) {
    .cmnEdtrCntRow .cmnEdtrCnt ol li {
        padding-left: 35px
    }
}

.cmnEdtrCntRow .cmnEdtrCnt ol li:last-child {
    margin-bottom: 0px
}

.cmnEdtrCntRow .cmnEdtrCnt ol li::after {
    position: absolute;
    content: "";
    left: 0;
    top: -3px;
    width: 33px;
    height: 33px;
    background-image: url(../images/olTick.svg);
    background-position: center center;
    background-repeat: no-repeat
}

@media (max-height: 800px) {
    .cmnEdtrCntRow .cmnEdtrCnt ol li::after {
        width: 23px;
        height: 23px;
        background-size: cover
    }
}

@media (max-width: 680px) {
    .cmnEdtrCntRow .cmnEdtrCnt ol li::after {
        width: 23px;
        height: 23px;
        background-size: cover
    }
}

.cmnEdtrCntRow .cmnEdtrCnt .tableScrl {
    overflow: auto;
    margin: 20px 0 20px
}

@media (max-width: 767px) {
    .cmnEdtrCntRow .cmnEdtrCnt .tableScrl {
        margin: 25px 0 30px
    }
}

@media (max-width: 680px) {
    .cmnEdtrCntRow .cmnEdtrCnt .tableScrl {
        margin: 20px 0 25px
    }
}

.cmnEdtrCntRow .cmnEdtrCnt .tableScrl::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    margin-left: 5px;
    left: 5px
}

.cmnEdtrCntRow .cmnEdtrCnt .tableScrl::-webkit-scrollbar-track {
    background: #f8f8f8
}

.cmnEdtrCntRow .cmnEdtrCnt .tableScrl::-webkit-scrollbar-thumb {
    background: #c0c0c0
}

.cmnEdtrCntRow .cmnEdtrCnt table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px
}

    .cmnEdtrCntRow .cmnEdtrCnt table thead tr {
        background-color: #EDEDED
    }

        .cmnEdtrCntRow .cmnEdtrCnt table thead tr th {
            font-size: 18px;
            font-weight: 600;
            line-height: 24px;
            color: var(--c2d);
            padding: 17px 28px;
            text-align: left;
            border-right: 1px solid #DDDDDD;
            border-bottom: 1px solid #DDDDDD
        }

@media (max-width: 1680px) {
    .cmnEdtrCntRow .cmnEdtrCnt table thead tr th {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .cmnEdtrCntRow .cmnEdtrCnt table thead tr th {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .cmnEdtrCntRow .cmnEdtrCnt table thead tr th {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        padding: 15px 20px
    }
}

@media (max-width: 767px) {
    .cmnEdtrCntRow .cmnEdtrCnt table thead tr th {
        padding: 15px 20px
    }
}

@media (max-width: 680px) {
    .cmnEdtrCntRow .cmnEdtrCnt table thead tr th {
        padding: 12px 15px
    }
}

.cmnEdtrCntRow .cmnEdtrCnt table tbody tr td {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--c2d);
    padding: 17px 28px;
    text-align: left;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD
}

@media (max-width: 1680px) {
    .cmnEdtrCntRow .cmnEdtrCnt table tbody tr td {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-width: 1599px) {
    .cmnEdtrCntRow .cmnEdtrCnt table tbody tr td {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .cmnEdtrCntRow .cmnEdtrCnt table tbody tr td {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .cmnEdtrCntRow .cmnEdtrCnt table tbody tr td {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 15px 20px
    }
}

@media (max-width: 767px) {
    .cmnEdtrCntRow .cmnEdtrCnt table tbody tr td {
        padding: 15px 20px
    }
}

@media (max-width: 680px) {
    .cmnEdtrCntRow .cmnEdtrCnt table tbody tr td {
        padding: 12px 15px
    }
}

@media (max-width: 991px) {
    .personalinfoTab {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 20px !important;
        padding-bottom: 7px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scrollbar-color: transparent transparent;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media (max-width: 991px) {
    .personalinfoTab li {
        padding: 20px !important;
        border-radius: 8px !important;
        white-space: nowrap;
        width: fit-content !important
    }
}

@media (max-width: 991px) {
    .personalinfoTab li span {
        display: flex !important;
        justify-content: center
    }
}

.whyChooseSec .designTitle span, .serviceSec .designTitle span, .testimonialSec .designTitle span, .newsSec .designTitle span, .faqSec .designTitle span {
    margin-inline: auto
}

.mainHeader {
    position: relative;
    height: 100vh;
    height: 100svh
}

    .mainHeader .mainNavSec {
        width: 100%;
        position: fixed;
        z-index: 999;
        -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25)
    }

        .mainHeader .mainNavSec .mainNav {
            background-color: var(--white);
            position: relative
        }

            .mainHeader .mainNavSec .mainNav .template-containerMaxWth {
                background-color: var(--white);
                z-index: 999;
                position: relative
            }

            .mainHeader .mainNavSec .mainNav .mainNavWrap {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px
            }

@media (max-width: 991px) and (max-width: 991px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap.mainNavWrapTop .navRight .linksBefore {
        display: none
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap.mainNavWrapTop .navRight .linksAfter {
        display: none
    }
}

@media (max-width: 991px) and (max-width: 991px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap.mainNavWrapTop .langDropdown {
        border-left: none !important
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navLogoDiv {
    max-width: 328px;
    width: 100%;
    height: 65px
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navLogoDiv {
        height: 50px;
        max-width: 275px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navLogoDiv {
        max-width: 250px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navLogoDiv {
        height: 45px
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight {
    display: flex;
    align-items: center;
    padding-block: 16px;
    position: relative
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight {
        padding-block: 12px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight {
        padding-block: 9px
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    list-style: none
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore {
    gap: 24px;
    padding-right: 16px;
    border-right: 1px solid var(--bclr)
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore {
        gap: 20px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore {
        padding-left: 0
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore li {
    width: 24px;
    height: 24px
}

    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore li svg {
        width: 100%;
        height: auto
    }

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore li {
        width: 20px;
        height: 20px
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore .fb:hover svg path {
    fill: #316FF6
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore .twitter:hover svg path {
    fill: #1DA1F2
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore .blogger:hover svg path {
    fill: #FF5722
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksBefore .printerst:hover svg path {
    fill: #E60023
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-inline: 8px
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown {
        gap: 4px;
        padding-inline: 4px;
        margin: 0
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .svgDiv {
    width: 24px;
    height: 24px
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .svgDiv {
        height: 20px;
        width: 20px
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .svgDiv img {
    width: 100%;
    height: auto
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-container {
    width: 45px !important
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-container {
        width: 40px !important
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-container .select2-selection {
    border: none !important
}

    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-container .select2-selection .select2-selection__rendered {
        padding-right: 12px;
        padding-left: 0
    }

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-container .select2-selection .select2-selection__rendered {
        font-size: 14px
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-container .select2-selection .select2-selection__arrow {
    right: 1px
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-selection__arrow {
    width: 14px
}

    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .langDropdown .select2-selection__arrow b {
        border-color: transparent;
        border-style: none;
        border-width: 0;
        height: 6px;
        width: 8px;
        background-repeat: no-repeat;
        background-image: url("../images/dropDownSvg.svg")
    }

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksAfter li {
    display: flex;
    padding-inline: 8px;
    border-left: 1px solid var(--bclr)
}

    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksAfter li a {
        width: 24px;
        height: 24px
    }

        .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksAfter li a svg {
            width: 100%;
            height: auto
        }

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksAfter li a {
        width: 20px;
        height: 20px
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksAfter .phone:hover svg path {
    fill: #316FF6
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .linksAfter .mail:hover svg path {
    fill: #c71610
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn {
    margin-left: 10px;
    padding: 6px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: var(--br12);
    min-width: 101px;
    width: 100%;
    cursor: pointer;
    background-color: var(--cfa);
    border: 1px solid var(--bclr)
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn {
        min-width: 80px;
        padding: 4px 12px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn {
        padding: 6px;
        border-radius: 8px;
        gap: 0;
        min-width: 35px;
        justify-content: center;
        margin-left: 0
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn h4 {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn h4 {
        display: none
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn svg {
    width: 100%;
    height: auto
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn svg {
        width: 20px;
        height: 20px
    }
}

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn.menuMorebtnCls {
    color: #FAFAFA;
    background-color: var(--c2d);
    display: none
}

    .mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn.menuMorebtnCls.show {
        display: flex
    }

.mainHeader .mainNavSec .mainNav .mainNavWrap .navRight .morebtn.menuMorebtn.hide {
    display: none
}

.mainHeader .mainNavSec .navMoreContent {
    max-width: 1780px;
    width: 100%;
    background-color: var(--white);
    position: absolute;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    top: 0px;
    right: 0;
    z-index: 99;
    border-radius: 0 0 var(--br12) var(--br12);
    transform: translate3d(0, -130%, 0);
    transition: ease-in-out 0.4s;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2)
}

@media (max-width: 1850px) {
    .mainHeader .mainNavSec .navMoreContent {
        max-width: calc(100vw - 40px)
    }
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .navMoreContent {
        top: 64px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .navMoreContent {
        top: 50px
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent {
        top: 48.5px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .navMoreContent {
        top: 45.5px
    }
}

.mainHeader .mainNavSec .navMoreContent.open {
    transform: translate3d(0, 0, 0) !important
}

.mainHeader .mainNavSec .navMoreContent li a, .mainHeader .mainNavSec .navMoreContent h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    color: var(--c2d)
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .navMoreContent li a, .mainHeader .mainNavSec .navMoreContent h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .navMoreContent li a, .mainHeader .mainNavSec .navMoreContent h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .navMoreContent li a, .mainHeader .mainNavSec .navMoreContent h3 {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }
}

.mainHeader .mainNavSec .navMoreContent .contentWrapper {
    display: grid;
    grid-template-columns: 1fr 36.5%;
    padding-block: 40px 45px;
    margin-inline: 30px;
    border-top: 1px solid var(--bclr);
    gap: 35px;
    margin-block-start: 75px
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper {
        padding-block: 35px 40px;
        margin-block-start: 0px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper {
        padding-block: 30px 35px
    }
}

@media (max-width: 1199px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper {
        grid-template-columns: 1fr 34%
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper {
        border-top: 2px solid var(--bclr);
        grid-template-columns: 1fr;
        padding-block: 25px 20px
    }
}

.mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
    max-width: 850px;
    width: 100%;
    margin-inline: 80px 30px;
    overflow-x: auto;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 20px;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px
    }

    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft::-webkit-scrollbar-track {
        background: transparent
    }

    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft::-webkit-scrollbar-thumb {
        background: transparent
    }

@media (max-width: 1599px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
        max-width: 700px
    }
}

@media (max-width: 1366px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
        max-width: 650px;
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
        max-width: 600px;
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        margin-inline: 50px 20px
    }
}

@media (max-width: 1199px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
        max-width: 550px;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        margin-inline: 30px
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
        max-width: 100%;
        margin-inline: 0 20px;
        grid-template-columns: repeat(auto-fit, minmax(275px, 1fr))
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
        grid-template-columns: repeat(auto-fit, minmax(190px, 1fr))
    }
}

@media (max-width: 480px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr))
    }
}

.mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 40px
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul {
        row-gap: 30px
    }
}

@media (max-width: 1199px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul {
        row-gap: 20px
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul {
        row-gap: 15px
    }
}

.mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li {
    padding-right: 25px;
    min-width: 320px;
    width: 100%
}

    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li:hover a {
        color: var(--theme-colour1);
        top: -5px
    }

        .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li:hover a::after {
            transform: scaleX(1);
            transform-origin: bottom left
        }

@media (max-width: 1366px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li {
        min-width: 400px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li {
        min-width: 350px
    }
}

@media (max-width: 1199px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li {
        min-width: 300px;
        row-gap: 20px
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li {
        min-width: 275px;
        row-gap: 15px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li {
        min-width: 160px
    }
}

@media (max-width: 480px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li {
        min-width: 155px
    }
}

.mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li a {
    position: relative;
    transition: .3s ease-in-out all
}

    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentLeft ul li a::after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        border-radius: 5px;
        height: 0.05em;
        bottom: -2px;
        left: 0;
        background: var(--theme-colour1);
        transform-origin: bottom right;
        transition: transform 0.25s ease-out
    }

.mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight {
    justify-self: flex-start
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight {
        display: none
    }
}

.mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight .rightWrapper {
    max-width: 423px;
    width: 100%;
    margin: 0 auto
}

    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight .rightWrapper .imgDiv {
        max-width: 423px;
        width: 100%;
        margin-bottom: 16px
    }

        .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight .rightWrapper .imgDiv img {
            border-radius: var(--br12)
        }

    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight .rightWrapper p {
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
        color: inherit;
        margin-top: 4px
    }

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight .rightWrapper p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .navMoreContent .contentWrapper .contentRight .rightWrapper p {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px
    }
}

.mainHeader .mainNavSec .navMoreContent .playStoreDiv {
    padding: 17px;
    background-color: var(--cfa);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 0 0 var(--br12) var(--br12)
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .playStoreDiv {
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .mainHeader .mainNavSec .navMoreContent .playStoreDiv {
        flex-direction: column
    }
}

.mainHeader .mainNavSec .navMoreContent .playStoreDiv img {
    max-width: 150px
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .playStoreDiv img {
        max-width: 100px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .navMoreContent .playStoreDiv .navRight {
        padding-block: 3px
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .playStoreDiv .navRight .linksBefore {
        padding-right: 10px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .navMoreContent .playStoreDiv .navRight .linksAfter li img, .mainHeader .mainNavSec .navMoreContent .playStoreDiv .navRight .linksBefore li img {
        max-width: 20px
    }
}

@media (max-width: 680px) {
    .mainHeader .mainNavSec .navMoreContent .playStoreDiv .navRight .linksAfter .topSearcMenu {
        display: none
    }
}

.mainHeader .mainNavSec .navMoreContent .mainNavWrap {
    display: none
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .navMoreContent .mainNavWrap {
        display: flex
    }
}

.mainHeader .mainNavSec .subNav {
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 0px 0px var(--br12) var(--br12);
    transition: .4s ease-in-out all
}

    .mainHeader .mainNavSec .subNav .subNavWrapper {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 39px;
        position: relative
    }

@media (max-width: 1450px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper {
        gap: 28px
    }
}

@media (max-width: 1199px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper {
        gap: 25px;
        max-width: 1720px;
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scrollbar-color: transparent transparent;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .mainHeader .mainNavSec .subNav .subNavWrapper::-webkit-scrollbar {
            width: 8px;
            margin-left: 5px;
            left: 5px;
            padding-bottom: 0 !important
        }

        .mainHeader .mainNavSec .subNav .subNavWrapper::-webkit-scrollbar-track {
            background: transparent
        }

        .mainHeader .mainNavSec .subNav .subNavWrapper::-webkit-scrollbar-thumb {
            background: transparent
        }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper {
        gap: 25px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper li {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--c2d);
    min-width: max-content
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper li {
        font-size: 15px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper li {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper li {
        min-width: max-content
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper li.active a {
    color: var(--theme-colour1)
}

.mainHeader .mainNavSec .subNav .subNavWrapper li.menuSpc {
    background-color: var(--theme-colour1);
    padding: 7px 15px;
    border-radius: 5px;
    color: var(--white);
    transition: ease-in-out 0.4s
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper li.menuSpc {
        padding: 6px 14px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper li.menuSpc {
        padding: 5px 13px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper li.menuSpc:hover {
    background-color: var(--btnClr)
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown {
    transition: .3s ease-in-out
}

    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown:hover .outterWraper {
        display: grid;
        opacity: 1;
        visibility: visible
    }

@media (max-width: 767px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown:hover .outterWraper {
        visibility: hidden;
        opacity: 0;
        display: none
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown:hover .outterWraper .serviceWrap {
    -webkit-box-shadow: inset 0 10px 8px -7px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 10px 8px -7px rgba(0,0,0,0.2);
    box-shadow: inset 0 10px 8px -7px rgba(0,0,0,0.2)
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown:hover .innerDiv::after {
    opacity: 1
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .innerDiv {
    position: relative;
    display: flex;
    gap: 5px;
    column-gap: 5px
}

    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .innerDiv img {
        width: auto;
        object-fit: contain;
        cursor: pointer
    }

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .outterWraper {
    position: absolute;
    top: 48px;
    left: -25px;
    width: 1395px;
    border-radius: 0 0 var(--br12) var(--br12);
    background-color: var(--white);
    display: none;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.15)
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .outterWraper {
        column-gap: 20px;
        top: 40px;
        width: 1200px
    }
}

@media (max-width: 1366px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .outterWraper {
        width: 1150px;
        left: -5px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .outterWraper {
        width: 1140px;
        top: 36px
    }
}

@media (max-width: 1199px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .outterWraper {
        width: 940px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .outterWraper {
        top: 36px
    }
}

@media (max-width: 767px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .outterWraper {
        visibility: hidden;
        opacity: 0;
        display: none
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap {
    padding: 40px;
    width: inherit
}

@media (max-width: 1366px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap {
        padding: 30px 25px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    column-gap: 24px;
    grid-auto-flow: column;
    row-gap: 6px;
    width: 100%;
    padding: 5px 15px;
    transition: .4s ease-in-out;
    overflow-x: auto
}

    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        margin-left: 5px;
        left: 5px
    }

    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec::-webkit-scrollbar-track {
        background: #e7e7e7
    }

    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec::-webkit-scrollbar-thumb {
        background: #bbbbbb
    }

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec {
        column-gap: 20px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li {
    min-width: 350px;
    max-width: 420px;
    width: 100%;
    border-radius: var(--br12);
    padding: 0 !important
}

    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li:hover {
        -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25)
    }

        .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li:hover svg {
            opacity: 1;
            transform: rotateZ(0deg) scale(1.1);
            left: 3px
        }

    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li.sepList {
        padding-bottom: 18px;
        border-bottom: 1px solid #DDDDDD;
        border-radius: 0;
        max-width: 356px;
        width: 100%
    }

        .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li.sepList:hover {
            box-shadow: none
        }

            .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li.sepList:hover .moreDiv span svg {
                left: 4px
            }

        .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li.sepList a {
            grid-template-columns: 1fr;
            gap: 0
        }

            .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li.sepList a .textSec p {
                font-size: 16px;
                font-weight: 400;
                line-height: 22px;
                color: var(--c70);
                margin-bottom: 14px;
                -webkit-line-clamp: 2;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: hidden;
                min-height: 44px
            }

            .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li.sepList a .moreDiv {
                display: flex;
                align-items: center;
                gap: 12px;
                column-gap: 12px
            }

                .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li.sepList a .moreDiv span {
                    display: flex
                }

                    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li.sepList a .moreDiv span svg {
                        opacity: 1;
                        transform: rotateZ(0deg) scale(1.1);
                        left: 0px
                    }

    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        padding: 19px 20px 19px 6px;
        gap: 10px
    }

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a {
        padding-block: 16px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a {
        padding-block: 14px
    }
}

@media (max-height: 800px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a {
        padding-block: 14px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .imgDiv {
    width: 80px;
    height: auto;
    background-color: transparent
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .imgDiv {
        width: 70px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .imgDiv {
        width: 62px
    }
}

@media (max-width: 991px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .imgDiv {
        width: 55px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .textSec h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color: var(--c2d);
    margin-bottom: 12px
}

@media (max-width: 1680px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .textSec h3 {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 8px
    }
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .textSec h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        margin-bottom: 4px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .textSec p {
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: var(--c2d)
}

@media (max-width: 1279px) {
    .mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a .textSec p {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }
}

.mainHeader .mainNavSec .subNav .subNavWrapper .serivceDropdown .serviceWrap .DropdownSec ul li a svg {
    opacity: 0;
    transition: .3s ease-in all;
    transform: rotateZ(45deg) scale(0.8);
    position: relative;
    left: -4px
}

.mainHeader .mainNavSec .subNav:has(.serivceDropdown:hover) {
    background-color: var(--cfa);
    -webkit-box-shadow: 0px 12px 17px -12px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 12px 17px -12px rgba(0,0,0,0.2);
    box-shadow: 0px 12px 17px -12px rgba(0,0,0,0.2)
}

.mainHeader .headerMenuSec {
    position: absolute;
    transition: top .4s ease-in-out
}

    .mainHeader .headerMenuSec.fixHeader {
        position: fixed;
        top: 0;
        width: 100%;
        transition: ease-in-out .4s;
        z-index: 1500
    }

.mainHeader .headerCarouselSec {
    position: relative;
    z-index: 0
}

    .mainHeader .headerCarouselSec .carouselItem {
        position: relative;
        z-index: 0;
        height: 100vh;
        width: 100%
    }

        .mainHeader .headerCarouselSec .carouselItem::after {
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            opacity: 50%;
            background: #000;
            background: linear-gradient(135deg, rgba(0,0,0,0.8), #000, rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0.36), transparent 100%)
        }

        .mainHeader .headerCarouselSec .carouselItem .titleSec {
            position: absolute;
            left: 8%;
            right: 0;
            top: 37vh;
            z-index: 2;
            display: flex;
            flex-direction: column;
            gap: 40px;
            margin-bottom: 40px
        }

@media (max-width: 1720px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec {
        gap: 30px
    }
}

@media (max-width: 1599px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec {
        gap: 20px
    }
}

@media (max-width: 1680px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec {
        top: 32vh;
        gap: 24px
    }
}

@media (max-width: 1366px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec {
        gap: 20px
    }
}

@media (max-height: 800px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec {
        gap: 20px
    }
}

@media (max-width: 767px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec {
        left: 10%
    }
}

@media (max-width: 680px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec {
        left: 8%
    }
}

@media (max-width: 480px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec {
        left: 15px;
        align-items: start;
        top: 35vh;
        top: 35svh
    }
}

.mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h2 {
    font-size: 50px;
    font-weight: 800;
    line-height: 70px;
    color: var(--cfa)
}

@media (max-width: 1680px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h2 {
        font-size: 45px;
        font-weight: 800;
        line-height: 65px
    }
}

@media (max-width: 1366px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h2 {
        font-size: 40px;
        font-weight: 800;
        line-height: 60px
    }
}

@media (max-width: 1279px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h2 {
        font-size: 36px;
        font-weight: 800;
        line-height: 56px
    }
}

@media (max-width: 1199px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h2 {
        font-size: 34px !important;
        font-weight: 800;
        line-height: 55px !important
    }
}

@media (max-width: 991px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h2 {
        font-size: 30px !important;
        font-weight: 800;
        line-height: 50px !important
    }
}

@media (max-height: 800px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h2 {
        font-size: 36px;
        font-weight: 800;
        line-height: 56px
    }
}

@media (max-width: 680px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h2 {
        font-size: 28px !important;
        font-weight: 800;
        line-height: 48px !important
    }
}

.mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 {
    font-size: 34px;
    font-weight: 800;
    line-height: 42px;
    color: var(--white)
}

@media (max-width: 1680px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 {
        font-size: 36px;
        font-weight: 800;
        line-height: 44px
    }
}

@media (max-width: 1366px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 {
        font-size: 32px;
        font-weight: 800;
        line-height: 42px
    }
}

@media (max-width: 1279px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 {
        font-size: 28px;
        font-weight: 800;
        line-height: 36px
    }
}

@media (max-width: 1199px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 {
        font-size: 26px !important;
        font-weight: 800;
        line-height: 34px !important
    }
}

@media (max-width: 991px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 {
        font-size: 24px !important;
        font-weight: 800;
        line-height: 32px !important
    }
}

@media (max-height: 800px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 {
        font-size: 28px;
        font-weight: 800;
        line-height: 36px
    }
}

@media (max-width: 680px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 {
        font-size: 22px !important;
        font-weight: 800;
        line-height: 32px !important
    }
}

.mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 span {
    max-width: 100%;
    background-size: cover;
    object-fit: cover;
    background-position: center;
    width: fit-content;
    display: inline-block;
    position: relative;
    text-align: center;
    color: inherit
}

.mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 .smallText {
    padding: 16px 24px 10px 24px;
    aspect-ratio: 3
}

@media (max-width: 1680px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 .smallText {
        padding: 22px 35px 12px 35px;
        aspect-ratio: 3
    }
}

@media (max-width: 991px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 .smallText {
        padding: 8px 20px 12px 20px;
        aspect-ratio: 6
    }
}

.mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 .smallText::after {
    content: "";
    position: absolute;
    right: -20px;
    top: -11px;
    background-image: url("../images/header-3Finger.svg");
    background-repeat: no-repeat;
    z-index: 11;
    width: 38px;
    height: 40px;
    background-size: cover
}

@media (max-width: 1199px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 .smallText::after {
        max-width: 40px;
        width: 100%;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }
}

@media (max-width: 991px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 .smallText::after {
        max-width: 24px;
        height: 50px;
        top: -18px;
        right: -12px
    }
}

.mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 .bigText {
    padding: 30px 45px 10px 30px;
    aspect-ratio: 6
}

@media (max-width: 1680px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 .bigText {
        padding: 15px 45px 12px 30px
    }
}

@media (max-width: 991px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .textSec h3 .bigText {
        padding: 14px 30px 12px 20px
    }
}

.mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec {
    display: flex;
    align-items: center;
    gap: 24px
}

@media (max-width: 680px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec {
        gap: 20px
    }
}

.mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtn {
    padding: 16px 20px;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: var(--white);
    color: var(--c2d);
    border-radius: var(--br12);
    transition: .4s ease-in,background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

@media (max-width: 1680px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtn {
        font-size: 15px;
        font-weight: 400;
        line-height: 21px;
        padding: 12px 16px;
        gap: 15px
    }
}

@media (max-width: 680px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtn {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 12px 14px;
        border-radius: 8px
    }
}

.mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtn svg {
    transition: .4s ease-in-out all;
    transform: rotateZ(360deg);
    position: relative;
    left: -5px;
    width: 24px;
    height: 24px
}

@media (max-width: 1680px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtn svg {
        width: 20px;
        height: 20px
    }
}

.mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtn:hover {
    background-color: #C32641;
    color: var(--white)
}

    .mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtn:hover svg {
        transform: rotateZ(315deg) scale(1.4);
        left: 3px
    }

        .mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtn:hover svg path {
            fill: var(--white)
        }

.mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtmPay .cricle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--btnClr);
    display: grid;
    place-items: center;
    transition: .4s ease-in-out all;
    position: relative;
    left: -5px
}

@media (max-width: 1680px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtmPay .cricle {
        width: 21px;
        height: 21px
    }
}

@media (max-height: 800px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtmPay .cricle {
        width: 21px;
        height: 21px
    }
}

.mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtmPay .cricle span {
    background-color: var(--white);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    width: 11px;
    height: 11px
}

@media (max-width: 1680px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtmPay .cricle span {
        width: 10px;
        height: 10px
    }
}

@media (max-height: 800px) {
    .mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtmPay .cricle span {
        width: 9px;
        height: 9px
    }
}

.mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtmPay:hover .cricle {
    background-color: var(--white);
    transform: scale(1.4);
    left: 3px
}

.mainHeader .headerCarouselSec .carouselItem .titleSec .headerBtnSec .cmnBtmPay:hover span {
    background-color: var(--btnClr);
    clip-path: polygon(14% 20%, 60% 20%, 71% 20%, 96% 50%, 70% 79%, 71% 80%, 14% 80%)
}

.mainHeader .headerCarouselSec .carouselItem video, .mainHeader .headerCarouselSec .carouselItem img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mainHeader .headerCarouselSec .carouselItem picture {
    height: 100%;
    width: 100%;
    object-fit: cover
}

    .mainHeader .headerCarouselSec .carouselItem picture img {
        height: 100%
    }

.mainHeader .headerCarouselSec .carouselWrap.owl-carousel {
    z-index: -1 !important
}

    .mainHeader .headerCarouselSec .carouselWrap.owl-carousel .owl-dots {
        position: absolute;
        left: 8.1%;
        top: 71vh;
        backdrop-filter: blur(24px);
        -webkit-backdrop-filter: blur(24px);
        background-color: rgba(255,255,255,0.2);
        border-radius: 25px;
        padding: 12px 16px;
        display: flex;
        gap: 12px;
        cursor: pointer
    }

@media (max-width: 1720px) {
    .mainHeader .headerCarouselSec .carouselWrap.owl-carousel .owl-dots {
        top: 80vh
    }
}

@media (max-width: 1599px) {
    .mainHeader .headerCarouselSec .carouselWrap.owl-carousel .owl-dots {
        top: 80vh
    }
}

@media (max-width: 1680px) {
    .mainHeader .headerCarouselSec .carouselWrap.owl-carousel .owl-dots {
        top: 72vh
    }
}

@media (max-width: 767px) {
    .mainHeader .headerCarouselSec .carouselWrap.owl-carousel .owl-dots {
        left: 10%
    }
}

@media (max-width: 680px) {
    .mainHeader .headerCarouselSec .carouselWrap.owl-carousel .owl-dots {
        left: 8%;
        padding: 8px 8px;
        gap: 10px
    }
}

@media (max-width: 480px) {
    .mainHeader .headerCarouselSec .carouselWrap.owl-carousel .owl-dots {
        left: 15px;
        top: 69vh;
        top: 69svh
    }
}

.mainHeader .headerCarouselSec .carouselWrap.owl-carousel .owl-dots .owl-dot {
    height: 3px;
    border: none;
    width: 20px;
    border-radius: 20px
}

    .mainHeader .headerCarouselSec .carouselWrap.owl-carousel .owl-dots .owl-dot.active {
        width: 46px;
        background: #f26522;
        background: linear-gradient(87deg, #f26522 0%, #c32641 100%)
    }

@media (max-width: 680px) {
    .mainHeader .headerCarouselSec .carouselWrap.owl-carousel .owl-dots .owl-dot.active span {
        padding: 10px 24px
    }
}

.mainHeader .headerCarouselSec .carouselWrap.owl-carousel .owl-dots .owl-dot span {
    padding: 15px 27px;
    display: block;
    top: -15px;
    position: relative;
    left: -15px
}

@media (max-width: 680px) {
    .mainHeader .headerCarouselSec .carouselWrap.owl-carousel .owl-dots .owl-dot span {
        padding: 10px 18px;
        top: -10px;
        left: -10px
    }
}

.mainHeader .headerCarouselSec .carouselWrap.owl-carousel .owl-dots.disabled {
    display: none
}

.mainHeader .headerCarouselSec .owl-stage-outer {
    height: 100vh;
    height: 100svh
}

.mainHeader .muteBtn {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    background-color: rgba(255,255,255,0.4);
    border-radius: 0 var(--br12) var(--br12) 0;
    width: 54px;
    height: 54px;
    position: absolute;
    left: 0;
    top: 50%;
    display: grid;
    place-items: center;
    cursor: pointer
}

@media (max-width: 1680px) {
    .mainHeader .muteBtn {
        height: 40px;
        width: 40px;
        left: -3px
    }
}

@media (max-width: 680px) {
    .mainHeader .muteBtn {
        width: 35px;
        height: 40px;
        top: auto;
        bottom: 85px
    }
}

.mainHeader .attentionDiv {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: fit-content;
    gap: 15px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 100
}

@media (max-width: 680px) {
    .mainHeader .attentionDiv {
        display: none
    }
}

.mainHeader .attentionDiv.attenactive .svgDiv {
    background-color: #F26522
}

    .mainHeader .attentionDiv.attenactive .svgDiv svg path {
        fill: var(--cfa)
    }

.mainHeader .attentionDiv.attenactive .attentionHoverDiv {
    display: block;
    visibility: visible
}

.mainHeader .attentionDiv:hover .svgDiv {
    background-color: #F26522
}

    .mainHeader .attentionDiv:hover .svgDiv svg path {
        fill: var(--cfa)
    }

.mainHeader .attentionDiv:hover .attentionHoverDiv {
    display: block;
    visibility: visible
}

.mainHeader .attentionDiv .svgDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);
    opacity: .9;
    background-color: #FAFAFA;
    border-radius: var(--br12);
    width: 60px;
    height: 60px;
    margin: auto;
    transition: background-color 0.4s ease-in
}

@media (max-width: 1680px) {
    .mainHeader .attentionDiv .svgDiv {
        width: 50px;
        height: 50px
    }
}

.mainHeader .attentionDiv .svgDiv svg {
    width: 32px;
    height: 32px;
    transition: fill 0.4s ease-in
}

@media (max-width: 1680px) {
    .mainHeader .attentionDiv .svgDiv svg {
        width: 25px;
        height: 25px
    }
}

.mainHeader .attentionDiv .attentionHoverDiv {
    background-color: var(--black);
    opacity: 85%;
    width: fit-content;
    padding: 19px;
    border-radius: var(--br12);
    max-width: 100%;
    display: none;
    visibility: hidden;
    transition: opacity 0.3s ease-in, visibility 0.3s ease-in
}

@media (max-width: 1680px) {
    .mainHeader .attentionDiv .attentionHoverDiv {
        padding: 15px
    }
}

.mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
    max-width: 1650px;
    width: 100%;
    display: flex;
    align-items: center;
    text-wrap: nowrap;
    white-space: nowrap;
    -webkit-white-space: nowrap
}

@media (max-width: 1850px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 1300px
    }
}

@media (max-width: 1599px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 1170px
    }
}

@media (max-width: 1680px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 1100px
    }
}

@media (max-width: 1366px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 930px
    }
}

@media (max-width: 1199px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 725px
    }
}

@media (max-width: 991px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 485px
    }
}

@media (max-width: 767px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv {
        max-width: 430px
    }
}

.mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv .div {
    max-width: 1380px;
    width: 100%;
    overflow: hidden
}

    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv .div p {
        color: var(--cfa);
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        animation: scroll 40s forwards linear infinite;
        -webkit-animation: scroll 30s linear infinite
    }

@media (max-width: 1680px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv .div p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv span {
    color: var(--cfa);
    padding-right: 17px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

@media (max-width: 1680px) {
    .mainHeader .attentionDiv .attentionHoverDiv .attentionscrollDiv span {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

.mainHeader .subCarousel {
    position: absolute;
    max-width: 1140px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 20px
}

@media (max-width: 1720px) {
    .mainHeader .subCarousel {
        max-width: 850px
    }
}

@media (max-width: 1366px) {
    .mainHeader .subCarousel {
        max-width: 750px
    }
}

@media (max-width: 1199px) {
    .mainHeader .subCarousel {
        max-width: 650px
    }
}

@media (max-width: 991px) {
    .mainHeader .subCarousel {
        max-width: 450px
    }
}

@media (max-width: 680px) {
    .mainHeader .subCarousel {
        display: none
    }
}

.mainHeader .subCarousel .subCarouselWrap {
    display: flex;
    align-items: center;
    overflow: hidden;
    gap: 12px
}

    .mainHeader .subCarousel .subCarouselWrap .singleSec {
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        background-color: rgba(255,255,255,0.4);
        border-radius: 24px;
        display: grid;
        place-items: center;
        max-width: 180px !important;
        width: 100%;
        min-height: 120px
    }

@media (max-width: 1450px) {
    .mainHeader .subCarousel .subCarouselWrap .singleSec {
        min-height: 100px;
        max-width: 140px !important
    }
}

@media (max-height: 800px) {
    .mainHeader .subCarousel .subCarouselWrap .singleSec {
        min-height: 100px;
        max-width: 140px !important
    }
}

.mainHeader .subCarousel .subCarouselWrap .singleSec a {
    padding: 10px 15px
}

.mainHeader .subCarousel .subCarouselWrap .singleSec .imgDiv {
    width: 70px;
    height: 70px;
    margin: 0 auto
}

@media (max-width: 1680px) {
    .mainHeader .subCarousel .subCarouselWrap .singleSec .imgDiv {
        width: 65px;
        height: 60px
    }
}

.mainHeader .subCarousel .subCarouselWrap .singleSec .imgDiv img {
    background-color: transparent
}

.mainHeader .subCarousel .subCarouselWrap .singleSec h4 {
    text-align: center;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--black);
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (max-width: 1680px) {
    .mainHeader .subCarousel .subCarouselWrap .singleSec h4 {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-top: 5px
    }
}

.mainHeader .subCarousel .subCarouselWrap .singleSec a {
    width: 100%
}

.mainHeader .subCarousel .subCarouselWrap .singleSec.lastDiv a {
    display: flex;
    gap: 8px;
    height: 100%;
    align-items: center;
    justify-content: center
}

    .mainHeader .subCarousel .subCarouselWrap .singleSec.lastDiv a h4 {
        text-align: center;
        margin: 0
    }

.mainHeader .subCarousel .subCarouselWrap .owl-dots {
    display: none
}

.mainHeader .robotDiv {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 180px;
    transition: .3s ease-in-out all;
    z-index: 55;
    cursor: pointer
}

@media (max-width: 680px) {
    .mainHeader .robotDiv {
        display: none
    }
}

.mainHeader .robotDiv.open {
    z-index: 3
}

.mainHeader .robotDiv::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 250px;
    height: 250px;
    border-radius: 492px 0 0 0;
    bottom: 0;
    right: 0;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    background-color: rgba(255,255,255,0.1);
    opacity: 0;
    visibility: hidden;
    transition: .4s ease-in-out all
}

@media (max-width: 1680px) {
    .mainHeader .robotDiv::after {
        width: 200px;
        height: 200px
    }
}

@media (max-width: 680px) {
    .mainHeader .robotDiv::after {
        display: none
    }
}

.mainHeader .robotDiv::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 350px;
    height: 350px;
    bottom: 0;
    right: 0;
    border-radius: 492px 0 0 0;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    background-color: #0000001c;
    opacity: 0;
    visibility: hidden;
    transition: .4s ease-in-out all
}

@media (max-width: 1680px) {
    .mainHeader .robotDiv::before {
        width: 300px;
        height: 300px
    }
}

@media (max-width: 680px) {
    .mainHeader .robotDiv::before {
        display: none
    }
}

.mainHeader .robotDiv.activee::after, .mainHeader .robotDiv.activee::before {
    opacity: 1;
    visibility: visible
}

.mainHeader .robotDiv .hoverItems {
    transform: scaleX(-1)
}

@media (max-width: 680px) {
    .mainHeader .robotDiv .hoverItems {
        display: none
    }
}

.mainHeader .robotDiv .hoverItems .hoverItem {
    --size: 58px;
    --offset: 200px;
    opacity: 0;
    height: 58px;
    width: var(--size);
    background-color: var(--white);
    border-radius: 50%;
    position: absolute;
    display: grid;
    place-items: center;
    transform: translate(0, 0);
    bottom: 27px;
    right: 65px;
    transition: transform 0.3s var(--delay) ease-in-out,opacity 0.3s var(--delay) ease-in-out;
    z-index: 0;
    cursor: pointer
}

@media (max-width: 1680px) {
    .mainHeader .robotDiv .hoverItems .hoverItem {
        --size: 50px;
        --offset: 170px;
        height: 50px;
        bottom: 15px;
        right: 85px
    }
}

.mainHeader .robotDiv .hoverItems .hoverItem:hover::before {
    transform: scale(1.15)
}

.mainHeader .robotDiv .hoverItems .hoverItem:hover .tooltip {
    opacity: 1;
    visibility: visible
}

.mainHeader .robotDiv .hoverItems .hoverItem::before {
    position: absolute;
    content: "";
    width: var(--size);
    background-color: #f7f6f6;
    filter: drop-shadow(0rem 0.1rem 0.3rem rgba(0,0,0,0.16));
    height: 58px;
    border-radius: 50%;
    transition: 0.3s ease-in-out
}

@media (max-width: 1680px) {
    .mainHeader .robotDiv .hoverItems .hoverItem::before {
        height: 50px
    }
}

.mainHeader .robotDiv .hoverItems .hoverItem::after {
    position: absolute;
    content: "";
    width: 46px;
    height: 46px;
    filter: brightness(29);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background-color: var(--white);
    border-radius: 50%;
    z-index: 0
}

@media (max-width: 1680px) {
    .mainHeader .robotDiv .hoverItems .hoverItem::after {
        height: 38px;
        width: 38px
    }
}

.mainHeader .robotDiv .hoverItems .hoverItem a {
    display: flex;
    align-items: center;
    justify-content: center
}

.mainHeader .robotDiv .hoverItems .hoverItem img {
    max-width: 22px;
    height: auto;
    position: relative;
    z-index: 1;
    transform: scaleX(-1)
}

@media (max-width: 1680px) {
    .mainHeader .robotDiv .hoverItems .hoverItem img {
        width: 18px
    }
}

.mainHeader .robotDiv .hoverItems .hoverItem .tooltip {
    position: absolute;
    left: 55px;
    top: -35px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    background-color: var(--white);
    border-radius: 10px;
    padding: 10px 15px;
    width: max-content;
    transform: scaleX(-1);
    z-index: 11;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--black)
}

@media (max-width: 1279px) {
    .mainHeader .robotDiv .hoverItems .hoverItem .tooltip {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.mainHeader .robotDiv .hoverItems .hoverItem:nth-child(4) {
    margin-bottom: 10px
}

.mainHeader .robotDiv .hoverItems .hoverItem:nth-child(5) {
    margin-bottom: 26px
}

.mainHeader .robotDiv .robo {
    max-width: 150px;
    transform: scale(0.7);
    position: absolute;
    right: 20px;
    z-index: 2;
    bottom: 0;
    transition: 0.4s ease-in-out all
}

@media (max-width: 1680px) {
    .mainHeader .robotDiv .robo {
        max-width: 100px
    }
}

@media (max-width: 680px) {
    .mainHeader .robotDiv .robo {
        bottom: 50px;
        right: 0
    }
}

.mainHeader .robotDiv .robo.scaleCls {
    transform: rotateZ(-6deg) scale(0.9)
}

.mainHeader .robotDiv .hoverItems.active .hoverItem {
    opacity: 1;
    transform: translate(calc(cos(var(--degrees)) * var(--offset)), calc(sin(var(--degrees)) * var(--offset)))
}

.mainHeader .robotDiv .hoverItem:nth-of-type(1) {
    --degrees: calc(0 * (-90deg / (5 - 1)));
    --delay: calc(0.1 * 0s)
}

.mainHeader .robotDiv .hoverItem:nth-of-type(2) {
    --degrees: calc(1 * (-90deg / (5 - 1)));
    --delay: calc(0.1 * 1s)
}

.mainHeader .robotDiv .hoverItem:nth-of-type(3) {
    --degrees: calc(2 * (-90deg / (5 - 1)));
    --delay: calc(0.1 * 2s)
}

.mainHeader .robotDiv .hoverItem:nth-of-type(4) {
    --degrees: calc(3 * (-90deg / (5 - 1)));
    --delay: calc(0.1 * 3s)
}

.mainHeader .robotDiv .hoverItem:nth-of-type(5) {
    --degrees: calc(4 * (-90deg / (5 - 1)));
    --delay: calc(0.1 * 4s)
}

.mainHeader .mobFixedMenu {
    background-color: var(--white);
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 2001;
    box-shadow: 0 0.25rem 1rem rgba(165,163,174,0.45);
    border-radius: 12px 12px 0 0;
    padding: 5px 10px
}

@media (max-width: 680px) {
    .mainHeader .mobFixedMenu {
        display: block
    }
}

.mainHeader .mobFixedMenu .mobFixedMenuItems {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(5, 1fr)
}

.mainHeader .mobFixedMenu li {
    list-style: none;
    transition: .4s ease-in-out
}

    .mainHeader .mobFixedMenu li svg path {
        fill: #9c8f89
    }

    .mainHeader .mobFixedMenu li:focus-within span, .mainHeader .mobFixedMenu li:focus span, .mainHeader .mobFixedMenu li:hover span, .mainHeader .mobFixedMenu li.act span {
        opacity: 1;
        max-width: fit-content;
        transition: all .6s ease-out
    }

    .mainHeader .mobFixedMenu li:focus-within svg, .mainHeader .mobFixedMenu li:focus svg, .mainHeader .mobFixedMenu li:hover svg, .mainHeader .mobFixedMenu li.act svg {
        transform: scale(1.1)
    }

        .mainHeader .mobFixedMenu li:focus-within svg path, .mainHeader .mobFixedMenu li:focus svg path, .mainHeader .mobFixedMenu li:hover svg path, .mainHeader .mobFixedMenu li.act svg path {
            fill: #F26522
        }

.mainHeader .mobFixedMenu a {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 8px 5px 0 5px;
    gap: 4px
}

.mainHeader .mobFixedMenu li {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.mainHeader .mobFixedMenu img, .mainHeader .mobFixedMenu svg {
    transition: .4s ease-in-out;
    width: 20px;
    height: 20px
}

.mainHeader .mobFixedMenu span {
    overflow: hidden;
    opacity: 0;
    max-width: 0;
    font-size: 12px;
    font-weight: 500;
    transform-origin: center top
}

.mainHeader .mobFixedMenu.hidden {
    display: none !important
}

.mainHeader .menuDropCmnModal {
    width: 100vw;
    height: 100vh;
    height: 100svh;
    display: flex;
    background-color: var(--white);
    padding: 20px;
    transform: translate3d(-100%, 0, 0);
    transition: ease-in-out 0.4s;
    box-shadow: 0 0.25rem 1rem rgba(165,163,174,0.45);
    position: fixed;
    left: -20px;
    top: 0;
    z-index: 99999;
    flex-direction: column
}

@media (min-width: 1200px) {
    .mainHeader .menuDropCmnModal {
        display: none
    }
}

.mainHeader .menuDropCmnModal.open {
    transform: translate3d(0, 0, 0);
    left: 0px
}

.mainHeader .menuDropCmnModal .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    color: var(--c2d);
    margin-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 17px
}

.mainHeader .menuDropCmnModal .menuDropCmnModalClose {
    background-color: #FAFAFA;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DDDDDD;
    cursor: pointer;
    transition: .2s ease-in-out;
    position: absolute;
    right: 20px;
    top: 14px
}

    .mainHeader .menuDropCmnModal .menuDropCmnModalClose:hover {
        background-color: var(--black)
    }

        .mainHeader .menuDropCmnModal .menuDropCmnModalClose:hover svg path {
            fill: var(--white)
        }

.mainHeader .menuDropCmnModal ul {
    width: 100%;
    overflow: auto;
    max-height: calc((100vh) - 45px);
    max-height: calc((100svh) - 45px);
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width: 575px) {
    .mainHeader .menuDropCmnModal ul {
        grid-template-columns: 1fr
    }
}

.mainHeader .menuDropCmnModal ul::-webkit-scrollbar {
    width: 0;
    margin-left: 5px;
    left: 5px
}

.mainHeader .menuDropCmnModal ul::-webkit-scrollbar-track {
    background: #ffffff
}

.mainHeader .menuDropCmnModal ul::-webkit-scrollbar-thumb {
    background: #ffffff
}

.mainHeader .menuDropCmnModal ul.sepListMob {
    gap: 20px
}

.mainHeader .menuDropCmnModal ul li {
    margin-bottom: 0px;
    color: var(--c2d);
    border-radius: 4px
}

    .mainHeader .menuDropCmnModal ul li.sepList {
        padding-bottom: 18px;
        border-bottom: 1px solid #DDDDDD;
        border-radius: 0;
        max-width: 356px;
        width: 100%
    }

@media (max-width: 575px) {
    .mainHeader .menuDropCmnModal ul li.sepList {
        max-width: 100%
    }
}

.mainHeader .menuDropCmnModal ul li.sepList:hover {
    box-shadow: none
}

    .mainHeader .menuDropCmnModal ul li.sepList:hover .moreDiv span svg {
        left: 4px
    }

.mainHeader .menuDropCmnModal ul li.sepList a {
    grid-template-columns: 1fr;
    gap: 0
}

    .mainHeader .menuDropCmnModal ul li.sepList a .textSec p {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        color: var(--c70);
        margin-bottom: 14px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

@media (max-width: 1366px) {
    .mainHeader .menuDropCmnModal ul li.sepList a .textSec p {
        font-size: 14px;
        font-weight: 500;
        line-height: 18px
    }
}

@media (max-width: 1279px) {
    .mainHeader .menuDropCmnModal ul li.sepList a .textSec p {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }
}

.mainHeader .menuDropCmnModal ul li.sepList a .moreDiv {
    display: flex;
    align-items: center;
    gap: 12px;
    column-gap: 12px
}

    .mainHeader .menuDropCmnModal ul li.sepList a .moreDiv span {
        display: flex
    }

        .mainHeader .menuDropCmnModal ul li.sepList a .moreDiv span svg {
            opacity: 1;
            transform: rotateZ(0deg) scale(1.1);
            left: 0px
        }

.mainHeader .menuDropCmnModal ul li a {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: 6px 20px 6px 6px;
    gap: 10px;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

    .mainHeader .menuDropCmnModal ul li a .imgDiv {
        min-width: 60px;
        width: 100%;
        height: auto;
        background-color: transparent;
        max-width: 60px
    }

    .mainHeader .menuDropCmnModal ul li a .textSec h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        color: var(--c2d);
        margin-bottom: 5px
    }

    .mainHeader .menuDropCmnModal ul li a .textSec p {
        font-size: 12px;
        font-weight: 500;
        line-height: 17px;
        color: var(--c2d)
    }

.whyChooseSec {
    padding-top: 65px;
    color: var(--c2d);
    position: relative
}

@media (max-width: 1199px) {
    .whyChooseSec {
        padding-top: 50px
    }
}

@media (max-width: 991px) {
    .whyChooseSec {
        padding-top: 30px !important
    }
}

@media (max-height: 800px) {
    .whyChooseSec {
        padding-top: 50px
    }
}

.whyChooseSec::after {
    content: '';
    position: absolute;
    width: 242px;
    height: 184px;
    bottom: 55px;
    right: 60px;
    background-image: url("../images/moneyChak.svg");
    background-repeat: no-repeat
}

@media (max-width: 1720px) {
    .whyChooseSec::after {
        bottom: 24px
    }
}

@media (max-width: 1680px) {
    .whyChooseSec::after {
        max-width: 200px;
        width: 100%;
        height: 130px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }
}

@media (max-width: 1366px) {
    .whyChooseSec::after {
        right: 15px
    }
}

@media (max-width: 1199px) {
    .whyChooseSec::after {
        max-width: 130px !important;
        height: 100px;
        bottom: 10px
    }
}

@media (max-width: 991px) {
    .whyChooseSec::after {
        display: none
    }
}

@media (max-height: 800px) {
    .whyChooseSec::after {
        max-width: 150px;
        height: auto
    }
}

.whyChooseSec::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(315deg, rgba(239,183,183,0.1) 0%, rgba(139,162,216,0.1) 20%, rgba(172,223,216,0.1) 40%, rgba(199,223,166,0.1) 60%, rgba(141,203,182,0.1) 80%, rgba(213,148,148,0.1) 100%)
}

.whyChooseSec.whyChooseSecUp .mainTitleWrap {
    padding-top: 130px
}

@media (max-width: 1680px) {
    .whyChooseSec.whyChooseSecUp .mainTitleWrap {
        padding-top: 80px
    }
}

@media (max-width: 991px) {
    .whyChooseSec .mainTitleWrap h2 {
        padding-inline: 50px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .mainTitleWrap h2 {
        padding-inline: 50px
    }
}

.whyChooseSec .tabHeadingSec {
    border-bottom: 1px solid #EDEDED;
    margin-block: 36px 45px;
    position: relative;
    z-index: 1
}

@media (max-width: 1720px) {
    .whyChooseSec .tabHeadingSec {
        padding-inline: 100px
    }
}

@media (max-width: 1680px) {
    .whyChooseSec .tabHeadingSec {
        margin-block: 25px 35px
    }
}

@media (max-width: 991px) {
    .whyChooseSec .tabHeadingSec {
        margin-block: 10px 20px;
        padding-inline: 50px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .tabHeadingSec {
        margin-block: 10px 20px;
        padding-inline: 50px
    }
}

@media (max-width: 680px) {
    .whyChooseSec .tabHeadingSec {
        margin-block: 10px 20px;
        padding-inline: 10px !important
    }
}

.whyChooseSec .tabHeadingSec ul {
    display: flex;
    align-items: flex-start;
    max-width: 1570px;
    width: 100%;
    margin: 0 auto;
    padding-inline: 20px;
    column-gap: 15px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .whyChooseSec .tabHeadingSec ul::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px;
        padding-bottom: 0 !important
    }

    .whyChooseSec .tabHeadingSec ul::-webkit-scrollbar-track {
        background: transparent
    }

    .whyChooseSec .tabHeadingSec ul::-webkit-scrollbar-thumb {
        background: transparent
    }

    .whyChooseSec .tabHeadingSec ul li {
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
        padding-bottom: 24px;
        text-align: center;
        cursor: pointer;
        border-bottom: 1px solid transparent;
        min-width: 245px;
        max-width: 245px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 85px;
        display: flex;
        align-items: center;
        justify-content: center
    }

@media (max-width: 1680px) {
    .whyChooseSec .tabHeadingSec ul li {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .whyChooseSec .tabHeadingSec ul li {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .tabHeadingSec ul li {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .whyChooseSec .tabHeadingSec ul li {
        padding-bottom: 5px;
        min-height: 65px
    }
}

.whyChooseSec .tabHeadingSec ul li.active {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: var(--theme-colour1);
    border-bottom: 1px solid var(--theme-colour1)
}

@media (max-width: 1680px) {
    .whyChooseSec .tabHeadingSec ul li.active {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .whyChooseSec .tabHeadingSec ul li.active {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .tabHeadingSec ul li.active {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px
    }
}

.whyChooseSec .SingleTabContentSec {
    padding-bottom: 115px;
    min-height: 250px;
    position: relative;
    z-index: 1
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec {
        padding-bottom: 70px
    }
}

@media (max-width: 1199px) {
    .whyChooseSec .SingleTabContentSec {
        padding-bottom: 50px
    }
}

@media (max-width: 991px) {
    .whyChooseSec .SingleTabContentSec {
        padding-bottom: 30px !important
    }
}

@media (max-height: 800px) {
    .whyChooseSec .SingleTabContentSec {
        padding-bottom: 50px
    }
}

.whyChooseSec .SingleTabContentSec .gridSec {
    display: grid;
    grid-template-columns: 36.5% 1fr;
    gap: 100px
}

@media (max-width: 1599px) {
    .whyChooseSec .SingleTabContentSec .gridSec {
        gap: 50px
    }
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec {
        gap: 35px;
        grid-template-columns: 42% 1fr
    }
}

@media (max-width: 1199px) {
    .whyChooseSec .SingleTabContentSec .gridSec {
        grid-template-columns: 1fr
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridL {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50px;
    display: grid;
    align-items: end;
    padding-left: 44px;
    padding-top: 35px;
    gap: 37px;
    max-width: 628px;
    width: 100%
}

@media (max-width: 1599px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL {
        padding-left: 30px;
        padding-top: 20px
    }
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL {
        padding-left: 25px;
        padding-top: 20px
    }
}

@media (max-width: 1199px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL {
        padding-left: 20px;
        padding-top: 20px;
        border-radius: 24px
    }
}

@media (max-width: 991px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL {
        border-radius: 12px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL {
        padding-left: 20px;
        padding-top: 20px
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt {
    max-width: 192px;
    width: 100%;
    height: 192px;
    border-radius: 96px 96px 0 0;
    background-color: var(--white);
    display: flex;
    position: relative;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center
}

@media (max-width: 1599px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt {
        max-width: 150px;
        height: 175px
    }
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt {
        max-width: 140px;
        height: 160px
    }
}

@media (max-width: 1199px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt {
        max-width: 120px;
        height: 140px
    }
}

@media (max-width: 991px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt {
        max-width: 110px;
        height: 130px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt {
        max-width: 120px;
        height: 140px
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(315deg, rgba(239,183,183,0.1) 0%, rgba(139,162,216,0.1) 20%, rgba(172,223,216,0.1) 40%, rgba(199,223,166,0.1) 60%, rgba(141,203,182,0.1) 80%, rgba(213,148,148,0.1) 100%)
}

.whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt .cricle {
    border-radius: 50%;
    background-color: inherit;
    display: grid;
    place-items: center;
    margin-bottom: 11px;
    width: 90px;
    height: 90px;
    z-index: 1;
    background-color: var(--white);
    box-shadow: inset 0px 0px 3px #00000012
}

@media (max-width: 1599px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt .cricle {
        width: 75px;
        height: 75px
    }
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt .cricle {
        width: 65px;
        height: 65px
    }
}

@media (max-width: 1199px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt .cricle {
        width: 60px;
        height: 60px
    }
}

@media (max-width: 991px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt .cricle {
        width: 50px;
        height: 50px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt .cricle {
        width: 60px;
        height: 60px
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt .cricle h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 22px
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt .cricle h3 {
        font-size: 24px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt .cricle h3 {
        font-size: 20px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 1199px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt .cricle h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt .cricle h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt .cricle h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt p {
    font-weight: 500;
    margin-bottom: 27px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt p {
        margin-bottom: 23px
    }
}

@media (max-width: 1279px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt p {
        margin-bottom: 20px;
        font-size: 14px
    }
}

@media (max-width: 991px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt p {
        margin-bottom: 15px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .innerCnt p {
        margin-bottom: 20px;
        font-size: 14px
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridL .logo3d {
    max-width: 192px;
    width: 100%;
    border-radius: 96px;
    height: 235px;
    display: grid;
    place-items: center;
    -webkit-box-shadow: 0px 1px 14px -4px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 14px -4px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 14px -4px rgba(0,0,0,0.25)
}

@media (max-width: 1599px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .logo3d {
        max-width: 150px;
        height: 190px
    }
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .logo3d {
        max-width: 140px;
        height: 175px
    }
}

@media (max-width: 1199px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .logo3d {
        max-width: 120px;
        height: 150px
    }
}

@media (max-width: 991px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .logo3d {
        max-width: 110px;
        height: 130px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .logo3d {
        max-width: 120px;
        height: 150px
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridL .logo3d img {
    max-width: 129px
}

@media (max-width: 1599px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .logo3d img {
        max-width: 95px
    }
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .logo3d img {
        max-width: 75px
    }
}

@media (max-width: 1199px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .logo3d img {
        max-width: 65px
    }
}

@media (max-width: 991px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .logo3d img {
        max-width: 55px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridL .logo3d img {
        max-width: 65px
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridR {
    margin-right: 90px
}

@media (max-width: 1599px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR {
        margin-right: 50px
    }
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR {
        margin-right: 30px
    }
}

@media (max-width: 680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR {
        margin-right: 0
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridR .textSec {
    margin-bottom: 50px
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .textSec {
        margin-bottom: 35px
    }
}

@media (max-width: 1279px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .textSec {
        margin-bottom: 25px
    }
}

@media (max-width: 991px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .textSec {
        margin-bottom: 20px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .textSec {
        margin-bottom: 25px
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridR .textSec h2 {
    max-width: 385px;
    width: 100%;
    margin-bottom: 20px
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .textSec h2 {
        margin-bottom: 10px
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridR .textSec p {
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 900px;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .textSec p {
        font-size: 16px;
        font-weight: 400;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .textSec p {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .textSec p {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 30px;
    row-gap: 45px;
    margin-bottom: 40px
}

@media (max-width: 1599px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec {
        margin-bottom: 30px;
        row-gap: 30px
    }
}

@media (max-width: 1279px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec {
        row-gap: 20px
    }
}

@media (max-width: 1199px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec {
        grid-template-columns: repeat(4, 1fr);
        margin-bottom: 20px;
        column-gap: 30px
    }
}

@media (max-width: 991px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec {
        margin-bottom: 20px;
        row-gap: 20px;
        column-gap: 20px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec {
        margin-bottom: 20px;
        row-gap: 20px;
        column-gap: 20px
    }
}

@media (max-width: 680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec {
        grid-template-columns: 1fr 1fr
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec .countSingle {
    padding-top: 16px;
    position: relative
}

@media (max-width: 1599px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec .countSingle {
        max-width: 250px;
        width: 100%
    }
}

@media (max-width: 480px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec .countSingle {
        max-width: 100%
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec .countSingle::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    top: 0;
    background: #35d940;
    background: linear-gradient(16deg, #35d940 0%, #7d44c7 25%, #585eb0 48%, #7d6f95 74%, #ce9b43 100%)
}

.whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec .countSingle h3 {
    line-height: 33px;
    margin-bottom: 8px
}

@media (max-width: 1680px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec .countSingle h3 {
        line-height: 30px;
        margin-bottom: 4px
    }
}

@media (max-width: 991px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec .countSingle h3 {
        margin-bottom: 4px
    }
}

@media (max-height: 800px) {
    .whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec .countSingle h3 {
        margin-bottom: 6px
    }
}

.whyChooseSec .SingleTabContentSec .gridSec .gridR .countSec .countSingle p {
    font-weight: 500
}

.whyChooseSec .mainTitleWrap {
    position: relative;
    z-index: 1
}

    .whyChooseSec .mainTitleWrap h2 {
        max-width: 740px;
        width: 100%;
        margin: 0 auto
    }

.schemeSec {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-block: 100px 95px;
    position: relative
}

@media (max-width: 1680px) {
    .schemeSec {
        padding-block: 75px 70px
    }
}

@media (max-width: 1199px) {
    .schemeSec {
        padding-block: 50px
    }
}

@media (max-width: 991px) {
    .schemeSec {
        padding-block: 30px !important
    }
}

@media (max-height: 800px) {
    .schemeSec {
        padding-block: 50px
    }
}

.schemeSec .schemeWrap {
    display: grid;
    grid-template-columns: 430px 1fr;
    gap: 30px;
    grid-auto-rows: auto
}

@media (max-width: 1680px) {
    .schemeSec .schemeWrap {
        gap: 25px
    }
}

@media (max-width: 1199px) {
    .schemeSec .schemeWrap {
        gap: 20px;
        grid-template-columns: 400px 1fr
    }
}

@media (max-width: 991px) {
    .schemeSec .schemeWrap {
        grid-template-columns: 385px 1fr
    }
}

@media (max-height: 800px) {
    .schemeSec .schemeWrap {
        gap: 20px
    }
}

@media (max-width: 767px) {
    .schemeSec .schemeWrap {
        grid-template-columns: 1fr
    }
}

.schemeSec .schemeWrap .rightWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    grid-auto-rows: auto;
    overflow-y: scroll;
    max-height: 780px;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .schemeSec .schemeWrap .rightWrap::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px
    }

    .schemeSec .schemeWrap .rightWrap::-webkit-scrollbar-track {
        background: transparent
    }

    .schemeSec .schemeWrap .rightWrap::-webkit-scrollbar-thumb {
        background: transparent
    }

@media (max-width: 1720px) {
    .schemeSec .schemeWrap .rightWrap {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 1680px) {
    .schemeSec .schemeWrap .rightWrap {
        gap: 25px
    }
}

@media (max-width: 1279px) {
    .schemeSec .schemeWrap .rightWrap {
        max-height: 700px
    }
}

@media (max-width: 1199px) {
    .schemeSec .schemeWrap .rightWrap {
        gap: 20px;
        grid-template-columns: 1fr
    }
}

@media (max-width: 991px) {
    .schemeSec .schemeWrap .rightWrap {
        max-height: 620px
    }
}

@media (max-height: 800px) {
    .schemeSec .schemeWrap .rightWrap {
        max-height: 700px
    }
}

@media (max-width: 767px) {
    .schemeSec .schemeWrap .rightWrap {
        display: none
    }
}

.schemeSec .schemeWrap .rightWrap .schemeSingleSec {
    background-color: var(--white);
    border-radius: 30px;
    padding: 40px 35px 44px 32px;
    min-height: fit-content;
    min-height: 370px;
    max-height: 370px
}

@media (max-width: 1680px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec {
        padding: 30px 35px;
        min-height: 350px;
        max-height: 350px
    }
}

@media (max-width: 1599px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec {
        min-height: 340px;
        max-height: 340px
    }
}

@media (max-width: 1279px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec {
        min-height: 310px;
        max-height: 310px
    }
}

@media (max-width: 1199px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec {
        min-height: 300px !important;
        max-height: 300px !important
    }
}

@media (max-width: 991px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec {
        min-height: 260px !important;
        max-height: 260px !important;
        padding: 20px 25px;
        border-radius: 12px
    }
}

@media (max-height: 800px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec {
        min-height: 310px;
        max-height: 310px
    }
}

@media (max-width: 480px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec {
        padding: 20px 20px;
        min-height: 290px !important;
        max-height: 290px !important
    }
}

.schemeSec .schemeWrap .rightWrap .schemeSingleSec .designTitle, .schemeSec .schemeWrap .rightWrap .schemeSingleSec .mainTitle {
    text-align: start
}

.schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper .topWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 32px
}

@media (max-width: 1680px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper .topWrap {
        padding-bottom: 22px
    }
}

@media (max-width: 991px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper .topWrap {
        padding-bottom: 14px !important
    }
}

@media (max-height: 800px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper .topWrap {
        padding-bottom: 20px
    }
}

.schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper .topWrap h2 {
    max-width: 245px;
    width: 100%;
    color: var(--black);
    line-height: 33px
}

.schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper .topWrap svg {
    position: relative;
    opacity: 0;
    transition: .3s ease-in all;
    transform: rotateZ(45deg) scale(0.8);
    left: -4px
}

.schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper ul {
    display: flex;
    flex-direction: column;
    gap: 22px;
    height: auto;
    min-height: 200px;
    max-height: 200px
}

@media (max-width: 1680px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper ul {
        padding-bottom: 5px
    }
}

@media (max-width: 1279px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper ul {
        gap: 18px;
        min-height: 170px !important;
        max-height: 170px !important
    }
}

@media (max-width: 991px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper ul {
        gap: 15px !important;
        min-height: 160px !important;
        max-height: 160px !important
    }
}

@media (max-height: 800px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper ul {
        min-height: 180px;
        gap: 18px;
        max-height: 180px
    }
}

@media (max-width: 575px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper ul {
        min-height: 175px !important;
        max-height: 175px !important
    }
}

.schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper ul li {
    display: flex;
    align-items: center;
    gap: 16px
}

    .schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper ul li span {
        color: #F36523;
        font-weight: 500
    }

    .schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper ul li p {
        color: var(--black)
    }

@media (max-width: 991px) {
    .schemeSec .schemeWrap .rightWrap .schemeSingleSec .wrapper ul li p {
        font-size: 14px
    }
}

.schemeSec .schemeWrap .rightWrap .schemeSingleSec:hover .topWrap svg {
    opacity: 1;
    transform: rotateZ(0deg) scale(1.2);
    left: 3px
}

.schemeSec .schemeWrap .leftWrap {
    background-color: #110B09;
    opacity: .9;
    border-radius: 30px;
    padding: 45px 58px 45px 40px
}

@media (max-width: 1680px) {
    .schemeSec .schemeWrap .leftWrap {
        padding: 45px 48px 45px 35px
    }
}

@media (max-width: 1199px) {
    .schemeSec .schemeWrap .leftWrap {
        padding: 30px 35px 30px 30px
    }
}

@media (max-width: 991px) {
    .schemeSec .schemeWrap .leftWrap {
        padding: 20px 25px !important;
        border-radius: 24px
    }
}

@media (max-height: 800px) {
    .schemeSec .schemeWrap .leftWrap {
        padding: 30px 35px 30px 30px
    }
}

@media (max-width: 767px) {
    .schemeSec .schemeWrap .leftWrap {
        border-radius: 12px;
        overflow: hidden;
        padding: 20px !important
    }
}

@media (max-width: 480px) {
    .schemeSec .schemeWrap .leftWrap {
        padding: 20px 15px
    }
}

.schemeSec .schemeWrap .leftWrap p, .schemeSec .schemeWrap .leftWrap h2 {
    color: var(--cfa)
}

.schemeSec .schemeWrap .leftWrap .mainTitleWrap {
    margin-bottom: 37px
}

@media (max-width: 1680px) {
    .schemeSec .schemeWrap .leftWrap .mainTitleWrap {
        margin-bottom: 28px
    }
}

@media (max-width: 1199px) {
    .schemeSec .schemeWrap .leftWrap .mainTitleWrap {
        margin-bottom: 20px
    }
}

@media (max-width: 991px) {
    .schemeSec .schemeWrap .leftWrap .mainTitleWrap {
        margin-bottom: 15px !important
    }
}

@media (max-height: 800px) {
    .schemeSec .schemeWrap .leftWrap .mainTitleWrap {
        margin-bottom: 20px
    }
}

.schemeSec .schemeWrap .leftWrap .mainTitleWrap .mainTitle, .schemeSec .schemeWrap .leftWrap .mainTitleWrap .designTitle {
    text-align: start
}

.schemeSec .schemeWrap .leftWrap .bottomSec {
    position: relative;
    padding-top: 32px
}

@media (max-width: 1680px) {
    .schemeSec .schemeWrap .leftWrap .bottomSec {
        padding-top: 25px
    }
}

.schemeSec .schemeWrap .leftWrap .bottomSec::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(315deg, #f26522 0%, #c32641 51%, #f26522 100%)
}

@media (max-width: 767px) {
    .schemeSec .schemeWrap .leftWrap .bottomSec .bottomSecWrap {
        display: none
    }
}

.schemeSec .schemeWrap .leftWrap .bottomSec .bottomSecWrap P {
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: var(--cfa)
}

@media (max-width: 1680px) {
    .schemeSec .schemeWrap .leftWrap .bottomSec .bottomSecWrap P {
        font-size: 16px;
        font-weight: 400;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    .schemeSec .schemeWrap .leftWrap .bottomSec .bottomSecWrap P {
        font-size: 14px;
        font-weight: 400;
        line-height: 28px
    }
}

@media (max-height: 800px) {
    .schemeSec .schemeWrap .leftWrap .bottomSec .bottomSecWrap P {
        font-size: 14px;
        font-weight: 400;
        line-height: 28px
    }
}

.schemeSec .schemeWrap .leftWrap .bottomSec .bottomSecWrap .flexDiv {
    margin-block: 40px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap
}

    .schemeSec .schemeWrap .leftWrap .bottomSec .bottomSecWrap .flexDiv .singleFlex {
        max-width: 140px;
        width: 100%
    }

        .schemeSec .schemeWrap .leftWrap .bottomSec .bottomSecWrap .flexDiv .singleFlex p {
            font-size: 16px;
            font-weight: 500;
            line-height: 26px;
            color: var(--cfa)
        }

@media (max-width: 1680px) {
    .schemeSec .schemeWrap .leftWrap .bottomSec .bottomSecWrap .flexDiv .singleFlex p {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .schemeSec .schemeWrap .leftWrap .bottomSec .bottomSecWrap .flexDiv .singleFlex p {
        font-size: 12px;
        font-weight: 500;
        line-height: 22px
    }
}

.schemeSec .schemeWrap .leftWrap .bottomSec .bottomSecWrap .flexDiv .singleFlex .imgDiv {
    max-width: 65px;
    width: 100%;
    height: 65px;
    border: 1px solid var(--c70);
    display: grid;
    place-items: center;
    border-radius: 12px;
    margin-bottom: 16px;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    background-color: rgba(255,255,255,0.2)
}

    .schemeSec .schemeWrap .leftWrap .bottomSec .bottomSecWrap .flexDiv .singleFlex .imgDiv img {
        width: 38px;
        height: auto
    }

.schemeSec .schemeWrap .leftWrap .bottomSec .rightWrapMobile {
    display: none
}

@media (max-width: 767px) {
    .schemeSec .schemeWrap .leftWrap .bottomSec .rightWrapMobile {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        overflow: hidden;
        overflow-x: auto;
        grid-auto-flow: column;
        min-height: 290px;
        height: auto;
        max-height: fit-content;
        margin-bottom: 25px;
        scrollbar-width: none;
        scrollbar-color: transparent transparent;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch
    }

        .schemeSec .schemeWrap .leftWrap .bottomSec .rightWrapMobile::-webkit-scrollbar {
            width: 8px;
            margin-left: 5px;
            left: 5px
        }

        .schemeSec .schemeWrap .leftWrap .bottomSec .rightWrapMobile::-webkit-scrollbar-track {
            background: transparent
        }

        .schemeSec .schemeWrap .leftWrap .bottomSec .rightWrapMobile::-webkit-scrollbar-thumb {
            background: transparent
        }

        .schemeSec .schemeWrap .leftWrap .bottomSec .rightWrapMobile .schemeSingleSec {
            min-width: 300px;
            width: 100%;
            border-radius: 12px
        }
}

@media (max-width: 767px) and (max-width: 480px) {
    .schemeSec .schemeWrap .leftWrap .bottomSec .rightWrapMobile .schemeSingleSec {
        min-width: 290px
    }
}

@media (max-width: 767px) {
    .schemeSec .schemeWrap .leftWrap .bottomSec .rightWrapMobile .schemeSingleSec .wrapper ul li {
        align-items: baseline;
        gap: 10px
    }

        .schemeSec .schemeWrap .leftWrap .bottomSec .rightWrapMobile .schemeSingleSec .wrapper ul li svg {
            height: 10px
        }
}

.schemeSec .schemeWrap .leftWrap .bottomSec .rightWrapMobile.bottomSecMobile {
    display: none
}

@media (max-width: 767px) {
    .schemeSec .schemeWrap .leftWrap .bottomSec .rightWrapMobile.bottomSecMobile {
        display: block
    }
}

.schemeSec .schemeWrap .mainTitleWrap h2 {
    max-width: 250px;
    width: 100%
}

.serviceSec {
    padding-block: 100px 99px
}

@media (max-width: 1680px) {
    .serviceSec {
        padding-block: 70px
    }
}

@media (max-width: 1199px) {
    .serviceSec {
        padding-block: 50px
    }
}

@media (max-width: 991px) {
    .serviceSec {
        padding-block: 30px !important
    }
}

@media (max-height: 800px) {
    .serviceSec {
        padding-block: 50px
    }
}

.serviceSec .ServiceWrap {
    margin-top: 74px
}

@media (max-width: 1680px) {
    .serviceSec .ServiceWrap {
        margin-top: 50px
    }
}

@media (max-width: 1366px) {
    .serviceSec .ServiceWrap {
        margin-top: 40px
    }
}

@media (max-width: 1199px) {
    .serviceSec .ServiceWrap {
        margin-top: 30px
    }
}

@media (max-width: 991px) {
    .serviceSec .ServiceWrap {
        margin-top: 25px !important
    }
}

@media (max-height: 800px) {
    .serviceSec .ServiceWrap {
        margin-top: 30px
    }
}

.serviceSec .ServiceWrap .DropdownSec {
    max-width: 1324px;
    width: 100%;
    margin: 0 auto;
    background-color: var(--white);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 32px;
    row-gap: 40px;
    transition: .3s ease-in-out
}

@media (max-width: 1680px) {
    .serviceSec .ServiceWrap .DropdownSec {
        gap: 30px 20px
    }
}

@media (max-width: 991px) {
    .serviceSec .ServiceWrap .DropdownSec {
        grid-template-columns: 1fr 1fr;
        justify-items: center
    }
}

@media (max-width: 680px) {
    .serviceSec .ServiceWrap .DropdownSec {
        grid-template-columns: 1fr;
        gap: 20px;
        display: none
    }
}

.serviceSec .ServiceWrap .DropdownSec li {
    max-width: 420px;
    width: 100%;
    border-radius: var(--br12)
}

    .serviceSec .ServiceWrap .DropdownSec li:hover {
        -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25)
    }

        .serviceSec .ServiceWrap .DropdownSec li:hover svg {
            opacity: 1;
            transform: rotateZ(0deg) scale(1.1);
            left: 3px
        }

@media (max-width: 767px) {
    .serviceSec .ServiceWrap .DropdownSec li {
        -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
        box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1)
    }

        .serviceSec .ServiceWrap .DropdownSec li svg {
            opacity: 0;
            transform: rotateZ(0deg) scale(1.1);
            left: 3px
        }
}

.serviceSec .ServiceWrap .DropdownSec li a {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    padding: 6px 20px 6px 6px;
    gap: 10px
}

@media (max-width: 767px) {
    .serviceSec .ServiceWrap .DropdownSec li a {
        grid-template-columns: auto 1fr
    }
}

.serviceSec .ServiceWrap .DropdownSec li a .imgDiv {
    width: 80px;
    height: auto;
    background-color: transparent
}

@media (max-width: 1680px) {
    .serviceSec .ServiceWrap .DropdownSec li a .imgDiv {
        width: 70px;
        max-width: 100%
    }
}

@media (max-width: 1279px) {
    .serviceSec .ServiceWrap .DropdownSec li a .imgDiv {
        width: 62px;
        max-width: 100%
    }
}

@media (max-height: 800px) {
    .serviceSec .ServiceWrap .DropdownSec li a .imgDiv {
        width: 62px;
        max-width: 100%
    }
}

.serviceSec .ServiceWrap .DropdownSec li a .textSec h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color: var(--c2d);
    margin-bottom: 12px
}

@media (max-width: 1680px) {
    .serviceSec .ServiceWrap .DropdownSec li a .textSec h3 {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .serviceSec .ServiceWrap .DropdownSec li a .textSec h3 {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .serviceSec .ServiceWrap .DropdownSec li a .textSec h3 {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .serviceSec .ServiceWrap .DropdownSec li a .textSec h3 {
        margin-bottom: 4px
    }
}

.serviceSec .ServiceWrap .DropdownSec li a .textSec p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--c2d)
}

@media (max-width: 1279px) {
    .serviceSec .ServiceWrap .DropdownSec li a .textSec p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

@media (max-height: 800px) {
    .serviceSec .ServiceWrap .DropdownSec li a .textSec p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.serviceSec .ServiceWrap .DropdownSec li a svg {
    position: relative;
    opacity: 0;
    transition: .3s ease-in all;
    transform: rotateZ(45deg) scale(0.8);
    left: -4px
}

@media (max-width: 767px) {
    .serviceSec .ServiceWrap .DropdownSec li a svg {
        opacity: 0;
        display: none
    }
}

.serviceSec .ServiceWrap .serviceMobileSec {
    display: grid;
    gap: 10px
}

    .serviceSec .ServiceWrap .serviceMobileSec .DropdownSec {
        display: none
    }

@media (max-width: 680px) {
    .serviceSec .ServiceWrap .serviceMobileSec .DropdownSec {
        padding: 5px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px
    }
}

.serviceSec .ServiceWrap .serviceMobileSec .expandUl {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out
}

    .serviceSec .ServiceWrap .serviceMobileSec .expandUl.show {
        max-height: max-content
    }

.serviceSec .ServiceWrap .cmnBtn {
    display: none
}

@media (max-width: 767px) {
    .serviceSec .ServiceWrap .cmnBtn {
        display: flex;
        margin: 0 auto;
        margin-top: 20px
    }
}

.serviceSec .ServiceWrap .cmnBtn:hover {
    background-color: var(--white);
    color: var(--c2d)
}

.serviceSec .mainTitleWrap h2 {
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
    text-wrap: balance
}

.serviceSec .mainTitleWrap .designTitle span {
    aspect-ratio: 3 / 1;
    padding: 24px 33px
}

.calculatorSec {
    background: rgba(255,230,193,0.5);
    background: linear-gradient(309deg, rgba(255,230,193,0.5) 0%, rgba(252,233,201,0.5) 51%, rgba(250,231,216,0.5) 74%, rgba(255,226,175,0.5) 100%);
    padding-block: 71px 125px;
    position: relative;
    position: relative
}

@media (max-width: 1680px) {
    .calculatorSec {
        padding-block: 70px
    }
}

@media (max-width: 1199px) {
    .calculatorSec {
        padding-block: 50px
    }
}

@media (max-width: 991px) {
    .calculatorSec {
        padding-block: 30px !important
    }
}

@media (max-height: 800px) {
    .calculatorSec {
        padding-block: 50px
    }
}

.calculatorSec::after {
    position: absolute;
    content: '';
    width: 245px;
    height: 150px;
    bottom: -65px;
    right: 40px;
    background-repeat: no-repeat;
    background-image: url("../images/coins.svg")
}

@media (max-width: 991px) {
    .calculatorSec::after {
        max-width: 200px;
        width: 100%;
        height: 118px;
        bottom: -57px;
        right: 24px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }
}

@media (max-height: 800px) {
    .calculatorSec::after {
        max-width: 200px;
        width: 100%;
        height: 118px;
        bottom: -57px;
        right: 24px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }
}

@media (max-width: 680px) {
    .calculatorSec::after {
        max-width: 130px !important;
        bottom: -15px !important
    }
}

.calculatorSec .calGridSec {
    display: grid;
    grid-template-columns: 45% 1fr;
    gap: 40px
}

@media (max-width: 1680px) {
    .calculatorSec .calGridSec {
        grid-template-columns: 36% 1fr
    }
}

@media (max-width: 1199px) {
    .calculatorSec .calGridSec {
        grid-template-columns: 32% 1fr
    }
}

@media (max-width: 991px) {
    .calculatorSec .calGridSec {
        grid-template-columns: 1fr;
        gap: 0
    }
}

.calculatorSec .calGridSec .gridL {
    display: grid;
    place-items: center
}

    .calculatorSec .calGridSec .gridL .imgDiv {
        max-width: 480px;
        width: 100%;
        height: auto
    }

@media (max-width: 1680px) {
    .calculatorSec .calGridSec .gridL .imgDiv {
        max-width: 400px
    }
}

@media (max-width: 1366px) {
    .calculatorSec .calGridSec .gridL .imgDiv {
        max-width: 350px
    }
}

@media (max-width: 1199px) {
    .calculatorSec .calGridSec .gridL .imgDiv {
        max-width: 285px !important
    }
}

@media (max-width: 991px) {
    .calculatorSec .calGridSec .gridL .imgDiv {
        display: none !important
    }
}

@media (max-height: 800px) {
    .calculatorSec .calGridSec .gridL .imgDiv {
        max-width: 350px
    }
}

.calculatorSec .calGridSec .gridR .mainTitleWrap {
    margin-bottom: 40px
}

@media (max-width: 1680px) {
    .calculatorSec .calGridSec .gridR .mainTitleWrap {
        margin-bottom: 30px
    }
}

@media (max-width: 1279px) {
    .calculatorSec .calGridSec .gridR .mainTitleWrap {
        margin-bottom: 20px
    }
}

@media (max-width: 991px) {
    .calculatorSec .calGridSec .gridR .mainTitleWrap {
        margin-bottom: 15px !important
    }
}

@media (max-height: 800px) {
    .calculatorSec .calGridSec .gridR .mainTitleWrap {
        margin-bottom: 20px
    }
}

.calculatorSec .calGridSec .gridR .mainTitleWrap .designTitle, .calculatorSec .calGridSec .gridR .mainTitleWrap h2 {
    text-align: start
}

.calculatorSec .calGridSec .gridR .mainTitleWrap h2 {
    max-width: 260px;
    width: 100%
}

@media (max-width: 680px) {
    .calculatorSec .calGridSec .gridR .mainTitleWrap h2 {
        max-width: 200px
    }
}

.calculatorSec .calGridSec .gridR .bottomCalSec h2 {
    max-width: 465px;
    width: 100%;
    color: var(--black);
    margin-bottom: 40px
}

@media (max-width: 1680px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec h2 {
        margin-bottom: 30px
    }
}

@media (max-width: 1279px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec h2 {
        margin-bottom: 25px
    }
}

@media (max-width: 991px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec h2 {
        margin-bottom: 20px !important
    }
}

@media (max-height: 800px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec h2 {
        margin-bottom: 25px
    }
}

@media (max-width: 680px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec h2 {
        margin-bottom: 10px !important
    }
}

.calculatorSec .calGridSec .gridR .bottomCalSec .subTitle {
    line-height: 33px
}

@media (max-width: 991px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec .subTitle {
        font-size: 16px;
        text-wrap: pretty
    }
}

.calculatorSec .calGridSec .gridR .bottomCalSec form {
    display: flex;
    align-items: center;
    margin-bottom: 62px;
    gap: 20px
}

@media (max-width: 1680px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form {
        margin-bottom: 50px
    }
}

@media (max-width: 1279px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form {
        margin-bottom: 40px
    }
}

@media (max-width: 1199px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form {
        gap: 12px;
        flex-wrap: wrap
    }
}

@media (max-width: 991px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form {
        margin-bottom: 30px
    }
}

@media (max-height: 800px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form {
        margin-bottom: 40px
    }
}

@media (max-width: 680px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form {
        flex-direction: column;
        align-items: flex-start
    }
}

.calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow {
    max-width: 260px;
    margin: 0
}

@media (max-width: 680px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow {
        width: 100%;
        max-width: 100%
    }
}

.calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow label {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    display: inline-block;
    margin-bottom: 15px
}

@media (max-width: 1279px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow label {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px
    }
}

@media (max-height: 800px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow label {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px
    }
}

@media (max-width: 680px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow label {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 8px
    }
}

.calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow .inputCtrl1 {
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25)
}

@media (max-width: 1199px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow .inputCtrl {
        padding-inline: 10px
    }
}

@media (max-width: 680px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow .inputCtrl {
        height: 55px
    }
}

.calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow .inputCtrl #spin {
    display: none
}

.calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow .symbol {
    background-color: var(--white);
    display: flex;
    align-items: center;
    border-radius: 12px;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25)
}

@media (max-width: 680px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow .symbol {
        border-radius: 8px
    }
}

.calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow .symbol .icon {
    padding-inline: 18px;
    border-right: 1px solid #DDDDDD;
    height: 24px
}

@media (max-width: 1199px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow .symbol .icon {
        padding-inline: 10px
    }
}

.calculatorSec .calGridSec .gridR .bottomCalSec form .inputRow .symbol .icon img {
    width: 24px
}

.calculatorSec .calGridSec .gridR .bottomCalSec form .or {
    margin-top: 35px;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color: #707070
}

@media (max-width: 680px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form .or {
        margin-top: 10px
    }
}

.calculatorSec .calGridSec .gridR .bottomCalSec form .cmnBtn {
    margin-top: auto
}

@media (max-width: 680px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form .cmnBtn {
        padding: 17px 32px;
        justify-content: center;
        margin-top: 10px;
        background-color: var(--btnClr);
        color: var(--white)
    }

        .calculatorSec .calGridSec .gridR .bottomCalSec form .cmnBtn svg {
            transform: rotateZ(315deg) scale(1.4);
            left: 3px
        }

            .calculatorSec .calGridSec .gridR .bottomCalSec form .cmnBtn svg .fill {
                fill: var(--white)
            }

        .calculatorSec .calGridSec .gridR .bottomCalSec form .cmnBtn span svg path {
            fill: var(--white)
        }
}

.calculatorSec .calGridSec .gridR .bottomCalSec form label {
    font-size: 16px;
    font-weight: 500
}

@media (max-width: 1279px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form label {
        font-size: 14px
    }
}

@media (max-height: 800px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec form label {
        font-size: 14px
    }
}

.calculatorSec .calGridSec .gridR .bottomCalSec .noteSec h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color: var(--c2d);
    margin-bottom: 32px
}

@media (max-width: 1680px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec .noteSec h3 {
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec .noteSec h3 {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec .noteSec h3 {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

.calculatorSec .calGridSec .gridR .bottomCalSec .noteSec ul {
    display: grid;
    gap: 20px;
    margin-bottom: 40px
}

@media (max-width: 1680px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec .noteSec ul {
        margin-bottom: 30px
    }
}

@media (max-width: 1279px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec .noteSec ul {
        gap: 15px
    }
}

@media (max-width: 1199px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec .noteSec ul {
        margin-bottom: 20px;
        gap: 12px
    }
}

@media (max-height: 800px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec .noteSec ul {
        margin-bottom: 20px;
        gap: 12px
    }
}

.calculatorSec .calGridSec .gridR .bottomCalSec .noteSec ul li {
    display: flex;
    gap: 16px;
    align-items: center
}

@media (max-width: 1279px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec .noteSec ul li {
        gap: 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec .noteSec ul li {
        gap: 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-width: 680px) {
    .calculatorSec .calGridSec .gridR .bottomCalSec .noteSec ul li svg {
        width: 12px;
        height: 12px
    }
}

.calculatorSec .calGridSec .gridR .bottomCalSec .noteSec .cmnBtn:hover svg {
    transform: rotateZ(315deg) scale(1.2)
}

    .calculatorSec .calGridSec .gridR .bottomCalSec .noteSec .cmnBtn:hover svg path .fill {
        fill: var(--white)
    }

.testimonialSec {
    padding-block: 115px 90px;
    position: relative
}

@media (max-width: 1680px) {
    .testimonialSec {
        padding-block: 70px
    }
}

@media (max-width: 1199px) {
    .testimonialSec {
        padding-block: 50px
    }
}

@media (max-width: 991px) {
    .testimonialSec {
        padding-block: 30px !important
    }
}

@media (max-height: 800px) {
    .testimonialSec {
        padding-block: 50px
    }
}

.testimonialSec::after, .testimonialSec::before {
    position: absolute;
    content: '';
    width: 70px;
    height: 54px;
    top: 260px;
    left: 190px;
    background-image: url("../images/testiSVGL.svg")
}

@media (max-width: 1680px) {
    .testimonialSec::after, .testimonialSec::before {
        top: 220px
    }
}

@media (max-width: 1279px) {
    .testimonialSec::after, .testimonialSec::before {
        top: 205px
    }
}

@media (max-width: 1199px) {
    .testimonialSec::after, .testimonialSec::before {
        top: 180px;
        left: 160px
    }
}

@media (max-width: 991px) {
    .testimonialSec::after, .testimonialSec::before {
        left: 20px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 50px !important;
        height: 35px !important;
        top: 160px
    }
}

@media (max-height: 800px) {
    .testimonialSec::after, .testimonialSec::before {
        top: 200px;
        width: 60px;
        height: 46px;
        background-size: cover
    }
}

@media (max-width: 680px) {
    .testimonialSec::after, .testimonialSec::before {
        top: 180px !important;
        width: 40px !important;
        height: 30px !important
    }
}

.testimonialSec::after {
    left: auto;
    right: 155px;
    background-image: url("../images/testiSVGR.svg")
}

@media (max-width: 991px) {
    .testimonialSec::after {
        right: 20px
    }
}

.testimonialSec .mainTitleWrap {
    margin-bottom: 60px
}

    .testimonialSec .mainTitleWrap h2 {
        max-width: 385px;
        width: 100%;
        margin: 0 auto
    }

@media (max-width: 680px) {
    .testimonialSec .mainTitleWrap h2 {
        max-width: 290px
    }
}

.testimonialSec .testimonialCarouselWrap .item {
    position: relative;
    border-radius: 12px;
    width: 314px !important;
    cursor: pointer;
    margin-right: 20px;
    margin-left: 20px;
    transition: 0.4s all cubic-bezier(0.05, 0.61, 0.41, 0.95);
    -webkit-filter: grayscale(1);
    filter: grayscale(100%)
}

@media (max-width: 1599px) {
    .testimonialSec .testimonialCarouselWrap .item {
        margin-inline: 0
    }
}

@media (max-width: 1199px) {
    .testimonialSec .testimonialCarouselWrap .item {
        width: 275px !important
    }
}

@media (max-height: 800px) {
    .testimonialSec .testimonialCarouselWrap .item {
        width: 275px !important
    }
}

@media (max-width: 767px) {
    .testimonialSec .testimonialCarouselWrap .item {
        width: 240px !important
    }
}

@media (max-width: 575px) {
    .testimonialSec .testimonialCarouselWrap .item {
        width: 180px !important;
        transition: all 0.4s ease-in-out
    }
}

.testimonialSec .testimonialCarouselWrap .item img {
    border-radius: 12px
}

@media (max-width: 575px) {
    .testimonialSec .testimonialCarouselWrap .item img {
        border-radius: 8px
    }
}

.testimonialSec .testimonialCarouselWrap .item.textItem .textArea {
    display: none;
    opacity: 0;
    pointer-events: none
}

.testimonialSec .testimonialCarouselWrap .item.videoItem {
    min-height: 314px;
    object-fit: cover;
    background-position: center top
}

@media (max-width: 1199px) {
    .testimonialSec .testimonialCarouselWrap .item.videoItem {
        min-height: 275px
    }
}

@media (max-width: 991px) {
    .testimonialSec .testimonialCarouselWrap .item.videoItem {
        min-height: 240px !important
    }
}

@media (max-height: 800px) {
    .testimonialSec .testimonialCarouselWrap .item.videoItem {
        min-height: 275px
    }
}

@media (max-width: 575px) {
    .testimonialSec .testimonialCarouselWrap .item.videoItem {
        min-height: 180px !important
    }
}

.testimonialSec .testimonialCarouselWrap .item.videoItem .wrap {
    opacity: 0
}

@media (max-width: 480px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage-outer {
        margin-left: 2px
    }
}

.testimonialSec .testimonialCarouselWrap .owl-stage {
    display: flex;
    justify-content: center
}

    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item {
        padding-top: 5px
    }

        .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center {
            width: auto !important;
            max-width: 100% !important
        }

@media (max-width: 1680px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center {
        max-width: 100% !important
    }
}

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item {
    position: relative;
    filter: none;
    width: 800px !important;
    height: auto;
    border-radius: 22px
}

@media (max-width: 1199px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item {
        width: 650px !important
    }
}

@media (max-height: 800px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item {
        width: 650px !important
    }
}

@media (max-width: 767px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item {
        width: 480px !important
    }
}

@media (max-width: 575px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item {
        width: 360px !important;
        border-radius: 12px
    }
}

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem {
    padding: 37px 50px 15px 50px;
    background-color: var(--white);
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    border-radius: 22px;
    position: relative;
    min-height: 340px;
    height: auto;
    margin-bottom: 90px
}

    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem::after {
        display: none
    }

@media (max-width: 1199px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem {
        padding: 30px 30px 15px 30px;
        min-height: 320px
    }
}

@media (max-width: 991px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem {
        min-height: 265px !important;
        margin-bottom: 100px
    }
}

@media (max-height: 800px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem {
        padding: 30px 30px 15px 30px;
        min-height: 320px
    }
}

@media (max-width: 767px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem {
        min-height: 240px !important;
        margin-bottom: 85px;
        padding-bottom: 10px !important
    }
}

@media (max-width: 575px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem {
        border-radius: 12px;
        min-height: 217px !important;
        margin-bottom: 75px
    }
}

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .textArea {
    margin-bottom: 118px;
    display: flex;
    opacity: 1;
    pointer-events: all;
    gap: 24px;
    flex-direction: column;
    transition: .4s ease-in-out all
}

@media (max-width: 767px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .textArea {
        margin-bottom: 50px
    }
}

@media (max-width: 575px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .textArea {
        gap: 18px;
        margin-bottom: 0
    }
}

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .textArea p {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    color: var(--black)
}

@media (max-width: 1680px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .textArea p {
        font-size: 18px;
        font-weight: 400;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .textArea p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .textArea p {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .textArea p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px
    }
}

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .textArea h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 33px;
    color: var(--c2d)
}

@media (max-width: 1680px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .textArea h2 {
        font-size: 22px;
        font-weight: 500;
        line-height: 30px
    }
}

@media (max-width: 1366px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .textArea h2 {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .textArea h2 {
        font-size: 18px !important;
        font-weight: 500;
        line-height: 28px !important
    }
}

@media (max-height: 800px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .textArea h2 {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px
    }
}

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .profileDiv {
    position: absolute;
    max-width: 200px;
    width: 100%;
    bottom: -88px;
    left: 36%
}

@media (max-width: 1199px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .profileDiv {
        max-width: 160px;
        bottom: -100px
    }
}

@media (max-height: 800px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .profileDiv {
        max-width: 160px;
        bottom: -80px
    }
}

@media (max-width: 767px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .profileDiv {
        max-width: 110px !important;
        bottom: -80px
    }
}

@media (max-width: 575px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.textItem .profileDiv {
        max-width: 80px !important;
        bottom: -70px !important
    }
}

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem {
    display: flex;
    align-items: self-end;
    justify-content: center;
    position: relative;
    border-radius: 22px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 430px;
    height: auto;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25)
}

@media (max-width: 1199px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem {
        min-height: 365px
    }
}

@media (max-height: 800px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem {
        min-height: 365px
    }
}

@media (max-width: 767px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem {
        min-height: 325px !important
    }
}

@media (max-width: 575px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem {
        min-height: 222px !important;
        border-radius: 12px
    }
}

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00000030;
    border-radius: 22px
}

@media (max-width: 575px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem::after {
        border-radius: 12px
    }
}

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap {
    position: relative;
    z-index: 1;
    margin-bottom: 49px;
    text-align: center;
    text-align: -webkit-center;
    opacity: 1
}

@media (max-width: 991px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap {
        margin-bottom: 30px
    }
}

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap h3 {
    font-size: 23px;
    font-weight: 500;
    line-height: 33px;
    color: var(--white);
    margin-bottom: 40px
}

@media (max-width: 1680px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap h3 {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 20px
    }
}

@media (max-width: 991px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap h3 {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px
    }
}

@media (max-height: 800px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap h3 {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px
    }
}

@media (max-width: 1680px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap .cmnBtn {
        padding: 12px 18px
    }
}

@media (max-width: 991px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap .cmnBtn {
        padding: 8px 14px
    }
}

@media (max-height: 800px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap .cmnBtn {
        padding: 8px 14px
    }
}

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap .cmnBtn span {
    font-size: 16px;
    font-weight: 400;
    line-height: 33px
}

@media (max-width: 991px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap .cmnBtn span {
        font-size: 14px;
        font-weight: 400;
        line-height: 30px
    }
}

@media (max-height: 800px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap .cmnBtn span {
        font-size: 14px;
        font-weight: 400;
        line-height: 30px
    }
}

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap .cmnBtn svg {
    transform: rotateZ(359deg)
}

@media (max-width: 991px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap .cmnBtn svg {
        width: 12px;
        height: 12px
    }
}

@media (max-height: 800px) {
    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap .cmnBtn svg {
        width: 12px;
        height: 12px
    }
}

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap .cmnBtn:hover svg {
    transform: none;
    transform: rotateZ(359deg)
}

    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem .wrap .cmnBtn:hover svg path {
        fill: var(--white)
    }

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.center .item.videoItem img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.prev .item, .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.next .item {
    filter: none;
    position: relative;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    transition: .4s ease-in-out all
}

    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.prev .item::after, .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.next .item::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 12px
    }

    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.next .item::after {
        transition: .4s ease-in-out all;
        background: linear-gradient(270deg, #000 0%, transparent 100%)
    }

    .testimonialSec .testimonialCarouselWrap .owl-stage .owl-item.prev .item::after {
        transition: .4s ease-in-out all;
        background: linear-gradient(90deg, #000 0%, transparent 100%)
    }

.mobileAppSec {
    padding-block: 96px 100px;
    background: rgba(239,183,183,0.08);
    background: linear-gradient(309deg, rgba(239,183,183,0.08) 0%, rgba(139,162,216,0.08) 20%, rgba(172,223,216,0.08) 40%, rgba(199,223,166,0.08) 60%, rgba(141,203,182,0.08) 80%, rgba(213,148,148,0.08) 100%)
}

@media (max-width: 1680px) {
    .mobileAppSec {
        padding-block: 70px
    }
}

@media (max-width: 1199px) {
    .mobileAppSec {
        padding-block: 50px
    }
}

@media (max-width: 991px) {
    .mobileAppSec {
        padding-block: 30px 0 !important
    }
}

@media (max-height: 800px) {
    .mobileAppSec {
        padding-block: 50px
    }
}

.mobileAppSec .mobileSecWrap {
    padding-left: 100px
}

@media (max-width: 1680px) {
    .mobileAppSec .mobileSecWrap {
        padding-left: 75px
    }
}

@media (max-width: 1366px) {
    .mobileAppSec .mobileSecWrap {
        padding-left: 50px
    }
}

@media (max-width: 1199px) {
    .mobileAppSec .mobileSecWrap {
        padding-left: 40px
    }
}

@media (max-width: 991px) {
    .mobileAppSec .mobileSecWrap {
        padding-left: 0 !important
    }
}

@media (max-height: 800px) {
    .mobileAppSec .mobileSecWrap {
        padding-left: 40px
    }
}

.mobileAppSec .mobileSecWrap .gridSec {
    display: grid;
    grid-template-columns: 44.5% 1fr;
    gap: 20px
}

@media (max-width: 991px) {
    .mobileAppSec .mobileSecWrap .gridSec {
        grid-template-columns: 1fr;
        gap: 8px
    }
}

.mobileAppSec .mobileSecWrap .gridSec .gridL {
    max-width: 800px;
    padding-right: 20px
}

@media (min-width: 2000px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL {
        margin-inline-start: auto;
        width: 100%
    }
}

@media (max-width: 991px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL {
        padding-left: 15px
    }
}

@media (max-height: 800px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL {
        padding-left: 15px
    }
}

.mobileAppSec .mobileSecWrap .gridSec .gridL .wrap {
    max-width: 620px;
    width: 100%
}

    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .mainTitleWrap {
        margin-bottom: 72px
    }

@media (max-width: 1680px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .mainTitleWrap {
        margin-bottom: 50px
    }
}

@media (max-width: 1366px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .mainTitleWrap {
        margin-bottom: 40px
    }
}

@media (max-width: 991px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .mainTitleWrap {
        margin-bottom: 10px !important
    }
}

@media (max-height: 800px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .mainTitleWrap {
        margin-bottom: 40px
    }
}

.mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .mainTitleWrap .designTitle, .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .mainTitleWrap h2 {
    text-align: start;
    max-width: 27ch;
    width: 100%
}

.mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .mainTitleWrap h2 {
    max-width: 570px;
    width: 100%
}

.mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec {
    max-width: 563px;
    width: 100%;
    padding-left: 60px;
    padding-bottom: 60px
}

@media (max-width: 1366px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec {
        padding-left: 30px;
        padding-bottom: 30px
    }
}

@media (max-width: 991px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec {
        padding-left: 0px !important;
        padding-bottom: 20px !important
    }
}

@media (max-height: 800px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec {
        padding-left: 30px;
        padding-bottom: 30px
    }
}

.mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .flexDiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
    max-width: 440px;
    width: 100%
}

@media (max-width: 1199px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .flexDiv {
        gap: 20px
    }
}

@media (max-width: 680px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .flexDiv {
        display: none
    }
}

.mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .flexDiv .singleFlex {
    position: relative;
    padding-top: 16px;
    max-width: 202px;
    width: 100%
}

@media (max-width: 1199px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .flexDiv .singleFlex {
        max-width: 170px;
        min-width: 150px
    }
}

@media (max-height: 800px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .flexDiv .singleFlex {
        max-width: 170px;
        min-width: 150px
    }
}

.mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .flexDiv .singleFlex::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    top: 0;
    background: #35d940;
    background: linear-gradient(16deg, #35d940 0%, #7d44c7 25%, #585eb0 48%, #7d6f95 74%, #ce9b43 100%)
}

.mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .flexDiv .singleFlex p {
    margin: 0;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 12px
}

@media (max-width: 1279px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .flexDiv .singleFlex p {
        margin-bottom: 4px
    }
}

.mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .flexDiv .singleFlex h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 33px
}

@media (max-width: 1680px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .flexDiv .singleFlex h3 {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px
    }
}

@media (max-width: 1199px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .flexDiv .singleFlex h3 {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .flexDiv .singleFlex h3 {
        font-size: 18px !important;
        font-weight: 600;
        line-height: 27px !important
    }
}

@media (max-height: 800px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .flexDiv .singleFlex h3 {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }
}

.mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec p {
    line-height: 26px;
    margin-block: 36px 40px
}

@media (max-width: 1680px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec p {
        line-height: 24px;
        margin-block: 25px 30px
    }
}

@media (max-width: 1279px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec p {
        margin-block: 20px 25px;
        font-size: 14px
    }
}

@media (max-width: 991px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec p {
        margin-block: 0 20px !important;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec p {
        margin-block: 16px 20px;
        font-size: 14px
    }
}

.mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .downloadSec h4 {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px
}

@media (max-width: 680px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .downloadSec h4 {
        text-align: center
    }
}

.mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .downloadSec .playStoreDiv {
    display: flex;
    align-items: center;
    gap: 7px
}

@media (max-width: 680px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .downloadSec .playStoreDiv {
        gap: 20px;
        justify-content: center
    }
}

.mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .downloadSec .playStoreDiv img {
    max-width: 150px;
    width: fit-content;
    height: auto;
    border-radius: var(--br12)
}

@media (max-width: 991px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .downloadSec .playStoreDiv img {
        max-width: 120px
    }
}

@media (max-height: 800px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .downloadSec .playStoreDiv img {
        max-width: 130px;
        border-radius: 8px
    }
}

@media (max-width: 680px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridL .wrap .contentSec .downloadSec .playStoreDiv img {
        max-width: 180px;
        width: 100%;
        border-radius: 8px
    }
}

.mobileAppSec .mobileSecWrap .gridSec .gridR {
    max-width: 1000px;
    overflow: hidden;
    display: grid;
    align-items: end
}

    .mobileAppSec .mobileSecWrap .gridSec .gridR .scrollDiv {
        display: flex;
        width: 100%;
        z-index: 1;
        position: relative;
        width: max-content;
        flex-wrap: nowrap;
        animation: scroll 40s forwards linear infinite;
        -webkit-animation: scroll 40s linear infinite;
        margin-bottom: -6px;
        overflow: hidden
    }

        .mobileAppSec .mobileSecWrap .gridSec .gridR .scrollDiv li {
            max-width: 225px;
            width: 100%
        }

@media (max-width: 991px) {
    .mobileAppSec .mobileSecWrap .gridSec .gridR .scrollDiv li {
        max-width: 115px
    }
}

.newsSec {
    margin-block: 60px 140px
}

@media (max-width: 1680px) {
    .newsSec {
        margin-block: 60px 80px
    }
}

@media (max-width: 1199px) {
    .newsSec {
        margin-block: 50px 70px
    }
}

@media (max-width: 991px) {
    .newsSec {
        margin-block: 30px 40px !important
    }
}

@media (max-height: 800px) {
    .newsSec {
        margin-block: 50px 70px
    }
}

.newsSec .mainTitleWrap {
    margin-bottom: 30px
}

@media (max-width: 1199px) {
    .newsSec .mainTitleWrap {
        margin-bottom: 20px
    }
}

@media (max-width: 991px) {
    .newsSec .mainTitleWrap {
        margin-bottom: 15px
    }
}

@media (max-height: 800px) {
    .newsSec .mainTitleWrap {
        margin-bottom: 20px
    }
}

.newsSec .tabSec {
    display: flex;
    align-items: center;
    gap: 60px;
    margin: 0 auto;
    margin-bottom: 32px;
    max-width: 395px;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .newsSec .tabSec::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px
    }

    .newsSec .tabSec::-webkit-scrollbar-track {
        background: transparent
    }

    .newsSec .tabSec::-webkit-scrollbar-thumb {
        background: transparent
    }

@media (max-width: 991px) {
    .newsSec .tabSec {
        margin-bottom: 25px
    }
}

@media (max-width: 680px) {
    .newsSec .tabSec {
        max-width: 283px;
        gap: 35px
    }
}

.newsSec .tabSec li {
    min-width: fit-content;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--c70);
    padding-bottom: 10px;
    transition: .4s ease-out all;
    cursor: pointer;
    border-bottom: 1px solid transparent
}

@media (max-width: 1279px) {
    .newsSec .tabSec li {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

.newsSec .tabSec li.activeNews {
    color: var(--black);
    padding-bottom: 10px;
    border-bottom: 1px solid var(--theme-colour1)
}

.newsSec .newsContentSec .newsInnerWrap {
    display: grid;
    grid-template-columns: 38.5% 1fr;
    gap: 36px;
    margin-bottom: 40px
}

@media (max-width: 1850px) {
    .newsSec .newsContentSec .newsInnerWrap {
        gap: 25px
    }
}

@media (max-width: 1680px) {
    .newsSec .newsContentSec .newsInnerWrap {
        grid-template-columns: 40% 1fr
    }
}

@media (max-width: 1450px) {
    .newsSec .newsContentSec .newsInnerWrap {
        gap: 5px;
        grid-template-columns: 47% 1fr
    }
}

@media (max-width: 991px) {
    .newsSec .newsContentSec .newsInnerWrap {
        grid-template-columns: 1fr;
        gap: 30px;
        justify-items: center
    }
}

@media (max-width: 680px) {
    .newsSec .newsContentSec .newsInnerWrap {
        display: none
    }
}

.newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyOne {
    grid-template-columns: 1fr;
    gap: 0
}

    .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyOne .firstSec {
        max-width: 670px;
        border-right: none;
        padding-inline-end: 0;
        margin-inline: auto
    }

    .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyOne .rightWrap {
        display: none
    }

.newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo {
    grid-template-columns: 1fr auto;
    max-width: fit-content;
    margin-inline: auto
}

@media (max-width: 1450px) {
    .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo {
        gap: 25px
    }
}

@media (max-width: 1199px) {
    .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo {
        gap: 20px
    }
}

@media (max-width: 991px) {
    .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo {
        grid-template-columns: 1fr
    }
}

@media (max-height: 800px) {
    .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo {
        gap: 20px
    }
}

.newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo .firstSec {
    max-width: 670px
}

@media (max-width: 1450px) {
    .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo .firstSec {
        border-right: 1px solid #EDEDED
    }
}

@media (max-width: 991px) {
    .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo .firstSec {
        border-right: none
    }
}

.newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo .rightWrap {
    grid-template-columns: auto;
    max-width: fit-content;
    margin-inline-end: auto
}

@media (max-width: 1450px) {
    .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo .rightWrap .middleSec {
        display: grid
    }
}

@media (max-width: 991px) {
    .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo .rightWrap .middleSec .singleSec {
        max-width: 650px;
        width: 100%;
        display: grid;
        grid-template-columns: auto 1fr;
        grid-auto-rows: auto auto auto;
        gap: 20px
    }

        .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo .rightWrap .middleSec .singleSec .imgDiv {
            max-width: 250px;
            min-height: 150px
        }

            .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo .rightWrap .middleSec .singleSec .imgDiv img {
                height: 100%
            }

        .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo .rightWrap .middleSec .singleSec .date {
            grid-column: 2;
            grid-row: 1;
            margin-block: auto 0
        }

            .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo .rightWrap .middleSec .singleSec .date p {
                font-size: 13px;
                font-weight: 500;
                line-height: 19px;
                color: var(--black)
            }

        .newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo .rightWrap .middleSec .singleSec p {
            max-height: 50px;
            overflow: hidden;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            font-size: 16px;
            font-weight: 500;
            line-height: 24px;
            grid-column: 2;
            grid-row: 1
        }
}

.newsSec .newsContentSec .newsInnerWrap.dynmcCnt.ifOnlyTwo .rightWrap .lastSec {
    display: none
}

.newsSec .newsContentSec .newsInnerWrap .imgDiv img {
    border-radius: var(--br12)
}

.newsSec .newsContentSec .newsInnerWrap h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    color: var(--c2d);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (max-width: 1850px) {
    .newsSec .newsContentSec .newsInnerWrap h2 {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px
    }
}

@media (max-width: 1680px) {
    .newsSec .newsContentSec .newsInnerWrap h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 1279px) {
    .newsSec .newsContentSec .newsInnerWrap h2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .newsSec .newsContentSec .newsInnerWrap h2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

.newsSec .newsContentSec .newsInnerWrap .date {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.newsSec .newsContentSec .newsInnerWrap .firstSec {
    padding-right: 35px;
    border-right: 1px solid #EDEDED
}

@media (max-width: 1850px) {
    .newsSec .newsContentSec .newsInnerWrap .firstSec {
        padding-right: 25px
    }
}

@media (max-width: 1680px) {
    .newsSec .newsContentSec .newsInnerWrap .firstSec {
        padding-right: 25px
    }
}

@media (max-width: 1450px) {
    .newsSec .newsContentSec .newsInnerWrap .firstSec {
        border-right: none
    }
}

@media (max-width: 1199px) {
    .newsSec .newsContentSec .newsInnerWrap .firstSec {
        padding-right: 20px
    }
}

@media (max-width: 991px) {
    .newsSec .newsContentSec .newsInnerWrap .firstSec {
        padding-right: 20px;
        max-width: 650px
    }
}

@media (max-height: 800px) {
    .newsSec .newsContentSec .newsInnerWrap .firstSec {
        padding-right: 20px
    }
}

.newsSec .newsContentSec .newsInnerWrap .firstSec .imgDiv {
    margin-bottom: 13px;
    max-width: 650px;
    width: 100%;
    max-height: 485px
}

.newsSec .newsContentSec .newsInnerWrap .firstSec .date {
    padding-right: 25px;
    margin-bottom: 12px
}

    .newsSec .newsContentSec .newsInnerWrap .firstSec .date p {
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: var(--c70)
    }

@media (max-width: 1279px) {
    .newsSec .newsContentSec .newsInnerWrap .firstSec .date p {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px
    }
}

@media (max-height: 800px) {
    .newsSec .newsContentSec .newsInnerWrap .firstSec .date p {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px
    }
}

.newsSec .newsContentSec .newsInnerWrap .rightWrap {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 40px
}

@media (max-width: 1850px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap {
        gap: 25px
    }
}

@media (max-width: 1450px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap {
        grid-template-columns: 1fr
    }
}

.newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec {
    display: grid;
    gap: 24px
}

@media (max-width: 1680px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec {
        gap: 18px
    }
}

@media (max-width: 1450px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec {
        display: none
    }
}

.newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec .imgDiv {
    max-height: 200px
}

.newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec .singleSec, .newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec .imgDiv {
    max-width: 380px;
    width: 100%
}

@media (max-width: 1850px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec .singleSec, .newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec .imgDiv {
        max-width: 340px
    }
}

@media (max-width: 1680px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec .singleSec, .newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec .imgDiv {
        max-width: 320px
    }
}

.newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec .date {
    margin-block: 12px
}

@media (max-width: 1680px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec .date {
        margin-block: 10px
    }
}

.newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec .date p {
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: var(--black)
}

.newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec p {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (max-width: 1680px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .middleSec p {
        font-size: 16px;
        font-weight: 500;
        line-height: 28px
    }
}

.newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec {
    padding-left: 35px;
    border-left: 1px solid #EDEDED
}

@media (max-width: 1850px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec {
        padding-left: 25px
    }
}

@media (max-width: 1199px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec {
        padding-left: 20px
    }
}

@media (max-width: 991px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec {
        padding-left: 0px !important;
        border-left: none
    }
}

@media (max-height: 800px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec {
        padding-left: 20px
    }
}

.newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec {
    max-width: 545px;
    width: 100%;
    border-bottom: 1px solid #BBBBBB;
    margin-top: 24px
}

@media (max-width: 1850px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec {
        margin-top: 20px
    }
}

@media (max-width: 1680px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec {
        margin-top: 22px;
        max-width: 100%
    }
}

@media (max-width: 1199px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec {
        margin-top: 20px
    }
}

@media (max-width: 991px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec {
        max-width: 650px
    }
}

@media (max-height: 800px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec {
        margin-top: 20px
    }
}

.newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec a {
    display: block
}

.newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec h2 {
    margin-bottom: 12px;
    max-width: 425px;
    width: 100%
}

@media (max-width: 1850px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec h2 {
        margin-bottom: 10px
    }
}

@media (max-width: 1680px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec h2 {
        margin-bottom: 8px
    }
}

@media (max-width: 1680px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec h2 {
        margin-bottom: 10px;
        max-width: 100%
    }
}

@media (max-width: 1279px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec h2 {
        margin-bottom: 5px
    }
}

.newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec p {
    color: var(--c43);
    line-height: 26px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (max-width: 1680px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec p {
        line-height: 24px
    }
}

@media (max-width: 1199px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec p {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec p {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

.newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec .date {
    margin-block: 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--black)
}

@media (max-width: 1850px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec .date {
        margin-block: 20px
    }
}

@media (max-width: 1680px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec .date {
        margin-block: 15px
    }
}

@media (max-width: 1279px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec .date {
        margin-block: 10px;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec .date {
        margin-block: 10px;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec:last-child {
    border-bottom: none
}

    .newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec:last-child .date {
        margin-bottom: 0
    }

.newsSec .newsContentSec .newsInnerWrap .rightWrap .lastSec .singleSec:first-child {
    margin-top: 5px
}

.newsSec .newsContentSec .newsCarousel {
    display: none
}

@media (max-width: 680px) {
    .newsSec .newsContentSec .newsCarousel {
        display: flex;
        margin-bottom: 25px
    }

        .newsSec .newsContentSec .newsCarousel .imgDiv img {
            border-radius: var(--br12)
        }

        .newsSec .newsContentSec .newsCarousel h2 {
            font-size: 24px;
            font-weight: 600;
            line-height: 34px;
            color: var(--c2d);
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden
        }
}

@media (max-width: 680px) and (max-width: 1850px) {
    .newsSec .newsContentSec .newsCarousel h2 {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px
    }
}

@media (max-width: 680px) and (max-width: 1680px) {
    .newsSec .newsContentSec .newsCarousel h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 680px) and (max-width: 1199px) {
    .newsSec .newsContentSec .newsCarousel h2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 680px) and (max-height: 800px) {
    .newsSec .newsContentSec .newsCarousel h2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .newsSec .newsContentSec .newsCarousel .date {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .newsSec .newsContentSec .newsCarousel .firstSec {
        padding-right: 35px
    }
}

@media (max-width: 680px) and (max-width: 991px) {
    .newsSec .newsContentSec .newsCarousel .firstSec {
        padding-right: 20px;
        max-width: 450px
    }
}

@media (max-width: 680px) and (max-width: 680px) {
    .newsSec .newsContentSec .newsCarousel .firstSec {
        max-width: 100%
    }
}

@media (max-width: 680px) {
    .newsSec .newsContentSec .newsCarousel .firstSec .imgDiv {
        margin-bottom: 13px;
        max-width: 650px;
        width: 100%
    }

    .newsSec .newsContentSec .newsCarousel .firstSec .date {
        padding-right: 25px;
        margin-bottom: 12px
    }

        .newsSec .newsContentSec .newsCarousel .firstSec .date p {
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            color: var(--c70)
        }
}

.newsSec .cmnBtn {
    margin: 0 auto
}

.rocketSec {
    margin-bottom: 55px
}

@media (max-width: 991px) {
    .rocketSec {
        margin-bottom: 35px
    }
}

.rocketSec .rocketWrap {
    background-color: #FFF4E8;
    display: grid;
    align-items: center;
    grid-template-columns: auto auto 1fr;
    gap: 32px;
    border-radius: 25px;
    padding: 30px 142px 30px 55px
}

@media (max-width: 1599px) {
    .rocketSec .rocketWrap {
        padding-right: 90px
    }
}

@media (max-width: 1680px) {
    .rocketSec .rocketWrap {
        gap: 25px;
        padding: 30px 50px 30px 20px
    }
}

@media (max-width: 1199px) {
    .rocketSec .rocketWrap {
        grid-template-columns: auto 1fr;
        padding-left: 35px
    }
}

@media (max-width: 991px) {
    .rocketSec .rocketWrap {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 25px 20px
    }
}

@media (max-width: 680px) {
    .rocketSec .rocketWrap {
        border-radius: 12px
    }
}

.rocketSec .rocketWrap .imgDiv {
    max-width: 400px;
    margin-top: -130px;
    height: auto
}

@media (max-width: 1850px) {
    .rocketSec .rocketWrap .imgDiv {
        margin-top: -110px;
        min-width: 225px
    }
}

@media (max-width: 1680px) {
    .rocketSec .rocketWrap .imgDiv {
        max-width: 300px
    }
}

@media (max-width: 1366px) {
    .rocketSec .rocketWrap .imgDiv {
        max-width: 225px;
        margin-top: -70px
    }
}

@media (max-width: 1199px) {
    .rocketSec .rocketWrap .imgDiv {
        display: none
    }
}

@media (max-height: 800px) {
    .rocketSec .rocketWrap .imgDiv {
        max-width: 250px;
        margin-top: -70px
    }
}

@media (max-width: 1366px) {
    .rocketSec .rocketWrap .textSec {
        min-width: 270px
    }
}

.rocketSec .rocketWrap .textSec h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 43px;
    color: var(--black);
    margin-bottom: 21px
}

@media (max-width: 1680px) {
    .rocketSec .rocketWrap .textSec h2 {
        margin-bottom: 16px;
        font-size: 26px;
        font-weight: 700;
        line-height: 32px
    }
}

@media (max-width: 1366px) {
    .rocketSec .rocketWrap .textSec h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 30px
    }
}

@media (max-width: 1199px) {
    .rocketSec .rocketWrap .textSec h2 {
        margin-bottom: 14px;
        font-size: 22px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-width: 680px) {
    .rocketSec .rocketWrap .textSec h2 {
        margin-bottom: 8px;
        font-size: 20px;
        font-weight: 700;
        line-height: 26px
    }
}

.rocketSec .rocketWrap .textSec p {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--black)
}

@media (max-width: 1680px) {
    .rocketSec .rocketWrap .textSec p {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-width: 1199px) {
    .rocketSec .rocketWrap .textSec p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.rocketSec .rocketWrap .inputSec {
    display: grid;
    grid-template-columns: 1fr auto;
    place-items: flex-end;
    align-items: baseline;
    column-gap: 16px;
    max-width: 579px;
    width: 100%;
    justify-self: end
}

@media (max-width: 991px) {
    .rocketSec .rocketWrap .inputSec {
        justify-self: normal;
        max-width: 550px
    }
}

@media (max-width: 680px) {
    .rocketSec .rocketWrap .inputSec {
        grid-template-columns: 1fr;
        place-items: flex-start
    }
}

.rocketSec .rocketWrap .inputSec p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--black);
    margin-right: auto
}

@media (max-width: 680px) {
    .rocketSec .rocketWrap .inputSec p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.rocketSec .rocketWrap .inputSec .inputRow {
    min-width: 300px;
    max-width: 100%;
    width: 100%;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15);
    border-radius: 12px
}

    .rocketSec .rocketWrap .inputSec .inputRow .inputCtrl {
        height: 64px
    }

@media (max-width: 1199px) {
    .rocketSec .rocketWrap .inputSec .inputRow .inputCtrl {
        height: 50px
    }
}

@media (max-height: 800px) {
    .rocketSec .rocketWrap .inputSec .inputRow .inputCtrl {
        height: 54px
    }
}

@media (max-width: 991px) {
    .rocketSec .rocketWrap .inputSec .inputRow {
        max-width: 100%;
        min-width: 200px;
        margin-bottom: 8px
    }
}

.rocketSec .rocketWrap .inputSec .cmnBtn {
    padding: 20px;
    background-color: var(--btnClr);
    color: var(--white)
}

@media (max-width: 1199px) {
    .rocketSec .rocketWrap .inputSec .cmnBtn {
        padding: 15px
    }
}

@media (max-height: 800px) {
    .rocketSec .rocketWrap .inputSec .cmnBtn {
        padding: 16px
    }
}

@media (max-width: 680px) {
    .rocketSec .rocketWrap .inputSec .cmnBtn {
        width: 100%;
        justify-content: center;
        margin-block: 8px
    }
}

.rocketSec .rocketWrap .inputSec .cmnBtn svg {
    transform: rotateZ(315deg) scale(1.4);
    left: 3px
}

    .rocketSec .rocketWrap .inputSec .cmnBtn svg .fill {
        fill: var(--white)
    }

.rocketSec .rocketWrap .inputSec .cmnBtn span {
    gap: 15px
}

@media (max-width: 991px) {
    .rocketSec .rocketWrap .inputSec .cmnBtn span {
        gap: 10px
    }
}

.rocketSec .rocketWrap .inputSec .cmnBtn span svg path {
    fill: var(--white)
}

.faqSec {
    margin-bottom: 80px
}

@media (max-width: 1680px) {
    .faqSec {
        margin-bottom: 60px
    }
}

@media (max-width: 1199px) {
    .faqSec {
        margin-bottom: 50px
    }
}

@media (max-width: 991px) {
    .faqSec {
        margin-bottom: 30px !important
    }
}

@media (max-height: 800px) {
    .faqSec {
        margin-bottom: 50px
    }
}

.faqSec .accordionWrap {
    max-width: 1145px;
    width: 100%;
    margin: 0 auto
}

    .faqSec .accordionWrap .innerWrap {
        display: grid;
        gap: 10px;
        margin-block: 42px 30px
    }

@media (max-width: 991px) {
    .faqSec .accordionWrap .innerWrap {
        margin-block: 25px 20px
    }
}

@media (max-height: 800px) {
    .faqSec .accordionWrap .innerWrap {
        margin-block: 25px 20px
    }
}

.faqSec .accordionWrap .innerWrap .accordionSingleSec {
    cursor: pointer;
    overflow: hidden
}

    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
        background-color: var(--cfa);
        border-radius: 25px;
        padding: 27px 40px
    }

@media (max-width: 1279px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
        padding: 20px 30px
    }
}

@media (max-width: 1199px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
        padding: 20px;
        border-radius: 20px
    }
}

@media (max-width: 991px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
        border-radius: 8px !important;
        padding: 12px 18px !important
    }
}

@media (max-height: 800px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
        padding: 20px;
        border-radius: 20px
    }
}

.faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 15px
}

    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 30px
    }

@media (max-width: 1279px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

.faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv {
    width: 20px
}

@media (max-width: 991px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv {
        width: 15px
    }
}

@media (max-height: 800px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv {
        width: 15px
    }
}

.faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv svg {
    width: 20px
}

@media (max-width: 991px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv svg {
        width: 15px;
        height: auto
    }
}

@media (max-height: 800px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv svg {
        width: 15px
    }
}

.faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
    margin-top: 32px
}

@media (max-width: 1680px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        margin-top: 20px
    }
}

@media (max-width: 1279px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        margin-top: 12px
    }
}

@media (max-width: 991px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        margin-top: 8px !important
    }
}

@media (max-height: 800px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        margin-top: 12px
    }
}

.faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv p {
    line-height: 26px;
    max-width: 1015px;
    width: 100%
}

@media (max-width: 1279px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv p {
        line-height: 22px
    }
}

@media (max-width: 680px) {
    .faqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv p {
        font-size: 14px;
        line-height: 22px
    }
}

.faqSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .innerDiv {
    display: flex !important
}

.faqSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv {
    transform: rotate(180deg);
    transition: .4s ease-in-out
}

    .faqSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv svg path {
        fill: var(--btnClr)
    }

.faqSec .accordionWrap .cmnBtn {
    margin-inline: auto
}

.branchesSec {
    padding-block: 96px 124px;
    background: rgba(239,183,183,0.08);
    background: linear-gradient(309deg, rgba(239,183,183,0.08) 0%, rgba(139,162,216,0.08) 20%, rgba(172,223,216,0.08) 40%, rgba(199,223,166,0.08) 60%, rgba(141,203,182,0.08) 80%, rgba(213,148,148,0.08) 100%)
}

@media (max-width: 1680px) {
    .branchesSec {
        padding-block: 70px 80px
    }
}

@media (max-width: 1199px) {
    .branchesSec {
        padding-block: 50px 60px
    }
}

@media (max-width: 991px) {
    .branchesSec {
        padding-block: 30px 40px !important
    }
}

@media (max-width: 1199px) {
    .branchesSec {
        padding-block: 50px 60px !important
    }
}

.branchesSec .branchesWrap {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 46px
}

@media (max-width: 1599px) {
    .branchesSec .branchesWrap {
        gap: 25px
    }
}

@media (max-width: 1450px) {
    .branchesSec .branchesWrap {
        grid-template-columns: 1fr
    }
}

.branchesSec .branchesWrap .singleSecWrapOne .mainTitleWrap {
    margin-bottom: 82px
}

@media (max-width: 1599px) {
    .branchesSec .branchesWrap .singleSecWrapOne .mainTitleWrap {
        margin-bottom: 50px
    }
}

@media (max-width: 1680px) {
    .branchesSec .branchesWrap .singleSecWrapOne .mainTitleWrap {
        margin-bottom: 40px
    }
}

@media (max-width: 1199px) {
    .branchesSec .branchesWrap .singleSecWrapOne .mainTitleWrap {
        margin-bottom: 30px
    }
}

@media (max-width: 991px) {
    .branchesSec .branchesWrap .singleSecWrapOne .mainTitleWrap {
        margin-bottom: 20px !important
    }
}

@media (max-height: 800px) {
    .branchesSec .branchesWrap .singleSecWrapOne .mainTitleWrap {
        margin-bottom: 30px
    }
}

.branchesSec .branchesWrap .singleSecWrapOne .mainTitleWrap .mainTitle, .branchesSec .branchesWrap .singleSecWrapOne .mainTitleWrap .designTitle {
    text-align: start
}

.branchesSec .branchesWrap .singleSecWrapOne .mainTitleWrap h2 {
    width: 100%
}

@media (max-width: 1680px) {
    .branchesSec .branchesWrap .singleSecWrapOne .mainTitleWrap h2 {
        max-width: 465px
    }
}

@media (max-width: 1199px) {
    .branchesSec .branchesWrap .singleSecWrapOne .mainTitleWrap h2 {
        max-width: 370px
    }
}

.branchesSec .branchesWrap .tile {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 16px;
    width: fit-content;
    position: relative
}

    .branchesSec .branchesWrap .tile::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(315deg, #f26522 0%, #c32641 51%, #f26522 100%)
    }

@media (max-width: 1199px) {
    .branchesSec .branchesWrap .tile {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        padding-bottom: 10px
    }
}

.branchesSec .branchesWrap .singleSecWrapOne {
    max-width: 625px;
    width: 100%
}

@media (max-width: 1599px) {
    .branchesSec .branchesWrap .singleSecWrapOne {
        max-width: 500px
    }
}

@media (max-width: 1450px) {
    .branchesSec .branchesWrap .singleSecWrapOne {
        max-width: 100%
    }
}

.branchesSec .branchesWrap .singleSecWrapOne .wrap {
    padding-left: 60px
}

@media (max-width: 1680px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap {
        padding-left: 40px
    }
}

@media (max-width: 1450px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap {
        padding-left: 0
    }
}

.branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 {
    margin-top: 20px
}

@media (max-width: 1680px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 {
        display: flex;
        align-items: start;
        justify-content: space-between;
        flex-wrap: wrap;
        max-width: 1025px;
        width: 100%;
        gap: 20px
    }
}

@media (max-width: 1199px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 {
        gap: 10px
    }
}

@media (max-width: 991px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 {
        gap: 5px;
        margin-top: 15px
    }
}

.branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .detailsWrap h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    margin-bottom: 16px
}

@media (max-width: 1680px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .detailsWrap h2 {
        margin-bottom: 12px;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px
    }
}

@media (max-width: 1199px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .detailsWrap h2 {
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-height: 800px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .detailsWrap h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-width: 680px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .detailsWrap h2 {
        margin-bottom: 10px;
        font-size: 18px !important;
        font-weight: 700;
        line-height: 22px !important
    }
}

.branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .detailsWrap p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 40px;
    max-width: 310px;
    width: 100%
}

@media (max-width: 1680px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .detailsWrap p {
        margin-bottom: 0px;
        max-width: 490px;
        width: 100%;
        text-wrap: pretty
    }
}

@media (max-width: 1279px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .detailsWrap p {
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .detailsWrap p {
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px
    }
}

.branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .loc h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 20px
}

@media (max-width: 1199px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .loc h2 {
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .loc h2 {
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 600;
        line-height: 24px
    }
}

.branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .loc .locWrap {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap
}

@media (max-width: 680px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .loc .locWrap {
        gap: 15px
    }
}

.branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .loc .locWrap .singlediv {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 13px 20px;
    width: max-content;
    text-transform: capitalize;
    background-color: var(--white);
    border-radius: 12px;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25)
}

@media (max-width: 991px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .loc .locWrap .singlediv {
        gap: 10px;
        padding: 10px 15px
    }
}

@media (max-height: 800px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .loc .locWrap .singlediv {
        gap: 10px;
        padding: 12px 16px
    }
}

@media (max-width: 680px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .loc .locWrap .singlediv {
        gap: 6px;
        padding: 6px 10px;
        min-width: 150px;
        border-radius: 6px
    }
}

.branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .loc .locWrap .singlediv h4 {
    text-wrap: nowrap;
    white-space: nowrap;
    -webkit-white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    line-height: 36px
}

@media (max-width: 680px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .loc .locWrap .singlediv h4 {
        font-size: 14px;
        font-weight: 500;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .loc .locWrap .singlediv img {
        width: 25px;
        height: 30px
    }
}

@media (max-width: 680px) {
    .branchesSec .branchesWrap .singleSecWrapOne .wrap .detailsSec1 .loc .locWrap .singlediv img {
        width: 20px;
        height: auto
    }
}

.branchesSec .branchesWrap .wholeWrap .headerSec {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: end
}

    .branchesSec .branchesWrap .wholeWrap .headerSec .imgDivMap {
        max-width: 283px;
        justify-self: center
    }

@media (max-width: 1680px) {
    .branchesSec .branchesWrap .wholeWrap .headerSec .imgDivMap {
        max-width: 310px
    }
}

@media (max-width: 1366px) {
    .branchesSec .branchesWrap .wholeWrap .headerSec .imgDivMap {
        max-width: 240px
    }
}

@media (max-width: 1450px) {
    .branchesSec .branchesWrap .wholeWrap .headerSec .imgDivMap {
        display: none
    }
}

@media (max-width: 991px) {
    .branchesSec .branchesWrap .wholeWrap .headerSec .imgDivMap {
        display: none
    }
}

@media (max-height: 800px) {
    .branchesSec .branchesWrap .wholeWrap .headerSec .imgDivMap {
        max-width: 230px
    }
}

.branchesSec .branchesWrap .wholeWrap .headerSec .imgDivMap img {
    max-width: 100%
}

.branchesSec .branchesWrap .wrapRight {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
    justify-items: flex-start;
    padding-top: 63px
}

@media (max-width: 1599px) {
    .branchesSec .branchesWrap .wrapRight {
        padding-top: 50px
    }
}

@media (max-width: 1680px) {
    .branchesSec .branchesWrap .wrapRight {
        padding-top: 40px;
        row-gap: 40px
    }
}

@media (max-width: 1366px) {
    .branchesSec .branchesWrap .wrapRight {
        row-gap: 32px;
        padding-top: 30px
    }
}

@media (max-width: 1199px) {
    .branchesSec .branchesWrap .wrapRight {
        padding-top: 25px !important;
        gap: 20px
    }
}

@media (max-height: 800px) {
    .branchesSec .branchesWrap .wrapRight {
        row-gap: 32px;
        padding-top: 30px
    }
}

@media (max-width: 680px) {
    .branchesSec .branchesWrap .wrapRight {
        padding-top: 25px;
        grid-template-columns: 1fr;
        gap: 25px;
        justify-items: start
    }
}

.branchesSec .branchesWrap .wrapRight .detailsSec2 {
    margin-left: -45px
}

@media (max-width: 1680px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 {
        margin-left: 0
    }
}

.branchesSec .branchesWrap .wrapRight .detailsSec2 .subtile {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 25px
}

@media (max-width: 1680px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 .subtile {
        margin-bottom: 15px
    }
}

@media (max-width: 1599px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 .subtile {
        margin-bottom: 20px
    }
}

@media (max-width: 1279px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 .subtile {
        margin-bottom: 6px !important
    }
}

@media (max-height: 800px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 .subtile {
        margin-bottom: 8px
    }
}

.branchesSec .branchesWrap .wrapRight .detailsSec2 .subtile img {
    mix-blend-mode: darken;
    -webkit-mix-blend-mode: darken
}

@media (max-width: 991px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 .subtile img {
        width: 24px;
        height: auto
    }
}

.branchesSec .branchesWrap .wrapRight .detailsSec2 .subtile h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px
}

@media (max-width: 1279px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 .subtile h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px
    }
}

@media (max-width: 991px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 .subtile h3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 .subtile h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px
    }
}

.branchesSec .branchesWrap .wrapRight .detailsSec2 p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 15px;
    max-width: 490px;
    width: 100%;
    padding-left: 47px
}

@media (max-width: 1599px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 p {
        margin-bottom: 12px
    }
}

@media (max-width: 1279px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 p {
        font-size: 14px;
        font-weight: 400;
        line-height: 26px
    }
}

@media (max-width: 991px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 p {
        padding-left: 30px
    }
}

@media (max-height: 800px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 p {
        font-size: 14px;
        font-weight: 400;
        line-height: 26px
    }
}

@media (max-width: 680px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 p {
        padding-left: 7px
    }
}

.branchesSec .branchesWrap .wrapRight .detailsSec2 .contact {
    display: flex;
    align-items: center;
    gap: 40px;
    padding-left: 47px
}

@media (max-width: 991px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 .contact {
        padding-left: 30px;
        gap: 20px
    }
}

@media (max-width: 680px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 .contact {
        padding-left: 7px
    }
}

.branchesSec .branchesWrap .wrapRight .detailsSec2 .contact span {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    display: flex;
    align-items: center;
    gap: 4px
}

@media (max-width: 1279px) {
    .branchesSec .branchesWrap .wrapRight .detailsSec2 .contact span {
        font-size: 14px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-width: 991px) {
    .branchesSec .branchesWrap .wrapRight .singleSec {
        max-width: 550px;
        width: 100%
    }
}

.branchesSec svg, .branchesSec img {
    max-width: 40px
}

@media (max-width: 1366px) {
    .branchesSec svg, .branchesSec img {
        max-width: 35px
    }
}

@media (max-width: 991px) {
    .branchesSec svg, .branchesSec img {
        max-width: 24px
    }
}

@media (max-height: 800px) {
    .branchesSec svg, .branchesSec img {
        max-width: 34px
    }
}

footer {
    background-color: #2D2D2D;
    padding-top: 60px;
    position: relative;
    z-index: 110
}

@media (max-width: 680px) {
    footer {
        padding-top: 30px
    }
}

footer::after, footer::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    top: 0;
    z-index: -1
}

footer::before {
    left: 0;
    background-image: url("../images/fl.png")
}

footer::after {
    right: 0;
    background-image: url("../images/fr.png")
}

footer .footerWrap {
    color: var(--white)
}

    footer .footerWrap p {
        color: var(--white)
    }

    footer .footerWrap .logoDiv {
        max-width: 430px;
        width: 100%;
        margin-bottom: 32px
    }

@media (max-width: 680px) {
    footer .footerWrap .logoDiv {
        max-width: 320px;
        margin-bottom: 25px
    }
}

footer .footerWrap .contactSec {
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
    padding-block: 40px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px
}

@media (max-width: 1199px) {
    footer .footerWrap .contactSec {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        flex-wrap: wrap
    }
}

footer .footerWrap .contactSec .single h3 {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px
}

footer .footerWrap .contactSec .single p {
    font-size: 20px;
    font-weight: 600;
    line-height: 36px
}

@media (max-width: 1680px) {
    footer .footerWrap .contactSec .single p {
        font-size: 18px;
        font-weight: 600;
        line-height: 34px
    }
}

@media (max-width: 1279px) {
    footer .footerWrap .contactSec .single p {
        font-size: 16px;
        font-weight: 600;
        line-height: 32px
    }
}

footer .footerWrap .contactSec .single ul {
    display: flex;
    align-items: center;
    gap: 24px
}

    footer .footerWrap .contactSec .single ul li {
        width: 24px;
        height: 24px
    }

    footer .footerWrap .contactSec .single ul .fb:hover svg path {
        fill: #316FF6
    }

    footer .footerWrap .contactSec .single ul .twitter:hover svg path {
        fill: #1DA1F2
    }

    footer .footerWrap .contactSec .single ul .insta:hover svg path {
        fill: #FD1D1D
    }

    footer .footerWrap .contactSec .single ul .printerst:hover svg path {
        fill: #E60023
    }

    footer .footerWrap .contactSec .single ul .yt:hover svg path {
        fill: red
    }

footer .footerWrap .contactSec .single:last-child {
    grid-column: -2
}

@media (max-width: 680px) {
    footer .footerWrap .contactSec .single.mail {
        width: 100%
    }
}

footer .footerWrap .footerlistingWrap {
    padding-block: 40px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px
}

@media (max-width: 1199px) {
    footer .footerWrap .footerlistingWrap {
        display: none
    }
}

footer .footerWrap .footerlistingWrap h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    padding-bottom: 16px;
    padding-top: 25px;
    color: #FAFAFA
}

@media (max-width: 1366px) {
    footer .footerWrap .footerlistingWrap h2 {
        font-size: 14px;
        font-weight: 700;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    footer .footerWrap .footerlistingWrap h2 {
        font-size: 14px;
        font-weight: 700;
        line-height: 22px
    }
}

footer .footerWrap .footerlistingWrap li {
    color: #FAFAFA;
    font-size: 14px;
    font-weight: 500;
    line-height: 31px;
    transition: .2s ease-in
}

@media (max-width: 1366px) {
    footer .footerWrap .footerlistingWrap li {
        font-size: 12px;
        font-weight: 500;
        line-height: 30px
    }
}

footer .footerWrap .footerlistingWrap li:hover {
    color: var(--theme-colour1)
}

footer .footerWrap .footerlistingWrap .gridSec .innerWrap h2, footer .footerWrap .footerlistingWrap .gridSec .innerWrap ul li {
    padding-right: 15px
}

footer .footerWrap .footerlistingWrap .gridSec .innerWrap li {
    font-size: 14px;
    font-weight: 500;
    line-height: 31px
}

@media (max-width: 1199px) {
    footer .footerWrap .footerlistingWrap .gridSec .innerWrap li {
        font-size: 12px;
        font-weight: 500;
        line-height: 30px
    }
}

footer .footerWrap .footerlistingWrap .gridSec .innerWrap .playStoreDiv {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

    footer .footerWrap .footerlistingWrap .gridSec .innerWrap .playStoreDiv li {
        padding: 0
    }

    footer .footerWrap .footerlistingWrap .gridSec .innerWrap .playStoreDiv img {
        max-width: 140px;
        min-width: 100px
    }

footer .footerWrap .footerlistingWrap .gridSec:last-child .innerWrap h2 {
    padding-right: 0
}

footer .footerWrap .footerlistingWrapAccordion {
    display: none
}

@media (max-width: 1199px) {
    footer .footerWrap .footerlistingWrapAccordion {
        display: block
    }
}

footer .footerWrap .footerlistingWrapAccordion .innerWrap {
    border-bottom: 1px solid #707070;
    padding: 15px 10px
}

    footer .footerWrap .footerlistingWrapAccordion .innerWrap .head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 15px
    }

        footer .footerWrap .footerlistingWrapAccordion .innerWrap .head h2 {
            font-size: 16px;
            font-weight: 600;
            line-height: 22px
        }

    footer .footerWrap .footerlistingWrapAccordion .innerWrap ul {
        display: grid;
        gap: 10px;
        padding: 15px 10px 0
    }

    footer .footerWrap .footerlistingWrapAccordion .innerWrap .playStoreDiv {
        display: flex;
        align-items: center;
        justify-content: center
    }

        footer .footerWrap .footerlistingWrapAccordion .innerWrap .playStoreDiv li img {
            max-width: 175px
        }

    footer .footerWrap .footerlistingWrapAccordion .innerWrap.activeAccordionFooter .head .svgDiv {
        transform: rotate(180deg);
        transition: .4s ease-in-out
    }

        footer .footerWrap .footerlistingWrapAccordion .innerWrap.activeAccordionFooter .head .svgDiv svg path {
            fill: var(--btnClr)
        }

footer .helpModalSec {
    position: sticky;
    z-index: 555;
    bottom: 0
}

@media (max-width: 1199px) {
    footer .helpModalSec {
        padding-block-start: 60px
    }
}

footer .helpModalSec .helpModal {
    background-color: var(--white);
    border-radius: 12px 12px 0 0;
    padding: 10px 11px 10px 24px;
    max-width: 1695px;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 1499px) {
    footer .helpModalSec .helpModal {
        max-width: 900px
    }
}

@media (max-width: 1199px) {
    footer .helpModalSec .helpModal {
        margin: 0 auto
    }
}

@media (max-width: 991px) {
    footer .helpModalSec .helpModal {
        border-radius: 8px 8px 0 0;
        padding: 10px 11px 10px 20px
    }
}

footer .helpModalSec .helpModal .helpWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap
}

@media (max-width: 1499px) {
    footer .helpModalSec .helpModal .helpWrap {
        display: block
    }
}

footer .helpModalSec .helpModal .helpWrap h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 38px
}

@media (max-width: 1680px) {
    footer .helpModalSec .helpModal .helpWrap h2 {
        font-size: 18px;
        font-weight: 700;
        line-height: 34px
    }
}

@media (max-width: 1279px) {
    footer .helpModalSec .helpModal .helpWrap h2 {
        font-size: 16px;
        font-weight: 700;
        line-height: 30px
    }
}

@media (max-height: 800px) {
    footer .helpModalSec .helpModal .helpWrap h2 {
        font-size: 16px;
        font-weight: 700;
        line-height: 30px
    }
}

footer .helpModalSec .helpModal .helpWrap .innerWrap {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

@media (max-width: 1499px) {
    footer .helpModalSec .helpModal .helpWrap .innerWrap {
        display: grid;
        align-items: end;
        gap: 12px;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 767px) {
    footer .helpModalSec .helpModal .helpWrap .innerWrap {
        gap: 10px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 480px) {
    footer .helpModalSec .helpModal .helpWrap .innerWrap {
        grid-template-columns: 1fr
    }
}

footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow {
    margin: 0;
    border-bottom: 1px solid #DDDDDD;
    min-width: 200px;
    position: relative;
    display: inline-block;
    padding-inline-end: 12px
}

@media (max-width: 1499px) {
    footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow {
        max-width: 100% !important;
        width: 100%
    }
}

footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl {
    position: relative;
    height: 30px;
    padding: 0
}

    footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl::placeholder {
        font-family: 'Noto Sans', sans-serif;
        color: var(--c2d);
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }

@media (max-width: 991px) {
    footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl::placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-webkit-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

@media (max-width: 991px) {
    footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-webkit-input-placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

@media (max-width: 991px) {
    footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-moz-placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

@media (max-width: 991px) {
    footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-moz-placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-ms-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

@media (max-width: 991px) {
    footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl ::-ms-input-placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow .inputCtrl #spin {
    display: none
}

footer .helpModalSec .helpModal .helpWrap .innerWrap .inputRow::before {
    position: absolute;
    content: '*';
    color: red;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1
}

footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop {
    min-width: 200px !important
}

@media (max-width: 1499px) {
    footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop {
        max-width: 250px !important;
        max-width: 100% !important
    }
}

footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop .select2 {
    width: 100% !important;
    padding-top: 2px
}

    footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop .select2 .select2-selection--single {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #DDDDDD;
        border-radius: 0
    }

    footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop .select2 .select2-selection__rendered {
        padding: 0;
        color: var(--c2d);
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }

@media (max-width: 991px) {
    footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop .select2 .select2-selection__rendered {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop .select2-selection__arrow {
    right: -5px
}

footer .helpModalSec .helpModal .helpWrap .innerWrap .serviceDrop .select2-container--open .select2-selection__arrow {
    transform: rotate(0deg);
    transform-origin: 0 0
}

footer .helpModalSec .helpModal .helpWrap .innerWrap button {
    padding: 9px 15px 9px 22px;
    background-color: var(--btnClr);
    border: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    color: var(--cfa);
    border-radius: 12px;
    width: fit-content;
    cursor: pointer
}

@media (max-width: 1499px) {
    footer .helpModalSec .helpModal .helpWrap .innerWrap button {
        width: 100%
    }
}

@media (max-width: 680px) {
    footer .helpModalSec .helpModal .helpWrap .innerWrap button {
        border-radius: 6px
    }
}

footer .helpModalSec .helpModal .helpWrap .innerWrap button span {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center
}

footer .copyRight {
    position: relative;
    z-index: 101
}

    footer .copyRight .aaba {
        background-color: #000;
        padding-block: 25px 30px;
        display: flex;
        justify-content: center
    }

        footer .copyRight .aaba h5 {
            color: var(--white);
            text-align: center;
            width: fit-content;
            position: relative;
            padding-right: 80px;
            font-size: 14px;
            font-weight: 500;
            line-height: 19px
        }

@media (max-width: 680px) {
    footer .copyRight .aaba h5 {
        font-size: 12px;
        font-weight: 500;
        line-height: 19px
    }
}

footer .copyRight .aaba h5::after {
    position: absolute;
    transition: .2s ease-in-out all;
    content: '';
    background-image: url("../images/FootlogoNor.png");
    width: 77px;
    height: 17px;
    margin-left: 6px;
    top: -1px;
    right: -5px
}

footer .copyRight .aaba h5:hover::after {
    background-image: url("../images/FootlogoHov.png")
}

.PreLoader {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 9999
}

    .PreLoader figure {
        width: 100%;
        height: 100%;
        margin: 0
    }

        .PreLoader figure video {
            width: 100%;
            height: 100vh;
            object-fit: cover
        }

@media (max-width: 680px) {
    .PreLoader img {
        max-width: 250px
    }
}

.select2-dropdown {
    padding: 6px 8px 10px;
    border: none
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--theme-colour1) !important;
    border-radius: 4px
}

.select2-container--default .select2-results__option--selected {
    background-color: #e0dcdc87 !important;
    border-radius: 4px
}

.select2-results__option {
    font-size: 15px
}

.select2-results__options::-webkit-scrollbar {
    display: none
}

.select2-results__options::-webkit-scrollbar-track {
    display: none;
    background: transparent
}

.select2-results__options::-webkit-scrollbar-thumb {
    background: transparent;
    display: none
}

.select2-results__options .select2-results__option {
    text-wrap: nowrap;
    white-space: nowrap
}

.serviceDropPicker-container {
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
    width: auto !important
}

.selectpicker-container {
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
    width: auto !important;
    z-index: 2000
}

@media (max-width: 991px) {
    .selectpicker-container {
        left: auto !important;
        right: 0
    }
}

.select2-search--dropdown {
    display: none
}

.branchHeader {
    height: auto
}

@media (max-width: 680px) {
    .branchHeader {
        overflow-x: hidden;
        padding-block-end: 19px
    }
}

.branchHeader .commonBannerSec {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    min-width: 555px !important
}

    .branchHeader .commonBannerSec::after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 50%;
        background: #000000 !important
    }

    .branchHeader .commonBannerSec::before {
        position: absolute;
        content: "";
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 50%;
        z-index: 2;
        background: transparent linear-gradient(180deg, #FFFFFF00 0%, #fff 85%) 0% 0% no-repeat padding-box;
        opacity: 1
    }

    .branchHeader .commonBannerSec .titleSec {
        position: absolute;
        left: 50px;
        right: 0;
        top: -95px;
        z-index: 1;
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-bottom: 40px
    }

@media (max-width: 1850px) {
    .branchHeader .commonBannerSec .titleSec {
        left: 4%
    }
}

@media (max-width: 680px) {
    .branchHeader .commonBannerSec .titleSec {
        bottom: 165px
    }
}

.branchHeader .commonBannerSec .titleSec .textSec h2 {
    font-size: 50px;
    font-weight: 800;
    line-height: 70px;
    color: var(--cfa)
}

@media (max-width: 1680px) {
    .branchHeader .commonBannerSec .titleSec .textSec h2 {
        font-size: 45px;
        font-weight: 800;
        line-height: 65px
    }
}

@media (max-width: 1366px) {
    .branchHeader .commonBannerSec .titleSec .textSec h2 {
        font-size: 40px;
        font-weight: 800;
        line-height: 60px
    }
}

@media (max-width: 1279px) {
    .branchHeader .commonBannerSec .titleSec .textSec h2 {
        font-size: 36px;
        font-weight: 800;
        line-height: 56px
    }
}

@media (max-width: 1199px) {
    .branchHeader .commonBannerSec .titleSec .textSec h2 {
        font-size: 34px !important;
        font-weight: 800;
        line-height: 55px !important
    }
}

@media (max-width: 991px) {
    .branchHeader .commonBannerSec .titleSec .textSec h2 {
        font-size: 30px !important;
        font-weight: 800;
        line-height: 50px !important
    }
}

@media (max-height: 800px) {
    .branchHeader .commonBannerSec .titleSec .textSec h2 {
        font-size: 36px;
        font-weight: 800;
        line-height: 56px
    }
}

@media (max-width: 680px) {
    .branchHeader .commonBannerSec .titleSec .textSec h2 {
        font-size: 28px !important;
        font-weight: 800;
        line-height: 48px !important
    }
}

@media (max-width: 480px) {
    .branchHeader .commonBannerSec .titleSec .textSec h2 {
        font-size: 26px !important;
        font-weight: 800;
        line-height: 44px !important
    }
}

.branchHeader .commonBannerSec .titleSec .textSec h3 {
    font-size: 42px;
    font-weight: 800;
    line-height: 60px;
    color: var(--white)
}

@media (max-width: 1680px) {
    .branchHeader .commonBannerSec .titleSec .textSec h3 {
        font-size: 36px;
        font-weight: 800;
        line-height: 60px
    }
}

@media (max-width: 1366px) {
    .branchHeader .commonBannerSec .titleSec .textSec h3 {
        font-size: 32px;
        font-weight: 800;
        line-height: 55px
    }
}

@media (max-width: 1279px) {
    .branchHeader .commonBannerSec .titleSec .textSec h3 {
        font-size: 28px;
        font-weight: 800;
        line-height: 52px
    }
}

@media (max-width: 1199px) {
    .branchHeader .commonBannerSec .titleSec .textSec h3 {
        font-size: 26px !important;
        font-weight: 800;
        line-height: 50px !important
    }
}

@media (max-width: 991px) {
    .branchHeader .commonBannerSec .titleSec .textSec h3 {
        font-size: 24px !important;
        font-weight: 800;
        line-height: 45px !important
    }
}

@media (max-height: 800px) {
    .branchHeader .commonBannerSec .titleSec .textSec h3 {
        font-size: 28px;
        font-weight: 800;
        line-height: 52px
    }
}

@media (max-width: 680px) {
    .branchHeader .commonBannerSec .titleSec .textSec h3 {
        font-size: 22px !important;
        font-weight: 800;
        line-height: 42px !important;
        text-wrap: pretty
    }
}

@media (max-width: 480px) {
    .branchHeader .commonBannerSec .titleSec .textSec h3 {
        display: flex;
        flex-direction: column
    }
}

.branchHeader .commonBannerSec .titleSec .textSec h3 span {
    max-width: 100%;
    background-size: cover;
    object-fit: cover;
    background-position: center;
    width: fit-content;
    display: inline-block;
    position: relative;
    text-align: center;
    color: inherit
}

.branchHeader .commonBannerSec .titleSec .textSec h3 .smallText {
    padding: 15px 35px 10px 35px;
    aspect-ratio: 3
}

@media (max-width: 1680px) {
    .branchHeader .commonBannerSec .titleSec .textSec h3 .smallText {
        padding: 22px 35px 12px 35px;
        aspect-ratio: 3
    }
}

@media (max-width: 991px) {
    .branchHeader .commonBannerSec .titleSec .textSec h3 .smallText {
        padding: 14px 20px 12px 20px;
        aspect-ratio: 7
    }
}

.branchHeader .commonBannerSec .titleSec .textSec h3 .bigText {
    padding: 30px 45px 10px 30px;
    aspect-ratio: 6
}

@media (max-width: 1680px) {
    .branchHeader .commonBannerSec .titleSec .textSec h3 .bigText {
        padding: 15px 45px 12px 30px
    }
}

@media (max-width: 991px) {
    .branchHeader .commonBannerSec .titleSec .textSec h3 .bigText {
        padding: 14px 30px 12px 20px
    }
}

.branchHeader .commonBannerSec .titleSec .textSec h3 .verysmallText {
    padding: 20px 45px 10px 30px;
    aspect-ratio: 6
}

@media (max-width: 1680px) {
    .branchHeader .commonBannerSec .titleSec .textSec h3 .verysmallText {
        padding: 15px 30px 5px 20px
    }
}

@media (max-width: 480px) {
    .branchHeader .commonBannerSec .titleSec .textSec h3 .verysmallText {
        aspect-ratio: 0
    }
}

@media (max-width: 1850px) {
    .branchHeader .sortSec {
        padding-left: 50px !important;
        padding-right: 50px !important
    }
}

@media (max-width: 1366px) {
    .branchHeader .sortSec {
        padding-left: 30px !important;
        padding-right: 30px !important
    }
}

@media (max-width: 1199px) {
    .branchHeader .sortSec {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

@media (max-width: 991px) {
    .branchHeader .sortSec {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media (max-height: 800px) {
    .branchHeader .sortSec {
        padding-left: 30px !important;
        padding-right: 30px !important
    }
}

.branchHeader .sortSec .sortSecWrap {
    background-color: var(--white);
    border: 1px solid #F3F3F3;
    border-radius: 30px;
    padding: 62px 65px;
    max-width: 1625px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    margin-top: -145px;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1)
}

@media (max-width: 1680px) {
    .branchHeader .sortSec .sortSecWrap {
        padding: 50px 40px;
        margin-top: -135px
    }
}

@media (max-width: 1366px) {
    .branchHeader .sortSec .sortSecWrap {
        padding: 40px 30px;
        border-radius: 12px;
        margin-top: -125px
    }
}

@media (max-width: 1199px) {
    .branchHeader .sortSec .sortSecWrap {
        padding: 30px 20px !important;
        margin-top: -110px !important
    }
}

@media (max-height: 800px) {
    .branchHeader .sortSec .sortSecWrap {
        padding: 40px 30px;
        border-radius: 12px;
        margin-top: -125px
    }
}

@media (max-width: 680px) {
    .branchHeader .sortSec .sortSecWrap {
        padding: 20px 20px !important;
        border-radius: 8px !important
    }
}

.branchHeader .sortSec .sortSecWrap .wrapper {
    display: flex;
    align-items: end;
    gap: 16px
}

@media (max-width: 991px) {
    .branchHeader .sortSec .sortSecWrap .wrapper {
        flex-wrap: wrap
    }
}

.branchHeader .sortSec .sortSecWrap .wrapper .dropDowns {
    display: flex;
    align-items: end;
    gap: 16px;
    max-width: 1166px;
    width: 100%
}

@media (max-width: 680px) {
    .branchHeader .sortSec .sortSecWrap .wrapper .dropDowns {
        flex-direction: column
    }
}

.branchHeader .sortSec .sortSecWrap .wrapper .dropDowns .branchDrop {
    max-width: 575px;
    width: 100%
}

@media (max-width: 680px) {
    .branchHeader .sortSec .sortSecWrap .wrapper .dropDowns .branchDrop {
        max-width: 100%
    }
}

.branchHeader .sortSec .sortSecWrap .wrapper .dropDowns .branchDrop h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 8px
}

@media (max-width: 680px) {
    .branchHeader .sortSec .sortSecWrap .wrapper .dropDowns .branchDrop h2 {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        margin-bottom: 4px
    }
}

.branchHeader .sortSec .sortSecWrap .wrapper .dropDowns .branchDrop .branchDropDown .branchDropPicker {
    min-height: 54px
}

.branchHeader .sortSec .sortSecWrap .wrapper .dropDowns .branchDrop .branchDropDown .select2-selection__arrow {
    width: 15px;
    top: 15px;
    right: 24px
}

    .branchHeader .sortSec .sortSecWrap .wrapper .dropDowns .branchDrop .branchDropDown .select2-selection__arrow b {
        border-color: transparent;
        border-style: none;
        border-width: 0;
        height: 10px;
        width: 15px;
        background-repeat: no-repeat;
        background-image: url("../images/branchDropArrow.svg")
    }

.branchHeader .sortSec .sortSecWrap .wrapper .dropDowns .branchDrop .branchDropDown .select2-selection--single {
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    height: auto
}

@media (max-width: 680px) {
    .branchHeader .sortSec .sortSecWrap .wrapper .dropDowns .branchDrop .branchDropDown .select2-selection--single {
        border-radius: 8px
    }
}

.branchHeader .sortSec .sortSecWrap .wrapper .dropDowns .branchDrop .branchDropDown .select2-selection__rendered {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--black);
    padding: 16px 22px 16px 18px
}

@media (max-width: 680px) {
    .branchHeader .sortSec .sortSecWrap .wrapper .dropDowns .branchDrop .branchDropDown .select2-selection__rendered {
        font-size: 14px
    }
}

.branchHeader .sortSec .sortSecWrap .wrapper .dropDowns .branchDrop .branchDropDown .select2-container {
    width: 100% !important
}

.branchHeader .sortSec .sortSecWrap .wrapper .dropDowns .branchDrop .branchDropDown .select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg);
    transform-origin: 65% 50%
}

.branchHeader .sortSec .sortSecWrap .wrapper .buttons {
    display: flex;
    align-items: end;
    gap: 16px
}

@media (max-width: 480px) {
    .branchHeader .sortSec .sortSecWrap .wrapper .buttons {
        gap: 10px
    }
}

.branchHeader .sortSec .sortSecWrap .wrapper .buttons button {
    padding: 16px 40px;
    background-color: var(--btnClr);
    border: none;
    border-radius: 12px;
    max-width: 170px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    white-space: nowrap
}

@media (max-width: 680px) {
    .branchHeader .sortSec .sortSecWrap .wrapper .buttons button {
        border-radius: 6px;
        padding-block: 12px
    }
}

@media (max-width: 480px) {
    .branchHeader .sortSec .sortSecWrap .wrapper .buttons button {
        padding: 12px 28px
    }
}

.branchHeader .sortSec .sortSecWrap .wrapper .buttons button span {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: var(--cfa)
}

.branchHeader .sortSec .sortSecWrap .wrapper .buttons .sortDiv {
    display: flex;
    align-items: center;
    gap: 16px
}

@media (max-width: 480px) {
    .branchHeader .sortSec .sortSecWrap .wrapper .buttons .sortDiv {
        gap: 10px
    }
}

.branchHeader .sortSec .sortSecWrap .wrapper .buttons .sortDiv button {
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    padding: 14px;
    background-color: var(--white);
    transition: .3s ease-in-out
}

@media (max-width: 680px) {
    .branchHeader .sortSec .sortSecWrap .wrapper .buttons .sortDiv button {
        border-radius: 8px;
        padding: 10px
    }
}

.branchHeader .sortSec .sortSecWrap .wrapper .buttons .sortDiv button .svgDiv {
    width: 24px;
    height: 24px
}

    .branchHeader .sortSec .sortSecWrap .wrapper .buttons .sortDiv button .svgDiv svg {
        width: 100%;
        height: auto
    }

        .branchHeader .sortSec .sortSecWrap .wrapper .buttons .sortDiv button .svgDiv svg path {
            fill: var(--c70)
        }

.branchHeader .sortSec .sortSecWrap .wrapper .buttons .sortDiv button.active {
    background-color: var(--c2d)
}

    .branchHeader .sortSec .sortSecWrap .wrapper .buttons .sortDiv button.active svg path {
        fill: var(--white)
    }

.mapSec {
    margin-block: 55px 160px
}

@media (max-width: 1680px) {
    .mapSec {
        margin-block: 40px 130px
    }
}

@media (max-width: 1366px) {
    .mapSec {
        margin-block: 30px 100px
    }
}

@media (max-width: 1279px) {
    .mapSec {
        margin-block: 25px 70px
    }
}

@media (max-width: 1199px) {
    .mapSec {
        margin-bottom: 50px !important
    }
}

@media (max-height: 800px) {
    .mapSec {
        margin-block: 25px 70px
    }
}

.mapSec .wrap {
    position: relative
}

    .mapSec .wrap #Map {
        max-width: var(--container-width);
        width: 100%;
        margin: 0 auto;
        height: 700px;
        width: 100%;
        border-radius: 20px
    }

@media (max-width: 1425px) {
    .mapSec .wrap #Map {
        height: 500px
    }
}

@media (max-width: 1199px) {
    .mapSec .wrap #Map {
        height: 400px
    }
}

@media (max-height: 800px) {
    .mapSec .wrap #Map {
        height: 400px
    }
}

@media (max-width: 680px) {
    .mapSec .wrap #Map {
        height: 350px !important
    }
}

.mapSec .wrap .locDetails {
    -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1);
    border-radius: 12px;
    padding: 40px 40px 36px 40px;
    max-width: 550px;
    width: 100%;
    position: absolute;
    top: 65px;
    left: 25px;
    background-color: var(--white)
}

@media (max-width: 1680px) {
    .mapSec .wrap .locDetails {
        padding: 35px 35px 35px 35px
    }
}

@media (max-width: 1366px) {
    .mapSec .wrap .locDetails {
        padding: 30px 30px 25px 30px
    }
}

@media (max-width: 1279px) {
    .mapSec .wrap .locDetails {
        padding: 25px;
        max-width: 475px
    }
}

@media (max-width: 991px) {
    .mapSec .wrap .locDetails {
        padding: 18px !important;
        border-radius: 8px;
        max-width: 400px
    }
}

@media (max-height: 800px) {
    .mapSec .wrap .locDetails {
        padding: 25px;
        left: 12px
    }
}

@media (max-width: 480px) {
    .mapSec .wrap .locDetails {
        padding: 15px !important;
        max-width: 300px
    }
}

.mapSec .wrap .locDetails h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    color: #000000;
    margin-bottom: 11px
}

@media (max-width: 1680px) {
    .mapSec .wrap .locDetails h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .mapSec .wrap .locDetails h2 {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .mapSec .wrap .locDetails h2 {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

.mapSec .wrap .locDetails p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px
}

@media (max-width: 1680px) {
    .mapSec .wrap .locDetails p {
        font-size: 15px;
        font-weight: 400;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .mapSec .wrap .locDetails p {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 10px
    }
}

@media (max-height: 800px) {
    .mapSec .wrap .locDetails p {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 10px
    }
}

.mapSec .wrap .locDetails .contact {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 20px;
    display: flex;
    gap: 40px;
    align-items: center
}

@media (max-width: 1680px) {
    .mapSec .wrap .locDetails .contact {
        font-size: 15px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .mapSec .wrap .locDetails .contact {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        gap: 15px;
        margin-bottom: 10px;
        row-gap: 3px;
        column-gap: 15px;
        flex-wrap: wrap
    }
}

@media (max-height: 800px) {
    .mapSec .wrap .locDetails .contact {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        gap: 15px;
        margin-bottom: 10px;
        row-gap: 3px;
        column-gap: 15px
    }
}

.mapSec .wrap .locDetails .contact span {
    gap: 4px;
    display: flex;
    align-items: center
}

@media (max-width: 991px) {
    .mapSec .wrap .locDetails .contact span svg {
        width: 22px
    }
}

.mapSec .wrap .locDetails .btn {
    background-color: var(--btnClr);
    border: none;
    border-radius: 12px;
    max-width: 170px;
    width: 100%
}

@media (max-width: 1279px) {
    .mapSec .wrap .locDetails .btn {
        max-width: fit-content
    }
}

.mapSec .wrap .locDetails .btn a {
    padding: 7px 14px 7px 22px
}

@media (max-width: 991px) {
    .mapSec .wrap .locDetails .btn a {
        border-radius: 8px;
        padding: 7px 10px 7px 15px
    }
}

@media (max-height: 800px) {
    .mapSec .wrap .locDetails .btn a {
        border-radius: 8px;
        padding: 7px 10px 7px 15px
    }
}

.mapSec .wrap .locDetails .btn span {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--cfa)
}

@media (max-width: 1279px) {
    .mapSec .wrap .locDetails .btn span {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .mapSec .wrap .locDetails .btn span {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

.branchRocket {
    max-width: 1624px;
    width: 100%;
    margin: 0 auto
}

.branchList {
    max-width: 1625px;
    width: 100%;
    margin: 0 auto;
    margin-block: 50px 150px
}

@media (max-width: 1680px) {
    .branchList {
        margin-block: 40px 100px
    }
}

@media (max-width: 1366px) {
    .branchList {
        margin-block: 30px 75px
    }
}

@media (max-width: 1199px) {
    .branchList {
        margin-block: 25px 50px !important
    }
}

@media (max-height: 800px) {
    .branchList {
        margin-block: 30px 75px
    }
}

.branchList .branchesWrap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 10px 12px
}

@media (max-width: 1199px) {
    .branchList .branchesWrap {
        grid-template-columns: repeat(auto-fit, minmax(420px, 1fr))
    }
}

@media (max-width: 680px) {
    .branchList .branchesWrap {
        grid-template-columns: 1fr
    }
}

.branchList .branchesWrap .singleBranchCard {
    border: 1px solid #DDDDDD;
    border-radius: 30px;
    padding: 42px 31px 40px 30px;
    max-width: 535px;
    width: 100%
}

@media (max-width: 1680px) {
    .branchList .branchesWrap .singleBranchCard {
        max-width: 100%;
        padding: 42px 31px 40px 25px
    }
}

@media (max-width: 1680px) {
    .branchList .branchesWrap .singleBranchCard {
        padding: 30px 20px;
        border-radius: 12px
    }
}

@media (max-width: 1366px) {
    .branchList .branchesWrap .singleBranchCard {
        padding: 25px;
        border-radius: 12px
    }
}

@media (max-width: 1199px) {
    .branchList .branchesWrap .singleBranchCard {
        padding: 15px 20px 15px 10px !important
    }
}

@media (max-height: 800px) {
    .branchList .branchesWrap .singleBranchCard {
        padding: 25px;
        border-radius: 12px
    }
}

@media (max-width: 680px) {
    .branchList .branchesWrap .singleBranchCard {
        padding: 20px 10px !important;
        border-radius: 8px !important
    }
}

.branchList .branchesWrap .singleBranchCard .title {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 20px
}

@media (max-width: 1680px) {
    .branchList .branchesWrap .singleBranchCard .title {
        margin-bottom: 12px
    }
}

@media (max-width: 1199px) {
    .branchList .branchesWrap .singleBranchCard .title {
        margin-bottom: 10px
    }
}

@media (max-width: 991px) {
    .branchList .branchesWrap .singleBranchCard .title {
        align-items: normal;
        margin-bottom: 8px !important
    }
}

@media (max-height: 800px) {
    .branchList .branchesWrap .singleBranchCard .title {
        margin-bottom: 10px
    }
}

@media (max-width: 680px) {
    .branchList .branchesWrap .singleBranchCard .title {
        gap: 4px;
        margin-bottom: 5px !important
    }
}

.branchList .branchesWrap .singleBranchCard .title .icon {
    width: 40px;
    height: 100%
}

@media (max-width: 991px) {
    .branchList .branchesWrap .singleBranchCard .title .icon {
        width: 30px
    }
}

@media (max-height: 800px) {
    .branchList .branchesWrap .singleBranchCard .title .icon {
        width: 30px
    }
}

@media (max-width: 680px) {
    .branchList .branchesWrap .singleBranchCard .title .icon {
        width: 25px !important
    }
}

.branchList .branchesWrap .singleBranchCard .title h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px
}

@media (max-width: 1680px) {
    .branchList .branchesWrap .singleBranchCard .title h2 {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .branchList .branchesWrap .singleBranchCard .title h2 {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .branchList .branchesWrap .singleBranchCard .title h2 {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px
    }
}

.branchList .branchesWrap .singleBranchCard p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 18px;
    padding-left: 45px
}

@media (max-width: 1680px) {
    .branchList .branchesWrap .singleBranchCard p {
        font-size: 15px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 15px
    }
}

@media (max-width: 1279px) {
    .branchList .branchesWrap .singleBranchCard p {
        margin-bottom: 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .branchList .branchesWrap .singleBranchCard p {
        padding-left: 38px;
        margin-bottom: 10px !important
    }
}

@media (max-height: 800px) {
    .branchList .branchesWrap .singleBranchCard p {
        margin-bottom: 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-width: 680px) {
    .branchList .branchesWrap .singleBranchCard p {
        padding-left: 30px
    }
}

.branchList .branchesWrap .singleBranchCard .contact {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 10px;
    padding-left: 45px;
    max-width: 460px
}

@media (max-width: 1599px) {
    .branchList .branchesWrap .singleBranchCard .contact {
        align-items: center;
        flex-direction: row
    }
}

@media (max-width: 1680px) {
    .branchList .branchesWrap .singleBranchCard .contact {
        font-size: 15px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .branchList .branchesWrap .singleBranchCard .contact {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        flex-wrap: wrap
    }
}

@media (max-width: 1199px) {
    .branchList .branchesWrap .singleBranchCard .contact {
        align-items: start;
        flex-direction: column;
        gap: 4px
    }
}

@media (max-width: 991px) {
    .branchList .branchesWrap .singleBranchCard .contact {
        padding-left: 38px
    }
}

@media (max-height: 800px) {
    .branchList .branchesWrap .singleBranchCard .contact {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 680px) {
    .branchList .branchesWrap .singleBranchCard .contact {
        padding-left: 30px
    }
}

.branchList .branchesWrap .singleBranchCard .contact span {
    gap: 4px;
    display: flex;
    align-items: center
}

@media (max-width: 991px) {
    .branchList .branchesWrap .singleBranchCard .contact span svg {
        max-width: 22px
    }
}

@media (max-height: 800px) {
    .branchList .branchesWrap .singleBranchCard .contact span svg {
        max-width: 22px
    }
}

.branchList .loadMore {
    margin: 0 auto;
    width: fit-content;
    display: block;
    margin: 0 auto;
    margin-top: 26px;
    cursor: pointer
}

    .branchList .loadMore .loadMoreSvg {
        width: 54px;
        height: 54px
    }

.otherServiceSec .serviceWrap {
    position: relative;
    margin-block: 90px 100px
}

@media (max-width: 1680px) {
    .otherServiceSec .serviceWrap {
        margin-block: 50px 75px
    }
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap {
        margin-block: 40px 50px
    }
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap {
        margin-block: 30px 35px !important
    }
}

@media (max-height: 800px) {
    .otherServiceSec .serviceWrap {
        margin-block: 40px 50px
    }
}

.otherServiceSec .serviceWrap .mainTitle {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    color: var(--c2d);
    text-wrap: pretty;
    margin-bottom: 35px
}

@media (max-width: 1680px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 35px;
        line-height: 50px;
        margin-bottom: 30px
    }
}

@media (max-width: 1366px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 25px
    }
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 20px
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 24px !important;
        line-height: 36px !important
    }
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 22px !important;
        line-height: 28px !important;
        margin-bottom: 15px
    }
}

@media (max-height: 800px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 20px
    }
}

@media (max-width: 680px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 20px !important;
        line-height: 28px !important
    }
}

.otherServiceSec .serviceWrap .otherService {
    display: flex;
    max-width: 1580px;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService {
        max-width: 1250px
    }
}

.otherServiceSec .serviceWrap .otherService li {
    max-width: 380px;
    width: 100%;
    border-radius: 16px;
    background-color: #EDEDED
}

@media (max-width: 1680px) {
    .otherServiceSec .serviceWrap .otherService li {
        max-width: 100%
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .otherService li {
        border-radius: 12px
    }
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .otherService li {
        border-radius: 8px
    }
}

@media (max-width: 575px) {
    .otherServiceSec .serviceWrap .otherService li {
        max-width: 350px;
        margin: 0 auto
    }
}

.otherServiceSec .serviceWrap .otherService li a {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 16px
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .otherService li a {
        gap: 10px
    }
}

.otherServiceSec .serviceWrap .otherService li a .imgDiv {
    width: 69px;
    height: auto;
    background-color: transparent
}

@media (max-width: 1599px) {
    .otherServiceSec .serviceWrap .otherService li a .imgDiv {
        width: 55px;
        max-width: 100%
    }
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .otherService li a .imgDiv {
        width: 62px;
        max-width: 100%
    }
}

.otherServiceSec .serviceWrap .otherService li a .imgDiv img {
    mix-blend-mode: darken
}

.otherServiceSec .serviceWrap .otherService li a .textSec h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color: var(--c2d);
    margin-bottom: 12px
}

@media (max-width: 1680px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec h3 {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec h3 {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec h3 {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec h3 {
        margin-bottom: 4px !important
    }
}

.otherServiceSec .serviceWrap .otherService li a .textSec p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--c2d);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (max-width: 680px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
    position: absolute;
    border: 0;
    background-color: transparent;
    width: 65px;
    height: 45px;
    border-radius: 50%;
    top: 40px;
    right: -85px;
    z-index: 999
}

@media (max-width: 1850px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        right: -45px;
        top: 45px
    }
}

@media (max-width: 1680px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        right: -30px;
        width: 50px;
        height: 35px
    }
}

@media (max-width: 1599px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        top: 35px
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        display: none
    }
}

.otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
    left: -85px
}

@media (max-width: 1850px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        left: -45px
    }
}

@media (max-width: 1680px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        left: -30px
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        display: none
    }
}

.mainHeader.blogListHeader {
    height: auto
}

    .mainHeader.blogListHeader.calcHeader .commonBannerSec {
        max-height: fit-content
    }

    .mainHeader.blogListHeader .commonBannerSec {
        position: relative;
        background-repeat: no-repeat;
        background-size: cover
    }

@media (max-width: 1279px) {
    .mainHeader.blogListHeader .commonBannerSec {
        background-position: bottom right
    }
}

.mainHeader.blogListHeader .commonBannerSec::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 50%;
    z-index: 0;
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #fff 85%) 0% 0% no-repeat padding-box;
    opacity: 1
}

.mainHeader.blogListHeader .commonBannerSec .designTitle span {
    margin-inline: auto
}

.mainHeader.blogListHeader .commonBannerSec .mainTitleWrap {
    padding-block-start: 0px;
    margin-block-end: 44px;
    position: relative;
    z-index: 1
}

@media (max-width: 1680px) {
    .mainHeader.blogListHeader .commonBannerSec .mainTitleWrap {
        margin-block-end: 30px
    }
}

@media (max-width: 1366px) {
    .mainHeader.blogListHeader .commonBannerSec .mainTitleWrap {
        margin-block-end: 22px
    }
}

@media (max-width: 1279px) {
    .mainHeader.blogListHeader .commonBannerSec .mainTitleWrap {
        margin-block-end: 15px
    }
}

.mainHeader.blogListHeader .commonBannerSec .mainTitleWrap .mainTitle {
    max-width: 1026px;
    margin-inline: auto
}

.mainHeader.blogListHeader .commonBannerSec .inputRow {
    margin-inline: auto;
    max-width: 1100px;
    position: relative
}

@media (max-width: 1680px) {
    .mainHeader.blogListHeader .commonBannerSec .inputRow {
        max-width: 800px
    }
}

@media (max-width: 1279px) {
    .mainHeader.blogListHeader .commonBannerSec .inputRow {
        max-width: 700px
    }
}

.mainHeader.blogListHeader .commonBannerSec .inputRow::before {
    content: '';
    background-image: url("../images/blog-SearchIcn.svg");
    width: 30px;
    height: 30px;
    position: absolute;
    left: 30px;
    top: 22px;
    background-repeat: no-repeat
}

@media (max-width: 1680px) {
    .mainHeader.blogListHeader .commonBannerSec .inputRow::before {
        max-width: 22px;
        width: 100%;
        height: 25px;
        left: 15px;
        top: 16px;
        background-position: center;
        background-size: contain
    }
}

@media (max-width: 1279px) {
    .mainHeader.blogListHeader .commonBannerSec .inputRow::before {
        left: 15px;
        top: 12px
    }
}

@media (max-width: 1199px) {
    .mainHeader.blogListHeader .commonBannerSec .inputRow::before {
        max-width: 18px;
        left: 20px;
        top: 12px
    }
}

.mainHeader.blogListHeader .commonBannerSec .inputRow input {
    padding-inline: 70px 20px;
    height: 80px;
    -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2)
}

    .mainHeader.blogListHeader .commonBannerSec .inputRow input::placeholder {
        font-family: 'Noto Sans', sans-serif;
        font-weight: 400;
        color: #DDDDDD
    }

@media (max-width: 1680px) {
    .mainHeader.blogListHeader .commonBannerSec .inputRow input {
        height: 60px;
        padding-inline: 45px 20px
    }
}

@media (max-width: 1279px) {
    .mainHeader.blogListHeader .commonBannerSec .inputRow input {
        height: 50px
    }
}

.blogContentSec .contentWrap {
    position: relative
}

    .blogContentSec .contentWrap .tagsWraper {
        border-bottom: 1px solid #DDDDDD;
        width: 100%;
        position: sticky;
        top: 0;
        z-index: 10;
        padding-top: 10px;
        background-color: var(--white)
    }

    .blogContentSec .contentWrap .blogListTab {
        display: flex;
        align-items: center;
        gap: 20px;
        overflow: hidden;
        overflow-x: auto;
        max-width: fit-content;
        scrollbar-width: none;
        scrollbar-color: transparent transparent;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch
    }

        .blogContentSec .contentWrap .blogListTab::-webkit-scrollbar {
            width: 8px;
            margin-left: 5px;
            left: 5px
        }

        .blogContentSec .contentWrap .blogListTab::-webkit-scrollbar-track {
            background: transparent
        }

        .blogContentSec .contentWrap .blogListTab::-webkit-scrollbar-thumb {
            background: transparent
        }

@media (max-width: 1279px) {
    .blogContentSec .contentWrap .blogListTab {
        gap: 15px
    }
}

@media (max-height: 800px) {
    .blogContentSec .contentWrap .blogListTab {
        gap: 15px
    }
}

@media (max-width: 991px) {
    .blogContentSec .contentWrap .blogListTab {
        gap: 10px !important
    }
}

.blogContentSec .contentWrap .blogListTab .blogTab {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color: var(--c70);
    min-width: fit-content;
    width: 100%
}

@media (max-width: 1680px) {
    .blogContentSec .contentWrap .blogListTab .blogTab {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .blogContentSec .contentWrap .blogListTab .blogTab {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .blogContentSec .contentWrap .blogListTab .blogTab {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .blogContentSec .contentWrap .blogListTab .blogTab {
        font-size: 14px !important;
        font-weight: 500;
        line-height: 22px !important
    }
}

.blogContentSec .contentWrap .blogListTab .blogTab.activeBlog {
    color: var(--c2d);
    border-bottom: 1px solid var(--c2d)
}

.blogContentSec .contentWrap .blogListTab .blogTab a {
    padding: 0 14px 19px 14px;
    max-width: 175px;
    width: 100%
}

@media (max-height: 800px) {
    .blogContentSec .contentWrap .blogListTab .blogTab a {
        padding: 0 12px 14px 12px
    }
}

@media (max-width: 680px) {
    .blogContentSec .contentWrap .blogListTab .blogTab a {
        padding: 0px 10px 10px 10px !important
    }
}

.blogContentSec .mainGridSec {
    margin-block: 45px 30px;
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 55px
}

@media (max-width: 1680px) {
    .blogContentSec .mainGridSec {
        column-gap: 35px
    }
}

@media (max-width: 1599px) {
    .blogContentSec .mainGridSec {
        grid-template-columns: 1fr .4fr;
        column-gap: 25px
    }
}

@media (max-width: 1366px) {
    .blogContentSec .mainGridSec {
        column-gap: 20px;
        margin-block: 30px 25px
    }
}

@media (max-width: 1279px) {
    .blogContentSec .mainGridSec {
        margin-block: 25px 20px
    }
}

@media (max-width: 1199px) {
    .blogContentSec .mainGridSec {
        grid-template-columns: 1fr .6fr
    }
}

@media (max-width: 991px) {
    .blogContentSec .mainGridSec {
        grid-template-columns: 1fr
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec {
        column-gap: 20px;
        margin-block: 30px 25px
    }
}

.blogContentSec .mainGridSec .date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #2D2D2D
}

@media (max-width: 1680px) {
    .blogContentSec .mainGridSec .date p {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-width: 1279px) {
    .blogContentSec .mainGridSec .date p {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec .date p {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px
    }
}

.blogContentSec .mainGridSec .subTitle {
    line-height: 36px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (max-width: 1850px) {
    .blogContentSec .mainGridSec .subTitle {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px
    }
}

@media (max-width: 1680px) {
    .blogContentSec .mainGridSec .subTitle {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px !important
    }
}

@media (max-width: 1366px) {
    .blogContentSec .mainGridSec .subTitle {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px !important
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec .subTitle {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px !important
    }
}

@media (max-width: 991px) {
    .blogContentSec .mainGridSec .subTitle {
        font-size: 14px !important;
        font-weight: 600;
        line-height: 22px !important
    }
}

.blogContentSec .mainGridSec .blogDes {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--c43);
    margin-block: 12px 24px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (max-width: 1680px) {
    .blogContentSec .mainGridSec .blogDes {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        margin-block: 10px 20px
    }
}

@media (max-width: 1279px) {
    .blogContentSec .mainGridSec .blogDes {
        margin-block: 6px 10px
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec .blogDes {
        margin-block: 6px 10px
    }
}

@media (max-width: 680px) {
    .blogContentSec .mainGridSec .blogDes {
        font-size: 12px;
        font-weight: 400;
        line-height: 22px
    }
}

.blogContentSec .mainGridSec .scrollContent {
    max-height: 960px;
    max-height: calc(100vh - 50px);
    height: auto;
    overflow: hidden;
    overflow-y: auto;
    padding-inline-end: 55px;
    padding-block-end: 20px;
    border-right: 1px solid #EDEDED;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .blogContentSec .mainGridSec .scrollContent::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px
    }

    .blogContentSec .mainGridSec .scrollContent::-webkit-scrollbar-track {
        background: transparent
    }

    .blogContentSec .mainGridSec .scrollContent::-webkit-scrollbar-thumb {
        background: transparent
    }

@media (max-width: 1680px) {
    .blogContentSec .mainGridSec .scrollContent {
        padding-inline-end: 35px
    }
}

@media (max-width: 1599px) {
    .blogContentSec .mainGridSec .scrollContent {
        padding-inline-end: 25px
    }
}

@media (max-width: 1366px) {
    .blogContentSec .mainGridSec .scrollContent {
        padding-inline-end: 20px
    }
}

@media (max-width: 991px) {
    .blogContentSec .mainGridSec .scrollContent {
        padding-inline-end: 0px !important;
        border: none;
        max-height: max-content;
        overflow: visible;
        overflow-y: visible
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec .scrollContent {
        padding-inline-end: 20px
    }
}

.blogContentSec .mainGridSec .scrollContent .blogContent.dynmcnt.hasOne .bottomSec, .blogContentSec .mainGridSec .scrollContent .blogContent.dynmcnt.hasOne .middleSec {
    display: none
}

.blogContentSec .mainGridSec .scrollContent .blogContent.dynmcnt.hasOne .topSec {
    gap: 0;
    justify-items: center;
    border-bottom: none
}

.blogContentSec .mainGridSec .scrollContent .blogContent.dynmcnt.hasOne .firstSec {
    padding-right: 0;
    border-right: none;
    max-width: 650px
}

.blogContentSec .mainGridSec .scrollContent .blogContent.dynmcnt.hasTwo .bottomSec {
    display: none
}

.blogContentSec .mainGridSec .scrollContent .blogContent.dynmcnt.hasTwo .topSec {
    border-bottom: none
}

.blogContentSec .mainGridSec .scrollContent .blogContent .topSec {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 36px;
    padding-block-end: 35px;
    border-bottom: 1px solid #EDEDED
}

@media (max-width: 1850px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec {
        gap: 25px
    }
}

@media (max-width: 1366px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec {
        gap: 20px
    }
}

@media (max-width: 1366px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec {
        gap: 20px
    }
}

@media (max-width: 1199px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec {
        grid-template-columns: 1fr
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec {
        gap: 20px
    }
}

.blogContentSec .mainGridSec .scrollContent .blogContent .topSec .imgDiv img {
    border-radius: var(--br12)
}

@media (max-width: 991px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .imgDiv img {
        border-radius: 8px
    }
}

.blogContentSec .mainGridSec .scrollContent .blogContent .topSec .firstSec {
    padding-right: 35px;
    border-right: 1px solid #EDEDED
}

@media (max-width: 1850px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .firstSec {
        padding-right: 25px
    }
}

@media (max-width: 1366px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .firstSec {
        padding-right: 20px
    }
}

@media (max-width: 1199px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .firstSec {
        padding-right: 0px !important;
        border-right: none
    }
}

@media (max-width: 991px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .firstSec {
        max-width: 650px;
        margin: 0 auto
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .firstSec {
        padding-right: 20px
    }
}

.blogContentSec .mainGridSec .scrollContent .blogContent .topSec .firstSec .imgDiv {
    margin-bottom: 13px;
    max-width: 650px;
    width: 100%;
    max-height: 500px
}

.blogContentSec .mainGridSec .scrollContent .blogContent .topSec .firstSec .date {
    padding-right: 25px;
    margin-bottom: 12px
}

    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .firstSec .date p {
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: var(--c70)
    }

@media (max-width: 1680px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .firstSec .date p {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px
    }
}

@media (max-width: 1279px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .firstSec .date p {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .firstSec .date p {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px
    }
}

.blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec {
    display: grid;
    gap: 24px
}

@media (max-width: 1680px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec {
        gap: 18px
    }
}

@media (max-width: 1199px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 575px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec {
        grid-template-columns: 1fr
    }
}

.blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .singleSec, .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .imgDiv {
    max-width: 380px;
    width: 100%
}

@media (max-width: 1850px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .singleSec, .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .imgDiv {
        max-width: 340px
    }
}

@media (max-width: 1680px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .singleSec, .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .imgDiv {
        max-width: 320px
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .singleSec, .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .imgDiv {
        max-width: 280px
    }
}

@media (max-width: 991px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .singleSec, .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .imgDiv {
        max-width: 100% !important
    }
}

.blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .imgDiv {
    max-width: 380px;
    width: 100%;
    height: 100%;
    max-height: 200px;
    overflow: hidden;
    border-radius: var(--br12)
}

@media (max-width: 991px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .imgDiv {
        border-radius: 8px;
        max-height: fit-content;
        max-width: 100%
    }
}

@media (max-width: 575px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .imgDiv {
        max-height: 280px
    }
}

.blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .date {
    margin-block: 12px
}

@media (max-width: 1680px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .date {
        margin-block: 10px
    }
}

.blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .date p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--black)
}

@media (max-width: 1279px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec .date p {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px
    }
}

.blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec p {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (max-width: 1680px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec p {
        font-size: 17px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 1599px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec p {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 991px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec p {
        font-size: 14px !important;
        font-weight: 600;
        line-height: 22px !important
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .topSec .middleSec p {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

.blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .imgDiv {
    width: 380px;
    height: 100%;
    max-height: 200px;
    overflow: hidden;
    border-radius: 12px
}

    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .imgDiv img {
        border-radius: 12px;
        transition: .3s ease-in-out transform
    }

@media (max-width: 991px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .imgDiv img {
        border-radius: 8px
    }
}

@media (max-width: 1680px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .imgDiv {
        width: 320px
    }
}

@media (max-width: 1366px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .imgDiv {
        width: 275px
    }
}

@media (max-width: 1199px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .imgDiv {
        min-height: 130px;
        border-radius: 8px;
        display: flex
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .imgDiv {
        width: 275px
    }
}

@media (max-width: 680px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .imgDiv {
        width: 200px
    }
}

@media (max-width: 480px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .imgDiv {
        display: none
    }
}

.blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .singleContent {
    display: grid;
    grid-template-columns: 380px 1fr;
    align-items: start;
    gap: 45px;
    padding-block: 24px;
    border-bottom: 1px solid #EDEDED
}

@media (max-width: 1680px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .singleContent {
        grid-template-columns: 320px 1fr
    }
}

@media (max-width: 1366px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .singleContent {
        grid-template-columns: 275px 1fr
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .singleContent {
        grid-template-columns: 275px 1fr
    }
}

@media (max-width: 680px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .singleContent {
        grid-template-columns: 200px 1fr
    }
}

@media (max-width: 480px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .singleContent {
        grid-template-columns: 1fr
    }
}

.blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .singleContent:last-child {
    border-bottom: none
}

.blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .singleContent:hover .imgDiv img {
    transform: scale(1.05)
}

.blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .singleContent .imgDiv {
    max-height: 200px
}

@media (max-width: 1680px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .singleContent {
        gap: 30px;
        padding-block: 20px
    }
}

@media (max-width: 1279px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .singleContent {
        gap: 25px;
        padding-block: 18px
    }
}

@media (max-width: 1199px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .singleContent {
        gap: 20px !important;
        padding-block: 15px !important
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .singleContent {
        gap: 25px;
        padding-block: 18px
    }
}

@media (max-width: 991px) {
    .blogContentSec .mainGridSec .scrollContent .blogContent .bottomSec .singleContent {
        gap: 15px !important;
        padding-block: 15px !important
    }
}

.blogContentSec .mainGridSec .recentContentSec {
    display: grid;
    gap: 25px;
    align-items: start;
    align-content: flex-start;
    max-width: 515px;
    width: 100%;
    position: sticky;
    top: 70px;
    max-height: calc(100vh - 50px);
    align-self: flex-start;
    overflow: hidden;
    overflow-y: auto
}

    .blogContentSec .mainGridSec .recentContentSec::-webkit-scrollbar {
        width: 8px;
        margin-left: 10px;
        left: 15px;
        border-radius: 40%
    }

    .blogContentSec .mainGridSec .recentContentSec::-webkit-scrollbar-track {
        background: transparent
    }

    .blogContentSec .mainGridSec .recentContentSec::-webkit-scrollbar-thumb {
        background: #e7e7e780;
        border-radius: 10px;
        border: 2px solid transparent
    }

        .blogContentSec .mainGridSec .recentContentSec::-webkit-scrollbar-thumb:hover {
            background: #434343
        }

@media (max-width: 1680px) {
    .blogContentSec .mainGridSec .recentContentSec {
        gap: 20px
    }
}

@media (max-width: 1279px) {
    .blogContentSec .mainGridSec .recentContentSec {
        gap: 18px
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec .recentContentSec {
        gap: 18px
    }
}

@media (max-width: 991px) {
    .blogContentSec .mainGridSec .recentContentSec {
        gap: 15px !important;
        margin-block-start: 20px;
        max-width: 100%;
        overflow: visible;
        overflow-y: auto;
        max-height: max-content;
        position: relative;
        top: auto
    }
}

.blogContentSec .mainGridSec .recentContentSec .subTitle {
    line-height: 32px
}

.blogContentSec .mainGridSec .recentContentSec .recentBLogsHead {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: var(--theme-colour1);
    padding-block-end: 14px;
    border-bottom: 1px solid var(--theme-colour1)
}

@media (max-width: 1366px) {
    .blogContentSec .mainGridSec .recentContentSec .recentBLogsHead {
        padding-block-end: 10px
    }
}

@media (max-height: 800px) {
    .blogContentSec .mainGridSec .recentContentSec .recentBLogsHead {
        padding-block-end: 10px
    }
}

.blogContentSec .mainGridSec .recentContentSec a .recentBLogsSingleSec {
    padding-block-end: 24px;
    border-bottom: .5px solid #BBBBBB
}

@media (max-width: 1366px) {
    .blogContentSec .mainGridSec .recentContentSec a .recentBLogsSingleSec {
        padding-block-end: 20px
    }
}

@media (max-width: 991px) {
    .blogContentSec .mainGridSec .recentContentSec a .recentBLogsSingleSec {
        padding-block-end: 15px
    }
}

.blogContentSec .mainGridSec .recentContentSec a .recentBLogsSingleSec .subTitle {
    transition: .2s ease-in-out color
}

.blogContentSec .mainGridSec .recentContentSec a .recentBLogsSingleSec:hover .textSec .subTitle {
    color: #F26522
}

.blogContentSec .mainGridSec .recentContentSec a:last-child .recentBLogsSingleSec {
    border-bottom: none
}

.blogDetailsSec {
    padding-inline: 30px;
    padding-block-start: 150px
}

@media (max-width: 1680px) {
    .blogDetailsSec {
        padding-block-start: 125px
    }
}

@media (max-width: 1279px) {
    .blogDetailsSec {
        padding-block-start: 110px !important
    }
}

@media (max-width: 1199px) {
    .blogDetailsSec {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

@media (max-width: 991px) {
    .blogDetailsSec {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media (max-height: 800px) {
    .blogDetailsSec {
        padding-block-start: 125px
    }
}

.blogDetailsSec .detailsContentWrapper {
    max-width: 1192px;
    width: 100%;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 70px;
    position: relative
}

@media (max-width: 680px) {
    .blogDetailsSec .detailsContentWrapper {
        gap: 0
    }
}

.blogDetailsSec .detailsContentWrapper .headerImage {
    max-width: 1100px;
    width: 100%;
    margin-block-end: 20px
}

@media (max-width: 1680px) {
    .blogDetailsSec .detailsContentWrapper .headerImage {
        max-width: 700px;
        margin-block-end: 20px;
        margin-inline: auto
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .content {
    max-width: 1100px;
    width: 100%;
    display: grid;
    gap: 24px;
    padding-block-end: 60px;
    border-bottom: 1px solid #EDEDED
}

@media (max-width: 1680px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content {
        padding-block-end: 40px
    }
}

@media (max-width: 1279px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content {
        padding-block-end: 30px;
        gap: 15px
    }
}

@media (max-width: 991px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content {
        padding-block-end: 20px !important;
        gap: 10px !important
    }
}

@media (max-height: 800px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content {
        padding-block-end: 30px;
        gap: 15px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .commonPara {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--c2d)
}

@media (max-width: 1680px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .commonPara {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .commonPara {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .commonHeading {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 5px
}

@media (max-width: 1680px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .commonHeading {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .commonHeading {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .commonHeading {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .subHeading {
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 5px
}

@media (max-width: 1680px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .subHeading {
        font-size: 22px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .subHeading {
        font-size: 20px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 1199px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .subHeading {
        font-size: 18px !important;
        font-weight: 600;
        line-height: 20px !important
    }
}

@media (max-width: 991px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .subHeading {
        font-size: 16px !important;
        font-weight: 600;
        line-height: 20px !important
    }
}

@media (max-height: 800px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .subHeading {
        font-size: 20px;
        font-weight: 600;
        line-height: 22px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .titleSec {
    margin-block-end: 20px
}

@media (max-width: 1680px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .titleSec {
        margin-block-end: 15px
    }
}

@media (max-width: 991px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .titleSec {
        margin-block-end: 10px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .titleSec .mainHeading {
    font-size: 34px;
    font-weight: 600;
    line-height: 51px;
    color: var(--c2d);
    margin-block-end: 5px
}

@media (max-width: 1680px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .titleSec .mainHeading {
        font-size: 30px;
        font-weight: 600;
        line-height: 45px
    }
}

@media (max-width: 1279px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .titleSec .mainHeading {
        font-size: 25px;
        font-weight: 600;
        line-height: 32px
    }
}

@media (max-width: 1199px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .titleSec .mainHeading {
        font-size: 22px !important;
        font-weight: 600;
        line-height: 30px !important
    }
}

@media (max-height: 800px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .titleSec .mainHeading {
        font-size: 25px;
        font-weight: 600;
        line-height: 32px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .titleSec .subSec {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .blogDetailsSec .detailsContentWrapper .contentSec .content .titleSec .subSec .info {
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        color: var(--c70);
        display: grid;
        grid-auto-flow: column;
        gap: 12px
    }

@media (max-width: 680px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .titleSec .subSec .info {
        font-size: 12px;
        font-weight: 600;
        line-height: 18px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .titleSec .subSec .info span {
    color: #C32641;
    text-transform: capitalize;
    padding-inline-start: 12px;
    border-left: 1px solid #DDDDDD
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .styledSec {
    font-weight: 500;
    font-style: italic;
    border-left: 2px solid #2D2D2D;
    padding-inline-start: 32px
}

@media (max-width: 1279px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .styledSec {
        padding-inline-start: 25px
    }
}

@media (max-width: 991px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .styledSec {
        padding-inline-start: 15px !important
    }
}

@media (max-height: 800px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .styledSec {
        padding-inline-start: 25px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .blogDetailsOLOne {
    display: grid;
    gap: 28px
}

@media (max-width: 1279px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .blogDetailsOLOne {
        gap: 18px
    }
}

@media (max-width: 991px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .blogDetailsOLOne {
        gap: 12px !important
    }
}

@media (max-height: 800px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .blogDetailsOLOne {
        gap: 18px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .newSec .commonHeading {
    margin-block: 16px 8px
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .newSec .blogDetailsOLTwo {
    display: grid;
    gap: 12px
}

    .blogDetailsSec .detailsContentWrapper .contentSec .content .newSec .blogDetailsOLTwo .blogDetailsLITwo {
        position: relative;
        padding-inline-start: 20px
    }

        .blogDetailsSec .detailsContentWrapper .contentSec .content .newSec .blogDetailsOLTwo .blogDetailsLITwo::before {
            content: '';
            position: absolute;
            left: 4px;
            top: 10px;
            width: 8px;
            height: 8px;
            background-color: #C32641;
            border-radius: 50%
        }

.blogDetailsSec .detailsContentWrapper .contentSec .content .videoSec {
    margin-block-end: 34px
}

@media (max-width: 1279px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .videoSec {
        margin-block-end: 25px
    }
}

@media (max-width: 991px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .videoSec {
        margin-block-end: 20px !important
    }
}

@media (max-height: 800px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .videoSec {
        margin-block-end: 25px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .videoSec .videoHeading {
    font-weight: 500;
    font-style: italic;
    color: #707070;
    margin-block: 26px 16px
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .videoSec .videoDiv {
    max-width: 778px;
    width: 100%;
    max-height: 410px;
    position: relative
}

@media (max-width: 1680px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .videoSec .videoDiv {
        max-width: 625px
    }
}

@media (max-width: 991px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .videoSec .videoDiv {
        display: flex
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .videoSec .videoDiv a {
    height: auto;
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center
}

    .blogDetailsSec .detailsContentWrapper .contentSec .content .videoSec .videoDiv a .playBtn {
        width: 55px;
        height: 55px
    }

@media (max-width: 1680px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .videoSec .videoDiv a .playBtn {
        width: 45px;
        height: 45px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .videoSec .videoDiv a .playBtn svg {
    width: 100%;
    height: auto
}

.blogDetailsSec .detailsContentWrapper .contentSec .content .conclusionDiv .wraper {
    display: grid;
    gap: 24px
}

@media (max-width: 1279px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .conclusionDiv .wraper {
        gap: 20px
    }
}

@media (max-width: 991px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .conclusionDiv .wraper {
        gap: 15px !important
    }
}

@media (max-height: 800px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .content .conclusionDiv .wraper {
        gap: 20px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-block-start: 22px;
    max-width: 1100px;
    width: 100%
}

    .blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .LSe h4 {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        color: var(--c70);
        margin-block-end: 10px
    }

@media (max-width: 1279px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .LSe h4 {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .LSe h4 {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .LSe .linkUL {
    display: flex;
    align-items: center
}

    .blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .LSe .linkUL li {
        margin-inline-start: 15px;
        width: 20px;
        height: 20px
    }

@media (max-width: 991px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .LSe .linkUL li {
        width: 16px;
        height: 16px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .LSe .linkUL li svg {
    width: 100%;
    height: auto
}

.blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .RSe {
    display: flex;
    align-items: center;
    gap: 30px
}

@media (max-width: 1279px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .RSe {
        gap: 20px
    }
}

@media (max-width: 991px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .RSe {
        gap: 15px !important
    }
}

@media (max-height: 800px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .RSe {
        gap: 20px
    }
}

.blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .RSe button {
    width: 52px;
    height: 40px;
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer
}

@media (max-width: 1279px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .RSe button {
        width: 40px;
        height: 40px
    }
}

@media (max-width: 991px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .RSe button {
        width: 30px !important;
        height: 30px !important
    }
}

@media (max-height: 800px) {
    .blogDetailsSec .detailsContentWrapper .contentSec .bottomLinkSec .RSe button {
        width: 40px;
        height: 40px
    }
}

.blogDetailsSec .detailsContentWrapper .stickyDiv {
    position: absolute;
    top: 615px;
    bottom: 140px;
    right: 0
}

@media (max-width: 1279px) {
    .blogDetailsSec .detailsContentWrapper .stickyDiv {
        top: 80vh
    }
}

@media (max-width: 1024px) {
    .blogDetailsSec .detailsContentWrapper .stickyDiv {
        top: 68vh
    }
}

@media (max-width: 991px) {
    .blogDetailsSec .detailsContentWrapper .stickyDiv {
        top: 65vh
    }
}

@media (max-width: 767px) {
    .blogDetailsSec .detailsContentWrapper .stickyDiv {
        top: 56vh
    }
}

@media (max-width: 680px) {
    .blogDetailsSec .detailsContentWrapper .stickyDiv {
        display: none
    }
}

.blogDetailsSec .detailsContentWrapper .stickyDiv .linkUL {
    height: max-content;
    display: grid;
    gap: 17px;
    position: sticky;
    top: 200px
}

    .blogDetailsSec .detailsContentWrapper .stickyDiv .linkUL li {
        width: 20px;
        height: 20px
    }

.relatedBlogsSec {
    margin-block: 150px 180px
}

@media (max-width: 1680px) {
    .relatedBlogsSec {
        margin-block: 100px 140px
    }
}

@media (max-width: 1279px) {
    .relatedBlogsSec {
        margin-block: 80px 100px
    }
}

@media (max-width: 1199px) {
    .relatedBlogsSec {
        margin-block: 50px 80px !important
    }
}

@media (max-width: 991px) {
    .relatedBlogsSec {
        margin-block: 30px 40px !important
    }
}

@media (max-height: 800px) {
    .relatedBlogsSec {
        margin-block: 80px 100px
    }
}

.relatedBlogsSec .date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #2D2D2D
}

@media (max-width: 1680px) {
    .relatedBlogsSec .date p {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-width: 1279px) {
    .relatedBlogsSec .date p {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .relatedBlogsSec .date p {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px
    }
}

.relatedBlogsSec .headerSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block-end: 28px
}

@media (max-width: 1279px) {
    .relatedBlogsSec .headerSec {
        margin-block-end: 22px
    }
}

@media (max-width: 1199px) {
    .relatedBlogsSec .headerSec {
        margin-block-end: 18px
    }
}

@media (max-height: 800px) {
    .relatedBlogsSec .headerSec {
        margin-block-end: 18px
    }
}

.relatedBlogsSec .headerSec h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 41px
}

@media (max-width: 1680px) {
    .relatedBlogsSec .headerSec h2 {
        font-size: 25px;
        font-weight: 700;
        line-height: 35px
    }
}

@media (max-width: 1279px) {
    .relatedBlogsSec .headerSec h2 {
        font-size: 22px;
        font-weight: 700;
        line-height: 32px
    }
}

@media (max-width: 1199px) {
    .relatedBlogsSec .headerSec h2 {
        font-size: 20px !important;
        font-weight: 700;
        line-height: 30px !important
    }
}

@media (max-height: 800px) {
    .relatedBlogsSec .headerSec h2 {
        font-size: 22px;
        font-weight: 700;
        line-height: 32px
    }
}

.relatedBlogsSec .headerSec .viewMore {
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    color: #C32641;
    display: flex;
    align-items: center;
    gap: 12px
}

@media (max-width: 1680px) {
    .relatedBlogsSec .headerSec .viewMore {
        font-size: 15px;
        font-weight: 400;
        line-height: 32px
    }
}

@media (max-width: 1279px) {
    .relatedBlogsSec .headerSec .viewMore {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .relatedBlogsSec .headerSec .viewMore {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

.relatedBlogsSec .headerSec .viewMore span {
    height: 24px
}

.relatedBlogsSec .middleSec {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px
}

@media (max-width: 1680px) {
    .relatedBlogsSec .middleSec {
        gap: 18px
    }
}

@media (max-width: 1366px) {
    .relatedBlogsSec .middleSec {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 575px) {
    .relatedBlogsSec .middleSec {
        grid-template-columns: 1fr
    }
}

.relatedBlogsSec .middleSec .singleSec, .relatedBlogsSec .middleSec .imgDiv {
    max-width: 380px;
    width: 100%
}

@media (max-width: 1680px) {
    .relatedBlogsSec .middleSec .singleSec, .relatedBlogsSec .middleSec .imgDiv {
        max-width: 100%
    }
}

.relatedBlogsSec .middleSec .singleSec img, .relatedBlogsSec .middleSec .imgDiv img {
    border-radius: 12px
}

@media (max-width: 991px) {
    .relatedBlogsSec .middleSec .singleSec img, .relatedBlogsSec .middleSec .imgDiv img {
        border-radius: 8px
    }
}

.relatedBlogsSec .middleSec .date {
    margin-block: 12px
}

@media (max-width: 1680px) {
    .relatedBlogsSec .middleSec .date {
        margin-block: 10px
    }
}

.relatedBlogsSec .middleSec .date p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--black)
}

@media (max-width: 1279px) {
    .relatedBlogsSec .middleSec .date p {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .relatedBlogsSec .middleSec .date p {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px
    }
}

.relatedBlogsSec .middleSec p {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (max-width: 1680px) {
    .relatedBlogsSec .middleSec p {
        font-size: 17px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 1599px) {
    .relatedBlogsSec .middleSec p {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 991px) {
    .relatedBlogsSec .middleSec p {
        font-size: 14px !important;
        font-weight: 600;
        line-height: 22px !important
    }
}

@media (max-height: 800px) {
    .relatedBlogsSec .middleSec p {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

.clacCmnP {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px
}

@media (max-width: 1680px) {
    .clacCmnP {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 1680px) {
    .cmnMT {
        margin-block-start: 50px !important
    }
}

@media (max-width: 1279px) {
    .cmnMT {
        margin-block-start: 40px !important
    }
}

@media (max-width: 991px) {
    .cmnMT {
        margin-block-start: 35px !important
    }
}

@media (max-height: 800px) {
    .cmnMT {
        margin-block-start: 40px !important
    }
}

.mainTitleWrap .woBG {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #F26522;
    border-bottom: 1px solid #F26522;
    max-width: fit-content;
    margin-inline: auto;
    padding: 0 10px 14px 10px;
    margin-block-end: 16px
}

@media (max-width: 1279px) {
    .mainTitleWrap .woBG {
        padding: 0 10px 10px 10px;
        margin-block-end: 14px
    }
}

@media (max-width: 991px) {
    .mainTitleWrap .woBG {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        padding: 0 6px 6px 6px !important;
        margin-block-end: 12px !important
    }
}

@media (max-height: 800px) {
    .mainTitleWrap .woBG {
        padding: 0 10px 10px 10px;
        margin-block-end: 14px
    }
}

.calcHeader {
    height: auto
}

    .calcHeader .commonBannerSec {
        height: 100%;
        position: relative;
        background-position: center right;
        background-repeat: no-repeat;
        background-size: cover;
        display: grid;
        align-items: center;
        max-height: fit-content
    }

        .calcHeader .commonBannerSec::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: #fff;
            background: linear-gradient(90deg, rgba(255,255,255,0.8967962185) 0%, rgba(255,255,255,0.6082808123) 19%, rgba(255,255,255,0.4710259104) 37%, rgba(255,255,255,0.112482493) 50%, rgba(255,255,255,0) 100%)
        }

        .calcHeader .commonBannerSec .bannerTitleWrap {
            position: relative;
            z-index: 1;
            margin-block-start: 95px;
            padding-inline-start: 48px
        }

@media (max-width: 991px) {
    .calcHeader .commonBannerSec .bannerTitleWrap {
        padding-inline-start: 35px
    }
}

@media (max-width: 480px) {
    .calcHeader .commonBannerSec .bannerTitleWrap {
        padding-inline-start: 0px
    }
}

.calcHeader .commonBannerSec .bannerTitleWrap .mainTitle {
    font-size: 50px;
    font-weight: 700;
    line-height: 68px;
    color: var(--black);
    margin-block-end: 21px
}

@media (max-width: 1680px) {
    .calcHeader .commonBannerSec .bannerTitleWrap .mainTitle {
        font-size: 45px;
        line-height: 60px
    }
}

@media (max-width: 1366px) {
    .calcHeader .commonBannerSec .bannerTitleWrap .mainTitle {
        font-size: 40px;
        line-height: 55px;
        margin-block-end: 18px
    }
}

@media (max-width: 1279px) {
    .calcHeader .commonBannerSec .bannerTitleWrap .mainTitle {
        font-size: 35px;
        line-height: 50px;
        margin-block-end: 15px
    }
}

@media (max-width: 1199px) {
    .calcHeader .commonBannerSec .bannerTitleWrap .mainTitle {
        font-size: 30px !important;
        line-height: 45px !important;
        margin-block-end: 12px !important
    }
}

@media (max-width: 991px) {
    .calcHeader .commonBannerSec .bannerTitleWrap .mainTitle {
        font-size: 25px !important;
        line-height: 30px !important;
        margin-block-end: 8px !important
    }
}

@media (max-height: 800px) {
    .calcHeader .commonBannerSec .bannerTitleWrap .mainTitle {
        font-size: 35px;
        line-height: 50px;
        margin-block-end: 15px
    }
}

@media (max-width: 680px) {
    .calcHeader .commonBannerSec .bannerTitleWrap .mainTitle {
        font-size: 20px !important;
        line-height: 28px !important
    }
}

.calcHeader .commonBannerSec .bannerTitleWrap .mainDesc {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    max-width: 865px
}

@media (max-width: 1680px) {
    .calcHeader .commonBannerSec .bannerTitleWrap .mainDesc {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 1366px) {
    .calcHeader .commonBannerSec .bannerTitleWrap .mainDesc {
        max-width: 750px
    }
}

@media (max-width: 1279px) {
    .calcHeader .commonBannerSec .bannerTitleWrap .mainDesc {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        max-width: 650px
    }
}

@media (max-height: 800px) {
    .calcHeader .commonBannerSec .bannerTitleWrap .mainDesc {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        max-width: 650px
    }
}

@media (max-width: 680px) {
    .calcHeader .commonBannerSec .bannerTitleWrap .mainDesc {
        max-width: 520px !important
    }
}

.loanCalculatorSec {
    margin-block-start: 114px
}

@media (max-width: 1680px) {
    .loanCalculatorSec {
        margin-block-start: 90px
    }
}

@media (max-width: 1279px) {
    .loanCalculatorSec {
        margin-block-start: 80px
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec {
        margin-block-start: 80px
    }
}

@media (max-width: 991px) {
    .loanCalculatorSec {
        margin-block-start: 50px !important
    }
}

.loanCalculatorSec .template-containerMaxWth {
    position: relative
}

    .loanCalculatorSec .template-containerMaxWth::after {
        content: '';
        position: absolute;
        z-index: -1;
        background: #efb7b7;
        background: linear-gradient(90deg, #efb7b7 0%, #8ba2d8 20%, #acdfd8 40%, #c7dfa6 60%, #8dcbb6 80%, #d59494 100%);
        width: 100%;
        height: 345px;
        top: -60px;
        left: 0;
        margin: auto;
        opacity: 10%;
        border: 1px solid #DDDDDD;
        border-radius: 22px
    }

@media (max-width: 1680px) {
    .loanCalculatorSec .template-containerMaxWth::after {
        height: 280px;
        top: -45px
    }
}

@media (max-width: 991px) {
    .loanCalculatorSec .template-containerMaxWth::after {
        height: 220px;
        top: -25px
    }
}

.loanCalculatorSec .calculatorWrap {
    background-color: #FFFFFF;
    max-width: 1472px;
    width: 100%;
    margin-inline: auto;
    border-radius: 43px;
    -webkit-box-shadow: 9px 11px 20px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 9px 11px 20px 0px rgba(0,0,0,0.15);
    box-shadow: 9px 11px 20px 0px rgba(0,0,0,0.15);
    padding: 48px 40px
}

@media (max-width: 1366px) {
    .loanCalculatorSec .calculatorWrap {
        padding: 40px 35px;
        border-radius: 30px
    }
}

@media (max-width: 1279px) {
    .loanCalculatorSec .calculatorWrap {
        padding: 40px 30px;
        border-radius: 24px
    }
}

@media (max-width: 1199px) {
    .loanCalculatorSec .calculatorWrap {
        padding: 30px 25px !important;
        border-radius: 20px !important
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap {
        padding: 40px 30px;
        border-radius: 24px
    }
}

@media (max-width: 991px) {
    .loanCalculatorSec .calculatorWrap {
        border-radius: 8px !important;
        padding: 25px !important
    }
}

@media (max-width: 680px) {
    .loanCalculatorSec .calculatorWrap {
        padding: 20px !important
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    justify-content: space-between;
    max-width: 1346px;
    width: 100%;
    margin-inline: auto
}

@media (max-width: 1199px) {
    .loanCalculatorSec .calculatorWrap .innerWrap {
        grid-template-columns: 1fr
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .subTitle {
    line-height: 33px
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft {
    max-width: 665px;
    padding-inline-end: 30px;
    position: relative
}

@media (max-width: 1199px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft {
        max-width: 100%;
        padding-inline-end: 0px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft::after {
    content: '';
    position: absolute;
    right: 0;
    background-color: #DDDDDD;
    width: 1px;
    height: 78%;
    top: 44%;
    bottom: 50%;
    margin: auto
}

@media (max-width: 1199px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft::after {
        display: none
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

@media (max-width: 680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec {
        flex-wrap: wrap
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec h2 {
    max-width: 465px;
    width: 100%;
    color: var(--black);
    margin-bottom: 40px
}

@media (max-width: 1680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec h2 {
        margin-bottom: 30px
    }
}

@media (max-width: 1279px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec h2 {
        margin-bottom: 25px
    }
}

@media (max-width: 991px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec h2 {
        margin-bottom: 20px !important
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec h2 {
        margin-bottom: 25px
    }
}

@media (max-width: 680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec h2 {
        margin-bottom: 10px !important
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec .toggleSwt {
    position: relative;
    display: inline-block;
    margin: 0 5px
}

@media (max-width: 680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec .toggleSwt {
        margin-inline-start: auto
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec .on.active, .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec .off.active {
    color: var(--white)
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec .toggleSwt > span {
    position: absolute;
    top: 10px;
    pointer-events: none;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--black);
    width: 50%;
    text-align: center
}

@media (max-width: 991px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec .toggleSwt > span {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        top: 8px
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec .toggleSwt > span {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        top: 8px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec input {
    appearance: none
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec .check-toggle-round-flat:has(:checked) .toggleSwt, .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec .check-toggle-round-flat:has(:checked) ~ .off {
    color: var(--white);
    background-color: red
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec .toggleSwt > span.on {
    left: 0;
    padding-left: 2px
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec .toggleSwt > span.off {
    right: 0;
    padding-right: 4px
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec .check-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
    transition: all 0.3s
}

    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec .check-toggle + label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        user-select: none
    }

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec input.check-toggle-round-flat + label {
    width: 136px;
    height: 42px;
    background-color: #FAFAFA;
    border-radius: 20px;
    border: 1px solid #EDEDED
}

@media (max-width: 991px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec input.check-toggle-round-flat + label {
        width: 90px;
        height: 37px
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec input.check-toggle-round-flat + label {
        width: 90px;
        height: 37px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec input.check-toggle-round-flat + label:before, .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec input.check-toggle-round-flat + label:after {
    display: block;
    position: absolute;
    content: ""
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec input.check-toggle-round-flat + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #FAFAFA;
    border-radius: 60px
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec input.check-toggle-round-flat + label:after {
    top: 2px;
    left: 2px;
    bottom: 2px;
    width: 67px;
    background-color: #F26522;
    border-radius: 20px;
    transition: all 0.3s
}

@media (max-width: 991px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec input.check-toggle-round-flat + label:after {
        width: 46px
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec input.check-toggle-round-flat + label:after {
        width: 46px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec input.check-toggle-round-flat:checked + label:after {
    margin-left: 63px;
    width: 67px;
    background: #F26522;
    left: 0px
}

@media (max-width: 991px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec input.check-toggle-round-flat:checked + label:after {
        width: 46px;
        margin-left: 40px
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec input.check-toggle-round-flat:checked + label:after {
        width: 46px;
        margin-left: 40px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .leftHeaderSec input.check-toggle-round-flat:active + label:after {
    width: 50px;
    left: 2px
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    gap: 20px
}

@media (max-width: 1680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form {
        margin-bottom: 35px;
        gap: 16px
    }
}

@media (max-width: 1279px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form {
        margin-bottom: 30px;
        gap: 12px
    }
}

@media (max-width: 991px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form {
        margin-bottom: 25px !important
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form {
        margin-bottom: 30px;
        gap: 12px
    }
}

@media (max-width: 680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form {
        flex-direction: column;
        align-items: flex-start
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow {
    max-width: 260px;
    min-width: 200px;
    margin: 0
}

@media (max-width: 1199px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow {
        width: 100%;
        max-width: 100%
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow label {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    display: inline-block;
    margin-bottom: 15px
}

@media (max-width: 1279px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow label {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow label {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px
    }
}

@media (max-width: 680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow label {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 8px !important
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow .inputCtrl1 {
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25)
}

@media (max-width: 1279px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow .inputCtrl {
        padding-inline: 14px
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow .inputCtrl {
        padding-inline: 14px
    }
}

@media (max-width: 1199px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow .inputCtrl {
        padding-inline: 10px !important
    }
}

@media (max-width: 680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow .inputCtrl {
        height: 55px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow .symbol {
    background-color: var(--white);
    display: flex;
    align-items: center;
    border-radius: 12px;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25)
}

@media (max-width: 680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow .symbol {
        border-radius: 8px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow .symbol .icon {
    padding-inline: 18px;
    border-right: 1px solid #DDDDDD;
    height: 24px
}

@media (max-width: 1279px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow .symbol .icon {
        padding-inline: 10px
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow .symbol .icon {
        padding-inline: 10px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .inputRow .symbol .icon img {
    width: 24px
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .or {
    margin-top: 35px;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color: #707070
}

@media (max-width: 680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form .or {
        margin-top: 10px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form label {
    font-size: 16px;
    font-weight: 500
}

@media (max-width: 1279px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form label {
        font-size: 14px
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft form label {
        font-size: 14px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .noteSec h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color: var(--c2d);
    margin-bottom: 32px
}

@media (max-width: 1680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .noteSec h3 {
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .noteSec h3 {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .noteSec h3 {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .noteSec ul {
    display: grid;
    gap: 20px;
    margin-bottom: 40px
}

@media (max-width: 1680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .noteSec ul {
        margin-bottom: 30px
    }
}

@media (max-width: 1366px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .noteSec ul {
        gap: 15px
    }
}

@media (max-width: 1199px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .noteSec ul {
        margin-bottom: 0px;
        gap: 12px !important
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .noteSec ul {
        gap: 15px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .noteSec ul li {
    display: flex;
    gap: 16px;
    align-items: center
}

@media (max-width: 1279px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .noteSec ul li {
        gap: 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .noteSec ul li {
        gap: 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-width: 680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcLeft .noteSec ul li svg {
        width: 12px;
        height: 12px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcRight {
    max-width: 605px;
    width: 100%;
    margin-inline-start: auto
}

@media (max-width: 1199px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcRight {
        margin-inline-start: 0;
        max-width: 100%
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcRight .rightBottomSec {
    margin-block: 38px 30px;
    display: grid;
    gap: 16px
}

@media (max-width: 1680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcRight .rightBottomSec {
        margin-block: 30px 30px;
        gap: 12px
    }
}

@media (max-width: 1366px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcRight .rightBottomSec {
        margin-block: 20px 30px
    }
}

@media (max-width: 1199px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcRight .rightBottomSec {
        gap: 30px;
        justify-content: space-between;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 991px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcRight .rightBottomSec {
        gap: 22px
    }
}

@media (max-width: 767px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcRight .rightBottomSec {
        gap: 15px;
        justify-content: flex-start;
        grid-template-columns: 1fr;
        margin-block: 12px 30px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcRight .rightBottomSec .singleSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

@media (max-width: 991px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcRight .rightBottomSec .singleSec {
        gap: 12px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcRight .rightBottomSec .singleSec h2, .loanCalculatorSec .calculatorWrap .innerWrap .calcRight .rightBottomSec .singleSec span {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcRight .rightBottomSec .singleSec span {
    background-color: #EDEDED;
    border-radius: 4px;
    min-width: 145px;
    max-width: fit-content;
    padding: 16px 20px;
    text-align: center
}

@media (max-width: 1366px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcRight .rightBottomSec .singleSec span {
        padding: 14px 18px
    }
}

@media (max-width: 991px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcRight .rightBottomSec .singleSec span {
        min-width: 100px;
        padding: 10px
    }
}

.loanCalculatorSec .calculatorWrap .innerWrap .calcRight .btnsDiv {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px
}

    .loanCalculatorSec .calculatorWrap .innerWrap .calcRight .btnsDiv .applyBtn {
        background-color: var(--btnClr);
        color: var(--white);
        padding-inline: 45px;
        margin: 0
    }

        .loanCalculatorSec .calculatorWrap .innerWrap .calcRight .btnsDiv .applyBtn svg {
            transform: rotateZ(315deg) scale(1.4);
            left: 3px
        }

            .loanCalculatorSec .calculatorWrap .innerWrap .calcRight .btnsDiv .applyBtn svg .fill {
                fill: var(--white)
            }

        .loanCalculatorSec .calculatorWrap .innerWrap .calcRight .btnsDiv .applyBtn span svg path {
            fill: var(--white)
        }

@media (max-width: 680px) {
    .loanCalculatorSec .calculatorWrap .innerWrap .calcRight .btnsDiv .cmnBtn {
        width: 100%;
        padding: 17px 32px;
        justify-content: center
    }
}

.loanCalculatorSec .calculatorWrap .imp {
    text-align: center
}

@media (max-width: 1199px) {
    .loanCalculatorSec .calculatorWrap .imp {
        margin-block-start: 25px
    }
}

@media (max-height: 800px) {
    .loanCalculatorSec .calculatorWrap .imp {
        margin-block-start: 25px
    }
}

.BenefitsSec {
    margin-block-start: 60px
}

    .BenefitsSec .mainTitleWrap .clacCmnP {
        text-align: center;
        margin-top: 21px
    }

@media (max-width: 1680px) {
    .BenefitsSec .mainTitleWrap .clacCmnP {
        margin-top: 15px
    }
}

@media (max-width: 1279px) {
    .BenefitsSec .mainTitleWrap .clacCmnP {
        margin-top: 10px
    }
}

@media (max-height: 800px) {
    .BenefitsSec .mainTitleWrap .clacCmnP {
        margin-top: 10px
    }
}

.BenefitsSec .processSec {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-block-start: 21px;
    padding-inline: 20px
}

@media (max-width: 1199px) {
    .BenefitsSec .processSec {
        padding-inline: 15px
    }
}

@media (max-width: 991px) {
    .BenefitsSec .processSec {
        flex-wrap: wrap;
        gap: 30px
    }
}

@media (max-width: 680px) {
    .BenefitsSec .processSec {
        padding-inline: 10px
    }
}

.BenefitsSec .processSec .singleProcess .number {
    font-size: 97px;
    font-weight: 800;
    line-height: 132px;
    -webkit-text-stroke: 1px #C32641;
    color: transparent;
    padding-inline-start: 13px
}

@media (max-width: 991px) {
    .BenefitsSec .processSec .singleProcess .number {
        font-size: 90px;
        font-weight: 800;
        line-height: 80px
    }
}

.BenefitsSec .processSec .singleProcess .card {
    position: relative;
    margin-block-start: -45px;
    border-radius: 16px;
    background-color: var(--white);
    padding: 37px 25px 34px 31px;
    -webkit-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.1);
    box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.1)
}

@media (max-width: 1279px) {
    .BenefitsSec .processSec .singleProcess .card {
        padding: 30px 20px 30px 25px;
        border-radius: 14px
    }
}

@media (max-width: 991px) {
    .BenefitsSec .processSec .singleProcess .card {
        padding: 20px 15px 25px 20px;
        border-radius: 8px;
        margin-block-start: -20px
    }
}

.BenefitsSec .processSec .singleProcess .card h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    margin-block-end: 20px
}

@media (max-width: 1680px) {
    .BenefitsSec .processSec .singleProcess .card h3 {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        margin-block-end: 15px
    }
}

@media (max-width: 1279px) {
    .BenefitsSec .processSec .singleProcess .card h3 {
        margin-block-end: 12px
    }
}

@media (max-width: 991px) {
    .BenefitsSec .processSec .singleProcess .card h3 {
        margin-block-end: 10px
    }
}

@media (max-height: 800px) {
    .BenefitsSec .processSec .singleProcess .card h3 {
        margin-block-end: 10px
    }
}

.BenefitsSec .processSec .singleProcess .card p {
    max-width: 720px
}

    .BenefitsSec .processSec .singleProcess .card p span {
        color: var(--theme-colour1)
    }

.chargesSec {
    margin-block-start: 71px
}

    .chargesSec .chargersWrap {
        border-radius: 23px;
        background: #c32641;
        background: linear-gradient(90deg, rgba(195,38,65,0.1) 0%, rgba(195,38,65,0.1) 22%, rgba(215,65,51,0.1) 41%, rgba(228,82,43,0.1) 70%, rgba(242,101,34,0.1) 100%);
        padding: 38px 20px;
        max-width: 1620px;
        width: 100%;
        margin-inline: auto
    }

@media (max-width: 1279px) {
    .chargesSec .chargersWrap {
        padding: 32px 20px;
        border-radius: 18px
    }
}

@media (max-width: 1199px) {
    .chargesSec .chargersWrap {
        padding: 28px 20px;
        border-radius: 14px
    }
}

@media (max-width: 991px) {
    .chargesSec .chargersWrap {
        padding: 24px 20px;
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    .chargesSec .chargersWrap {
        padding: 24px 20px;
        border-radius: 8px
    }
}

.chargesSec .chargersWrap .chargersInnerWrap {
    max-width: 1485px;
    margin-inline: auto
}

    .chargesSec .chargersWrap .chargersInnerWrap .mainTitleWrap .clacCmnP {
        margin-block-start: 24px;
        text-align: center
    }

@media (max-width: 1680px) {
    .chargesSec .chargersWrap .chargersInnerWrap .mainTitleWrap .clacCmnP {
        margin-block-start: 20px
    }
}

@media (max-width: 1279px) {
    .chargesSec .chargersWrap .chargersInnerWrap .mainTitleWrap .clacCmnP {
        margin-block-start: 15px
    }
}

@media (max-height: 800px) {
    .chargesSec .chargersWrap .chargersInnerWrap .mainTitleWrap .clacCmnP {
        margin-block-start: 15px
    }
}

.loancalFaq {
    margin-block-start: 60px
}

    .loancalFaq .cmnBtn {
        margin-inline: auto
    }

.articleSec {
    margin-block-start: 60px;
    position: relative
}

    .articleSec::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        background-image: url("../images/article-design.png");
        width: 1000px;
        height: 560px;
        z-index: -1;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }

@media (max-width: 1366px) {
    .articleSec::before {
        max-width: 800px;
        width: 100%;
        height: 450px
    }
}

@media (max-height: 800px) {
    .articleSec::before {
        max-width: 800px;
        width: 100%;
        height: 450px
    }
}

@media (max-width: 767px) {
    .articleSec::before {
        display: none
    }
}

.articleSec .articlesWarp {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 45px;
    padding-inline: 95px 75px;
    max-width: 1620px;
    width: 100%
}

@media (max-width: 1599px) {
    .articleSec .articlesWarp {
        padding-inline: 60px 40px
    }
}

@media (max-width: 1680px) {
    .articleSec .articlesWarp {
        padding-inline: 35px 25px
    }
}

@media (max-width: 1279px) {
    .articleSec .articlesWarp {
        padding-inline: 30px 25px
    }
}

@media (max-width: 1199px) {
    .articleSec .articlesWarp {
        padding-inline: 25px 20px !important
    }
}

@media (max-width: 991px) {
    .articleSec .articlesWarp {
        padding-inline: 15px !important;
        gap: 35px
    }
}

@media (max-height: 800px) {
    .articleSec .articlesWarp {
        padding-inline: 30px 25px
    }
}

@media (max-width: 767px) {
    .articleSec .articlesWarp {
        padding-inline: 0px !important;
        grid-template-columns: 1fr
    }
}

.articleSec .articlesWarp .leftCtrl {
    align-self: center
}

@media (max-width: 1450px) {
    .articleSec .articlesWarp .leftCtrl {
        max-width: 750px
    }
}

@media (max-width: 1279px) {
    .articleSec .articlesWarp .leftCtrl {
        max-width: 600px
    }
}

.articleSec .articlesWarp .leftCtrl .mainTitleWrap {
    max-width: 830px;
    width: 100%
}

    .articleSec .articlesWarp .leftCtrl .mainTitleWrap .woBG {
        text-align: start;
        margin-inline: 0;
        margin-inline-end: auto;
        margin-block-end: 30px
    }

@media (max-width: 1680px) {
    .articleSec .articlesWarp .leftCtrl .mainTitleWrap .woBG {
        margin-block-end: 25px
    }
}

@media (max-width: 1366px) {
    .articleSec .articlesWarp .leftCtrl .mainTitleWrap .woBG {
        margin-block: 22px
    }
}

@media (max-width: 1279px) {
    .articleSec .articlesWarp .leftCtrl .mainTitleWrap .woBG {
        margin-block-end: 18px
    }
}

@media (max-width: 1199px) {
    .articleSec .articlesWarp .leftCtrl .mainTitleWrap .woBG {
        margin-block-end: 15px !important
    }
}

@media (max-height: 800px) {
    .articleSec .articlesWarp .leftCtrl .mainTitleWrap .woBG {
        margin-block-end: 18px
    }
}

.articleSec .articlesWarp .leftCtrl .mainTitleWrap .mainTitle {
    text-align: start
}

.articleSec .articlesWarp .leftCtrl .clacCmnP {
    margin-block: 43px 35px;
    max-width: 760px;
    width: 100%
}

@media (max-width: 1680px) {
    .articleSec .articlesWarp .leftCtrl .clacCmnP {
        margin-block: 30px
    }
}

@media (max-width: 1366px) {
    .articleSec .articlesWarp .leftCtrl .clacCmnP {
        margin-block: 25px
    }
}

@media (max-width: 1279px) {
    .articleSec .articlesWarp .leftCtrl .clacCmnP {
        margin-block: 22px
    }
}

@media (max-width: 1199px) {
    .articleSec .articlesWarp .leftCtrl .clacCmnP {
        margin-block: 18px !important
    }
}

@media (max-width: 991px) {
    .articleSec .articlesWarp .leftCtrl .clacCmnP {
        margin-block: 15px 20px !important
    }
}

@media (max-height: 800px) {
    .articleSec .articlesWarp .leftCtrl .clacCmnP {
        margin-block: 22px
    }
}

.articleSec .articlesWarp .rightCtrl {
    justify-self: flex-end;
    max-width: 506px;
    width: 100%;
    max-height: 830px;
    height: auto;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #e7e7e780 transparent
}

@media (max-width: 1366px) {
    .articleSec .articlesWarp .rightCtrl {
        max-width: 375px;
        max-height: 700px
    }
}

@media (max-width: 1279px) {
    .articleSec .articlesWarp .rightCtrl {
        max-width: 350px;
        max-height: 650px
    }
}

@media (max-width: 1199px) {
    .articleSec .articlesWarp .rightCtrl {
        max-width: 310px !important;
        max-height: 600px !important
    }
}

@media (max-width: 991px) {
    .articleSec .articlesWarp .rightCtrl {
        max-width: 290px !important;
        max-height: 550px !important
    }
}

@media (max-height: 800px) {
    .articleSec .articlesWarp .rightCtrl {
        max-width: 350px;
        max-height: 650px
    }
}

@media (max-width: 767px) {
    .articleSec .articlesWarp .rightCtrl {
        justify-self: flex-start !important;
        max-width: 100% !important;
        max-height: max-content !important;
        overflow: visible;
        overflow-y: visible
    }
}

.articleSec .articlesWarp .rightCtrl::-webkit-scrollbar {
    width: 8px;
    margin-left: 10px;
    left: 15px;
    border-radius: 40%
}

.articleSec .articlesWarp .rightCtrl::-webkit-scrollbar-track {
    background: transparent
}

.articleSec .articlesWarp .rightCtrl::-webkit-scrollbar-thumb {
    background: #e7e7e780;
    border-radius: 10px;
    border: 2px solid transparent
}

    .articleSec .articlesWarp .rightCtrl::-webkit-scrollbar-thumb:hover {
        background: #434343
    }

.articleSec .articlesWarp .rightCtrl h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    color: var(--c2d);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (max-width: 1850px) {
    .articleSec .articlesWarp .rightCtrl h2 {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px !important
    }
}

@media (max-width: 1680px) {
    .articleSec .articlesWarp .rightCtrl h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px !important
    }
}

@media (max-width: 1279px) {
    .articleSec .articlesWarp .rightCtrl h2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 25px !important
    }
}

@media (max-height: 800px) {
    .articleSec .articlesWarp .rightCtrl h2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 25px !important
    }
}

.articleSec .articlesWarp .rightCtrl .middleSec {
    display: grid;
    gap: 22px
}

@media (max-width: 1680px) {
    .articleSec .articlesWarp .rightCtrl .middleSec {
        gap: 18px
    }
}

.articleSec .articlesWarp .rightCtrl .middleSec .singleSec, .articleSec .articlesWarp .rightCtrl .middleSec .imgDiv {
    max-width: 506px;
    width: 100%
}

@media (max-width: 1850px) {
    .articleSec .articlesWarp .rightCtrl .middleSec .singleSec, .articleSec .articlesWarp .rightCtrl .middleSec .imgDiv {
        max-width: 450px
    }
}

@media (max-width: 1599px) {
    .articleSec .articlesWarp .rightCtrl .middleSec .singleSec, .articleSec .articlesWarp .rightCtrl .middleSec .imgDiv {
        max-width: 400px
    }
}

@media (max-width: 767px) {
    .articleSec .articlesWarp .rightCtrl .middleSec .singleSec, .articleSec .articlesWarp .rightCtrl .middleSec .imgDiv {
        max-width: 100%
    }
}

.articleSec .articlesWarp .rightCtrl .middleSec .singleSec .imgDiv, .articleSec .articlesWarp .rightCtrl .middleSec .imgDiv .imgDiv {
    max-height: 290px;
    height: auto;
    overflow: hidden;
    border-radius: 0
}

@media (max-width: 767px) {
    .articleSec .articlesWarp .rightCtrl .middleSec .singleSec .imgDiv, .articleSec .articlesWarp .rightCtrl .middleSec .imgDiv .imgDiv {
        max-height: fit-content
    }
}

.articleSec .articlesWarp .rightCtrl .middleSec .singleSec .imgDiv img, .articleSec .articlesWarp .rightCtrl .middleSec .imgDiv .imgDiv img {
    border-radius: 0;
    transition: .3s ease-in-out transform
}

.articleSec .articlesWarp .rightCtrl .middleSec .singleSec {
    border-bottom: 1px solid #DDDDDD
}

@media (max-width: 767px) {
    .articleSec .articlesWarp .rightCtrl .middleSec .singleSec a {
        width: 100%
    }
}

.articleSec .articlesWarp .rightCtrl .middleSec .singleSec:hover .imgDiv img {
    transform: scale(1.05)
}

.articleSec .articlesWarp .rightCtrl .middleSec .textArea {
    display: grid;
    gap: 14px;
    padding-block: 23px 30px
}

@media (max-width: 1366px) {
    .articleSec .articlesWarp .rightCtrl .middleSec .textArea {
        gap: 10px;
        padding-block: 15px 25px
    }
}

@media (max-width: 1279px) {
    .articleSec .articlesWarp .rightCtrl .middleSec .textArea {
        padding-block: 15px 20px
    }
}

@media (max-width: 1199px) {
    .articleSec .articlesWarp .rightCtrl .middleSec .textArea {
        padding-block: 10px 15px !important
    }
}

@media (max-height: 800px) {
    .articleSec .articlesWarp .rightCtrl .middleSec .textArea {
        padding-block: 15px 20px
    }
}

.articleSec .articlesWarp .rightCtrl .middleSec .textArea .date {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .articleSec .articlesWarp .rightCtrl .middleSec .textArea .date p {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        color: var(--black)
    }

@media (max-width: 1680px) {
    .articleSec .articlesWarp .rightCtrl .middleSec .textArea .date p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-width: 1279px) {
    .articleSec .articlesWarp .rightCtrl .middleSec .textArea .date p {
        font-size: 12px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .articleSec .articlesWarp .rightCtrl .middleSec .textArea .date p {
        font-size: 12px;
        font-weight: 500;
        line-height: 20px
    }
}

.articleSec .articlesWarp .rightCtrl .middleSec .textArea .clacCmnP {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.cmnLoanApplySec {
    margin-block-start: 60px
}

    .cmnLoanApplySec .outerWraper {
        max-width: 1620px;
        width: 100%;
        margin-inline: auto;
        min-height: 265px;
        border-radius: 25px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        display: grid;
        place-items: center;
        position: relative
    }

@media (max-width: 1680px) {
    .cmnLoanApplySec .outerWraper {
        min-height: 230px
    }
}

@media (max-width: 1279px) {
    .cmnLoanApplySec .outerWraper {
        border-radius: 18px;
        min-height: 220px
    }
}

@media (max-width: 1199px) {
    .cmnLoanApplySec .outerWraper {
        border-radius: 14px !important
    }
}

@media (max-width: 991px) {
    .cmnLoanApplySec .outerWraper {
        border-radius: 8px !important;
        min-height: 210px !important
    }
}

@media (max-height: 800px) {
    .cmnLoanApplySec .outerWraper {
        border-radius: 18px;
        min-height: 220px
    }
}

.cmnLoanApplySec .outerWraper::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    border-radius: inherit;
    background-color: var(--black);
    opacity: 30%
}

.cmnLoanApplySec .outerWraper .wrapper {
    max-width: 1420px;
    width: 100%;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    gap: 25px;
    padding-inline: 50px;
    padding-block: 15px
}

@media (max-width: 1199px) {
    .cmnLoanApplySec .outerWraper .wrapper {
        gap: 15px;
        padding-inline: 35px
    }
}

@media (max-height: 800px) {
    .cmnLoanApplySec .outerWraper .wrapper {
        gap: 15px;
        padding-inline: 35px
    }
}

@media (max-width: 991px) {
    .cmnLoanApplySec .outerWraper .wrapper {
        padding-inline: 25px !important;
        flex-wrap: wrap
    }
}

.cmnLoanApplySec .outerWraper .wrapper .mainTitleWrap h2 {
    color: var(--white);
    text-align: start
}

.cmnLoanApplySec .outerWraper .wrapper .mainTitleWrap .mainDesc {
    color: var(--white);
    margin-block-start: 15px;
    max-width: 840px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

@media (max-width: 1680px) {
    .cmnLoanApplySec .outerWraper .wrapper .mainTitleWrap .mainDesc {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .cmnLoanApplySec .outerWraper .wrapper .mainTitleWrap .mainDesc {
        margin-block-start: 12px;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-width: 680px) {
    .cmnLoanApplySec .outerWraper .wrapper .mainTitleWrap .mainDesc {
        margin-block-start: 6px !important;
        font-size: 12px !important;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .cmnLoanApplySec .outerWraper .wrapper .mainTitleWrap .mainDesc {
        margin-block-start: 12px;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.cmnLoanApplySec .outerWraper .wrapper .cmnBtn {
    min-width: fit-content
}

.mainHeader.serviceList {
    height: 100vh;
    height: 100svh
}

    .mainHeader.serviceList .commonBannerSec {
        height: 100vh;
        height: 100svh;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        display: grid;
        place-items: center
    }

@media (max-width: 1599px) {
    .mainHeader.serviceList .commonBannerSec {
        background-position: center center
    }
}

.mainHeader.serviceList .commonBannerSec::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 42%;
    z-index: 0;
    background: #000;
    background: linear-gradient(0deg, #000 0%, rgba(0,0,0,0.7259278711) 35%, transparent 100%);
    opacity: 1
}

@media (max-width: 680px) {
    .mainHeader.serviceList .commonBannerSec::before {
        display: none
    }
}

.mainHeader.serviceList .commonBannerSec::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 75%;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.84) 74%, rgba(255,255,255,0.99) 98%, #fff 100%);
    opacity: 1
}

.mainHeader.serviceList .commonBannerSec picture {
    height: 100vh;
    height: 100svh
}

.mainHeader.serviceList .commonBannerSec .mainTitleWrap {
    position: relative;
    z-index: 2
}

@media (max-width: 680px) {
    .mainHeader.serviceList .commonBannerSec .mainTitleWrap {
        margin-block-start: -100px
    }
}

.mainHeader.serviceList .commonBannerSec .mainTitleWrap .designTitle, .mainHeader.serviceList .commonBannerSec .mainTitleWrap .mainTitle {
    text-align: center;
    max-width: fit-content;
    margin-inline: auto
}

.mainHeader.serviceList .commonBannerSec .mainTitleWrap .mainDesc {
    margin-block-start: 26px;
    max-width: 945px;
    margin-inline: auto;
    text-align: center
}

@media (max-width: 1450px) {
    .mainHeader.serviceList .commonBannerSec .mainTitleWrap .mainDesc {
        margin-block-start: 20px
    }
}

@media (max-height: 800px) {
    .mainHeader.serviceList .commonBannerSec .mainTitleWrap .mainDesc {
        margin-block-start: 20px
    }
}

@media (max-width: 680px) {
    .mainHeader.serviceList .commonBannerSec .mainTitleWrap .mainDesc {
        margin-block-start: 10px;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.serviceList.mbs .commonBannerSec .template-containerMaxWth {
    justify-content: center
}

.headerCntSec {
    margin-top: -120px;
    position: relative;
    z-index: 3
}

@media (max-width: 680px) {
    .headerCntSec {
        margin-block-start: -175px
    }
}

.headerCntSec .contentWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1620px;
    width: 100%;
    margin-inline: auto;
    gap: 25px
}

@media (max-width: 767px) {
    .headerCntSec .contentWrap {
        grid-template-columns: 1fr
    }
}

.headerCntSec .contentWrap .cntL {
    padding-block-start: 55px
}

@media (max-width: 1366px) {
    .headerCntSec .contentWrap .cntL {
        padding-block-start: 50px
    }
}

@media (max-width: 1199px) {
    .headerCntSec .contentWrap .cntL {
        padding-block-start: 40px
    }
}

@media (max-width: 991px) {
    .headerCntSec .contentWrap .cntL {
        padding-block-start: 25px !important
    }
}

@media (max-height: 800px) {
    .headerCntSec .contentWrap .cntL {
        padding-block-start: 40px
    }
}

.headerCntSec .contentWrap .cntL .mainTitleWrap {
    max-width: 665px;
    width: 100%;
    display: grid;
    gap: 23px
}

@media (max-width: 1366px) {
    .headerCntSec .contentWrap .cntL .mainTitleWrap {
        gap: 14px
    }
}

@media (max-width: 1199px) {
    .headerCntSec .contentWrap .cntL .mainTitleWrap {
        gap: 12px !important
    }
}

@media (max-height: 800px) {
    .headerCntSec .contentWrap .cntL .mainTitleWrap {
        gap: 14px
    }
}

@media (max-width: 1366px) {
    .headerCntSec .contentWrap .cntL .mainTitleWrap .cmnBtn {
        margin-block-start: 6px
    }
}

@media (max-height: 800px) {
    .headerCntSec .contentWrap .cntL .mainTitleWrap .cmnBtn {
        margin-block-start: 6px
    }
}

.headerCntSec .contentWrap .cntL .mainTitleWrap .mainTitle {
    max-width: 580px;
    text-align: start
}

.headerCntSec .contentWrap .cntR {
    position: relative
}

    .headerCntSec .contentWrap .cntR .containerWrap {
        display: grid;
        justify-items: end;
        gap: 25px
    }

@media (max-width: 767px) {
    .headerCntSec .contentWrap .cntR .containerWrap {
        justify-items: center;
        gap: 54px
    }
}

@media (max-width: 680px) {
    .headerCntSec .contentWrap .cntR .containerWrap {
        gap: 64px
    }
}

.headerCntSec .contentWrap .cntR .card {
    background-position: center;
    background-repeat: no-repeat;
    display: grid;
    align-items: end;
    padding: 25px;
    width: 100%;
    max-width: 730px;
    min-height: 450px;
    max-height: 450px;
    aspect-ratio: 16 / 9;
    height: 100%;
    border-radius: 43px;
    grid-area: 1/-1;
    margin-bottom: 25px
}

@media (max-width: 1599px) {
    .headerCntSec .contentWrap .cntR .card {
        max-width: 650px;
        min-height: 400px
    }
}

@media (max-width: 1425px) {
    .headerCntSec .contentWrap .cntR .card {
        max-width: 600px;
        min-height: 400px;
        max-height: 400px
    }
}

@media (max-width: 1279px) {
    .headerCntSec .contentWrap .cntR .card {
        max-width: 550px !important;
        min-height: 350px !important;
        border-radius: 32px
    }
}

@media (max-width: 1199px) {
    .headerCntSec .contentWrap .cntR .card {
        max-width: 500px !important;
        min-height: 300px !important;
        border-radius: 24px
    }
}

@media (max-width: 991px) {
    .headerCntSec .contentWrap .cntR .card {
        max-width: 400px !important;
        min-height: 220px !important;
        max-height: 260px
    }
}

@media (max-height: 800px) {
    .headerCntSec .contentWrap .cntR .card {
        max-width: 620px;
        min-height: 375px;
        justify-self: center
    }
}

@media (max-width: 767px) {
    .headerCntSec .contentWrap .cntR .card {
        position: sticky;
        grid-area: auto;
        top: 35%;
        margin-bottom: 0px;
        max-width: 475px !important;
        min-height: 275px !important;
        max-height: 275px
    }
}

@media (max-width: 680px) {
    .headerCntSec .contentWrap .cntR .card {
        max-width: 100% !important;
        min-height: 275px !important;
        border-radius: 8px;
        max-height: fit-content
    }
}

@media (max-width: 480px) {
    .headerCntSec .contentWrap .cntR .card {
        min-height: 250px !important;
        aspect-ratio: auto;
        top: 25%
    }
}

.headerCntSec .contentWrap .cntR .card::after {
    content: '';
    position: absolute;
    bottom: 0;
    background: #000;
    background: linear-gradient(0deg, #000 0%, transparent 100%);
    width: 100%;
    height: 40%;
    border-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.headerCntSec .contentWrap .cntR .card h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
    color: var(--white);
    position: relative;
    z-index: 1
}

@media (max-width: 1680px) {
    .headerCntSec .contentWrap .cntR .card h2 {
        font-size: 36px;
        font-weight: 600;
        line-height: 46px
    }
}

@media (max-width: 1279px) {
    .headerCntSec .contentWrap .cntR .card h2 {
        font-size: 32px;
        font-weight: 600;
        line-height: 40px
    }
}

@media (max-width: 1199px) {
    .headerCntSec .contentWrap .cntR .card h2 {
        font-size: 28px !important;
        font-weight: 600;
        line-height: 36px !important
    }
}

@media (max-width: 991px) {
    .headerCntSec .contentWrap .cntR .card h2 {
        font-size: 24px !important;
        font-weight: 600;
        line-height: 32px !important
    }
}

@media (max-height: 800px) {
    .headerCntSec .contentWrap .cntR .card h2 {
        font-size: 32px;
        font-weight: 600;
        line-height: 40px
    }
}

@media (max-width: 680px) {
    .headerCntSec .contentWrap .cntR .card h2 {
        font-size: 20px !important;
        font-weight: 600;
        line-height: 28px !important
    }
}

.headerCntSec .contentWrap .cntR .card a {
    display: flex;
    align-items: end;
    justify-content: center
}

.serviceListingSec {
    background: #efb7b7;
    background: linear-gradient(90deg, rgba(239,183,183,0.1) 0%, rgba(139,162,216,0.1) 20%, rgba(172,223,216,0.1) 40%, rgba(199,223,166,0.1) 60%, rgba(141,203,182,0.1) 80%, rgba(213,148,148,0.1) 100%);
    padding-block: 95px 60px;
    margin-block-start: 190px;
    position: relative
}

    .serviceListingSec::before {
        content: '';
        position: absolute;
        width: 242px;
        height: 184px;
        top: -30px;
        left: 100px;
        background-image: url("../images/moneyChak.svg");
        background-repeat: no-repeat
    }

@media (max-width: 1720px) {
    .serviceListingSec::before {
        bottom: 24px
    }
}

@media (max-width: 1680px) {
    .serviceListingSec::before {
        max-width: 200px;
        width: 100%;
        height: 130px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }
}

@media (max-width: 1366px) {
    .serviceListingSec::before {
        right: 15px
    }
}

@media (max-width: 1199px) {
    .serviceListingSec::before {
        max-width: 130px;
        height: 100px;
        bottom: 10px
    }
}

@media (max-width: 991px) {
    .serviceListingSec::before {
        display: none
    }
}

@media (max-width: 1680px) {
    .serviceListingSec {
        padding-block: 90px 55px
    }
}

@media (max-width: 1279px) {
    .serviceListingSec {
        padding-block: 80px 50px
    }
}

@media (max-width: 1199px) {
    .serviceListingSec {
        padding-block: 60px 45px !important;
        margin-block-start: 100px
    }
}

@media (max-width: 1024px) {
    .serviceListingSec {
        margin-block-start: 80px
    }
}

@media (max-width: 991px) {
    .serviceListingSec {
        margin-block-start: 40px;
        padding-block: 45px 40px !important
    }
}

@media (max-height: 800px) {
    .serviceListingSec {
        padding-block: 80px 50px
    }
}

@media (max-width: 767px) {
    .serviceListingSec {
        padding-block: 30px !important;
        margin-block-start: 60px !important
    }
}

@media (max-width: 480px) {
    .serviceListingSec {
        margin-block-start: 30px !important
    }
}

.serviceListingSec .mainTitleWrap .mainTitle {
    max-width: 545px;
    margin-inline: auto
}

.serviceListingSec .serviceWrap {
    max-width: 1620px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 33px;
    margin-block-start: 55px;
    margin-inline: auto
}

@media (max-width: 1599px) {
    .serviceListingSec .serviceWrap {
        gap: 20px
    }
}

@media (max-width: 1680px) {
    .serviceListingSec .serviceWrap {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1279px) {
    .serviceListingSec .serviceWrap {
        margin-block-start: 45px
    }
}

@media (max-width: 1199px) {
    .serviceListingSec .serviceWrap {
        margin-block-start: 40px !important
    }
}

@media (max-width: 991px) {
    .serviceListingSec .serviceWrap {
        grid-template-columns: repeat(2, 1fr);
        margin-block-start: 35px !important
    }
}

@media (max-height: 800px) {
    .serviceListingSec .serviceWrap {
        margin-block-start: 45px
    }
}

@media (max-width: 680px) {
    .serviceListingSec .serviceWrap {
        grid-template-columns: 1fr;
        margin-block-start: 25px !important;
        gap: 15px
    }
}

.serviceListingSec .serviceWrap .singleCard {
    position: relative;
    max-width: 380px;
    width: 100%;
    padding: 60px 60px 55px 42px;
    border-radius: 23px;
    background-color: #FFFFFF;
    cursor: pointer
}

@media (max-width: 1599px) {
    .serviceListingSec .serviceWrap .singleCard {
        padding: 50px 30px 50px 30px
    }
}

@media (max-width: 1680px) {
    .serviceListingSec .serviceWrap .singleCard {
        max-width: 100%
    }
}

@media (max-width: 1279px) {
    .serviceListingSec .serviceWrap .singleCard {
        padding: 40px 25px 45px 25px;
        border-radius: 18px
    }
}

@media (max-width: 1199px) {
    .serviceListingSec .serviceWrap .singleCard {
        padding: 30px 25px !important;
        border-radius: 12px !important
    }
}

@media (max-width: 991px) {
    .serviceListingSec .serviceWrap .singleCard {
        border-radius: 8px !important
    }
}

@media (max-height: 800px) {
    .serviceListingSec .serviceWrap .singleCard {
        padding: 40px 25px 45px 25px;
        border-radius: 18px
    }
}

@media (max-width: 680px) {
    .serviceListingSec .serviceWrap .singleCard {
        padding: 25px 20px !important
    }
}

.serviceListingSec .serviceWrap .singleCard:hover .hovIcn {
    opacity: 1;
    visibility: visible;
    transform: rotateZ(315deg) scale(1.4);
    right: 35px
}

.serviceListingSec .serviceWrap .singleCard .sideDesign {
    position: absolute;
    max-width: 350px;
    width: 100%;
    height: 75px;
    top: 0;
    right: 0
}

.serviceListingSec .serviceWrap .singleCard .svgDiv {
    width: 64px;
    height: 64px
}

@media (max-width: 1279px) {
    .serviceListingSec .serviceWrap .singleCard .svgDiv {
        width: 50px;
        height: 50px
    }
}

@media (max-width: 1199px) {
    .serviceListingSec .serviceWrap .singleCard .svgDiv {
        width: 40px !important;
        height: 45px !important
    }
}

@media (max-height: 800px) {
    .serviceListingSec .serviceWrap .singleCard .svgDiv {
        width: 50px;
        height: 50px
    }
}

.serviceListingSec .serviceWrap .singleCard .hovIcn {
    position: absolute;
    right: 30px;
    bottom: 20px;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out all;
    transform: rotateZ(360deg)
}

@media (max-width: 680px) {
    .serviceListingSec .serviceWrap .singleCard .hovIcn {
        display: none
    }
}

.serviceListingSec .serviceWrap .singleCard .title {
    display: grid;
    gap: 12px;
    margin-block: 32px 17px
}

@media (max-width: 1680px) {
    .serviceListingSec .serviceWrap .singleCard .title {
        margin-block: 25px 10px;
        gap: 8px
    }
}

@media (max-width: 1279px) {
    .serviceListingSec .serviceWrap .singleCard .title {
        margin-block: 18px 8px;
        gap: 5px
    }
}

@media (max-width: 1199px) {
    .serviceListingSec .serviceWrap .singleCard .title {
        margin-block: 12px 6px !important
    }
}

@media (max-height: 800px) {
    .serviceListingSec .serviceWrap .singleCard .title {
        margin-block: 18px 8px;
        gap: 5px
    }
}

.serviceListingSec .serviceWrap .singleCard .title .cardHead {
    font-size: 20px;
    font-weight: 600;
    line-height: 27px
}

@media (max-width: 1680px) {
    .serviceListingSec .serviceWrap .singleCard .title .cardHead {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 991px) {
    .serviceListingSec .serviceWrap .singleCard .title .cardHead {
        font-size: 16px !important;
        font-weight: 600;
        line-height: 22px !important
    }
}

@media (max-height: 800px) {
    .serviceListingSec .serviceWrap .singleCard .title .cardHead {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

.serviceListingSec .serviceWrap .singleCard .title .cardSubHead {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--theme-colour1)
}

@media (max-width: 680px) {
    .serviceListingSec .serviceWrap .singleCard .title .cardSubHead {
        font-size: 12px;
        font-weight: 400;
        line-height: 19px
    }
}

.serviceListingSec .serviceWrap .singleCard p {
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.serviceListingSec .serviceWrap .singleCard .cmnLink {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.statisticsSec {
    padding-block: 100px 165px
}

@media (max-width: 1680px) {
    .statisticsSec {
        padding-block: 70px 100px
    }
}

@media (max-width: 1279px) {
    .statisticsSec {
        padding-block: 60px 70px
    }
}

@media (max-width: 991px) {
    .statisticsSec {
        padding-block: 30px 40px !important
    }
}

@media (max-height: 800px) {
    .statisticsSec {
        padding-block: 60px 70px
    }
}

.statisticsSec .template-containerMaxWth {
    position: relative
}

    .statisticsSec .template-containerMaxWth::after {
        position: absolute;
        content: '';
        width: 245px;
        height: 150px;
        bottom: -90px;
        right: 0px;
        background-repeat: no-repeat;
        background-image: url("../images/coins.svg")
    }

@media (max-width: 1720px) {
    .statisticsSec .template-containerMaxWth::after {
        right: 30px
    }
}

@media (max-width: 1279px) {
    .statisticsSec .template-containerMaxWth::after {
        max-width: 220px;
        width: 100%;
        height: 110px;
        bottom: -60px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }
}

@media (max-width: 1199px) {
    .statisticsSec .template-containerMaxWth::after {
        max-width: 200px !important;
        width: 100%;
        height: 100px !important;
        bottom: -57px !important;
        right: 24px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }
}

@media (max-width: 991px) {
    .statisticsSec .template-containerMaxWth::after {
        max-width: 140px !important;
        width: 100%;
        height: 118px;
        bottom: -60px
    }
}

@media (max-height: 800px) {
    .statisticsSec .template-containerMaxWth::after {
        max-width: 220px;
        width: 100%;
        height: 110px;
        bottom: -60px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }
}

@media (max-width: 680px) {
    .statisticsSec .template-containerMaxWth::after {
        max-width: 110px !important;
        bottom: -75px !important;
        right: 15px !important
    }
}

@media (max-width: 480px) {
    .statisticsSec .template-containerMaxWth::after {
        max-width: 95px !important;
        bottom: -75px !important;
        right: 8px !important
    }
}

.statisticsSec .gridR {
    max-width: 1367px;
    width: 100%;
    margin-inline: auto
}

    .statisticsSec .gridR .mainTitleWrap {
        margin-block-end: 22px
    }

        .statisticsSec .gridR .mainTitleWrap h2 {
            max-width: 750px;
            width: 100%;
            margin-inline: auto;
            margin-bottom: 23px;
            font-weight: 600
        }

@media (max-width: 1680px) {
    .statisticsSec .gridR .mainTitleWrap h2 {
        margin-bottom: 10px
    }
}

.statisticsSec .gridR .mainTitleWrap p {
    max-width: 1164px;
    width: 100%;
    text-align: center;
    margin-inline: auto
}

@media (max-width: 1279px) {
    .statisticsSec .gridR .mainTitleWrap p {
        max-width: 1000px
    }
}

@media (max-height: 800px) {
    .statisticsSec .gridR .mainTitleWrap p {
        max-width: 1000px
    }
}

.statisticsSec .gridR .countSec {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width: 1199px) {
    .statisticsSec .gridR .countSec {
        gap: 30px;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 680px) {
    .statisticsSec .gridR .countSec {
        gap: 15px
    }
}

@media (max-width: 575px) {
    .statisticsSec .gridR .countSec {
        grid-template-columns: 1fr
    }
}

.statisticsSec .gridR .countSec .countSingle {
    padding-bottom: 24px;
    position: relative;
    max-width: 260px
}

@media (max-width: 1199px) {
    .statisticsSec .gridR .countSec .countSingle {
        padding-bottom: 20px;
        max-width: 300px;
        width: 100%;
        margin-inline: auto
    }
}

@media (max-width: 680px) {
    .statisticsSec .gridR .countSec .countSingle {
        padding-bottom: 15px
    }
}

@media (max-width: 575px) {
    .statisticsSec .gridR .countSec .countSingle {
        max-width: 100%;
        text-align: center
    }
}

.statisticsSec .gridR .countSec .countSingle::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: #35d940;
    background: linear-gradient(16deg, #35d940 0%, #7d44c7 25%, #585eb0 48%, #7d6f95 74%, #ce9b43 100%)
}

.statisticsSec .gridR .countSec .countSingle .count {
    font-size: 36px;
    font-weight: 600;
    line-height: 49px;
    margin-block-end: 5px
}

@media (max-width: 1680px) {
    .statisticsSec .gridR .countSec .countSingle .count {
        font-size: 32px;
        font-weight: 600;
        line-height: 45px
    }
}

@media (max-width: 1366px) {
    .statisticsSec .gridR .countSec .countSingle .count {
        font-size: 28px;
        font-weight: 600;
        line-height: 40px
    }
}

@media (max-width: 1279px) {
    .statisticsSec .gridR .countSec .countSingle .count {
        font-size: 26px;
        font-weight: 600;
        line-height: 38px
    }
}

@media (max-width: 1199px) {
    .statisticsSec .gridR .countSec .countSingle .count {
        font-size: 24px !important;
        font-weight: 600;
        line-height: 34px
    }
}

@media (max-width: 991px) {
    .statisticsSec .gridR .countSec .countSingle .count {
        font-size: 22px !important;
        font-weight: 600;
        line-height: 30px !important
    }
}

@media (max-height: 800px) {
    .statisticsSec .gridR .countSec .countSingle .count {
        font-size: 26px;
        font-weight: 600;
        line-height: 38px
    }
}

.statisticsSec .gridR .countSec .countSingle p {
    font-weight: 500
}

.statisticsSec .gridR .cmnBtn {
    margin-block-start: 55px;
    margin-inline: auto
}

@media (max-width: 1279px) {
    .statisticsSec .gridR .cmnBtn {
        margin-block-start: 50px
    }
}

@media (max-width: 1199px) {
    .statisticsSec .gridR .cmnBtn {
        margin-block-start: 40px
    }
}

@media (max-width: 991px) {
    .statisticsSec .gridR .cmnBtn {
        margin-block-start: 35px !important
    }
}

@media (max-height: 800px) {
    .statisticsSec .gridR .cmnBtn {
        margin-block-start: 40px
    }
}

.customerHeadBgBnr {
    height: calc((100vh) - 60px)
}

    .customerHeadBgBnr::before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100% !important;
        height: 100% !important;
        background: transparent linear-gradient(180deg, #FFFFFF00 0%, #ffffffb0 85%) 0% 0% no-repeat padding-box !important
    }

    .customerHeadBgBnr::after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100% !important;
        height: 100% !important;
        background-image: url(../images/k-Svg.svg);
        background-position: left top;
        background-repeat: no-repeat
    }

    .customerHeadBgBnr .mainTitleWrap {
        z-index: 1;
        position: relative;
        padding-block-start: 0 !important;
        margin-block-end: 0 !important;
        height: calc((100vh) - 60px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 10%
    }

@media (max-width: 1680px) {
    .customerHeadBgBnr .mainTitleWrap {
        margin-block-end: 110px !important
    }
}

@media (max-width: 1366px) {
    .customerHeadBgBnr .mainTitleWrap {
        margin-block-end: 122px !important
    }
}

@media (max-width: 1279px) {
    .customerHeadBgBnr .mainTitleWrap {
        margin-block-end: 120px !important
    }
}

@media (max-width: 991px) {
    .customerHeadBgBnr .mainTitleWrap {
        padding-bottom: 20%
    }
}

@media (max-height: 800px) {
    .customerHeadBgBnr .mainTitleWrap {
        padding-bottom: 20%;
        margin-block-start: 225px !important
    }
}

@media (max-width: 680px) {
    .customerHeadBgBnr .mainTitleWrap {
        padding-bottom: 50%
    }
}

.customerHeadBgBnr .mainTitleWrap h2 {
    margin-bottom: 20px
}

.customerHeadBgBnr .mainTitleWrap p {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: var(--c2d);
    max-width: 943px;
    margin-inline: auto;
    text-align: center
}

@media (max-width: 1680px) {
    .customerHeadBgBnr .mainTitleWrap p {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 991px) {
    .customerHeadBgBnr .mainTitleWrap p {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        max-width: 520px
    }
}

@media (max-height: 800px) {
    .customerHeadBgBnr .mainTitleWrap p {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        max-width: 520px
    }
}

.customerHeadBgBnr .mainTitleWrap .designTitle span {
    padding-block-start: 22px
}

    .customerHeadBgBnr .mainTitleWrap .designTitle span::after {
        display: none
    }

@media (max-width: 991px) {
    .blogListHeader .customerHeadBgBnr {
        background-position: bottom left !important
    }
}

.customerServicesTab {
    z-index: 9;
    position: relative
}

    .customerServicesTab .customerServicesTabArea {
        background-color: #FAFAFA;
        border-radius: 23px;
        padding: 52px 15px 49px;
        margin-top: -282px
    }

@media (max-width: 1024px) {
    .customerServicesTab .customerServicesTabArea {
        margin-top: -120px
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea {
        margin-top: -140px;
        border-radius: 15px;
        padding: 25px 15px 25px
    }
}

.customerServicesTab .customerServicesTabArea .tabSec {
    max-width: 1179px;
    margin: auto;
    position: relative
}

    .customerServicesTab .customerServicesTabArea .tabSec::after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        right: 0;
        width: 92%;
        height: 1px;
        background-color: var(--btnClr);
        margin: auto
    }

.customerServicesTab .customerServicesTabArea .customerServicesTabHead {
    position: relative;
    z-index: 1;
    margin-bottom: 18px
}

    .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul {
        display: flex;
        align-items: flex-start;
        width: 100%;
        margin: 0 auto;
        padding-inline: 0px;
        column-gap: 15px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scrollbar-color: transparent transparent;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul::-webkit-scrollbar {
            width: 8px;
            margin-left: 5px;
            left: 5px;
            padding-bottom: 0 !important
        }

        .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul::-webkit-scrollbar-track {
            background: transparent
        }

        .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul::-webkit-scrollbar-thumb {
            background: transparent
        }

@media (max-width: 991px) {
    .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul {
        column-gap: 0
    }
}

.customerServicesTab .customerServicesTabArea .customerServicesTabHead ul li {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    padding-bottom: 24px;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 30px;
    width: 385px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 37px 27px;
    transition: ease-in-out 0.4s;
    position: relative
}

    .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul li:hover {
        color: var(--theme-colour1)
    }

        .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul li:hover hr {
            background-color: var(--theme-colour1);
            top: -5px;
            transform: scaleX(1);
            transform-origin: center center
        }

@media (max-width: 1680px) {
    .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul li {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        padding: 25px 20px;
        border-radius: 20px
    }
}

@media (max-width: 1279px) {
    .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul li {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul li {
        min-width: 180px;
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul li {
        min-width: 180px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding: 25px 20px
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul li {
        min-height: 173px
    }
}

.customerServicesTab .customerServicesTabArea .customerServicesTabHead ul li.active {
    border: 1px solid #DDDDDD;
    background-color: var(--white)
}

    .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul li.active hr {
        background-color: #F26522;
        width: 91px;
        height: 1px;
        transform: scaleX(1)
    }

.customerServicesTab .customerServicesTabArea .customerServicesTabHead ul li .pic {
    margin-bottom: 16px
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul li .pic img {
        width: 70%
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .customerServicesTabHead ul li .pic img {
        width: 70%
    }
}

.customerServicesTab .customerServicesTabArea .customerServicesTabHead ul li hr {
    transform: scaleX(0);
    transform-origin: bottom center;
    transition: transform 0.25s ease-out;
    width: 91px;
    height: 1px;
    background-color: transparent;
    background: var(--theme-colour1);
    border: none;
    margin: 12px auto 0;
    transition: ease-in-out 0.4s
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec {
    padding-bottom: 49px;
    min-height: 231px;
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, rgba(239,183,183,0.1) 0%, rgba(139,162,216,0.1) 19%, rgba(141,165,216,0.1) 20%, rgba(172,223,216,0.1) 39%, rgba(199,223,166,0.1) 61%, rgba(141,203,182,0.1) 81%, rgba(213,148,148,0.1) 100%);
    border-radius: 16px;
    padding: 45px 45px 30px
}

@media (max-width: 1680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec {
        padding: 35px 35px 20px
    }
}

@media (max-width: 1199px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec {
        padding: 25px 25px 10px;
        min-height: 200px;
        border-radius: 10px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec {
        padding: 25px 25px 10px;
        min-height: 200px;
        border-radius: 10px
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec {
        padding: 25px 10px 10px
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec h5 {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    color: var(--c2d);
    margin-bottom: 17px
}

@media (max-width: 1680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec h5 {
        font-size: 20px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec h5 {
        font-size: 20px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec h5 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 9px
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec p {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: var(--c2d);
    margin-bottom: 17px
}

@media (max-width: 1680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec p {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec p {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec p {
        margin-bottom: 9px
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec ul {
    margin: 0;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    column-gap: 20px
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec ul {
        gap: 6px;
        column-gap: 12px;
        flex-wrap: wrap;
        padding: 0 8px
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec ul.scrollDiInner {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec ul.scrollDiInner {
        overflow-x: visible
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li {
    list-style: none;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    color: var(--c2d);
    background-color: var(--white);
    height: 54px;
    padding: 5px 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    cursor: pointer;
    width: 190px;
    min-width: 190px;
    position: relative;
    transition: ease-in-out 0.4s;
    -webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.15);
    margin: 11px 0
}

@media (max-width: 1680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li {
        font-size: 14px;
        font-weight: 400;
        line-height: 16px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li {
        font-size: 14px;
        font-weight: 400;
        line-height: 16px
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li {
        height: 50px;
        padding: 5px 15px;
        border-radius: 8px;
        width: fit-content;
        min-width: 132px;
        flex: 1
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li .def {
    transition: margin-right ease-in-out 0.3s
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li:hover .def {
    margin-right: -3px
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li a {
    color: var(--c2d)
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li.custserInner.active {
    color: var(--white);
    background-color: var(--btnClr)
}

    .customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li.custserInner.active svg path {
        fill: var(--btnClr);
        stroke: var(--white)
    }

    .customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li.custserInner.active .hov {
        display: block;
        height: auto
    }

    .customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li.custserInner.active .def {
        display: none
    }

.customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li.custserInner .def, .customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li.custserInner .hov {
    height: auto
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li.custserInner .hov {
        display: none !important
    }

    .customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li.custserInner .def {
        display: none
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li svg path {
    transition: ease-in-out 0.4s
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li .iconSec {
    display: flex;
    align-items: center
}

    .customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li .iconSec .icon {
        margin-right: 10px;
        display: flex
    }

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li .iconSec .icon {
        width: 18px
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li img {
    width: auto
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec ul li .hov {
    display: none
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec {
    padding: 25px 29px;
    border-radius: 16px;
    background-color: var(--white);
    margin-top: 23px;
    -webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.15)
}

@media (max-width: 991px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec {
        margin-top: 15px;
        padding: 20px 25px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec {
        margin-top: 15px;
        padding: 20px 25px
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec {
        padding: 20px 10px
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 18px 34px;
    grid-gap: 20px;
    gap: 20px;
    column-gap: 20px
}

@media (max-width: 991px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab {
        grid-template-columns: 1fr;
        padding: 18px 5px;
        gap: 10px;
        column-gap: 10px
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab {
        padding: 5px
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab .colSep {
    display: grid;
    grid-template-columns: 32px 1fr;
    grid-gap: 16px;
    gap: 16px;
    column-gap: 16px
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab .colSep {
        grid-template-columns: 20px 1fr;
        grid-gap: 10px;
        gap: 10px;
        column-gap: 10px
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab .colSep .icnARea svg {
        width: 100%
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab .colSep h5 {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    color: var(--black);
    margin-bottom: 18px;
    word-break: break-word
}

@media (max-width: 1680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab .colSep h5 {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab .colSep h5 {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab .colSep h5 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab .colSep h5 span {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    display: block;
    margin-bottom: 6px
}

@media (max-width: 1680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab .colSep h5 span {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab .colSep p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: var(--black);
    margin-bottom: 8px;
    word-break: break-word
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab .colSep p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 6px
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab .colSep p:last-child {
    margin-bottom: 0
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .contatTab .colSep p span {
    font-weight: 500;
    color: #F36523
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .dropDivSec {
    max-width: 691px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 80px;
    column-gap: 80px;
    gap: 20px
}

    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .dropDivSec .select2-container {
        max-width: 305px;
        width: 100% !important
    }

    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .dropDivSec .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: var(--c2d);
        font-size: 16px;
        font-weight: 500;
        line-height: 26px
    }

@media (max-width: 991px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .dropDivSec .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .dropDivSec .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .dropDivSec .select2-container--default .select2-selection--single {
    border: none;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0px
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .dropDivSec .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .dropDivSec .select2-container .select2-selection--single {
    height: 39px
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive {
    overflow: auto
}

    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive::-webkit-scrollbar {
        height: 8px;
        margin-left: 5px;
        left: 5px
    }

    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive::-webkit-scrollbar-track {
        background: #fafafa
    }

    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive::-webkit-scrollbar-thumb {
        background: #e4e4e4
    }

    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive table {
        border-collapse: collapse;
        border-spacing: 0;
        margin-top: 17px
    }

        .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive table thead tr th {
            font-size: 16px;
            font-weight: 600;
            line-height: 22px;
            color: #F26522;
            background-color: #FAEBE4;
            padding: 12px 28px;
            text-align: left
        }

            .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive table thead tr th:first-child {
                border-radius: 14px 0 0 0
            }

            .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive table thead tr th:last-child {
                border-radius: 0 14px 0 0
            }

@media (max-width: 1680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive table thead tr th {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive table thead tr th {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 14px
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive table tbody tr:last-child td:last-child {
    border-radius: 0 0 14px 0
}

.customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive table tbody tr td {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--black);
    background-color: #FAFAFA;
    padding: 16px 28px;
    text-align: left;
    vertical-align: baseline
}

@media (max-width: 1680px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive table tbody tr td {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea .SingleTabContentSec .showResult .listSec .tableSec .tableresponsive table tbody tr td {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner {
    padding: 48px 39px;
    margin-bottom: 94px
}

@media (max-width: 1680px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner {
        padding: 40px 25px;
        margin-bottom: 90px
    }
}

@media (max-width: 1199px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner {
        margin-bottom: 60px
    }
}

@media (max-width: 991px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner {
        margin-bottom: 50px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner {
        margin-bottom: 50px
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner {
        padding: 30px 15px;
        margin-bottom: 30px
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card {
    padding: 32px;
    background-color: var(--white);
    border-radius: 16px;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1);
    margin-bottom: 16px
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card {
        padding: 20px 15px;
        border-radius: 8px;
        margin-bottom: 12px
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card:last-child {
    margin-bottom: 0px
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
    color: var(--c2d);
    margin-bottom: 20px
}

@media (max-width: 1279px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card h5 {
        font-size: 22px;
        font-weight: 600;
        line-height: 31px;
        margin-bottom: 15px
    }
}

@media (max-width: 991px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card h5 {
        font-size: 20px;
        font-weight: 600;
        line-height: 29px;
        margin-bottom: 10px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card h5 {
        font-size: 20px;
        font-weight: 600;
        line-height: 29px;
        margin-bottom: 10px
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card h5 {
        font-size: 18px;
        font-weight: 600;
        line-height: 27px
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--c2d);
    margin-bottom: 26px
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card p {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 16px
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .radioBtnSec {
    display: flex;
    align-items: baseline;
    gap: 40px;
    column-gap: 40px
}

    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .radioBtnSec .container {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        line-height: 21px;
        color: var(--c2d);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .radioBtnSec .container input {
            position: absolute;
            opacity: 0;
            cursor: pointer
        }

            .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .radioBtnSec .container input:checked ~ .checkmark {
                background-color: var(--btnClr);
                border: 1px solid var(--btnClr)
            }

                .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .radioBtnSec .container input:checked ~ .checkmark:after {
                    display: block
                }

        .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .radioBtnSec .container .checkmark:after {
            top: 4px;
            left: 4px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: white
        }

    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .radioBtnSec .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: var(--white);
        border: 1px solid #DDDDDD;
        border-radius: 50%
    }

        .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .radioBtnSec .checkmark:after {
            content: "";
            position: absolute;
            display: none
        }

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 27px;
    gap: 27px;
    row-gap: 0
}

@media (max-width: 1680px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt {
        column-gap: 20px
    }
}

@media (max-width: 1366px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width: 991px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt {
        grid-template-columns: 1fr
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow {
    position: relative;
    margin-bottom: 18px
}

@media (max-width: 1279px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow {
        margin-bottom: 16px
    }
}

@media (max-width: 991px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow {
        margin-bottom: 14px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow {
        margin-bottom: 14px
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow {
        margin-bottom: 12px
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow .inputLabel {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    color: var(--c2d);
    margin-bottom: 8px;
    display: block;
    position: relative
}

@media (max-width: 1279px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow .inputLabel {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow .inputLabel {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow .inputLabel sup {
    color: var(--btnClr);
    position: absolute;
    top: -4px;
    margin-left: 5px
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow .inputCtrl {
    width: 100%;
    height: 54px;
    padding: 5px 26px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    border: none;
    border-radius: 8px;
    outline: none;
    color: #707070;
    border: 1px solid #DDDDDD
}

@media (max-width: 1279px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow .inputCtrl {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 18px;
        height: 50px;
        border-radius: 8px
    }
}

@media (max-width: 991px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow .inputCtrl {
        height: 45px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow .inputCtrl {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 18px;
        border-radius: 8px;
        height: 45px
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow .textCtrl {
    width: 100%;
    height: 123px;
    padding: 16px 26px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    border: none;
    border-radius: 8px;
    outline: none;
    color: #707070;
    border: 1px solid #DDDDDD
}

@media (max-width: 1279px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow .textCtrl {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding: 18px 18px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow .textCtrl {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding: 18px 18px
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .divSplt .inputRow .textCtrl::placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    color: #707070
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container {
    width: 100% !important
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 21px;
    right: 16px;
    background-image: url(../images/dwnArrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 16px
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg)
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #707070;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px
}

@media (max-width: 991px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container--default .select2-selection--single {
    border: 1px solid #DDDDDD;
    border-radius: 8px
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 5px 26px
}

@media (max-width: 1279px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 5px 18px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 5px 18px
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container .select2-selection--single {
    height: 54px;
    display: flex;
    align-items: center
}

@media (max-width: 1279px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container .select2-selection--single {
        height: 50px
    }
}

@media (max-width: 991px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container .select2-selection--single {
        height: 45px
    }
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .select2-container .select2-selection--single {
        height: 45px
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .container {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--c2d);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }

        .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .container input:checked ~ .checkmark {
            background-color: var(--btnClr);
            border: 1px solid var(--btnClr)
        }

            .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .container input:checked ~ .checkmark:after {
                display: block
            }

    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .container .checkmark:after {
        left: 5px;
        top: 1px;
        width: 5px;
        height: 9px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    border-radius: 2px;
    background-color: var(--white);
    border: 1px solid #707070
}

    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .checkmark:after {
        content: "";
        position: absolute;
        display: none
    }

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .btnGroupSec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    column-gap: 20px
}

    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .btnGroupSec .btnGrp {
        display: flex;
        align-items: center;
        gap: 17px;
        column-gap: 17px
    }

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .btnGroupSec .btnGrp {
        gap: 10px;
        column-gap: 10px
    }
}

@media (max-width: 480px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .btnGroupSec .btnGrp {
        flex-direction: column;
        width: 100%
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .btnGroupSec .btnGrp .cmnBtn {
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    color: #FAFAFA;
    padding: 5px 40px;
    height: 50px;
    background-color: var(--btnClr);
    border: none;
    border-radius: 12px;
    width: 193px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    white-space: nowrap
}

@media (max-height: 800px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .btnGroupSec .btnGrp .cmnBtn {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding: 5px 40px;
        height: 45px;
        border: none;
        border-radius: 8px;
        width: 133px
    }
}

@media (max-width: 680px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .btnGroupSec .btnGrp .cmnBtn {
        padding: 5px 40px;
        height: 45px;
        border: none;
        border-radius: 8px;
        width: 133px
    }
}

@media (max-width: 480px) {
    .customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .btnGroupSec .btnGrp .cmnBtn {
        width: 100%;
        max-width: 100%
    }
}

.customerServicesTab .customerServicesTabArea.customerServicesTabAreaInner .card .formSec .btnGroupSec .btnGrp .cmnBtn.cmnBtnReset {
    color: var(--btnClr);
    background-color: var(--white)
}

.select2-container--open .select2-dropdown--below {
    -webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1)
}

.innerFaq {
    padding-top: 60px
}

@media (max-width: 991px) {
    .innerFaq {
        padding-top: 30px
    }
}

@media (max-height: 800px) {
    .innerFaq {
        padding-top: 30px
    }
}

.innerFaq .accordionWrap {
    display: grid
}

    .innerFaq .accordionWrap .innerWrap {
        margin-block: 32px 61px
    }

@media (max-width: 991px) {
    .innerFaq .accordionWrap .innerWrap {
        margin-block: 20px 20px
    }
}

@media (max-height: 800px) {
    .innerFaq .accordionWrap .innerWrap {
        margin-block: 20px 20px
    }
}

.innerFaq .cmnBtn {
    margin-inline: auto
}

.complaintStatus {
    margin-top: 26px
}

    .complaintStatus .complaintStatusArea {
        border: 1px solid #DDDDDD;
        border-radius: 23px;
        padding: 57px 57px 45px
    }

@media (max-width: 1680px) {
    .complaintStatus .complaintStatusArea {
        padding: 35px 35px
    }
}

@media (max-width: 1199px) {
    .complaintStatus .complaintStatusArea {
        padding: 25px 25px;
        border-radius: 13px
    }
}

@media (max-height: 800px) {
    .complaintStatus .complaintStatusArea {
        padding: 25px 25px;
        border-radius: 13px
    }
}

@media (max-width: 680px) {
    .complaintStatus .complaintStatusArea {
        padding: 20px 15px;
        border-radius: 10px
    }
}

.complaintStatus .complaintStatusArea .complaintInner {
    max-width: 1179px;
    margin: auto;
    display: grid;
    grid-template-columns: 68px 1fr;
    gap: 31px;
    column-gap: 31px;
    grid-gap: 31px
}

@media (max-width: 1279px) {
    .complaintStatus .complaintStatusArea .complaintInner {
        grid-template-columns: 60px 1fr
    }
}

@media (max-width: 1199px) {
    .complaintStatus .complaintStatusArea .complaintInner {
        grid-template-columns: 50px 1fr;
        gap: 20px;
        column-gap: 20px;
        grid-gap: 20px
    }
}

@media (max-height: 800px) {
    .complaintStatus .complaintStatusArea .complaintInner {
        grid-template-columns: 50px 1fr;
        gap: 20px;
        column-gap: 20px;
        grid-gap: 20px
    }
}

@media (max-width: 680px) {
    .complaintStatus .complaintStatusArea .complaintInner {
        grid-template-columns: 1fr;
        gap: 10px;
        column-gap: 10px;
        grid-gap: 10px;
        justify-items: flex-start
    }
}

@media (max-width: 1279px) {
    .complaintStatus .complaintStatusArea .complaintInner .icon svg {
        width: 100%
    }
}

@media (max-height: 800px) {
    .complaintStatus .complaintStatusArea .complaintInner .icon svg {
        width: 100%
    }
}

@media (max-width: 680px) {
    .complaintStatus .complaintStatusArea .complaintInner .icon svg {
        height: auto
    }
}

@media (max-width: 680px) {
    .complaintStatus .complaintStatusArea .complaintInner .icon {
        max-width: 24px;
        height: fit-content
    }
}

.complaintStatus .complaintStatusArea .complaintInner .textArea h5 {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    color: var(--c2d);
    margin-bottom: 17px
}

@media (max-width: 1680px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea h5 {
        font-size: 20px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea h5 {
        font-size: 20px;
        font-weight: 400;
        line-height: 22px
    }
}

.complaintStatus .complaintStatusArea .complaintInner .textArea p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--c2d);
    margin-bottom: 17px
}

@media (max-width: 1680px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea p {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea p {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

.complaintStatus .complaintStatusArea .complaintInner .textArea .searchGroup {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 29px;
    column-gap: 29px;
    font-weight: 500
}

@media (max-width: 1199px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .searchGroup {
        gap: 10px;
        column-gap: 10px
    }
}

@media (max-height: 800px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .searchGroup {
        gap: 10px;
        column-gap: 10px
    }
}

.complaintStatus .complaintStatusArea .complaintInner .textArea .searchGroup p {
    margin-bottom: 0
}

.complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec {
    display: grid;
    grid-template-columns: 1fr auto;
    place-items: flex-end;
    align-items: baseline;
    column-gap: 16px;
    max-width: 579px;
    width: 100%;
    justify-self: end
}

@media (max-width: 991px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec {
        justify-self: normal;
        max-width: 550px
    }
}

@media (max-height: 800px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec {
        justify-self: normal;
        max-width: 550px
    }
}

@media (max-width: 680px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec {
        grid-template-columns: 1fr;
        place-items: flex-start
    }
}

.complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--black);
    margin-right: auto
}

@media (max-width: 680px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .inputRow {
    min-width: 300px;
    max-width: 420px;
    width: 100%;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15);
    border-radius: 12px;
    margin-bottom: 0
}

    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .inputRow .inputCtrl {
        height: 64px
    }

@media (max-width: 1199px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .inputRow .inputCtrl {
        height: 50px
    }
}

@media (max-height: 800px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .inputRow .inputCtrl {
        height: 50px
    }
}

@media (max-width: 991px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .inputRow {
        max-width: 100%;
        min-width: 200px;
        margin-bottom: 8px
    }
}

@media (max-height: 800px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .inputRow {
        max-width: 100%;
        min-width: 200px;
        margin-bottom: 8px
    }
}

.complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .cmnBtn {
    padding: 20px;
    background-color: var(--btnClr);
    color: var(--white)
}

@media (max-width: 1199px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .cmnBtn {
        padding: 15px
    }
}

@media (max-height: 800px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .cmnBtn {
        padding: 15px
    }
}

@media (max-width: 680px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .cmnBtn {
        width: 100%;
        justify-content: center;
        margin-block: 8px
    }
}

.complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .cmnBtn svg {
    transform: rotateZ(315deg) scale(1.4);
    left: 3px
}

    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .cmnBtn svg .fill {
        fill: var(--white)
    }

.complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .cmnBtn span {
    gap: 15px
}

@media (max-width: 991px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .cmnBtn span {
        gap: 10px
    }
}

@media (max-height: 800px) {
    .complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .cmnBtn span {
        gap: 10px
    }
}

.complaintStatus .complaintStatusArea .complaintInner .textArea .inputSec .cmnBtn span svg path {
    fill: var(--white)
}

.swiftSupportSec, .reqWrap, .ourMissionSec, .sectionWrap, .ourTeamSec {
    max-width: 1620px;
    width: 100%;
    margin-inline: auto
}

.mbs.aboutUsHeader .commonBannerSec {
    height: 100vh;
    display: grid;
    align-items: center;
    text-align: start
}

    .mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth {
        align-items: start !important
    }

@media (min-width: 2560px) {
    .mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth {
        align-items: center !important
    }
}

@media (max-width: 1024px) {
    .mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth {
        align-items: center !important
    }
}

.mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
    margin-block-start: 200px !important
}

@media (min-width: 2560px) {
    .mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        margin-block-start: -250px !important
    }
}

@media (min-width: 2560px) {
    .mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        margin-block-start: 0 !important
    }
}

@media (max-width: 1680px) {
    .mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        margin-block-start: 135px !important
    }
}

@media (max-width: 1279px) {
    .mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        margin-block-start: 120px !important
    }
}

@media (max-width: 1024px) {
    .mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        margin-block-start: -280px !important
    }
}

@media (max-width: 991px) {
    .mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        margin-block-start: -190px !important
    }
}

@media (max-height: 800px) {
    .mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        max-width: 700px;
        margin: auto 0 !important
    }
}

@media (max-width: 680px) {
    .mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        max-width: 470px
    }
}

.mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap .designTitle {
    text-align: start
}

.mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap .mainTitle {
    max-width: 690px;
    text-align: start
}

.mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap .mainDesc {
    max-width: 800px
}

@media (max-width: 1279px) {
    .mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap .mainDesc {
        max-width: 680px
    }
}

@media (max-width: 1199px) {
    .mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap .mainDesc {
        max-width: 580px
    }
}

@media (max-width: 680px) {
    .mbs.aboutUsHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap .mainDesc {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.founderSec {
    margin-block: -245px 105px;
    position: relative
}

@media (min-width: 2560px) {
    .founderSec {
        margin-block: -580px 80px
    }
}

@media (min-width: 2000px) {
    .founderSec {
        margin-block: -420px 80px
    }
}

@media (max-width: 1680px) {
    .founderSec {
        margin-block: -305px 80px
    }
}

@media (max-width: 991px) {
    .founderSec {
        margin-block-end: 40px !important
    }
}

@media (max-height: 800px) {
    .founderSec {
        margin-block: -160px 60px
    }
}

@media (max-width: 680px) {
    .founderSec {
        margin-block: -170px 30px !important
    }
}

.founderSec::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/article-design.png");
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 1000px;
    height: 560px;
    opacity: .5
}

@media (max-width: 1366px) {
    .founderSec::after {
        max-width: 800px;
        width: 100%;
        height: 450px
    }
}

@media (max-width: 767px) {
    .founderSec::after {
        display: none
    }
}

.founderSec .wraper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 1620px;
    width: 100%;
    margin-inline: auto
}

@media (max-width: 1366px) {
    .founderSec .wraper {
        grid-template-columns: .7fr 1fr
    }
}

@media (max-width: 767px) {
    .founderSec .wraper {
        grid-template-columns: 1fr !important
    }
}

@media (max-height: 800px) {
    .founderSec .wraper {
        grid-template-columns: .7fr 1fr
    }
}

.founderSec .wraper .gridL {
    display: grid;
    place-items: center;
    z-index: 1
}

    .founderSec .wraper .gridL .imgDiv {
        max-width: 600px;
        max-height: 500px
    }

@media (max-width: 1680px) {
    .founderSec .wraper .gridL .imgDiv {
        max-width: 500px;
        max-height: 500px
    }
}

@media (max-width: 1450px) {
    .founderSec .wraper .gridL .imgDiv {
        max-width: 450px;
        max-height: 370px
    }
}

@media (max-width: 1279px) {
    .founderSec .wraper .gridL .imgDiv {
        max-width: 400px;
        max-height: 370px
    }
}

@media (max-height: 800px) {
    .founderSec .wraper .gridL .imgDiv {
        max-width: 375px;
        max-height: 330px
    }
}

.founderSec .wraper .gridR {
    gap: 15px;
    display: grid;
    align-content: end;
    padding-block-end: 90px
}

@media (max-width: 991px) {
    .founderSec .wraper .gridR {
        padding-block-end: 75px
    }
}

@media (max-width: 767px) {
    .founderSec .wraper .gridR {
        padding-block-end: 0px !important
    }
}

@media (max-height: 800px) {
    .founderSec .wraper .gridR {
        padding-block-end: 55px
    }
}

.founderSec .wraper .gridR .mainDesc {
    max-width: 770px;
    width: 100%;
    position: relative;
    padding-block-start: 75px
}

@media (max-width: 1599px) {
    .founderSec .wraper .gridR .mainDesc {
        max-height: 175px;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        scrollbar-width: none;
        scrollbar-color: transparent transparent;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch
    }

        .founderSec .wraper .gridR .mainDesc::-webkit-scrollbar {
            width: 8px;
            margin-left: 5px;
            left: 5px
        }

        .founderSec .wraper .gridR .mainDesc::-webkit-scrollbar-track {
            background: transparent
        }

        .founderSec .wraper .gridR .mainDesc::-webkit-scrollbar-thumb {
            background: transparent
        }
}

@media (max-width: 767px) {
    .founderSec .wraper .gridR .mainDesc {
        padding-block-start: 15px
    }
}

.founderSec .wraper .gridR .mainDesc::before {
    position: absolute;
    content: '';
    width: 70px;
    height: 54px;
    top: 0px;
    left: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/testiSVGL.svg")
}

@media (max-width: 767px) {
    .founderSec .wraper .gridR .mainDesc::before {
        display: none
    }
}

.founderSec .wraper .gridR .mainTitleWrap .mainTitle {
    color: var(--btnClr);
    text-align: start
}

.founderSec .wraper .gridR .mainTitleWrap p {
    font-size: 26px;
    font-weight: 500;
    line-height: 36px;
    margin-block-start: 5px
}

@media (max-width: 1680px) {
    .founderSec .wraper .gridR .mainTitleWrap p {
        font-size: 24px;
        font-weight: 500;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    .founderSec .wraper .gridR .mainTitleWrap p {
        font-size: 22px;
        font-weight: 500;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    .founderSec .wraper .gridR .mainTitleWrap p {
        font-size: 20px;
        font-weight: 500;
        line-height: 26px
    }
}

@media (max-width: 680px) {
    .founderSec .wraper .gridR .mainTitleWrap p {
        margin-block-start: 2px;
        font-size: 18px !important;
        font-weight: 500;
        line-height: 24px !important
    }
}

@media (max-height: 800px) {
    .founderSec .wraper .gridR .mainTitleWrap p {
        font-size: 20px;
        font-weight: 500;
        line-height: 26px
    }
}

.swiftSupportSec {
    margin-block-end: 60px;
    position: relative;
    z-index: 1
}

@media (max-width: 1450px) {
    .swiftSupportSec {
        margin-block-end: 50px
    }
}

@media (max-width: 1279px) {
    .swiftSupportSec {
        margin-block-end: 40px
    }
}

@media (max-width: 680px) {
    .swiftSupportSec {
        margin-block-end: 30px
    }
}

@media (max-height: 800px) {
    .swiftSupportSec {
        margin-block-end: 30px
    }
}

.swiftSupportSec .swiftSupportWrap {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 35px
}

@media (max-width: 767px) {
    .swiftSupportSec .swiftSupportWrap {
        grid-template-columns: 1fr
    }
}

.swiftSupportSec .swiftSupportWrap .gridL {
    max-width: 865px;
    width: 100%
}

@media (max-width: 1450px) {
    .swiftSupportSec .swiftSupportWrap .gridL {
        max-width: 775px
    }
}

@media (max-width: 1279px) {
    .swiftSupportSec .swiftSupportWrap .gridL {
        max-width: 100%
    }
}

.swiftSupportSec .swiftSupportWrap .gridL .woBG, .swiftSupportSec .swiftSupportWrap .gridL .mainTitle {
    text-align: start;
    margin-inline: 0 auto
}

.swiftSupportSec .swiftSupportWrap .gridL .mainTitleWrap .cmnP-LH {
    margin-block: 23px 27px;
    max-width: 830px
}

@media (max-width: 1680px) {
    .swiftSupportSec .swiftSupportWrap .gridL .mainTitleWrap .cmnP-LH {
        margin-block: 18px 22px
    }
}

@media (max-width: 1599px) {
    .swiftSupportSec .swiftSupportWrap .gridL .mainTitleWrap .cmnP-LH {
        margin-block: 12px 20px
    }
}

@media (max-width: 1450px) {
    .swiftSupportSec .swiftSupportWrap .gridL .mainTitleWrap .cmnP-LH {
        margin-block: 10px 18px
    }
}

@media (max-width: 1366px) {
    .swiftSupportSec .swiftSupportWrap .gridL .mainTitleWrap .cmnP-LH {
        height: 125px;
        overflow: hidden;
        overflow-y: auto;
        scrollbar-width: none;
        scrollbar-color: transparent transparent;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch
    }

        .swiftSupportSec .swiftSupportWrap .gridL .mainTitleWrap .cmnP-LH::-webkit-scrollbar {
            width: 8px;
            margin-left: 5px;
            left: 5px
        }

        .swiftSupportSec .swiftSupportWrap .gridL .mainTitleWrap .cmnP-LH::-webkit-scrollbar-track {
            background: transparent
        }

        .swiftSupportSec .swiftSupportWrap .gridL .mainTitleWrap .cmnP-LH::-webkit-scrollbar-thumb {
            background: transparent
        }
}

@media (max-width: 991px) {
    .swiftSupportSec .swiftSupportWrap .gridL .mainTitleWrap .cmnP-LH {
        height: 100px
    }
}

@media (max-height: 800px) {
    .swiftSupportSec .swiftSupportWrap .gridL .mainTitleWrap .cmnP-LH {
        margin-block: 10px 18px
    }
}

@media (max-width: 767px) {
    .swiftSupportSec .swiftSupportWrap .gridL .mainTitleWrap .cmnP-LH {
        overflow: visible;
        overflow-y: visible;
        height: auto
    }
}

.swiftSupportSec .swiftSupportWrap .gridL .countSec {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px
}

    .swiftSupportSec .swiftSupportWrap .gridL .countSec .countSingle {
        max-width: 230px;
        min-width: 150px
    }

.swiftSupportSec .swiftSupportWrap .gridR {
    display: grid;
    justify-content: end
}

@media (max-width: 1279px) {
    .swiftSupportSec .swiftSupportWrap .gridR {
        align-items: center
    }
}

@media (max-width: 767px) {
    .swiftSupportSec .swiftSupportWrap .gridR {
        order: -1;
        justify-content: start
    }
}

.swiftSupportSec .swiftSupportWrap .gridR .imgDiv {
    max-width: 630px;
    max-height: 530px
}

@media (max-width: 1680px) {
    .swiftSupportSec .swiftSupportWrap .gridR .imgDiv {
        max-width: 550px;
        max-height: 475px
    }
}

@media (max-width: 1279px) {
    .swiftSupportSec .swiftSupportWrap .gridR .imgDiv {
        max-width: 450px;
        max-height: 380px;
        min-width: 400px
    }
}

@media (max-width: 991px) {
    .swiftSupportSec .swiftSupportWrap .gridR .imgDiv {
        max-height: 320px !important;
        width: 100%;
        min-width: 340px !important
    }
}

@media (max-height: 800px) {
    .swiftSupportSec .swiftSupportWrap .gridR .imgDiv {
        max-height: 380px;
        width: 100%;
        min-width: 340px
    }
}

@media (max-width: 767px) {
    .swiftSupportSec .swiftSupportWrap .gridR .imgDiv {
        max-height: 380px;
        width: 100%;
        max-width: 100%;
        min-width: 300px !important
    }
}

.swiftSupportSec .swiftSupportWrap .gridR .imgDiv img {
    border-radius: 32px;
    height: 100%
}

@media (max-width: 991px) {
    .swiftSupportSec .swiftSupportWrap .gridR .imgDiv img {
        border-radius: 15px
    }
}

@media (max-width: 680px) {
    .swiftSupportSec .swiftSupportWrap .gridR .imgDiv img {
        border-radius: 8px
    }
}

.requirementSec {
    background-color: var(--cfa);
    padding-block: 60px 100px
}

@media (max-width: 1680px) {
    .requirementSec {
        padding-block: 50px 70px
    }
}

@media (max-width: 1450px) {
    .requirementSec {
        padding-block: 50px 60px
    }
}

@media (max-width: 1279px) {
    .requirementSec {
        padding-block: 40px 50px
    }
}

@media (max-height: 800px) {
    .requirementSec {
        padding-block: 40px 50px
    }
}

@media (max-width: 680px) {
    .requirementSec {
        padding-block: 30px 40px !important
    }
}

@media (max-width: 1199px) {
    .requirementSec .reqWrap {
        display: none
    }
}

.requirementSec .reqWrap .mainTitleWrap .woBG, .requirementSec .reqWrap .mainTitleWrap .mainTitle {
    text-align: start;
    margin-inline: 0 auto
}

.requirementSec .reqWrap .requirementGridSec {
    margin-block-start: 65px;
    display: grid;
    grid-template-columns: auto auto;
    gap: 25px
}

@media (max-width: 1680px) {
    .requirementSec .reqWrap .requirementGridSec {
        margin-block-start: 55px
    }
}

@media (max-width: 1450px) {
    .requirementSec .reqWrap .requirementGridSec {
        margin-block-start: 45px
    }
}

@media (max-width: 1366px) {
    .requirementSec .reqWrap .requirementGridSec {
        margin-block-start: 35px
    }
}

@media (max-height: 800px) {
    .requirementSec .reqWrap .requirementGridSec {
        margin-block-start: 35px
    }
}

.requirementSec .reqWrap .requirementGridSec .requirementGridL {
    padding-inline-start: 20px;
    max-width: 550px;
    width: 100%
}

    .requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec {
        display: grid;
        gap: 45px
    }

@media (max-width: 1599px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec {
        gap: 40px
    }
}

@media (max-width: 1450px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec {
        gap: 35px
    }
}

@media (max-height: 800px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec {
        gap: 35px
    }
}

.requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec li {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px
}

@media (max-width: 1680px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec li {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec li {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec li {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

.requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec li.Scroll-active {
    color: var(--btnClr);
    padding-inline-start: 60px
}

@media (max-width: 1599px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec li.Scroll-active {
        padding-inline-start: 50px
    }
}

@media (max-width: 1450px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec li.Scroll-active {
        padding-inline-start: 45px
    }
}

@media (max-width: 1366px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec li.Scroll-active {
        padding-inline-start: 40px
    }
}

@media (max-width: 1279px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec li.Scroll-active {
        padding-inline-start: 35px
    }
}

@media (max-height: 800px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec li.Scroll-active {
        padding-inline-start: 35px
    }
}

.requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec li.Scroll-active::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 2px;
    left: 0;
    top: 50%;
    background-color: var(--btnClr)
}

@media (max-width: 1450px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec li.Scroll-active::after {
        width: 20px
    }
}

@media (max-height: 800px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridL .requirementLSec li.Scroll-active::after {
        width: 20px
    }
}

.requirementSec .reqWrap .requirementGridSec .requirementGridR {
    max-width: 980px;
    width: 100%;
    height: 500px;
    padding-block-end: 260px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .requirementSec .reqWrap .requirementGridSec .requirementGridR::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px
    }

    .requirementSec .reqWrap .requirementGridSec .requirementGridR::-webkit-scrollbar-track {
        background: transparent
    }

    .requirementSec .reqWrap .requirementGridSec .requirementGridR::-webkit-scrollbar-thumb {
        background: transparent
    }

@media (max-width: 1680px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridR {
        padding-block-end: 310px
    }
}

@media (max-width: 1450px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridR {
        padding-block-end: 290px
    }
}

@media (max-height: 800px) {
    .requirementSec .reqWrap .requirementGridSec .requirementGridR {
        padding-block-end: 290px
    }
}

.requirementSec .reqWrap .requirementGridSec .requirementRSec {
    display: grid;
    gap: 10px
}

    .requirementSec .reqWrap .requirementGridSec .requirementRSec .singlecardRight {
        max-width: 920px;
        width: 100%;
        background-color: var(--white);
        border-radius: 23px;
        padding: 17px 40px 40px
    }

@media (max-width: 1680px) {
    .requirementSec .reqWrap .requirementGridSec .requirementRSec .singlecardRight {
        padding: 15px 30px 30px
    }
}

.requirementSec .reqWrap .requirementGridSec .requirementRSec .singlecardRight .reason {
    color: var(--theme-colour1);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px
}

@media (max-width: 1680px) {
    .requirementSec .reqWrap .requirementGridSec .requirementRSec .singlecardRight .reason {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

.requirementSec .reqWrap .requirementGridSec .requirementRSec .singlecardRight .title {
    font-size: 21px;
    font-weight: 600;
    line-height: 27px;
    margin-block: 10px 15px
}

@media (max-width: 1680px) {
    .requirementSec .reqWrap .requirementGridSec .requirementRSec .singlecardRight .title {
        margin-block: 8px 12px;
        font-size: 19px;
        font-weight: 600;
        line-height: 25px
    }
}

@media (max-width: 1279px) {
    .requirementSec .reqWrap .requirementGridSec .requirementRSec .singlecardRight .title {
        font-size: 17px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 991px) {
    .requirementSec .reqWrap .requirementGridSec .requirementRSec .singlecardRight .title {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .requirementSec .reqWrap .requirementGridSec .requirementRSec .singlecardRight .title {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px
    }
}

.requirementSec .reqWrap .requirementGridSec .requirementGridL {
    position: sticky;
    top: 0;
    height: fit-content;
    background: #f9f9f9;
    padding: 20px
}

.requirementSec .reqWrap .requirementGridSec .requirementGridR {
    overflow-y: auto;
    padding-left: 20px
}

.requirementSec .reqWrap .requirementGridSec .singlecardRight {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out
}

.requirementSec .faqSec {
    display: none
}

@media (max-width: 1199px) {
    .requirementSec .faqSec {
        display: block;
        margin-block-end: 0
    }
}

@media (max-width: 680px) {
    .requirementSec .faqSec .template-containerMaxWth {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (max-width: 575px) {
    .requirementSec .faqSec .mainTitle {
        max-width: 310px;
        margin-inline: auto
    }
}

.requirementSec .faqSec.requirementSec {
    padding-block: 0
}

.requirementSec .faqSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .innerDiv {
    display: grid !important;
    gap: 6px
}

.requirementSec .faqSec .innerWrap {
    gap: 14px
}

.requirementSec .faqSec .flexDiv h2 {
    color: var(--c2d);
    font-size: 16px;
    font-weight: 600 !important;
    line-height: 24px !important
}

.requirementSec .faqSec .accordionSingleSec {
    -webkit-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: 9px 4px 15px 0px rgba(0,0,0,0.12);
    box-shadow: 9px 4px 15px 0px rgba(0,0,0,0.12);
    border-radius: 12px
}

.requirementSec .faqSec .outterDiv {
    background-color: var(--white);
    padding-block: 18px !important
}

.requirementSec .faqSec .innerDiv {
    border-top: 1px solid #DDDDDD;
    padding-top: 16px
}

    .requirementSec .faqSec .innerDiv .reason {
        color: var(--theme-colour1);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px !important
    }

    .requirementSec .faqSec .innerDiv .title {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 26px !important;
        display: none
    }

    .requirementSec .faqSec .innerDiv .cmnP-LH {
        line-height: 24px !important
    }

.requirementSec .faqSec .cmnBtn {
    margin: 0 auto
}

.ourMissionSec .gridSec {
    display: grid;
    grid-template-columns: 1fr auto;
    padding-block: 27px 50px;
    gap: 25px
}

@media (max-width: 1279px) {
    .ourMissionSec .gridSec {
        padding-block: 27px 40px
    }
}

@media (max-width: 767px) {
    .ourMissionSec .gridSec {
        grid-template-columns: 1fr;
        padding-block: 27px 30px;
        gap: 10px
    }
}

@media (max-height: 800px) {
    .ourMissionSec .gridSec {
        padding-block: 27px 30px;
        gap: 10px
    }
}

.ourMissionSec .gridSec .gridL .imgDiv {
    max-width: 475px;
    max-height: 450px;
    animation: float-gold 5s ease-in-out infinite;
    margin-inline: auto
}

@keyframes float-gold {
    0% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px)
    }

    50% {
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px)
    }

    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px)
    }
}

@media (max-width: 1680px) {
    .ourMissionSec .gridSec .gridL .imgDiv {
        max-width: 450px;
        max-height: 400px
    }
}

@media (max-width: 1450px) {
    .ourMissionSec .gridSec .gridL .imgDiv {
        max-width: 420px;
        max-height: 350px
    }
}

@media (max-width: 1279px) {
    .ourMissionSec .gridSec .gridL .imgDiv {
        max-width: 375px;
        max-height: 325px;
        min-width: 320px
    }
}

@media (max-width: 991px) {
    .ourMissionSec .gridSec .gridL .imgDiv {
        max-width: 330px;
        max-height: 325px;
        min-width: 320px
    }
}

@media (max-height: 800px) {
    .ourMissionSec .gridSec .gridL .imgDiv {
        max-width: 330px;
        max-height: 325px
    }
}

@media (max-width: 767px) {
    .ourMissionSec .gridSec .gridL .imgDiv {
        margin: 0 auto
    }
}

.ourMissionSec .gridSec .gridR {
    max-width: 865px;
    width: 100%;
    align-content: center
}

@media (max-width: 1366px) {
    .ourMissionSec .gridSec .gridR {
        max-width: 810px
    }
}

@media (max-width: 1279px) {
    .ourMissionSec .gridSec .gridR {
        max-width: 765px
    }
}

@media (max-width: 1199px) {
    .ourMissionSec .gridSec .gridR {
        max-width: 650px
    }
}

@media (max-width: 1024px) {
    .ourMissionSec .gridSec .gridR {
        max-width: 750px
    }
}

@media (max-width: 767px) {
    .ourMissionSec .gridSec .gridR {
        max-width: 100%
    }
}

.ourMissionSec .gridSec .gridR .mainTitleWrap .woBG {
    text-align: start;
    margin-inline: 0 auto
}

@media (max-width: 767px) {
    .ourMissionSec .gridSec .gridR .mainTitleWrap .woBG {
        margin-inline: auto;
        text-align: center
    }
}

.ourMissionSec .gridSec .gridR .mainTitleWrap .mainTitle {
    text-align: start;
    max-width: 545px;
    width: 100%;
    margin-block-end: 23px
}

@media (max-width: 1680px) {
    .ourMissionSec .gridSec .gridR .mainTitleWrap .mainTitle {
        margin-block-end: 16px
    }
}

@media (max-width: 1450px) {
    .ourMissionSec .gridSec .gridR .mainTitleWrap .mainTitle {
        margin-block-end: 12px
    }
}

@media (max-width: 767px) {
    .ourMissionSec .gridSec .gridR .mainTitleWrap .mainTitle {
        text-align: center;
        margin-inline: auto
    }
}

@media (max-width: 1366px) {
    .ourMissionSec .gridSec .gridR .mainTitleWrap .cmnP-LH {
        height: 125px;
        overflow: hidden;
        overflow-y: auto;
        scrollbar-width: none;
        scrollbar-color: transparent transparent;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch
    }

        .ourMissionSec .gridSec .gridR .mainTitleWrap .cmnP-LH::-webkit-scrollbar {
            width: 8px;
            margin-left: 5px;
            left: 5px
        }

        .ourMissionSec .gridSec .gridR .mainTitleWrap .cmnP-LH::-webkit-scrollbar-track {
            background: transparent
        }

        .ourMissionSec .gridSec .gridR .mainTitleWrap .cmnP-LH::-webkit-scrollbar-thumb {
            background: transparent
        }
}

@media (max-width: 991px) {
    .ourMissionSec .gridSec .gridR .mainTitleWrap .cmnP-LH {
        overflow: visible;
        overflow-y: visible;
        height: auto
    }
}

@media (max-width: 767px) {
    .ourMissionSec .gridSec .gridR .mainTitleWrap .cmnP-LH {
        text-align: center
    }
}

.ourMissionSec .btmSec .cardWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 58px;
    padding-block: 45px 55px
}

@media (max-width: 1450px) {
    .ourMissionSec .btmSec .cardWrap {
        gap: 25px 30px;
        padding-block: 40px 50px
    }
}

@media (max-width: 1279px) {
    .ourMissionSec .btmSec .cardWrap {
        padding-block: 35px 45px
    }
}

@media (max-width: 1199px) {
    .ourMissionSec .btmSec .cardWrap {
        gap: 25px 20px
    }
}

@media (max-width: 991px) {
    .ourMissionSec .btmSec .cardWrap {
        grid-template-columns: 1fr;
        justify-items: center
    }
}

@media (max-width: 680px) {
    .ourMissionSec .btmSec .cardWrap {
        gap: 25px !important;
        padding-block: 25px !important
    }
}

@media (max-height: 800px) {
    .ourMissionSec .btmSec .cardWrap {
        padding-block: 35px 45px;
        gap: 25px 20px
    }
}

.ourMissionSec .btmSec .cardWrap .singleCard {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 23px;
    padding: 38px 48px;
    max-width: 780px;
    width: 100%;
    border-radius: 15px;
    -webkit-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.2);
    box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.2)
}

@media (max-width: 1680px) {
    .ourMissionSec .btmSec .cardWrap .singleCard {
        padding: 28px 38px
    }
}

@media (max-width: 1450px) {
    .ourMissionSec .btmSec .cardWrap .singleCard {
        padding: 20px 40px 20px 15px;
        gap: 18px
    }
}

@media (max-width: 1279px) {
    .ourMissionSec .btmSec .cardWrap .singleCard {
        padding: 20px 20px 20px 15px;
        gap: 18px
    }
}

@media (max-height: 800px) {
    .ourMissionSec .btmSec .cardWrap .singleCard {
        padding: 20px 20px 20px 15px;
        gap: 18px
    }
}

@media (max-width: 991px) {
    .ourMissionSec .btmSec .cardWrap .singleCard {
        border-radius: 8px;
        -webkit-box-shadow: 9px 4px 15px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 9px 4px 15px 0px rgba(0,0,0,0.2);
        box-shadow: 9px 4px 15px 0px rgba(0,0,0,0.2)
    }
}

@media (max-width: 680px) {
    .ourMissionSec .btmSec .cardWrap .singleCard {
        padding: 20px 15px !important;
        gap: 15px !important
    }
}

@media (max-width: 575px) {
    .ourMissionSec .btmSec .cardWrap .singleCard {
        grid-template-columns: 1fr;
        padding: 10px 15px 20px 15px !important
    }
}

@media (max-width: 480px) {
    .ourMissionSec .btmSec .cardWrap .singleCard {
        gap: 12px !important
    }
}

.ourMissionSec .btmSec .cardWrap .singleCard .imgDiv {
    width: 190px;
    height: 190px
}

@media (max-width: 1680px) {
    .ourMissionSec .btmSec .cardWrap .singleCard .imgDiv {
        width: 140px;
        height: 140px
    }
}

@media (max-width: 1450px) {
    .ourMissionSec .btmSec .cardWrap .singleCard .imgDiv {
        width: 120px;
        height: 120px
    }
}

@media (max-width: 1199px) {
    .ourMissionSec .btmSec .cardWrap .singleCard .imgDiv {
        width: 90px;
        height: 90px;
        align-self: center
    }
}

@media (max-width: 991px) {
    .ourMissionSec .btmSec .cardWrap .singleCard .imgDiv {
        width: 80px;
        height: 80px
    }
}

.ourMissionSec .btmSec .cardWrap .singleCard .textSec .mCardTitle {
    margin-block-end: 20px;
    font-size: 24px;
    font-weight: 600;
    line-height: 33px
}

@media (max-width: 1680px) {
    .ourMissionSec .btmSec .cardWrap .singleCard .textSec .mCardTitle {
        margin-block-end: 15px;
        font-size: 22px;
        font-weight: 600;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    .ourMissionSec .btmSec .cardWrap .singleCard .textSec .mCardTitle {
        margin-block-end: 8px
    }
}

@media (max-width: 1279px) {
    .ourMissionSec .btmSec .cardWrap .singleCard .textSec .mCardTitle {
        margin-block-end: 5px;
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    .ourMissionSec .btmSec .cardWrap .singleCard .textSec .mCardTitle {
        margin-block-end: 5px;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .ourMissionSec .btmSec .cardWrap .singleCard .textSec .mCardTitle {
        margin-block-end: 5px;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

.ourMissionSec .btmSec .cardWrap .singleCard .textSec .cmnP-LH {
    max-height: 130px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .ourMissionSec .btmSec .cardWrap .singleCard .textSec .cmnP-LH::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px
    }

    .ourMissionSec .btmSec .cardWrap .singleCard .textSec .cmnP-LH::-webkit-scrollbar-track {
        background: transparent
    }

    .ourMissionSec .btmSec .cardWrap .singleCard .textSec .cmnP-LH::-webkit-scrollbar-thumb {
        background: transparent
    }

@media (max-width: 1599px) {
    .ourMissionSec .btmSec .cardWrap .singleCard .textSec .cmnP-LH {
        max-height: 125px
    }
}

@media (max-width: 575px) {
    .ourMissionSec .btmSec .cardWrap .singleCard .textSec .cmnP-LH {
        max-height: fit-content;
        overflow: visible;
        overflow-y: visible
    }
}

.chairmanSec {
    padding-block: 70px 80px;
    position: relative
}

@media (max-width: 1450px) {
    .chairmanSec {
        padding-block: 50px 60px
    }
}

@media (max-width: 1279px) {
    .chairmanSec {
        padding-block: 40px 50px
    }
}

@media (max-height: 800px) {
    .chairmanSec {
        padding-block: 40px 50px
    }
}

@media (max-width: 680px) {
    .chairmanSec {
        padding-block: 40px 30px !important
    }
}

.chairmanSec::after, .chairmanSec::before {
    content: '';
    position: absolute;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 1366px) {
    .chairmanSec::after, .chairmanSec::before {
        max-width: 800px;
        width: 100%;
        height: 450px
    }
}

@media (max-width: 767px) {
    .chairmanSec::after, .chairmanSec::before {
        display: none
    }
}

.chairmanSec::after {
    top: 0;
    right: 0;
    background-image: url("../images/article-design.png");
    -webkit-transform: scale(-1);
    transform: scale(-1);
    width: 1000px;
    height: 515px
}

@media (max-width: 1279px) {
    .chairmanSec::after {
        width: 700px;
        height: 450px
    }
}

.chairmanSec::before {
    bottom: 0;
    left: 0;
    background-image: url("../images/article-design.png");
    width: 1000px;
    height: 560px
}

@media (max-width: 1366px) {
    .chairmanSec::before {
        width: 975px;
        height: 450px
    }
}

@media (max-width: 991px) {
    .chairmanSec::before {
        display: none
    }
}

.chairmanSec .sectionWrap .gridSec {
    display: grid;
    grid-template-columns: 43% auto;
    gap: 40px
}

@media (max-width: 1279px) {
    .chairmanSec .sectionWrap .gridSec {
        grid-template-columns: 37% auto
    }
}

@media (max-width: 1199px) {
    .chairmanSec .sectionWrap .gridSec {
        grid-template-columns: 41% auto
    }
}

@media (max-width: 991px) {
    .chairmanSec .sectionWrap .gridSec {
        grid-template-columns: 1fr
    }
}

.chairmanSec .sectionWrap .gridSec .gridL {
    position: relative;
    display: grid;
    max-width: 675px;
    width: 100%;
    padding-inline-start: 40px
}

@media (max-width: 1199px) {
    .chairmanSec .sectionWrap .gridSec .gridL {
        max-width: 425px
    }
}

@media (max-width: 991px) {
    .chairmanSec .sectionWrap .gridSec .gridL {
        max-width: 440px;
        justify-self: center
    }
}

@media (max-width: 480px) {
    .chairmanSec .sectionWrap .gridSec .gridL {
        max-width: 380px
    }
}

.chairmanSec .sectionWrap .gridSec .gridL .bg1 {
    max-width: 565px;
    position: absolute;
    z-index: 1;
    align-self: center;
    justify-self: flex-end;
    margin-inline-end: -20px
}

    .chairmanSec .sectionWrap .gridSec .gridL .bg1 img {
        height: 100%
    }

@media (max-width: 1680px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg1 {
        margin-inline-end: 0px;
        max-width: 500px;
        right: 0
    }
}

@media (max-width: 1599px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg1 {
        max-width: 490px
    }
}

@media (max-width: 1450px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg1 {
        max-width: 480px;
        height: 340px
    }
}

@media (max-width: 1366px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg1 {
        max-width: 450px !important;
        height: 300px !important
    }
}

@media (max-width: 1279px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg1 {
        max-width: 340px !important;
        height: 250px !important
    }
}

@media (max-width: 1199px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg1 {
        max-width: 300px !important;
        height: 230px !important
    }
}

@media (max-width: 991px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg1 {
        max-width: 340px !important;
        height: 250px !important
    }
}

@media (max-height: 800px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg1 {
        max-width: 480px;
        height: 340px
    }
}

@media (max-width: 680px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg1 {
        max-width: 280px !important;
        height: 200px !important
    }
}

.chairmanSec .sectionWrap .gridSec .gridL .bg2 {
    max-width: 550px;
    height: 400px;
    position: absolute;
    align-self: end;
    height: auto;
    left: 40px;
    bottom: 0
}

    .chairmanSec .sectionWrap .gridSec .gridL .bg2 img {
        height: 100%
    }

@media (max-width: 1680px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg2 {
        max-width: 500px
    }
}

@media (max-width: 1599px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg2 {
        max-width: 480px
    }
}

@media (max-width: 1450px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg2 {
        max-width: 450px
    }
}

@media (max-width: 1366px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg2 {
        max-width: 400px !important;
        left: 60px !important
    }
}

@media (max-width: 1279px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg2 {
        max-width: 330px !important;
        left: 40px !important
    }
}

@media (max-width: 1199px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg2 {
        max-width: 300px !important
    }
}

@media (max-width: 991px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg2 {
        max-width: 330px !important
    }
}

@media (max-height: 800px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg2 {
        max-width: 450px
    }
}

@media (max-width: 480px) {
    .chairmanSec .sectionWrap .gridSec .gridL .bg2 {
        max-width: 265px !important
    }
}

.chairmanSec .sectionWrap .gridSec .gridL .chairman-img {
    max-width: 470px;
    max-height: 710px;
    z-index: 2;
    justify-self: center;
    align-self: flex-end;
    margin-inline-start: -80px
}

@media (max-width: 1680px) {
    .chairmanSec .sectionWrap .gridSec .gridL .chairman-img {
        max-width: 420px;
        max-height: 635px
    }
}

@media (max-width: 1450px) {
    .chairmanSec .sectionWrap .gridSec .gridL .chairman-img {
        max-width: 375px;
        max-height: 570px
    }
}

@media (max-width: 1366px) {
    .chairmanSec .sectionWrap .gridSec .gridL .chairman-img {
        max-width: 350px;
        max-height: 550px
    }
}

@media (max-width: 1279px) {
    .chairmanSec .sectionWrap .gridSec .gridL .chairman-img {
        max-width: 300px;
        max-height: 450px
    }
}

@media (max-width: 1199px) {
    .chairmanSec .sectionWrap .gridSec .gridL .chairman-img {
        max-width: 260px !important;
        max-height: 400px !important
    }
}

@media (max-width: 991px) {
    .chairmanSec .sectionWrap .gridSec .gridL .chairman-img {
        max-width: 300px !important;
        max-height: 450px !important
    }
}

@media (max-height: 800px) {
    .chairmanSec .sectionWrap .gridSec .gridL .chairman-img {
        max-width: 375px;
        max-height: 570px
    }
}

@media (max-width: 480px) {
    .chairmanSec .sectionWrap .gridSec .gridL .chairman-img {
        max-width: 230px !important;
        max-height: 350px !important
    }
}

.chairmanSec .sectionWrap .gridSec .gridL .chairman-img img {
    height: 100%
}

.chairmanSec .sectionWrap .gridSec .gridR {
    display: grid;
    align-content: center;
    justify-self: end;
    max-width: 840px;
    width: 100%
}

@media (max-width: 991px) {
    .chairmanSec .sectionWrap .gridSec .gridR {
        justify-self: center
    }
}

.chairmanSec .sectionWrap .gridSec .gridR .mainTitleWrap {
    margin-block-end: 22px
}

@media (max-width: 1450px) {
    .chairmanSec .sectionWrap .gridSec .gridR .mainTitleWrap {
        margin-block-end: 16px
    }
}

@media (max-height: 800px) {
    .chairmanSec .sectionWrap .gridSec .gridR .mainTitleWrap {
        margin-block-end: 16px
    }
}

.chairmanSec .sectionWrap .gridSec .gridR .mainTitleWrap .mainTitle {
    color: var(--btnClr);
    text-align: start;
    margin-block-end: 10px;
    position: relative
}

@media (max-width: 1680px) {
    .chairmanSec .sectionWrap .gridSec .gridR .mainTitleWrap .mainTitle {
        margin-block-end: 6px;
        line-height: 40px
    }
}

.chairmanSec .sectionWrap .gridSec .gridR .mainTitleWrap .mainTitle::after {
    position: absolute;
    content: '';
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 120px;
    height: 90px;
    top: -20px;
    right: 0;
    background-image: url("../images/testiSVGR.svg");
    opacity: 0.2;
    -webkit-transform: scaleX(-1);
    transform: scaleY(-1)
}

@media (max-width: 1279px) {
    .chairmanSec .sectionWrap .gridSec .gridR .mainTitleWrap .mainTitle::after {
        width: 80px;
        height: 80px
    }
}

@media (max-height: 800px) {
    .chairmanSec .sectionWrap .gridSec .gridR .mainTitleWrap .mainTitle::after {
        width: 80px;
        height: 80px
    }
}

.chairmanSec .sectionWrap .gridSec .gridR .mainTitleWrap h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 33px
}

@media (max-width: 1680px) {
    .chairmanSec .sectionWrap .gridSec .gridR .mainTitleWrap h4 {
        font-size: 22px;
        font-weight: 500;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    .chairmanSec .sectionWrap .gridSec .gridR .mainTitleWrap h4 {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    .chairmanSec .sectionWrap .gridSec .gridR .mainTitleWrap h4 {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .chairmanSec .sectionWrap .gridSec .gridR .mainTitleWrap h4 {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px
    }
}

.chairmanSec .sectionWrap .gridSec .gridR .detailsSec {
    display: grid;
    gap: 25px;
    position: relative
}

@media (max-width: 1680px) {
    .chairmanSec .sectionWrap .gridSec .gridR .detailsSec {
        gap: 20px
    }
}

@media (max-width: 1450px) {
    .chairmanSec .sectionWrap .gridSec .gridR .detailsSec {
        gap: 15px
    }
}

@media (max-height: 800px) {
    .chairmanSec .sectionWrap .gridSec .gridR .detailsSec {
        gap: 15px
    }
}

.chairmanSec .sectionWrap .gridSec .gridR .detailsSec::before {
    position: absolute;
    content: '';
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/pen.png");
    bottom: -120px;
    right: 0;
    width: 280px;
    height: 170px
}

@media (max-width: 1279px) {
    .chairmanSec .sectionWrap .gridSec .gridR .detailsSec::before {
        width: 200px
    }
}

@media (max-width: 1199px) {
    .chairmanSec .sectionWrap .gridSec .gridR .detailsSec::before {
        bottom: -100px
    }
}

@media (max-height: 800px) {
    .chairmanSec .sectionWrap .gridSec .gridR .detailsSec::before {
        width: 200px
    }
}

@media (max-width: 767px) {
    .chairmanSec .sectionWrap .gridSec .gridR .detailsSec::before {
        bottom: -50px;
        width: 130px !important;
        height: 100px
    }
}

@media (max-width: 680px) {
    .chairmanSec .sectionWrap .gridSec .gridR .detailsSec::before {
        display: none
    }
}

.ourTeamSec {
    margin-block-end: 60px
}

@media (max-width: 1450px) {
    .ourTeamSec {
        margin-block-end: 50px
    }
}

@media (max-width: 1279px) {
    .ourTeamSec {
        margin-block-end: 40px
    }
}

@media (max-width: 680px) {
    .ourTeamSec {
        margin-block-end: 30px !important
    }
}

@media (max-height: 800px) {
    .ourTeamSec {
        margin-block-end: 40px
    }
}

.ourTeamSec .cardSec {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 45px 35px;
    margin-block: 57px 43px
}

@media (max-width: 1450px) {
    .ourTeamSec .cardSec {
        gap: 30px 25px
    }
}

@media (max-width: 1279px) {
    .ourTeamSec .cardSec {
        gap: 25px 20px
    }
}

@media (max-height: 800px) {
    .ourTeamSec .cardSec {
        gap: 25px 20px
    }
}

@media (max-width: 991px) {
    .ourTeamSec .cardSec {
        grid-template-columns: 1fr
    }
}

.ourTeamSec .cardSec .singleCard {
    display: flex;
    align-items: flex-start;
    border-radius: 23px;
    -webkit-box-shadow: 12px 7px 16px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 12px 7px 16px 0px rgba(0,0,0,0.2);
    box-shadow: 12px 7px 16px 0px rgba(0,0,0,0.2);
    padding: 30px 30px 30px 45px;
    gap: 50px
}

@media (max-width: 1680px) {
    .ourTeamSec .cardSec .singleCard {
        padding: 25px 25px 25px 40px
    }
}

@media (max-width: 1450px) {
    .ourTeamSec .cardSec .singleCard {
        gap: 30px;
        padding: 20px 20px 20px 25px
    }
}

@media (max-width: 1279px) {
    .ourTeamSec .cardSec .singleCard {
        gap: 25px;
        border-radius: 18px
    }
}

@media (max-width: 1199px) {
    .ourTeamSec .cardSec .singleCard {
        gap: 20px !important
    }
}

@media (max-height: 800px) {
    .ourTeamSec .cardSec .singleCard {
        gap: 25px;
        padding: 20px 20px 20px 25px
    }
}

@media (max-width: 991px) {
    .ourTeamSec .cardSec .singleCard {
        border-radius: 8px;
        padding: 20px 15px !important;
        -webkit-box-shadow: 4px 7px 16px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 4px 7px 16px 0px rgba(0,0,0,0.2);
        box-shadow: 4px 7px 16px 0px rgba(0,0,0,0.2)
    }
}

.ourTeamSec .cardSec .singleCard .detailsSec {
    display: grid;
    gap: 11px
}

@media (max-width: 1450px) {
    .ourTeamSec .cardSec .singleCard .detailsSec {
        gap: 8px
    }
}

@media (max-height: 800px) {
    .ourTeamSec .cardSec .singleCard .detailsSec {
        gap: 8px
    }
}

.ourTeamSec .cardSec .singleCard .detailsSec .name {
    color: var(--btnClr);
    font-size: 26px;
    font-weight: 700;
    line-height: 36px
}

@media (max-width: 1680px) {
    .ourTeamSec .cardSec .singleCard .detailsSec .name {
        font-size: 24px;
        font-weight: 700;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    .ourTeamSec .cardSec .singleCard .detailsSec .name {
        font-size: 22px;
        font-weight: 700;
        line-height: 26px
    }
}

@media (max-width: 991px) {
    .ourTeamSec .cardSec .singleCard .detailsSec .name {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .ourTeamSec .cardSec .singleCard .detailsSec .name {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px
    }
}

.ourTeamSec .cardSec .singleCard .detailsSec .position {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px
}

@media (max-width: 1680px) {
    .ourTeamSec .cardSec .singleCard .detailsSec .position {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .ourTeamSec .cardSec .singleCard .detailsSec .position {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .ourTeamSec .cardSec .singleCard .detailsSec .position {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .ourTeamSec .cardSec .singleCard .detailsSec .position {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px
    }
}

.ourTeamSec .cardSec .singleCard .detailsSec .cmnP-LH {
    font-weight: 500;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 410px
}

@media (max-width: 991px) {
    .ourTeamSec .cardSec .singleCard .detailsSec .cmnP-LH {
        max-width: 100%
    }
}

.ourTeamSec .cardSec .singleCard .detailsSec .moreLink {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--btnClr)
}

@media (max-width: 1680px) {
    .ourTeamSec .cardSec .singleCard .detailsSec .moreLink {
        font-size: 15px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-width: 1279px) {
    .ourTeamSec .cardSec .singleCard .detailsSec .moreLink {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .ourTeamSec .cardSec .singleCard .detailsSec .moreLink {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

.ourTeamSec .cardSec .singleCard .detailsSec .moreLink:hover span {
    left: 5px
}

.ourTeamSec .cardSec .singleCard .detailsSec .moreLink span {
    transition: .3s ease-in-out;
    height: 24px;
    position: relative
}

.ourTeamSec .cardSec .singleCard .imgDiv {
    max-width: 195px;
    max-height: 204px;
    width: 100%;
    margin-block-start: -40px
}

@media (max-width: 1680px) {
    .ourTeamSec .cardSec .singleCard .imgDiv {
        max-width: 170px;
        max-height: 180px
    }
}

@media (max-width: 1450px) {
    .ourTeamSec .cardSec .singleCard .imgDiv {
        margin-block-start: -30px;
        max-width: 145px;
        max-height: 150px
    }
}

@media (max-width: 1279px) {
    .ourTeamSec .cardSec .singleCard .imgDiv {
        margin-block-start: -28px;
        max-width: 130px !important;
        max-height: 140px !important
    }
}

@media (max-width: 1199px) {
    .ourTeamSec .cardSec .singleCard .imgDiv {
        max-width: 120px !important;
        max-height: 130px !important
    }
}

@media (max-width: 991px) {
    .ourTeamSec .cardSec .singleCard .imgDiv {
        max-width: 145px;
        max-height: 150px;
        margin-block-start: 0;
        min-width: 80px
    }
}

@media (max-height: 800px) {
    .ourTeamSec .cardSec .singleCard .imgDiv {
        max-width: 145px;
        max-height: 150px
    }
}

.ourTeamSec .cardSec .singleCard .imgDiv img {
    border-radius: 30px
}

@media (max-width: 1279px) {
    .ourTeamSec .cardSec .singleCard .imgDiv img {
        border-radius: 24px
    }
}

@media (max-width: 991px) {
    .ourTeamSec .cardSec .singleCard .imgDiv img {
        border-radius: 15px
    }
}

@media (max-width: 680px) {
    .ourTeamSec .cardSec .singleCard .imgDiv img {
        border-radius: 8px
    }
}

.ourTeamSec .cmnBtn {
    margin-inline: auto
}

.journeySec {
    margin-block-end: 120px
}

@media (max-width: 1680px) {
    .journeySec {
        margin-block-end: 100px
    }
}

@media (max-width: 1279px) {
    .journeySec {
        margin-block-end: 80px
    }
}

@media (max-width: 1199px) {
    .journeySec {
        margin-block-end: 60px !important
    }
}

@media (max-height: 800px) {
    .journeySec {
        margin-block-end: 80px
    }
}

@media (max-width: 991px) {
    .journeySec {
        margin-block-end: 30px !important
    }
}

.journeySec .mainTitleWrap {
    margin-block-end: 42px
}

@media (max-width: 1680px) {
    .journeySec .mainTitleWrap {
        margin-block-end: 35px
    }
}

@media (max-width: 1450px) {
    .journeySec .mainTitleWrap {
        margin-block-end: 30px
    }
}

@media (max-width: 1279px) {
    .journeySec .mainTitleWrap {
        margin-block-end: 25px
    }
}

@media (max-height: 800px) {
    .journeySec .mainTitleWrap {
        margin-block-end: 12px
    }
}

@media (max-width: 991px) {
    .journeySec .mainTitleWrap {
        margin-block-end: 20px
    }
}

.journeySec .aboutCarouselSec {
    position: relative;
    width: 100%;
    height: fit-content;
    overflow: hidden;
    display: grid;
    grid-template-columns: .5fr 1fr;
    padding-top: 5vw;
    padding-bottom: 2vw
}

@media (min-width: 2000px) {
    .journeySec .aboutCarouselSec {
        max-width: 1720px;
        width: 100%;
        margin-inline: auto
    }
}

@media (max-width: 1850px) {
    .journeySec .aboutCarouselSec {
        padding-top: 6vw
    }
}

@media (max-width: 1450px) {
    .journeySec .aboutCarouselSec {
        padding-bottom: 25px
    }
}

@media (max-height: 800px) {
    .journeySec .aboutCarouselSec {
        padding-bottom: 25px;
        padding-top: 5vw
    }
}

@media (max-width: 1199px) {
    .journeySec .aboutCarouselSec {
        display: none
    }
}

.journeySec .aboutCarouselSec .circle-carousel {
    width: 600px;
    height: 600px;
    position: relative;
    left: -165px;
    margin-top: 0px;
    transition: transform .5s;
    z-index: 10;
    border: 1px solid;
    border-radius: 50%;
    transform: rotate(-42deg)
}

@media (min-width: 2000px) {
    .journeySec .aboutCarouselSec .circle-carousel {
        left: -300px
    }
}

@media (max-width: 1680px) {
    .journeySec .aboutCarouselSec .circle-carousel {
        width: 500px;
        height: 500px
    }
}

@media (max-width: 1366px) {
    .journeySec .aboutCarouselSec .circle-carousel {
        width: 425px;
        height: 425px
    }
}

@media (max-height: 800px) {
    .journeySec .aboutCarouselSec .circle-carousel {
        width: 425px;
        height: 425px
    }
}

.journeySec .aboutCarouselSec .circle-carousel::after, .journeySec .aboutCarouselSec .circle-carousel::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    inset: 0;
    margin: auto
}

.journeySec .aboutCarouselSec .circle-carousel::after {
    width: 514px;
    height: 514px;
    background-color: var(--cfa)
}

@media (max-width: 1680px) {
    .journeySec .aboutCarouselSec .circle-carousel::after {
        width: 420px;
        height: 420px
    }
}

@media (max-width: 1366px) {
    .journeySec .aboutCarouselSec .circle-carousel::after {
        width: 350px;
        height: 350px
    }
}

@media (max-height: 800px) {
    .journeySec .aboutCarouselSec .circle-carousel::after {
        width: 350px;
        height: 350px
    }
}

.journeySec .aboutCarouselSec .circle-carousel::before {
    width: 442px;
    height: 442px;
    background-color: #EDEDED;
    z-index: 1
}

@media (max-width: 1680px) {
    .journeySec .aboutCarouselSec .circle-carousel::before {
        width: 380px;
        height: 380px
    }
}

@media (max-width: 1366px) {
    .journeySec .aboutCarouselSec .circle-carousel::before {
        width: 310px;
        height: 310px
    }
}

@media (max-height: 800px) {
    .journeySec .aboutCarouselSec .circle-carousel::before {
        width: 310px;
        height: 310px
    }
}

.journeySec .aboutCarouselSec .circle-carousel__item {
    width: 35px;
    height: 35px;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #707070;
    color: transparent;
    transition: all .5s;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 1366px) {
    .journeySec .aboutCarouselSec .circle-carousel__item {
        width: 28px;
        height: 28px
    }
}

@media (max-height: 800px) {
    .journeySec .aboutCarouselSec .circle-carousel__item {
        width: 28px;
        height: 28px
    }
}

.journeySec .aboutCarouselSec .circle-carousel__item::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background: black;
    border-radius: 50%;
    inset: 0;
    margin: auto
}

@media (max-width: 1366px) {
    .journeySec .aboutCarouselSec .circle-carousel__item::after {
        width: 18px;
        height: 18px
    }
}

@media (max-height: 800px) {
    .journeySec .aboutCarouselSec .circle-carousel__item::after {
        width: 18px;
        height: 18px
    }
}

.journeySec .aboutCarouselSec .circle-carousel__item.active {
    transform: rotate(41deg)
}

    .journeySec .aboutCarouselSec .circle-carousel__item.active::after {
        content: '';
        position: absolute;
        width: 25px;
        height: 25px;
        background: #C32641;
        border-radius: 50%;
        inset: 0;
        margin: auto
    }

@media (max-width: 1366px) {
    .journeySec .aboutCarouselSec .circle-carousel__item.active::after {
        width: 18px;
        height: 18px
    }
}

@media (max-height: 800px) {
    .journeySec .aboutCarouselSec .circle-carousel__item.active::after {
        width: 18px;
        height: 18px
    }
}

.journeySec .aboutCarouselSec .circle-carousel__item.active span {
    position: absolute;
    color: #C32641;
    font-size: 56px;
    font-weight: 700;
    line-height: 76px;
    width: fit-content;
    right: -145px;
    z-index: 2;
    top: -25px
}

@media (max-width: 1680px) {
    .journeySec .aboutCarouselSec .circle-carousel__item.active span {
        font-size: 45px;
        font-weight: 700;
        line-height: 50px;
        right: -120px;
        top: -12px
    }
}

@media (max-width: 1366px) {
    .journeySec .aboutCarouselSec .circle-carousel__item.active span {
        font-size: 32px;
        font-weight: 700;
        line-height: 50px;
        right: -90px;
        top: -12px
    }
}

@media (max-height: 800px) {
    .journeySec .aboutCarouselSec .circle-carousel__item.active span {
        font-size: 32px;
        font-weight: 700;
        line-height: 50px;
        right: -90px;
        top: -12px
    }
}

.journeySec .aboutCarouselSec .circle-carousel__item.next-active, .journeySec .aboutCarouselSec .circle-carousel__item.prev-active {
    transform: rotate(41deg)
}

    .journeySec .aboutCarouselSec .circle-carousel__item.next-active span, .journeySec .aboutCarouselSec .circle-carousel__item.prev-active span {
        position: absolute;
        color: #2D2D2D;
        font-size: 45px;
        font-weight: 700;
        line-height: 66px;
        width: fit-content;
        right: -145px;
        z-index: 2;
        top: -23px;
        transform: rotateZ(1deg)
    }

@media (max-width: 1680px) {
    .journeySec .aboutCarouselSec .circle-carousel__item.next-active span, .journeySec .aboutCarouselSec .circle-carousel__item.prev-active span {
        font-size: 36px;
        font-weight: 700;
        line-height: 45px;
        right: -115px;
        top: -10px;
        transform: rotateZ(0.5deg)
    }
}

@media (max-width: 1366px) {
    .journeySec .aboutCarouselSec .circle-carousel__item.next-active span, .journeySec .aboutCarouselSec .circle-carousel__item.prev-active span {
        font-size: 28px;
        font-weight: 700;
        line-height: 45px;
        right: -93px;
        top: -10px;
        transform: rotateZ(1deg)
    }
}

@media (max-height: 800px) {
    .journeySec .aboutCarouselSec .circle-carousel__item.next-active span, .journeySec .aboutCarouselSec .circle-carousel__item.prev-active span {
        font-size: 28px;
        font-weight: 700;
        line-height: 45px;
        right: -93px;
        top: -10px;
        transform: rotateZ(1deg)
    }
}

.journeySec .aboutCarouselSec .circle-carousel__item div {
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    transition: transform .5s
}

.journeySec .aboutCarouselSec .mentor {
    position: absolute;
    max-width: 1227px;
    width: 100%;
    right: -200px;
    opacity: 0;
    transition: opacity .5s, right 1.5s;
    background-color: var(--cfa);
    border-radius: 37px 0 0 37px;
    padding: 29px 30px 29px 100px
}

@media (min-width: 2000px) {
    .journeySec .aboutCarouselSec .mentor {
        max-width: 1130px
    }
}

@media (max-width: 1850px) {
    .journeySec .aboutCarouselSec .mentor {
        max-width: 1050px;
        padding: 25px 30px 25px 50px
    }
}

@media (max-width: 1680px) {
    .journeySec .aboutCarouselSec .mentor {
        max-width: 1040px
    }
}

@media (max-width: 1599px) {
    .journeySec .aboutCarouselSec .mentor {
        max-width: 950px
    }
}

@media (max-width: 1450px) {
    .journeySec .aboutCarouselSec .mentor {
        padding: 20px 30px 20px 35px;
        max-width: 850px
    }
}

@media (max-width: 1279px) {
    .journeySec .aboutCarouselSec .mentor {
        max-width: 760px
    }
}

@media (max-height: 800px) {
    .journeySec .aboutCarouselSec .mentor {
        padding: 20px 30px 20px 35px
    }
}

.journeySec .aboutCarouselSec .mentor .aboutContentSec .imgDiv {
    max-width: 300px;
    height: auto;
    margin-block: -150px 16px
}

@media (max-width: 1680px) {
    .journeySec .aboutCarouselSec .mentor .aboutContentSec .imgDiv {
        max-width: 275px
    }
}

@media (max-width: 1599px) {
    .journeySec .aboutCarouselSec .mentor .aboutContentSec .imgDiv {
        max-width: 230px;
        margin-block: -135px 4px
    }
}

@media (max-width: 1450px) {
    .journeySec .aboutCarouselSec .mentor .aboutContentSec .imgDiv {
        max-width: 210px;
        margin-block: -115px 4px
    }
}

@media (max-height: 800px) {
    .journeySec .aboutCarouselSec .mentor .aboutContentSec .imgDiv {
        max-width: 210px;
        margin-block: -115px 4px
    }
}

.journeySec .aboutCarouselSec .mentor .aboutContentSec .txtArea {
    max-width: 957px;
    width: 100%
}

    .journeySec .aboutCarouselSec .mentor .aboutContentSec .txtArea .mainTitle {
        max-width: 545px;
        text-align: start
    }

    .journeySec .aboutCarouselSec .mentor .aboutContentSec .txtArea .cmnP-LH {
        margin-block: 23px 18px;
        -webkit-line-clamp: 6;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

@media (max-width: 1680px) {
    .journeySec .aboutCarouselSec .mentor .aboutContentSec .txtArea .cmnP-LH {
        margin-block: 14px 15px
    }
}

@media (max-width: 1450px) {
    .journeySec .aboutCarouselSec .mentor .aboutContentSec .txtArea .cmnP-LH {
        margin-block: 10px 15px
    }
}

@media (max-height: 800px) {
    .journeySec .aboutCarouselSec .mentor .aboutContentSec .txtArea .cmnP-LH {
        margin-block: 10px 15px
    }
}

.journeySec .aboutCarouselSec .mentor .aboutContentSec .btnSec {
    display: flex;
    align-items: center;
    gap: 40px
}

@media (max-width: 1450px) {
    .journeySec .aboutCarouselSec .mentor .aboutContentSec .btnSec {
        gap: 30px
    }
}

.journeySec .aboutCarouselSec .mentor .aboutContentSec .btnSec .containerBtn {
    display: flex;
    align-items: center;
    gap: 25px
}

    .journeySec .aboutCarouselSec .mentor .aboutContentSec .btnSec .containerBtn button {
        border: none;
        background-color: transparent;
        width: fit-content;
        height: fit-content;
        position: relative;
        z-index: 1;
        cursor: pointer
    }

@media (max-width: 1450px) {
    .journeySec .aboutCarouselSec .mentor .aboutContentSec .btnSec .containerBtn button img {
        width: 45px;
        height: auto;
        gap: 20px
    }
}

@media (max-height: 800px) {
    .journeySec .aboutCarouselSec .mentor .aboutContentSec .btnSec .containerBtn button img {
        width: 45px;
        height: auto;
        gap: 20px
    }
}

.journeySec .aboutCarouselSec .mentor--show {
    right: 0;
    opacity: 1
}

.journeySec .carouselFaqSec {
    display: none
}

@media (max-width: 1199px) {
    .journeySec .carouselFaqSec {
        display: block
    }
}

.journeySec .carouselFaqSec .accordionWrap .innerWrap {
    display: grid;
    gap: 15px
}

    .journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec {
        cursor: pointer;
        overflow: hidden
    }

        .journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
            background-color: var(--cfa);
            padding: 20px 25px
        }

@media (max-width: 991px) {
    .journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
        border-radius: 8px;
        padding: 12px 18px
    }
}

.journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 15px;
    margin-block-end: 10px
}

    .journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        transition: .3s ease-in-out color;
        font-size: 20px;
        font-weight: 600;
        line-height: 30px
    }

@media (max-width: 680px) {
    .journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

.journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv {
    width: 20px
}

@media (max-width: 991px) {
    .journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv {
        width: 15px
    }
}

.journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv svg {
    width: 20px
}

@media (max-width: 991px) {
    .journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv svg {
        width: 15px;
        height: auto
    }
}

.journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
    padding-top: 10px;
    border-top: 1px solid #DDDDDD
}

@media (max-width: 991px) {
    .journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        margin-top: 8px
    }
}

.journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .contentSec {
    display: flex;
    align-items: center;
    gap: 20px
}

@media (max-width: 680px) {
    .journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .contentSec {
        gap: 8px;
        flex-direction: column
    }
}

.journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .contentSec .imgDiv {
    min-width: 250px;
    width: 100%;
    max-width: 280px;
    height: fit-content
}

.journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .contentSec h2 {
    color: #F26522;
    margin-block-end: 8px;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px
}

@media (max-width: 991px) {
    .journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .contentSec h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px
    }
}

.journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .innerDiv {
    display: flex !important
}

.journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv h2 {
    color: #F26522
}

.journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv {
    transform: rotate(180deg);
    transition: .4s ease-in-out
}

    .journeySec .carouselFaqSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv svg path {
        fill: var(--btnClr)
    }

.ticketingSecTwo, .lifeatSec, .ourTeamsubsidiaryCard, .digitalContentSec, .careerSec3, .ticketingSecThreeWrapper, .ticketingSecSevenWrapper, .ticketingSecSix, .ticketingSecSevenWrapper, .ticketingSecEight, .ticketingSecNine, .loanSec, .serviceWrap, .gridWrapper, .eligibilitySec, .subTestimonialServiceSec, .cmnLoanApplySecService {
    max-width: 1620px;
    width: 100%;
    margin-inline: auto
}

.ticketingSecTwo, .digitalContentSec, .policytemplate, .lifeatSec, .teamchairmanSec, .careerSec6, .careerSec4, .careerSec3, .ticketingSecThree, .ticketingSecFive, .ticketingSecSix, .ticketingSecSeven, .ticketingSecEight, .ticketingSecNine, .loanSec, .templateOtherServiceSec, .eligibilitySec {
    margin-block-end: 60px
}

@media (max-width: 1680px) {
    .ticketingSecTwo, .digitalContentSec, .policytemplate, .lifeatSec, .teamchairmanSec, .careerSec6, .careerSec4, .careerSec3, .ticketingSecThree, .ticketingSecFive, .ticketingSecSix, .ticketingSecSeven, .ticketingSecEight, .ticketingSecNine, .loanSec, .templateOtherServiceSec, .eligibilitySec {
        margin-block-end: 50px
    }
}

@media (max-width: 1450px) {
    .ticketingSecTwo, .digitalContentSec, .policytemplate, .lifeatSec, .teamchairmanSec, .careerSec6, .careerSec4, .careerSec3, .ticketingSecThree, .ticketingSecFive, .ticketingSecSix, .ticketingSecSeven, .ticketingSecEight, .ticketingSecNine, .loanSec, .templateOtherServiceSec, .eligibilitySec {
        margin-block-end: 40px
    }
}

@media (max-width: 1199px) {
    .ticketingSecTwo, .digitalContentSec, .policytemplate, .lifeatSec, .teamchairmanSec, .careerSec6, .careerSec4, .careerSec3, .ticketingSecThree, .ticketingSecFive, .ticketingSecSix, .ticketingSecSeven, .ticketingSecEight, .ticketingSecNine, .loanSec, .templateOtherServiceSec, .eligibilitySec {
        margin-block-end: 30px !important
    }
}

@media (max-height: 800px) {
    .ticketingSecTwo, .digitalContentSec, .policytemplate, .lifeatSec, .teamchairmanSec, .careerSec6, .careerSec4, .careerSec3, .ticketingSecThree, .ticketingSecFive, .ticketingSecSix, .ticketingSecSeven, .ticketingSecEight, .ticketingSecNine, .loanSec, .templateOtherServiceSec, .eligibilitySec {
        margin-block-end: 40px
    }
}

@media (max-width: 680px) {
    .serviceTemplate .designTitle span {
        margin-inline: auto
    }
}

.ST .commonBannerSec {
    overflow: hidden
}

@media (max-width: 680px) {
    .ST .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        margin-block-start: -100px !important
    }
}

@media (max-width: 480px) {
    .ST .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        margin-block-start: -55px !important
    }
}

@media (max-width: 1680px) {
    .ST .commonBannerSec .template-containerMaxWth .designTitle, .ST .commonBannerSec .template-containerMaxWth .mainTitle, .ST .commonBannerSec .template-containerMaxWth .mainDesc {
        max-width: 800px
    }
}

@media (max-width: 1450px) {
    .ST .commonBannerSec .template-containerMaxWth .designTitle, .ST .commonBannerSec .template-containerMaxWth .mainTitle, .ST .commonBannerSec .template-containerMaxWth .mainDesc {
        max-width: 700px
    }
}

@media (max-width: 1366px) {
    .ST .commonBannerSec .template-containerMaxWth .designTitle, .ST .commonBannerSec .template-containerMaxWth .mainTitle, .ST .commonBannerSec .template-containerMaxWth .mainDesc {
        max-width: 600px
    }
}

@media (max-width: 1199px) {
    .ST .commonBannerSec .template-containerMaxWth .designTitle, .ST .commonBannerSec .template-containerMaxWth .mainTitle, .ST .commonBannerSec .template-containerMaxWth .mainDesc {
        max-width: 500px
    }
}

@media (max-width: 680px) {
    .ST .commonBannerSec .template-containerMaxWth .designTitle, .ST .commonBannerSec .template-containerMaxWth .mainTitle, .ST .commonBannerSec .template-containerMaxWth .mainDesc {
        text-align: center
    }
}

@media (max-width: 680px) {
    .ST .commonBannerSec .template-containerMaxWth .applyBtn {
        margin-inline: auto
    }
}

.ticketingSecOne {
    margin-block: 85px 60px
}

@media (max-width: 1680px) {
    .ticketingSecOne {
        margin-block: 60px 60px
    }
}

@media (max-width: 1450px) {
    .ticketingSecOne {
        margin-block: 40px
    }
}

@media (max-width: 1199px) {
    .ticketingSecOne {
        margin-block: 30px !important
    }
}

@media (max-height: 800px) {
    .ticketingSecOne {
        margin-block: 40px
    }
}

.ticketingSecOne .ticketingSecOneWrapper {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 30px;
    max-width: 1670px;
    width: 100%;
    margin-inline-start: auto
}

@media (max-width: 1499px) {
    .ticketingSecOne .ticketingSecOneWrapper {
        grid-template-columns: .7fr 1fr
    }
}

@media (max-width: 991px) {
    .ticketingSecOne .ticketingSecOneWrapper {
        grid-template-columns: 1fr
    }
}

.ticketingSecOne .ticketingSecOneWrapper .gridL {
    max-width: 670px;
    align-items: center;
    display: grid
}

    .ticketingSecOne .ticketingSecOneWrapper .gridL .imgDiv {
        max-width: 670px;
        max-height: 530px;
        height: auto
    }

@media (max-width: 991px) {
    .ticketingSecOne .ticketingSecOneWrapper .gridL .imgDiv {
        max-width: 375px;
        max-height: fit-content
    }
}

.ticketingSecOne .ticketingSecOneWrapper .gridR {
    display: grid;
    align-self: center;
    gap: 20px;
    max-width: 905px
}

    .ticketingSecOne .ticketingSecOneWrapper .gridR .mainTitle {
        margin-block-end: 16px;
        text-wrap: balance
    }

@media (max-width: 1680px) {
    .ticketingSecOne .ticketingSecOneWrapper .gridR .mainTitle {
        margin-block-end: 14px
    }
}

@media (max-width: 1450px) {
    .ticketingSecOne .ticketingSecOneWrapper .gridR .mainTitle {
        margin-block-end: 12px
    }
}

@media (max-width: 1279px) {
    .ticketingSecOne .ticketingSecOneWrapper .gridR .mainTitle {
        margin-block-end: 10px
    }
}

@media (max-height: 800px) {
    .ticketingSecOne .ticketingSecOneWrapper .gridR .mainTitle {
        margin-block-end: 10px
    }
}

.ticketingSecOne .ticketingSecOneWrapper .gridR .woBG, .ticketingSecOne .ticketingSecOneWrapper .gridR .mainTitle {
    text-align: start;
    margin-inline: 0 auto
}

.ticketingSecTwo .ticketingSecTwoWrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 30px
}

@media (max-width: 1680px) {
    .ticketingSecTwo .ticketingSecTwoWrapper {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 991px) {
    .ticketingSecTwo .ticketingSecTwoWrapper {
        grid-template-columns: 1fr
    }
}

.ticketingSecTwo .ticketingSecTwoWrapper .gridL {
    max-width: 680px;
    width: 100%;
    display: grid;
    align-self: center;
    gap: 50px
}

@media (max-width: 1680px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL {
        gap: 40px
    }
}

@media (max-width: 1450px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL {
        gap: 35px
    }
}

@media (max-width: 1279px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL {
        gap: 30px
    }
}

@media (max-width: 991px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL {
        gap: 25px !important;
        max-width: 100%
    }
}

@media (max-height: 800px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL {
        gap: 30px
    }
}

.ticketingSecTwo .ticketingSecTwoWrapper .gridL .cmnP-LH {
    height: 110px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .cmnP-LH::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px
    }

    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .cmnP-LH::-webkit-scrollbar-track {
        background: transparent
    }

    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .cmnP-LH::-webkit-scrollbar-thumb {
        background: transparent
    }

@media (max-width: 1680px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .cmnP-LH {
        height: 95px
    }
}

@media (max-width: 991px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .cmnP-LH {
        height: auto;
        overflow: visible;
        scrollbar-width: auto;
        overflow-y: visible
    }
}

.ticketingSecTwo .ticketingSecTwoWrapper .gridL .mainTitle {
    margin-block-end: 19px
}

@media (max-height: 800px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .mainTitle {
        margin-block-end: 12px
    }
}

.ticketingSecTwo .ticketingSecTwoWrapper .gridL .woBG, .ticketingSecTwo .ticketingSecTwoWrapper .gridL .mainTitle {
    text-align: start;
    margin-inline: 0 auto
}

.ticketingSecTwo .ticketingSecTwoWrapper .gridL .middlePart {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-inline-start: 10px;
    gap: 30px
}

@media (max-width: 575px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .middlePart {
        grid-template-columns: 1fr;
        gap: 20px
    }
}

.ticketingSecTwo .ticketingSecTwoWrapper .gridL .middlePart .flxDiv {
    display: flex;
    align-items: center;
    gap: 25px
}

    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .middlePart .flxDiv .icnDiv {
        min-width: 70px;
        width: 70px;
        height: 75px
    }

@media (max-width: 1680px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .middlePart .flxDiv .icnDiv {
        min-width: 65px;
        width: 65px;
        height: 65px
    }
}

@media (max-height: 800px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .middlePart .flxDiv .icnDiv {
        min-width: 50px;
        width: 55px;
        height: 60px
    }
}

@media (max-width: 680px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .middlePart .flxDiv .icnDiv {
        min-width: 50px;
        width: 55px;
        height: 60px
    }
}

@media (max-width: 480px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .middlePart .flxDiv .icnDiv {
        min-width: 45px !important;
        width: 40px !important;
        height: 45px !important
    }
}

@media (max-width: 1199px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .middlePart .flxDiv .cmnSubHead {
        font-size: 17px !important
    }
}

.ticketingSecTwo .ticketingSecTwoWrapper .gridL .bottomPart {
    display: grid;
    gap: 30px
}

@media (max-width: 1680px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .bottomPart {
        gap: 25px
    }
}

.ticketingSecTwo .ticketingSecTwoWrapper .gridL .bottomPart li {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    padding-inline-start: 50px
}

@media (max-width: 1680px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .bottomPart li {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        padding-inline-start: 40px
    }
}

@media (max-width: 1279px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .bottomPart li {
        padding-inline-start: 40px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .bottomPart li {
        padding-inline-start: 40px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .bottomPart li {
        padding-inline-start: 30px !important
    }
}

.ticketingSecTwo .ticketingSecTwoWrapper .gridL .bottomPart li::before {
    position: absolute;
    content: '';
    top: -3px;
    left: 0;
    width: 33px;
    height: 33px;
    background-image: url("../images/templateSec-listIcn.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}

@media (max-width: 1680px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .bottomPart li::before {
        top: 2px;
        width: 26px;
        height: 26px
    }
}

@media (max-width: 1279px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .bottomPart li::before {
        top: 2px;
        width: 23px;
        height: 23px
    }
}

@media (max-height: 800px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .bottomPart li::before {
        top: 2px;
        width: 22px;
        height: 26px
    }
}

@media (max-width: 680px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridL .bottomPart li::before {
        top: 2px;
        width: 20px !important;
        height: 20px !important
    }
}

.ticketingSecTwo .ticketingSecTwoWrapper .gridR {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    min-height: 670px;
    max-height: 680px;
    max-width: 830px;
    width: 100%;
    justify-self: end
}

@media (max-width: 1680px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR {
        min-height: 610px;
        max-height: 620px
    }
}

@media (max-width: 1450px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR {
        min-height: 540px;
        max-height: 545px
    }
}

@media (max-width: 1199px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR {
        min-height: 455px !important;
        max-height: 455px !important
    }
}

@media (max-width: 991px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR {
        order: -1;
        justify-self: start !important;
        min-height: auto !important;
        max-height: fit-content !important;
        margin: 0 !important
    }
}

@media (max-height: 800px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR {
        min-height: 530px;
        max-height: 540px;
        margin: auto
    }
}

.ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv {
    position: absolute;
    max-width: 455px;
    max-height: 410px;
    height: auto;
    border-radius: 41px;
    justify-self: start;
    align-self: end
}

@media (max-width: 1680px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv {
        max-width: 400px;
        max-height: 355px;
        border-radius: 35px
    }
}

@media (max-width: 1450px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv {
        max-width: 340px
    }
}

@media (max-width: 1199px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv {
        border-radius: 24px;
        max-width: 280px !important;
        max-height: 255px
    }
}

@media (max-width: 1366px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv {
        margin-inline-start: 35px !important
    }
}

@media (max-width: 991px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv {
        display: none;
        border-radius: 18px
    }
}

@media (max-height: 800px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv {
        max-width: 340px;
        margin-block-end: 0;
        margin-inline-start: 55px
    }
}

.ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv img {
    border-radius: inherit
}

.ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv2 {
    max-width: 560px;
    max-height: 505px;
    height: auto;
    border-radius: 45px;
    grid-column: 2
}

@media (max-width: 1680px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv2 {
        border-radius: 40px;
        max-height: 455px;
        max-width: 500px
    }
}

@media (max-width: 1450px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv2 {
        border-radius: 35px;
        max-width: 430px;
        max-height: 410px
    }
}

@media (max-width: 1199px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv2 {
        max-width: 370px !important;
        max-height: 340px !important;
        border-radius: 24px !important
    }
}

@media (max-width: 991px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv2 {
        max-width: 375px !important;
        max-height: fit-content !important;
        grid-column: 1;
        border-radius: 18px
    }
}

@media (max-height: 800px) {
    .ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv2 {
        border-radius: 35px;
        max-height: 455px;
        max-width: 450px
    }
}

.ticketingSecTwo .ticketingSecTwoWrapper .gridR .imgDiv2 img {
    border-radius: inherit
}

.ticketingSecThree {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

    .ticketingSecThree::after {
        position: absolute;
        content: '';
        inset: 0;
        max-width: 1820px;
        z-index: 0;
        width: 100%;
        height: 100%;
        background: #c32641;
        background: linear-gradient(177deg, #c32641 0%, rgba(195,38,65,0.7987570028) 70%, rgba(242,101,34,0.5802696078) 100%);
        border-radius: 0 663px 0 0
    }

    .ticketingSecThree .ticketingSecThreeWrapper {
        position: relative;
        display: grid;
        grid-template-columns: auto 1fr;
        z-index: 1;
        padding-block: 70px 48px;
        gap: 30px
    }

@media (max-width: 1450px) {
    .ticketingSecThree .ticketingSecThreeWrapper {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 991px) {
    .ticketingSecThree .ticketingSecThreeWrapper {
        grid-template-columns: 1fr
    }
}

@media (max-height: 800px) {
    .ticketingSecThree .ticketingSecThreeWrapper {
        padding-block: 50px 45px
    }
}

.ticketingSecThree .ticketingSecThreeWrapper .gridL {
    display: grid;
    gap: 35px;
    max-width: 645px;
    align-self: center
}

@media (max-width: 991px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridL {
        max-width: max-content
    }
}

@media (max-height: 800px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridL {
        gap: 28px
    }
}

.ticketingSecThree .ticketingSecThreeWrapper .gridL .mainTitle {
    margin-block-end: 19px
}

@media (max-width: 1680px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridL .mainTitle {
        margin-block-end: 14px
    }
}

@media (max-height: 800px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridL .mainTitle {
        margin-block-end: 12px
    }
}

.ticketingSecThree .ticketingSecThreeWrapper .gridL .woBG {
    border-bottom: 1px solid var(--white)
}

.ticketingSecThree .ticketingSecThreeWrapper .gridL .cmnP-LH {
    color: var(--white);
    height: 110px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .ticketingSecThree .ticketingSecThreeWrapper .gridL .cmnP-LH::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px
    }

    .ticketingSecThree .ticketingSecThreeWrapper .gridL .cmnP-LH::-webkit-scrollbar-track {
        background: transparent
    }

    .ticketingSecThree .ticketingSecThreeWrapper .gridL .cmnP-LH::-webkit-scrollbar-thumb {
        background: transparent
    }

@media (max-width: 1680px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridL .cmnP-LH {
        height: 95px
    }
}

@media (max-width: 991px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridL .cmnP-LH {
        max-width: 875px;
        height: auto;
        overflow: visible;
        scrollbar-width: auto;
        overflow-y: visible
    }
}

.ticketingSecThree .ticketingSecThreeWrapper .gridL .woBG, .ticketingSecThree .ticketingSecThreeWrapper .gridL .mainTitle {
    color: var(--white);
    text-align: start;
    margin-inline: 0 auto
}

.ticketingSecThree .ticketingSecThreeWrapper .gridL .bottomPart {
    display: grid;
    gap: 23px
}

    .ticketingSecThree .ticketingSecThreeWrapper .gridL .bottomPart li {
        color: var(--white);
        position: relative;
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        padding-inline-start: 50px
    }

@media (max-width: 1680px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridL .bottomPart li {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        padding-inline-start: 40px
    }
}

@media (max-width: 1279px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridL .bottomPart li {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridL .bottomPart li {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

.ticketingSecThree .ticketingSecThreeWrapper .gridL .bottomPart li::before {
    position: absolute;
    content: '';
    top: -3px;
    left: 0;
    width: 33px;
    height: 33px;
    background-image: url("../images/icnWhite.svg");
    background-repeat: no-repeat;
    background-size: contain
}

@media (max-width: 1680px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridL .bottomPart li::before {
        top: 2px;
        width: 26px;
        height: 26px
    }
}

.ticketingSecThree .ticketingSecThreeWrapper .gridR {
    justify-self: center;
    padding-inline-start: 80px
}

@media (max-width: 1450px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridR {
        padding-inline-start: 40px
    }
}

@media (max-width: 1279px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridR {
        padding-inline-start: 0px
    }
}

@media (max-width: 991px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridR {
        order: -1;
        justify-self: start
    }
}

.ticketingSecThree .ticketingSecThreeWrapper .gridR .imgDiv {
    max-width: 706px;
    max-height: 545px;
    height: auto;
    border-radius: 37px 37px 37px 99px
}

@media (max-width: 1680px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridR .imgDiv {
        max-width: 650px;
        min-width: 560px;
        max-height: 500px;
        border-radius: 32px 32px 32px 80px
    }
}

@media (max-width: 1450px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridR .imgDiv {
        max-width: 500px !important;
        min-width: 500px !important;
        border-radius: 24px 24px 24px 50px
    }
}

@media (max-width: 1366px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridR .imgDiv {
        border-radius: 24px 24px 24px 50px;
        max-width: 450px !important;
        min-width: 450px !important
    }
}

@media (max-width: 991px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridR .imgDiv {
        border-radius: 18px 18px 18px 32px !important;
        max-width: 375px !important;
        min-width: fit-content !important;
        max-height: 360px !important
    }
}

@media (max-height: 800px) {
    .ticketingSecThree .ticketingSecThreeWrapper .gridR .imgDiv {
        max-width: 550px;
        min-width: 550px;
        max-height: 450px;
        border-radius: 24px 24px 24px 50px
    }
}

.ticketingSecThree .ticketingSecThreeWrapper .gridR .imgDiv img {
    border-radius: inherit
}

.ticketingSecFour {
    padding-block: 70px 30px;
    position: relative
}

@media (max-width: 1680px) {
    .ticketingSecFour {
        padding-block: 50px 30px
    }
}

@media (max-width: 1450px) {
    .ticketingSecFour {
        padding-block: 40px 30px
    }
}

@media (max-width: 1199px) {
    .ticketingSecFour {
        padding-block: 30px !important
    }
}

@media (max-height: 800px) {
    .ticketingSecFour {
        padding-block: 40px 30px
    }
}

.ticketingSecFour::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 55%;
    inset: 0;
    background: #35d99c;
    background: rgba(53,217,156,0.1);
    background: linear-gradient(125deg, rgba(53,217,156,0.1) 0%, rgba(68,120,199,0.1) 25%, rgba(132,88,176,0.1) 50%, rgba(149,111,121,0.1) 75%, rgba(197,206,67,0.1) 100%);
    z-index: 0
}

.ticketingSecFour .ticketingSecFourWrapper {
    position: relative;
    z-index: 1;
    max-width: 1635px;
    width: 100%;
    margin-inline: auto
}

    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour {
        display: flex;
        align-items: flex-start;
        padding-block-start: 35px
    }

@media (max-height: 800px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour {
        padding-block-start: 25px
    }
}

.ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard {
    position: relative;
    background-color: var(--white);
    max-width: 505px;
    border-radius: 39px 96px 39px 39px;
    padding: 30px;
    -webkit-box-shadow: 9px 11px 20px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 9px 11px 20px 0px rgba(0,0,0,0.25);
    box-shadow: 9px 11px 20px 0px rgba(0,0,0,0.25);
    display: grid;
    gap: 16px;
    margin-inline: 10px;
    min-width: 300px
}

@media (max-width: 1680px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard {
        border-radius: 30px 75px 30px 30px;
        padding: 25px;
        max-width: 410px
    }
}

@media (max-width: 1450px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard {
        border-radius: 24px 55px 24px 24px;
        padding: 20px;
        margin-inline: 5px
    }
}

@media (max-width: 991px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard {
        border-radius: 18px 32px 18px 18px !important;
        padding: 15px !important
    }
}

@media (max-height: 800px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard {
        border-radius: 24px 55px 24px 24px;
        padding: 20px;
        margin-inline: 5px;
        gap: 10px
    }
}

.ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard .topSec {
    border-bottom: 1px solid #EDEDED;
    padding-block-end: 20px
}

    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard .topSec .imgDiv {
        max-width: 445px;
        max-height: 233px;
        height: auto;
        border-radius: 21px 58px 21px 21px;
        margin-block-end: 16px;
        position: relative
    }

@media (max-width: 1680px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard .topSec .imgDiv {
        border-radius: 16px 55px 16px 16px
    }
}

@media (max-width: 1450px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard .topSec .imgDiv {
        border-radius: 12px 42px 12px 12px
    }
}

@media (max-width: 991px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard .topSec .imgDiv {
        border-radius: 8px 24px 8px 8px !important
    }
}

@media (max-height: 800px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard .topSec .imgDiv {
        border-radius: 12px 42px 12px 12px;
        margin-block-end: 10px
    }
}

.ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard .topSec .imgDiv img {
    border-radius: inherit
}

.ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard .topSec .imgDiv .highlightDiv {
    position: absolute;
    bottom: -15px;
    right: 25px;
    width: fit-content;
    padding: 5px 24px;
    background-color: #F26522;
    border-radius: 2px;
    color: var(--white);
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px
}

@media (max-height: 800px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard .topSec .imgDiv .highlightDiv {
        line-height: 22px;
        padding: 5px 18px
    }
}

.ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard .topSec .dates {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px
}

.ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard .btmSec {
    display: grid;
    gap: 16px
}

@media (max-width: 1680px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard .btmSec {
        gap: 10px
    }
}

.ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard .btmSec h2 {
    max-width: 275px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .singleCard .btmSec .cmnP-LH {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-stage-outer {
    padding-block-end: 30px;
    margin-inline-start: 10px
}

@media (max-width: 991px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-stage-outer {
        margin-inline-start: 0px
    }
}

.ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-nav {
    display: flex
}

    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-nav .owl-prev, .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-nav .owl-next {
        position: absolute;
        border: 0;
        background-color: transparent;
        width: 65px;
        height: 45px;
        border-radius: 50%;
        top: 255px;
        right: -85px;
        z-index: 999
    }

@media (max-width: 1850px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-nav .owl-prev, .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-nav .owl-next {
        right: -45px
    }
}

@media (max-width: 1680px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-nav .owl-prev, .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-nav .owl-next {
        right: -30px;
        width: 50px;
        height: 35px
    }
}

@media (max-width: 1199px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-nav .owl-prev, .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-nav .owl-next {
        display: none
    }
}

.ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-nav .owl-prev {
    left: -85px
}

@media (max-width: 1850px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-nav .owl-prev {
        left: -45px
    }
}

@media (max-width: 1680px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-nav .owl-prev {
        left: -30px
    }
}

@media (max-width: 1199px) {
    .ticketingSecFour .ticketingSecFourWrapper .carouselSecFour .owl-nav .owl-prev {
        display: none
    }
}

.ticketingSecFive {
    background-color: #FAFAFA;
    padding-block: 45px 50px
}

@media (max-width: 1680px) {
    .ticketingSecFive {
        padding-block: 40px
    }
}

@media (max-width: 1450px) {
    .ticketingSecFive {
        padding-block: 35px
    }
}

@media (max-width: 1199px) {
    .ticketingSecFive {
        padding-block: 30px !important
    }
}

@media (max-height: 800px) {
    .ticketingSecFive {
        padding-block: 35px
    }
}

.ticketingSecFive .ticketingSecFiveWrapper .tableWrap {
    padding: 27px 23px;
    margin-block-start: 25px;
    background-color: var(--white);
    -webkit-box-shadow: 9px 11px 20px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 9px 11px 20px 0px rgba(0,0,0,0.25);
    box-shadow: 9px 11px 20px 0px rgba(0,0,0,0.25);
    border-radius: 12px
}

@media (max-width: 1680px) {
    .ticketingSecFive .ticketingSecFiveWrapper .tableWrap {
        padding: 24px 20px
    }
}

@media (max-width: 1279px) {
    .ticketingSecFive .ticketingSecFiveWrapper .tableWrap {
        padding: 20px 18px
    }
}

@media (max-height: 800px) {
    .ticketingSecFive .ticketingSecFiveWrapper .tableWrap {
        margin-block-start: 20px;
        padding: 20px 18px
    }
}

@media (max-width: 680px) {
    .ticketingSecFive .ticketingSecFiveWrapper .tableWrap {
        padding: 15px 10px !important
    }
}

.ticketingSecFive .ticketingSecFiveWrapper .tableSec {
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: thin;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .ticketingSecFive .ticketingSecFiveWrapper .tableSec table {
        width: 100%;
        border-collapse: collapse;
        min-width: 1000px
    }

        .ticketingSecFive .ticketingSecFiveWrapper .tableSec table tbody {
            border: 1px solid #DDDDDD;
            border-radius: 8px
        }

            .ticketingSecFive .ticketingSecFiveWrapper .tableSec table tbody td {
                min-width: 200px;
                padding: 26px 15px;
                border: 1px solid #dddddd;
                text-align: center;
                white-space: nowrap
            }

@media (max-width: 1680px) {
    .ticketingSecFive .ticketingSecFiveWrapper .tableSec table tbody td {
        padding: 22px 15px
    }
}

@media (max-width: 1450px) {
    .ticketingSecFive .ticketingSecFiveWrapper .tableSec table tbody td {
        padding: 20px 15px
    }
}

@media (max-width: 1279px) {
    .ticketingSecFive .ticketingSecFiveWrapper .tableSec table tbody td {
        padding: 16px 15px !important
    }
}

@media (max-height: 800px) {
    .ticketingSecFive .ticketingSecFiveWrapper .tableSec table tbody td {
        padding: 18px 14px
    }
}

@media (max-width: 680px) {
    .ticketingSecFive .ticketingSecFiveWrapper .tableSec table tbody td {
        padding: 14px 15px !important;
        min-width: 160px
    }
}

.ticketingSecFive .ticketingSecFiveWrapper .tableSec table .mainThead {
    background: rgba(242,101,34,0.1);
    padding: 20px
}

    .ticketingSecFive .ticketingSecFiveWrapper .tableSec table .mainThead th {
        min-width: 200px
    }

@media (max-width: 680px) {
    .ticketingSecFive .ticketingSecFiveWrapper .tableSec table .mainThead th {
        min-width: 165px
    }
}

.ticketingSecFive .ticketingSecFiveWrapper .tableSec table .mainTable {
    margin-block-end: 8px
}

.ticketingSecFive .ticketingSecFiveWrapper .tableSec table .cmnSubHead {
    padding-block: 21px;
    font-size: 20px
}

@media (max-width: 1680px) {
    .ticketingSecFive .ticketingSecFiveWrapper .tableSec table .cmnSubHead {
        padding-block: 18px;
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .ticketingSecFive .ticketingSecFiveWrapper .tableSec table .cmnSubHead {
        padding-block: 15px;
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .ticketingSecFive .ticketingSecFiveWrapper .tableSec table .cmnSubHead {
        padding-block: 15px;
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .ticketingSecFive .ticketingSecFiveWrapper .tableSec table .cmnSubHead {
        font-size: 14px !important
    }
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 60px
}

@media (max-width: 1680px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec {
        grid-template-columns: .7fr 1fr
    }
}

@media (max-width: 1450px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec {
        grid-template-columns: .6fr 1fr
    }
}

@media (max-width: 991px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec {
        grid-template-columns: 1fr !important;
        gap: 30px
    }
}

@media (max-height: 800px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec {
        grid-template-columns: .6fr 1fr
    }
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL {
    max-width: 757px;
    width: 100%
}

    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv {
        position: relative;
        height: fit-content;
        max-width: 725px;
        min-width: 510px;
        max-height: 680px;
        border-radius: 37px 37px 99px 37px
    }

@media (max-width: 1680px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv {
        border-radius: 32px 32px 80px 32px
    }
}

@media (max-width: 1450px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv {
        min-width: 450px;
        border-radius: 24px 24px 50px 24px
    }
}

@media (max-width: 1366px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv {
        min-width: 400px
    }
}

@media (max-width: 991px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv {
        max-width: 375px !important;
        border-radius: 18px 18px 32px 18px !important;
        min-width: auto !important
    }
}

@media (max-height: 800px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv {
        max-width: 485px;
        min-width: 360px;
        border-radius: 24px 24px 50px 24px;
        max-height: 460px
    }
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv img {
    border-radius: inherit
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv .logoDiv {
    position: absolute;
    z-index: 1;
    bottom: 70px;
    right: -20px;
    background-color: var(--white);
    max-width: 130px;
    width: 100%;
    height: 110px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    -webkit-box-shadow: 26px 19px 26px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 26px 19px 26px 0px rgba(0,0,0,0.2);
    box-shadow: 26px 19px 26px 0px rgba(0,0,0,0.2)
}

@media (max-width: 1680px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv .logoDiv {
        max-width: 100px;
        height: 90px
    }
}

@media (max-width: 1450px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv .logoDiv {
        max-width: 85px;
        height: 80px
    }
}

@media (max-width: 1279px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv .logoDiv {
        max-width: 70px;
        height: 65px
    }
}

@media (max-width: 991px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv .logoDiv {
        right: 0
    }
}

@media (max-height: 800px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv .logoDiv {
        max-width: 70px;
        height: 65px
    }
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv .logoDiv img {
    width: 110px;
    height: 80px
}

@media (max-width: 1680px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv .logoDiv img {
        width: 90px;
        height: 60px
    }
}

@media (max-width: 1450px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv .logoDiv img {
        width: 70px;
        height: 50px
    }
}

@media (max-width: 1279px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv .logoDiv img {
        width: 45px;
        height: 40px
    }
}

@media (max-height: 800px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridL .imgDiv .logoDiv img {
        width: 45px;
        height: 40px
    }
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR {
    display: grid;
    gap: 20px;
    max-width: 795px;
    justify-self: end
}

@media (max-width: 991px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR {
        justify-self: start;
        max-width: fit-content
    }
}

@media (max-height: 800px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR {
        gap: 12px
    }
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .mainTitleWrap .mainTitle {
    max-width: 510px;
    margin-block-end: 15px
}

@media (max-width: 1680px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .mainTitleWrap .mainTitle {
        margin-block-end: 10px
    }
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .mainTitleWrap .woBG, .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .mainTitleWrap .mainTitle {
    text-align: start;
    margin-inline: 0 auto
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .mainTitleWrap .cmnP-LH {
    height: 80px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .mainTitleWrap .cmnP-LH::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px
    }

    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .mainTitleWrap .cmnP-LH::-webkit-scrollbar-track {
        background: transparent
    }

    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .mainTitleWrap .cmnP-LH::-webkit-scrollbar-thumb {
        background: transparent
    }

@media (max-width: 1680px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .mainTitleWrap .cmnP-LH {
        height: 75px
    }
}

@media (max-width: 991px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .mainTitleWrap .cmnP-LH {
        height: auto;
        overflow: visible;
        scrollbar-width: auto;
        overflow-y: visible
    }
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .accordiontemplate .outterDiv {
    display: grid;
    gap: 12px;
    padding-block: 25px;
    border-bottom: 1px solid #DDDDDD
}

@media (max-width: 1680px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .accordiontemplate .outterDiv {
        padding-block: 20px
    }
}

@media (max-width: 1366px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .accordiontemplate .outterDiv {
        padding-block: 15px
    }
}

@media (max-height: 800px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .accordiontemplate .outterDiv {
        padding-block: 16px
    }
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .accordiontemplate .outterDiv .flexDiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .accordiontemplate .outterDiv .svgDiv {
    width: 20px
}

@media (max-width: 991px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .accordiontemplate .outterDiv .svgDiv {
        width: 15px
    }
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .accordiontemplate .outterDiv .svgDiv svg {
    width: 20px
}

@media (max-width: 991px) {
    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .accordiontemplate .outterDiv .svgDiv svg {
        width: 15px;
        height: auto
    }
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .accordiontemplate .accordionSingleSec.activeAccordion .outterDiv .innerDiv {
    display: flex !important
}

.ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .accordiontemplate .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv {
    transform: rotate(180deg);
    transition: .4s ease-in-out
}

    .ticketingSecSix .ticketingSecSixWrapper .gridSec .gridR .accordiontemplate .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv svg path {
        fill: var(--btnClr)
    }

.ticketingSecSeven {
    background-color: #FAFAFA;
    padding-block: 45px 80px
}

@media (max-width: 1680px) {
    .ticketingSecSeven {
        padding-block: 40px 60px
    }
}

@media (max-width: 1450px) {
    .ticketingSecSeven {
        padding-block: 35px 40px
    }
}

@media (max-width: 1199px) {
    .ticketingSecSeven {
        padding-block: 30px !important
    }
}

@media (max-height: 800px) {
    .ticketingSecSeven {
        padding-block: 35px 40px
    }
}

.ticketingSecSeven .textArea {
    display: grid;
    gap: 16px;
    text-align: center;
    padding-block-start: 28px;
    max-width: 1486px;
    margin-inline: auto
}

@media (max-width: 1680px) {
    .ticketingSecSeven .textArea {
        max-width: 1300px;
        padding-block-start: 22px
    }
}

@media (max-width: 1450px) {
    .ticketingSecSeven .textArea {
        padding-block-start: 18px;
        max-width: 1190px
    }
}

@media (max-height: 800px) {
    .ticketingSecSeven .textArea {
        padding-block-start: 12px
    }
}

.ticketingSecSeven .textArea .cmnP-LH {
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ticketingSecSeven .textArea .cmnBtn {
    margin-inline: auto
}

.ticketingSecEight .ticketingSecEightWrapper {
    padding: 47px 50px;
    border-radius: 28px;
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: 5px 10px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 10px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 10px 20px 0px rgba(0,0,0,0.2)
}

@media (max-width: 1680px) {
    .ticketingSecEight .ticketingSecEightWrapper {
        padding: 35px 45px;
        border-radius: 24px
    }
}

@media (max-width: 1450px) {
    .ticketingSecEight .ticketingSecEightWrapper {
        border-radius: 18px;
        padding: 30px 40px
    }
}

@media (max-width: 1279px) {
    .ticketingSecEight .ticketingSecEightWrapper {
        padding: 25px 30px !important
    }
}

@media (max-width: 1199px) {
    .ticketingSecEight .ticketingSecEightWrapper {
        border-radius: 12px !important;
        padding: 10px !important
    }
}

@media (max-height: 800px) {
    .ticketingSecEight .ticketingSecEightWrapper {
        border-radius: 18px;
        padding: 30px 40px
    }
}

.ticketingSecEight .ticketingSecEightWrapper .scrollDivServicetemplate {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #DDDDDD;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .ticketingSecEight .ticketingSecEightWrapper .scrollDivServicetemplate::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px
    }

    .ticketingSecEight .ticketingSecEightWrapper .scrollDivServicetemplate::-webkit-scrollbar-track {
        background: transparent
    }

    .ticketingSecEight .ticketingSecEightWrapper .scrollDivServicetemplate::-webkit-scrollbar-thumb {
        background: transparent
    }

@media (max-width: 1680px) {
    .ticketingSecEight .ticketingSecEightWrapper .scrollDivServicetemplate {
        height: 75px
    }
}

.ticketingSecEight .ticketingSecEightWrapper .scrollDivServicetemplate li {
    width: fit-content;
    min-width: 205px;
    padding: 18px 22px;
    color: #707070;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px
}

@media (max-width: 1680px) {
    .ticketingSecEight .ticketingSecEightWrapper .scrollDivServicetemplate li {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-height: 800px) {
    .ticketingSecEight .ticketingSecEightWrapper .scrollDivServicetemplate li {
        font-size: 16px;
        font-weight: 600;
        line-height: 26px
    }
}

.ticketingSecEight .ticketingSecEightWrapper .scrollDivServicetemplate li.active {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    background-color: #FAFAFA;
    color: var(--c2d)
}

@media (max-width: 1680px) {
    .ticketingSecEight .ticketingSecEightWrapper .scrollDivServicetemplate li.active {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px
    }
}

.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec {
    min-height: 100px
}

    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .mainTitleWrap {
        margin-block: 30px 26px
    }

@media (max-width: 1680px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .mainTitleWrap {
        margin-block: 25px 20px
    }
}

@media (max-width: 1450px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .mainTitleWrap {
        margin-block: 22px 15px
    }
}

@media (max-width: 1279px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .mainTitleWrap {
        margin-block: 20px 10px
    }
}

@media (max-height: 800px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .mainTitleWrap {
        margin-block: 20px 10px
    }
}

.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .mainTitleWrap .mainTitle {
    text-align: start
}

.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec {
    margin-block-start: 24px;
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr))
}

@media (max-width: 1680px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec {
        gap: 20px
    }
}

@media (max-width: 1450px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec {
        gap: 15px
    }
}

@media (max-width: 680px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec {
        grid-template-columns: 1fr
    }
}

.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec a {
    width: 100%;
    max-width: 590px;
    margin: auto
}

.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard {
    padding: 40px 25px 25px 40px;
    border: 1px solid #DDDDDD;
    border-radius: 23px;
    display: grid;
    gap: 13px
}

@media (max-width: 1680px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard {
        border-radius: 18px;
        gap: 11px;
        padding: 30px 22px 22px 30px
    }
}

@media (max-width: 1450px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard {
        border-radius: 12px;
        gap: 8px;
        padding: 25px 20px 20px 25px
    }
}

@media (max-width: 991px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard {
        padding: 20px !important;
        border-radius: 8px !important
    }
}

@media (max-height: 800px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard {
        border-radius: 12px;
        gap: 8px;
        padding: 25px 20px 20px 25px
    }
}

.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard .icnDiv {
    width: 56px;
    height: 56px
}

@media (max-width: 1680px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard .icnDiv {
        width: 50px;
        height: 50px
    }
}

@media (max-width: 1450px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard .icnDiv {
        width: 45px;
        height: 45px
    }
}

@media (max-height: 800px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard .icnDiv {
        width: 45px;
        height: 45px
    }
}

.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard .cmnP-LH {
    max-width: 395px
}

@media (max-width: 1450px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard .cmnP-LH {
        max-width: 100%
    }
}

@media (max-height: 800px) {
    .ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard .cmnP-LH {
        line-height: 22px
    }
}

@media (min-width: 1426px) {
    .ticketingSecNine {
        padding-block-start: 25px
    }
}

.ticketingSecNine .ticketingSecNineWrapper {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 50px
}

@media (max-width: 1450px) {
    .ticketingSecNine .ticketingSecNineWrapper {
        grid-template-columns: 1fr 38%
    }
}

@media (max-width: 991px) {
    .ticketingSecNine .ticketingSecNineWrapper {
        grid-template-columns: 1fr
    }
}

.ticketingSecNine .ticketingSecNineWrapper .leftSec .mainTitle {
    text-align: start;
    margin-block-end: 15px
}

@media (max-width: 1680px) {
    .ticketingSecNine .ticketingSecNineWrapper .leftSec .mainTitle {
        margin-block-end: 11px
    }
}

.ticketingSecNine .ticketingSecNineWrapper .leftSec .subTitle {
    margin-block-end: 21px
}

@media (max-width: 1680px) {
    .ticketingSecNine .ticketingSecNineWrapper .leftSec .subTitle {
        margin-block-end: 18px
    }
}

@media (max-width: 1450px) {
    .ticketingSecNine .ticketingSecNineWrapper .leftSec .subTitle {
        margin-block-end: 12px
    }
}

@media (max-height: 800px) {
    .ticketingSecNine .ticketingSecNineWrapper .leftSec .subTitle {
        margin-block-end: 12px
    }
}

.ticketingSecNine .ticketingSecNineWrapper .leftSec .reasonsList {
    display: grid;
    gap: 25px;
    max-width: 970px
}

@media (max-width: 1680px) {
    .ticketingSecNine .ticketingSecNineWrapper .leftSec .reasonsList {
        gap: 20px
    }
}

@media (max-width: 1450px) {
    .ticketingSecNine .ticketingSecNineWrapper .leftSec .reasonsList {
        gap: 15px
    }
}

@media (max-height: 800px) {
    .ticketingSecNine .ticketingSecNineWrapper .leftSec .reasonsList {
        gap: 15px;
        max-width: 880px
    }
}

.ticketingSecNine .ticketingSecNineWrapper .leftSec .reasonsList li {
    padding-inline-start: 12px;
    position: relative
}

    .ticketingSecNine .ticketingSecNineWrapper .leftSec .reasonsList li span {
        font-weight: 600
    }

    .ticketingSecNine .ticketingSecNineWrapper .leftSec .reasonsList li::before {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--btnClr);
        left: 0;
        top: 8px
    }

.ticketingSecNine .ticketingSecNineWrapper .wrapRight {
    max-width: 658px;
    position: relative;
    align-self: center
}

@media (max-width: 1680px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight {
        padding-inline-end: 35px
    }
}

@media (max-width: 991px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight {
        order: -1
    }
}

@media (max-width: 680px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight {
        padding-inline-end: 0
    }
}

.ticketingSecNine .ticketingSecNineWrapper .wrapRight::after {
    position: absolute;
    content: '';
    width: 65%;
    height: 580px;
    background-color: #F26522;
    right: -45px;
    border-radius: 43px;
    top: -35px;
    z-index: -1
}

@media (max-width: 1680px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight::after {
        right: 0;
        height: 520px
    }
}

@media (max-width: 1450px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight::after {
        height: 415px !important
    }
}

@media (max-width: 1366px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight::after {
        height: 390px !important
    }
}

@media (max-width: 1279px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight::after {
        height: 35vw
    }
}

@media (max-width: 1199px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight::after {
        height: 36vw
    }
}

@media (max-width: 1024px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight::after {
        display: none
    }
}

@media (max-height: 800px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight::after {
        height: 460px
    }
}

.ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv {
    position: relative;
    max-width: 577px;
    max-height: 500px;
    height: auto;
    border-radius: 33px;
    -webkit-box-shadow: 0px 23px 26px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 23px 26px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 23px 26px 0px rgba(0,0,0,0.2)
}

@media (max-width: 1680px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv {
        max-width: 500px;
        border-radius: 28px
    }
}

@media (max-width: 1450px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv {
        border-radius: 24px;
        max-width: 390px !important;
        margin-inline-start: auto
    }
}

@media (max-width: 1366px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv {
        max-width: 360px !important
    }
}

@media (max-width: 1199px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv {
        min-width: 350px
    }
}

@media (max-width: 991px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv {
        border-radius: 18px !important;
        max-width: 375px !important;
        max-height: fit-content !important;
        margin-inline-start: 0;
        min-width: auto !important
    }
}

@media (max-height: 800px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv {
        max-width: 440px;
        border-radius: 24px;
        max-height: 400px
    }
}

.ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv img {
    border-radius: inherit
}

.ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv .logoDiv {
    position: absolute;
    z-index: 1;
    bottom: 70px;
    left: -20px;
    background-color: var(--white);
    max-width: 130px;
    width: 100%;
    height: 110px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    -webkit-box-shadow: 26px 19px 26px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 26px 19px 26px 0px rgba(0,0,0,0.2);
    box-shadow: 26px 19px 26px 0px rgba(0,0,0,0.2)
}

@media (max-width: 1680px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv .logoDiv {
        max-width: 100px;
        height: 90px
    }
}

@media (max-width: 1450px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv .logoDiv {
        max-width: 85px;
        height: 80px
    }
}

@media (max-width: 1279px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv .logoDiv {
        max-width: 70px;
        height: 65px
    }
}

@media (max-width: 991px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv .logoDiv {
        left: auto;
        right: 0
    }
}

@media (max-height: 800px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv .logoDiv {
        max-width: 70px;
        height: 65px
    }
}

.ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv .logoDiv img {
    width: 110px;
    height: 80px
}

@media (max-width: 1680px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv .logoDiv img {
        width: 90px;
        height: 60px
    }
}

@media (max-width: 1450px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv .logoDiv img {
        width: 70px;
        height: 50px
    }
}

@media (max-width: 1279px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv .logoDiv img {
        width: 45px;
        height: 40px
    }
}

@media (max-height: 800px) {
    .ticketingSecNine .ticketingSecNineWrapper .wrapRight .imgDiv .logoDiv img {
        width: 45px;
        height: 40px
    }
}

.loanSec .wrapper {
    border-radius: 23px;
    padding: 32px 35px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 36px
}

@media (max-width: 1680px) {
    .loanSec .wrapper {
        gap: 30px;
        border-radius: 18px
    }
}

@media (max-width: 1450px) {
    .loanSec .wrapper {
        gap: 25px;
        border-radius: 12px;
        padding: 30px
    }
}

@media (max-width: 1279px) {
    .loanSec .wrapper {
        gap: 20px;
        padding: 25px
    }
}

@media (max-width: 1199px) {
    .loanSec .wrapper {
        border-radius: 8px;
        gap: 15px !important;
        padding: 20px !important
    }
}

@media (max-height: 800px) {
    .loanSec .wrapper {
        gap: 20px;
        padding: 25px
    }
}

.loanSec .wrapper .singleCard {
    padding: 40px 32px;
    max-width: 490px;
    min-width: 380px;
    flex: 1;
    width: 100%;
    border-radius: 15px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(18px);
    background-color: #ffffffd9
}

@media (max-width: 1680px) {
    .loanSec .wrapper .singleCard {
        padding: 30px 30px;
        border-radius: 12px
    }
}

@media (max-width: 1450px) {
    .loanSec .wrapper .singleCard {
        padding: 25px
    }
}

@media (max-width: 991px) {
    .loanSec .wrapper .singleCard {
        max-width: 100%;
        border-radius: 8px;
        padding: 20px !important
    }
}

@media (max-height: 800px) {
    .loanSec .wrapper .singleCard {
        padding: 25px
    }
}

@media (max-width: 575px) {
    .loanSec .wrapper .singleCard {
        min-width: fit-content
    }
}

.loanSec .wrapper .singleCard h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    color: var(--btnClr)
}

@media (max-width: 1680px) {
    .loanSec .wrapper .singleCard h2 {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px
    }
}

.loanSec .wrapper .singleCard p {
    margin-block: 8px 21px
}

@media (max-width: 1680px) {
    .loanSec .wrapper .singleCard p {
        margin-block: 8px 18px
    }
}

@media (max-width: 1450px) {
    .loanSec .wrapper .singleCard p {
        margin-block: 6px 15px
    }
}

@media (max-height: 800px) {
    .loanSec .wrapper .singleCard p {
        margin-block: 6px 15px
    }
}

.templateService .template-containerMaxWth::after {
    background-image: url("../images/moneyChak.svg");
    max-width: 220px;
    width: 100%;
    height: 120px;
    background-position: center;
    background-size: contain;
    bottom: -60px
}

@media (max-width: 991px) {
    .templateService .template-containerMaxWth::after {
        display: none
    }
}

.templateOtherServiceSec {
    background-color: #EDEDED
}

    .templateOtherServiceSec .serviceWrap {
        padding-block: 65px
    }

@media (max-width: 1680px) {
    .templateOtherServiceSec .serviceWrap {
        padding-block: 55px
    }
}

@media (max-width: 1450px) {
    .templateOtherServiceSec .serviceWrap {
        padding-block: 40px
    }
}

@media (max-height: 800px) {
    .templateOtherServiceSec .serviceWrap {
        padding-block: 40px
    }
}

.templateOtherServiceSec .templateOtherService {
    position: relative;
    display: flex;
    align-items: center
}

    .templateOtherServiceSec .templateOtherService .owl-stage-outer {
        margin-inline-start: 20px
    }

@media (max-width: 1680px) {
    .templateOtherServiceSec .templateOtherService .owl-stage-outer {
        margin-inline-start: 12px
    }
}

@media (max-width: 1599px) {
    .templateOtherServiceSec .templateOtherService .owl-stage-outer {
        margin-inline-start: 0px
    }
}

.templateOtherServiceSec .templateOtherService li {
    border: 1px solid #DDDDDD;
    background-color: var(--white);
    padding: 40px 25px 25px 40px;
    display: flex;
    gap: 18px;
    max-width: 490px;
    width: 100%;
    border-radius: 23px
}

@media (max-width: 1680px) {
    .templateOtherServiceSec .templateOtherService li {
        gap: 16px;
        border-radius: 18px;
        padding: 35px 20px 20px 35px
    }
}

@media (max-width: 1450px) {
    .templateOtherServiceSec .templateOtherService li {
        gap: 14px;
        padding: 25px 20px 20px 25px;
        border-radius: 12px
    }
}

@media (max-height: 800px) {
    .templateOtherServiceSec .templateOtherService li {
        gap: 14px;
        padding: 25px 20px 20px 25px;
        border-radius: 12px
    }
}

@media (max-width: 1199px) {
    .templateOtherServiceSec .templateOtherService li {
        padding: 20px 10px 20px 15px !important
    }
}

@media (max-width: 991px) {
    .templateOtherServiceSec .templateOtherService li {
        gap: 10px;
        flex-direction: column
    }
}

.templateOtherServiceSec .templateOtherService li .icnDiv {
    width: 54px;
    height: auto
}

    .templateOtherServiceSec .templateOtherService li .icnDiv img {
        width: auto;
        height: auto
    }

@media (max-width: 1680px) {
    .templateOtherServiceSec .templateOtherService li .icnDiv img {
        width: 50px
    }
}

@media (max-width: 1450px) {
    .templateOtherServiceSec .templateOtherService li .icnDiv img {
        width: 40px
    }
}

@media (max-width: 1279px) {
    .templateOtherServiceSec .templateOtherService li .icnDiv img {
        width: 38px !important
    }
}

@media (max-height: 800px) {
    .templateOtherServiceSec .templateOtherService li .icnDiv img {
        width: auto
    }
}

.templateOtherServiceSec .templateOtherService li .cmnSubHead {
    margin-block-end: 12px
}

@media (max-width: 1680px) {
    .templateOtherServiceSec .templateOtherService li .cmnSubHead {
        margin-block-end: 5px
    }
}

.templateOtherServiceSec .templateOtherService .owl-nav {
    display: flex
}

    .templateOtherServiceSec .templateOtherService .owl-nav .owl-prev, .templateOtherServiceSec .templateOtherService .owl-nav .owl-next {
        position: absolute;
        border: 0;
        background-color: transparent;
        width: 65px;
        height: 45px;
        border-radius: 50%;
        top: 70px;
        right: -85px;
        z-index: 999
    }

@media (max-width: 1850px) {
    .templateOtherServiceSec .templateOtherService .owl-nav .owl-prev, .templateOtherServiceSec .templateOtherService .owl-nav .owl-next {
        right: -45px
    }
}

@media (max-width: 1680px) {
    .templateOtherServiceSec .templateOtherService .owl-nav .owl-prev, .templateOtherServiceSec .templateOtherService .owl-nav .owl-next {
        right: -30px;
        width: 50px;
        height: 35px
    }
}

@media (max-width: 1599px) {
    .templateOtherServiceSec .templateOtherService .owl-nav .owl-prev, .templateOtherServiceSec .templateOtherService .owl-nav .owl-next {
        top: 65px
    }
}

@media (max-width: 1199px) {
    .templateOtherServiceSec .templateOtherService .owl-nav .owl-prev, .templateOtherServiceSec .templateOtherService .owl-nav .owl-next {
        display: none
    }
}

.templateOtherServiceSec .templateOtherService .owl-nav .owl-prev {
    left: -85px
}

@media (max-width: 1850px) {
    .templateOtherServiceSec .templateOtherService .owl-nav .owl-prev {
        left: -45px
    }
}

@media (max-width: 1680px) {
    .templateOtherServiceSec .templateOtherService .owl-nav .owl-prev {
        left: -30px
    }
}

@media (max-width: 1199px) {
    .templateOtherServiceSec .templateOtherService .owl-nav .owl-prev {
        display: none
    }
}

.Stay-connect {
    margin-bottom: 60px
}

@media (max-width: 1680px) {
    .Stay-connect {
        margin-bottom: 50px
    }
}

@media (max-width: 1450px) {
    .Stay-connect {
        margin-bottom: 40px
    }
}

@media (max-width: 991px) {
    .Stay-connect {
        margin-bottom: 30px !important
    }
}

@media (max-height: 800px) {
    .Stay-connect {
        margin-bottom: 40px
    }
}

.Stay-connect .template-containerMaxWth .Stay-connect-all .mainTitleWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 28px !important
}

.Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec {
    display: flex;
    justify-content: center;
    gap: 128px;
    padding-bottom: 53px
}

@media (max-width: 1680px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec {
        align-items: center;
        padding-bottom: 43px
    }
}

@media (max-width: 1599px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec {
        gap: 72px
    }
}

@media (max-width: 1450px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec {
        gap: 50px;
        padding-bottom: 33px
    }
}

@media (max-width: 991px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec {
        padding-bottom: 23px !important
    }
}

@media (max-height: 800px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec {
        gap: 50px;
        padding-bottom: 33px
    }
}

@media (max-width: 1680px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-L {
        max-width: 500px;
        height: 375px
    }
}

@media (max-width: 1450px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-L {
        max-width: 454px;
        height: 348px
    }
}

@media (max-width: 1366px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-L {
        max-width: 420px;
        height: 320px
    }
}

@media (max-width: 1279px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-L {
        max-width: 400px;
        height: 300px
    }
}

@media (max-width: 1199px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-L {
        display: none
    }
}

@media (max-height: 800px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-L {
        max-width: 400px;
        height: 300px
    }
}

.Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .contact-form {
    position: unset !important
}

    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .contact-form .select2 .select2-container .select2-container--default {
        display: none !important
    }

.Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact {
    max-width: 891px !important;
    background-color: #EDEDED;
    box-shadow: none
}

@media (max-width: 1680px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact {
        padding: 35px
    }
}

@media (max-width: 1279px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact {
        padding: 32px
    }
}

@media (max-width: 991px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact {
        padding: 28px
    }
}

@media (max-height: 800px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact {
        padding: 32px
    }
}

@media (max-width: 767px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact {
        padding: 24px !important
    }
}

@media (max-width: 680px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact {
        padding: 20px !important
    }
}

.Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact .contactUs-from .form-group {
    width: 100%
}

    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact .contactUs-from .form-group .email-form {
        max-width: 400px !important
    }

@media (max-width: 680px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact .contactUs-from .form-group .email-form {
        max-width: 100% !important
    }
}

.Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact .contactUs-from .form-group .phone-input .frm-phoneNo {
    max-width: 328px !important
}

@media (max-width: 680px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact .contactUs-from .form-group .phone-input .frm-phoneNo {
        max-width: 100% !important
    }
}

.Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact .contactUs-from .cnct-rboNbtn {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 480px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact .contactUs-from .cnct-rboNbtn {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start
    }
}

.Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact .contactUs-from .cnct-rboNbtn .verif-robo {
    background-color: var(--white) !important
}

.qckLnk {
    max-width: 1458px;
    width: 100%;
    margin-inline: auto;
    position: sticky;
    top: 10px;
    z-index: 22
}

    .qckLnk .wrapper {
        background-color: var(--white);
        -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2);
        border-radius: 16px;
        position: relative;
        margin-block-start: -35px;
        padding-inline: 15px
    }

    .qckLnk .qucklinks {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 42px;
        gap: 20px;
        overflow: hidden;
        overflow-x: auto;
        scrollbar-width: none;
        scrollbar-color: transparent transparent;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch
    }

        .qckLnk .qucklinks::-webkit-scrollbar {
            width: 8px;
            margin-left: 5px;
            left: 5px
        }

        .qckLnk .qucklinks::-webkit-scrollbar-track {
            background: transparent
        }

        .qckLnk .qucklinks::-webkit-scrollbar-thumb {
            background: transparent
        }

@media (max-width: 1450px) {
    .qckLnk .qucklinks {
        padding: 10px 30px
    }
}

@media (max-width: 1279px) {
    .qckLnk .qucklinks {
        padding: 10px 25px
    }
}

@media (max-width: 1199px) {
    .qckLnk .qucklinks {
        padding: 10px 20px !important
    }
}

@media (max-height: 800px) {
    .qckLnk .qucklinks {
        padding: 10px 25px
    }
}

.qckLnk .qucklinks li {
    color: #707070;
    min-width: max-content;
    font-weight: 600;
    border-left: 1px solid #DDDDDD;
    padding-inline-start: 20px
}

    .qckLnk .qucklinks li.active {
        color: var(--c2d)
    }

    .qckLnk .qucklinks li:first-child {
        border-left: none;
        padding-inline-start: 0px
    }

    .qckLnk .qucklinks li a {
        padding: 9px 0
    }

.ofH .commonBannerSec {
    overflow: hidden
}

@media (max-width: 480px) {
    .serviceD.serviceTemplate .commonBannerSec {
        align-items: start
    }
}

.serviceD.serviceTemplate .commonBannerSec .mainTitleWrap {
    margin-block-start: 0px !important
}

@media (max-width: 680px) {
    .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap {
        margin-block-start: -185px !important
    }
}

@media (max-width: 480px) {
    .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap {
        margin-block-start: 130px !important
    }
}

@media (max-width: 1680px) {
    .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .designTitle, .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .mainTitle, .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .mainDesc {
        max-width: 800px
    }
}

@media (max-width: 1450px) {
    .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .designTitle, .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .mainTitle, .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .mainDesc {
        max-width: 700px
    }
}

@media (max-width: 1366px) {
    .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .designTitle, .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .mainTitle, .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .mainDesc {
        max-width: 600px
    }
}

@media (max-width: 1199px) {
    .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .designTitle, .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .mainTitle, .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .mainDesc {
        max-width: 500px
    }
}

@media (max-width: 680px) {
    .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .designTitle, .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .mainTitle, .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .mainDesc {
        text-align: center;
        margin-inline: auto
    }
}

@media (max-width: 680px) {
    .serviceD.serviceTemplate .commonBannerSec .mainTitleWrap .applyBtn {
        margin-inline: auto
    }
}

.serviceDSec1 .ticketingSecOneWrapper {
    max-width: 100%
}

.serviceDSec2 .ticketingSecEightWrapper {
    padding: 0;
    border-radius: 0;
    border: none;
    box-shadow: none
}

.serviceDSec2 .mainTitleWrap {
    max-width: 545px;
    margin-inline: auto;
    margin-block-end: 35px
}

.serviceDSec2 .SingleTabContentSec .btmSec {
    gap: 34px 30px !important;
    grid-template-columns: repeat(auto-fit, minmax(430px, 1fr)) !important
}

@media (max-width: 1680px) {
    .serviceDSec2 .SingleTabContentSec .btmSec {
        gap: 28px 25px !important
    }
}

@media (max-width: 1450px) {
    .serviceDSec2 .SingleTabContentSec .btmSec {
        gap: 25px !important
    }
}

@media (max-width: 1199px) {
    .serviceDSec2 .SingleTabContentSec .btmSec {
        gap: 20px !important
    }
}

@media (max-height: 800px) {
    .serviceDSec2 .SingleTabContentSec .btmSec {
        gap: 20px !important
    }
}

@media (max-width: 680px) {
    .serviceDSec2 .SingleTabContentSec .btmSec {
        grid-template-columns: 1fr !important
    }
}

.serviceDSec2 .SingleTabContentSec .btmSec .singleCard {
    -webkit-box-shadow: 9px 10px 22px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 9px 10px 22px 0px rgba(0,0,0,0.2);
    box-shadow: 9px 10px 22px 0px rgba(0,0,0,0.2);
    border: none;
    grid-template-columns: auto 1fr;
    gap: 30px !important
}

@media (max-width: 1680px) {
    .serviceDSec2 .SingleTabContentSec .btmSec .singleCard {
        gap: 24px !important
    }
}

@media (max-width: 1450px) {
    .serviceDSec2 .SingleTabContentSec .btmSec .singleCard {
        gap: 20px !important
    }
}

@media (max-height: 800px) {
    .serviceDSec2 .SingleTabContentSec .btmSec .singleCard {
        gap: 20px !important
    }
}

@media (max-width: 480px) {
    .serviceDSec2 .SingleTabContentSec .btmSec .singleCard {
        grid-template-columns: 1fr;
        gap: 8px !important
    }
}

.serviceDSec2 .SingleTabContentSec .btmSec .singleCard .icnDiv {
    width: 150px !important;
    height: auto !important
}

@media (max-width: 1680px) {
    .serviceDSec2 .SingleTabContentSec .btmSec .singleCard .icnDiv {
        width: 130px !important
    }
}

@media (max-width: 1450px) {
    .serviceDSec2 .SingleTabContentSec .btmSec .singleCard .icnDiv {
        width: 115px !important
    }
}

@media (max-height: 800px) {
    .serviceDSec2 .SingleTabContentSec .btmSec .singleCard .icnDiv {
        width: 115px !important
    }
}

@media (max-width: 480px) {
    .serviceDSec2 .SingleTabContentSec .btmSec .singleCard .icnDiv {
        width: 85px !important
    }
}

.serviceDSec2 .SingleTabContentSec .btmSec .singleCard .txtArea .cmnP-LH {
    margin-block-start: 12px;
    line-height: 24px
}

@media (max-width: 1680px) {
    .serviceDSec2 .SingleTabContentSec .btmSec .singleCard .txtArea .cmnP-LH {
        margin-block-start: 10px
    }
}

@media (max-width: 1450px) {
    .serviceDSec2 .SingleTabContentSec .btmSec .singleCard .txtArea .cmnP-LH {
        margin-block-start: 7px
    }
}

@media (max-height: 800px) {
    .serviceDSec2 .SingleTabContentSec .btmSec .singleCard .txtArea .cmnP-LH {
        margin-block-start: 7px
    }
}

.ticketingSecSeven.serviceDSec3 {
    margin-block-end: 0;
    padding-block-end: 60px
}

@media (max-width: 1680px) {
    .ticketingSecSeven.serviceDSec3 {
        padding-block-end: 50px
    }
}

@media (max-width: 1450px) {
    .ticketingSecSeven.serviceDSec3 {
        padding-block-end: 40px
    }
}

@media (max-width: 1199px) {
    .ticketingSecSeven.serviceDSec3 {
        padding-block-end: 30px !important
    }
}

@media (max-height: 800px) {
    .ticketingSecSeven.serviceDSec3 {
        padding-block-end: 40px
    }
}

.ticketingSecSeven .cardSec {
    margin-block-start: 25px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 14px
}

    .ticketingSecSeven .cardSec .singleCard {
        border: 1px solid #EDEDED;
        border-radius: 20px;
        padding: 24px
    }

@media (max-width: 1450px) {
    .ticketingSecSeven .cardSec .singleCard {
        padding: 20px;
        border-radius: 16px
    }
}

@media (max-width: 1199px) {
    .ticketingSecSeven .cardSec .singleCard {
        border-radius: 12px !important
    }
}

@media (max-height: 800px) {
    .ticketingSecSeven .cardSec .singleCard {
        padding: 20px;
        border-radius: 16px
    }
}

.ticketingSecSeven .cardSec .singleCard .cardHead {
    position: relative;
    padding-block-end: 5px;
    line-height: 22px;
    font-weight: 600
}

    .ticketingSecSeven .cardSec .singleCard .cardHead::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(315deg, #f26522 0%, #c32641 51%, #f26522 100%)
    }

.ticketingSecSeven .cardSec .singleCard .midSec {
    display: grid;
    gap: 8px;
    margin-block: 20px 11px;
    padding-block-end: 11px;
    border-bottom: 1px solid #EDEDED
}

    .ticketingSecSeven .cardSec .singleCard .midSec h4 {
        font-size: 25px;
        font-weight: 700;
        line-height: 34px;
        padding-block-end: 5px;
        color: #F8931E
    }

.ticketingSecSeven .serviceBtn {
    margin-inline: auto;
    margin-block-start: 33px
}

.serviceSchemeSec {
    background: #ededed;
    background: linear-gradient(180deg, rgba(237,237,237,0.1) 0%, rgba(139,162,216,0.1) 20%, rgba(172,223,216,0.1) 40%, rgba(199,223,166,0.1) 60%, rgba(141,203,182,0.1) 80%, rgba(213,148,148,0.1) 100%);
    padding-block: 50px 70px
}

@media (max-width: 1680px) {
    .serviceSchemeSec {
        padding-block: 50px
    }
}

@media (max-width: 1450px) {
    .serviceSchemeSec {
        padding-block: 40px
    }
}

@media (max-width: 1199px) {
    .serviceSchemeSec {
        padding-block: 30px !important
    }
}

@media (max-height: 800px) {
    .serviceSchemeSec {
        padding-block: 40px
    }
}

.serviceSchemeSec .gridWrapper {
    display: grid;
    grid-template-columns: 1fr 53%;
    gap: 30px
}

@media (max-width: 991px) {
    .serviceSchemeSec .gridWrapper {
        gap: 15px;
        grid-template-columns: 1fr
    }
}

.serviceSchemeSec .gridWrapper .gridL {
    max-width: 670px
}

@media (max-width: 991px) {
    .serviceSchemeSec .gridWrapper .gridL {
        max-width: 100%
    }
}

.serviceSchemeSec .gridWrapper .gridL .mainTitleWrap {
    margin-block-end: 34px
}

    .serviceSchemeSec .gridWrapper .gridL .mainTitleWrap .woBG {
        margin-inline: 0
    }

    .serviceSchemeSec .gridWrapper .gridL .mainTitleWrap .mainTitle {
        max-width: 407px;
        text-align: start;
        margin-block-end: 24px
    }

@media (max-width: 1680px) {
    .serviceSchemeSec .gridWrapper .gridL .mainTitleWrap .mainTitle {
        margin-block-end: 18px
    }
}

@media (max-width: 1450px) {
    .serviceSchemeSec .gridWrapper .gridL .mainTitleWrap .mainTitle {
        margin-block-end: 14px
    }
}

@media (max-height: 800px) {
    .serviceSchemeSec .gridWrapper .gridL .mainTitleWrap .mainTitle {
        margin-block-end: 14px
    }
}

.serviceSchemeSec .gridWrapper .gridL .listHeading {
    display: grid;
    gap: 10px;
    margin-block-end: 16px
}

    .serviceSchemeSec .gridWrapper .gridL .listHeading .listSingle {
        padding: 28px 40px;
        border-radius: 12px;
        background-color: var(--white);
        cursor: pointer
    }

@media (max-width: 1450px) {
    .serviceSchemeSec .gridWrapper .gridL .listHeading .listSingle {
        padding: 24px 32px
    }
}

@media (max-width: 1279px) {
    .serviceSchemeSec .gridWrapper .gridL .listHeading .listSingle {
        padding: 20px 28px
    }
}

@media (max-width: 1199px) {
    .serviceSchemeSec .gridWrapper .gridL .listHeading .listSingle {
        border-radius: 8px;
        padding: 16px 22px !important
    }
}

@media (max-height: 800px) {
    .serviceSchemeSec .gridWrapper .gridL .listHeading .listSingle {
        padding: 20px 28px
    }
}

.serviceSchemeSec .gridWrapper .gridL .listHeading .listSingle.activeList {
    position: relative;
    -webkit-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.2)
}

    .serviceSchemeSec .gridWrapper .gridL .listHeading .listSingle.activeList::before {
        position: absolute;
        content: '';
        inset: 0;
        height: 100%;
        width: 8px;
        border-radius: 11px 0 0 12px;
        background-color: #F8931E
    }

.serviceSchemeSec .gridWrapper .gridL .cmnBtn {
    margin-inline: auto
}

.serviceSchemeSec .gridWrapper .gridR {
    max-width: 865px;
    align-self: flex-end
}

@media (max-width: 1450px) {
    .serviceSchemeSec .gridWrapper .gridR {
        align-self: center
    }
}

@media (max-width: 991px) {
    .serviceSchemeSec .gridWrapper .gridR {
        max-width: 100%;
        overflow: hidden
    }
}

.serviceSchemeSec .gridWrapper .gridR .tableWrap {
    padding: 27px 23px;
    background-color: var(--white);
    margin-block-start: 25px;
    border-radius: 12px
}

@media (max-width: 1680px) {
    .serviceSchemeSec .gridWrapper .gridR .tableWrap {
        padding: 24px 20px
    }
}

@media (max-width: 1279px) {
    .serviceSchemeSec .gridWrapper .gridR .tableWrap {
        margin-block-start: 20px;
        padding: 20px 18px
    }
}

@media (max-height: 800px) {
    .serviceSchemeSec .gridWrapper .gridR .tableWrap {
        margin-block-start: 20px;
        padding: 20px 18px
    }
}

@media (max-width: 680px) {
    .serviceSchemeSec .gridWrapper .gridR .tableWrap {
        padding: 15px 10px !important
    }
}

.serviceSchemeSec .gridWrapper .gridR .tableWrap .applyBtn {
    margin-block-start: 24px;
    margin-inline: auto
}

.serviceSchemeSec .gridWrapper .gridR .tableSec {
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: thin;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .serviceSchemeSec .gridWrapper .gridR .tableSec::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        margin-left: 5px;
        left: 5px
    }

    .serviceSchemeSec .gridWrapper .gridR .tableSec::-webkit-scrollbar-track {
        background: #f8f8f8
    }

    .serviceSchemeSec .gridWrapper .gridR .tableSec::-webkit-scrollbar-thumb {
        background: #c0c0c0
    }

    .serviceSchemeSec .gridWrapper .gridR .tableSec table {
        width: 100%;
        border-collapse: collapse;
        min-width: 750px
    }

@media (max-width: 991px) {
    .serviceSchemeSec .gridWrapper .gridR .tableSec table {
        min-width: fit-content
    }
}

.serviceSchemeSec .gridWrapper .gridR .tableSec table tbody {
    border: 1px solid #DDDDDD;
    border-radius: 8px
}

    .serviceSchemeSec .gridWrapper .gridR .tableSec table tbody td {
        min-width: fit-content;
        padding: 26px 15px;
        border: 1px solid #dddddd;
        text-align: center;
        white-space: nowrap
    }

@media (max-width: 1680px) {
    .serviceSchemeSec .gridWrapper .gridR .tableSec table tbody td {
        padding: 22px 15px
    }
}

@media (max-width: 1450px) {
    .serviceSchemeSec .gridWrapper .gridR .tableSec table tbody td {
        padding: 20px 15px
    }
}

@media (max-width: 1279px) {
    .serviceSchemeSec .gridWrapper .gridR .tableSec table tbody td {
        padding: 16px 15px
    }
}

@media (max-height: 800px) {
    .serviceSchemeSec .gridWrapper .gridR .tableSec table tbody td {
        padding: 16px 15px
    }
}

@media (max-width: 680px) {
    .serviceSchemeSec .gridWrapper .gridR .tableSec table tbody td {
        padding: 14px 15px !important
    }
}

.serviceSchemeSec .gridWrapper .gridR .tableSec table .mainThead {
    background: rgba(242,101,34,0.1);
    padding: 20px
}

    .serviceSchemeSec .gridWrapper .gridR .tableSec table .mainThead th {
        min-width: fit-content
    }

@media (max-width: 991px) {
    .serviceSchemeSec .gridWrapper .gridR .tableSec table .mainThead th {
        min-width: 200px
    }
}

.serviceSchemeSec .gridWrapper .gridR .tableSec table .mainTable {
    margin-block-end: 8px
}

.serviceSchemeSec .gridWrapper .gridR .tableSec table .cmnSubHead {
    padding-block: 21px;
    font-size: 20px
}

@media (max-width: 1680px) {
    .serviceSchemeSec .gridWrapper .gridR .tableSec table .cmnSubHead {
        padding-block: 18px;
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .serviceSchemeSec .gridWrapper .gridR .tableSec table .cmnSubHead {
        padding-block: 15px;
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .serviceSchemeSec .gridWrapper .gridR .tableSec table .cmnSubHead {
        padding-block: 15px;
        font-size: 16px;
        line-height: 24px
    }
}

.serviceDSec4 {
    position: relative;
    margin-block-start: 0;
    padding-block: 60px;
    margin-block-start: 0 !important
}

@media (max-width: 1680px) {
    .serviceDSec4 {
        padding-block: 50px
    }
}

@media (max-width: 1450px) {
    .serviceDSec4 {
        padding-block: 40px
    }
}

@media (max-width: 1199px) {
    .serviceDSec4 {
        padding-block: 30px !important
    }
}

@media (max-height: 800px) {
    .serviceDSec4 {
        padding-block: 40px
    }
}

.serviceDSec4::after, .serviceDSec4:before {
    content: '';
    position: absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 1366px) {
    .serviceDSec4::after, .serviceDSec4:before {
        max-width: 800px;
        width: 100%;
        height: 450px
    }
}

@media (max-height: 800px) {
    .serviceDSec4::after, .serviceDSec4:before {
        max-width: 800px;
        width: 100%;
        height: 450px
    }
}

@media (max-width: 767px) {
    .serviceDSec4::after, .serviceDSec4:before {
        display: none
    }
}

.serviceDSec4::before {
    bottom: 0;
    left: 0;
    background-image: url(../images/article-design.png);
    width: 1000px;
    height: 560px
}

@media (max-width: 1366px) {
    .serviceDSec4::before {
        width: 975px;
        height: 450px
    }
}

@media (max-height: 800px) {
    .serviceDSec4::before {
        width: 975px;
        height: 450px
    }
}

@media (max-width: 991px) {
    .serviceDSec4::before {
        display: none
    }
}

.serviceDSec4::after {
    top: 0;
    right: 0;
    background-image: url(../images/article-design.png);
    -webkit-transform: scale(-1);
    transform: scale(-1);
    width: 1000px;
    height: 515px
}

@media (max-width: 1279px) {
    .serviceDSec4::after {
        width: 700px;
        height: 450px
    }
}

@media (max-height: 800px) {
    .serviceDSec4::after {
        width: 700px;
        height: 450px
    }
}

.serviceDSec4 .processSec {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 50px
}

@media (max-width: 1680px) {
    .serviceDSec4 .processSec {
        gap: 35px;
        margin-block-start: 10px
    }
}

@media (max-width: 1450px) {
    .serviceDSec4 .processSec {
        gap: 25px
    }
}

@media (max-width: 991px) {
    .serviceDSec4 .processSec {
        margin-block-start: 25px
    }
}

@media (max-height: 800px) {
    .serviceDSec4 .processSec {
        gap: 25px
    }
}

.serviceDSec4 .processSec .singleProcess {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 590px;
    margin: auto
}

@media (max-width: 767px) {
    .serviceDSec4 .processSec .singleProcess {
        max-width: 450px;
        width: 100%;
        margin-inline: auto
    }
}

@media (max-width: 480px) {
    .serviceDSec4 .processSec .singleProcess {
        max-width: 345px
    }
}

.serviceDSec4 .processSec .singleProcess .card {
    padding: 50px 35px 30px 35px;
    display: grid;
    gap: 46px;
    height: 100%;
    min-height: 374px
}

@media (max-width: 1680px) {
    .serviceDSec4 .processSec .singleProcess .card {
        gap: 40px;
        padding: 40px 22px 20px 22px
    }
}

@media (max-width: 1450px) {
    .serviceDSec4 .processSec .singleProcess .card {
        gap: 32px;
        padding: 30px 18px 20px 18px
    }
}

@media (max-height: 800px) {
    .serviceDSec4 .processSec .singleProcess .card {
        gap: 32px;
        padding: 30px 18px 20px 18px
    }
}

@media (max-height: 800px) {
    .serviceDSec4 .processSec .singleProcess .card {
        gap: 20px !important
    }
}

.serviceDSec4 .processSec .singleProcess .card .cmnSubHead, .serviceDSec4 .processSec .singleProcess .card .mainDesc {
    text-align: center;
    margin: auto
}

.serviceDSec4 .processSec .singleProcess .card .topsec .cmnSubHead {
    margin-block-end: 11px
}

@media (max-width: 1450px) {
    .serviceDSec4 .processSec .singleProcess .card .topsec .cmnSubHead {
        margin-block-end: 8px
    }
}

@media (max-height: 800px) {
    .serviceDSec4 .processSec .singleProcess .card .topsec .cmnSubHead {
        margin-block-end: 8px
    }
}

.serviceDSec4 .processSec .singleProcess .card .imgDiv {
    max-width: 240px;
    max-height: 230px;
    aspect-ratio: 1;
    margin-inline: auto
}

@media (max-width: 1680px) {
    .serviceDSec4 .processSec .singleProcess .card .imgDiv {
        max-width: 210px;
        max-height: 200px
    }
}

@media (max-width: 1450px) {
    .serviceDSec4 .processSec .singleProcess .card .imgDiv {
        max-width: 190px;
        max-height: 180px
    }
}

@media (max-width: 1279px) {
    .serviceDSec4 .processSec .singleProcess .card .imgDiv {
        max-width: 180px;
        max-height: 180px
    }
}

@media (max-height: 800px) {
    .serviceDSec4 .processSec .singleProcess .card .imgDiv {
        max-width: 180px;
        max-height: 180px
    }
}

.serviceDSec4 .processSec .singleProcess .card span {
    color: #F26522
}

.serviceDSec5 {
    margin: 0;
    position: relative;
    margin-block-end: 60px
}

@media (max-width: 1680px) {
    .serviceDSec5 {
        margin-block-end: 50px
    }
}

@media (max-width: 1450px) {
    .serviceDSec5 {
        margin-block-end: 30px
    }
}

@media (max-height: 800px) {
    .serviceDSec5 {
        margin-block-end: 30px
    }
}

.serviceDSec5 .mainTitleWrap {
    padding-block: 50px 32px
}

@media (max-width: 1680px) {
    .serviceDSec5 .mainTitleWrap {
        padding-block: 45px 28px
    }
}

@media (max-width: 1450px) {
    .serviceDSec5 .mainTitleWrap {
        padding-block: 40px 25px
    }
}

@media (max-width: 1199px) {
    .serviceDSec5 .mainTitleWrap {
        padding-block: 30px 20px !important
    }
}

@media (max-height: 800px) {
    .serviceDSec5 .mainTitleWrap {
        padding-block: 40px 25px
    }
}

.serviceDSec5::after {
    content: '';
    position: absolute;
    z-index: -1;
    background: #efb7b7;
    background: linear-gradient(90deg, #efb7b7 0%, #8ba2d8 20%, #acdfd8 40%, #c7dfa6 60%, #8dcbb6 80%, #d59494 100%);
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    margin: auto;
    opacity: 10%;
    border: 1px solid #DDDDDD
}

.serviceDSec5 .template-containerMaxWth::after {
    display: none
}

.serviceDSec5 .calculatorWrap {
    border-radius: 33px
}

@media (max-width: 1450px) {
    .serviceDSec5 .calculatorWrap {
        border-radius: 24px
    }
}

@media (max-width: 1199px) {
    .serviceDSec5 .calculatorWrap {
        border-radius: 18px
    }
}

@media (max-height: 800px) {
    .serviceDSec5 .calculatorWrap {
        border-radius: 18px
    }
}

@media (max-width: 991px) {
    .serviceDSec5 .calculatorWrap {
        border-radius: 12px !important
    }
}

.eligibilitySec .mainTitleWrap {
    margin-block-end: 32px
}

@media (max-height: 800px) {
    .eligibilitySec .mainTitleWrap {
        margin-block-end: 28px
    }
}

.eligibilitySec .mainTitleWrap .mainTitle {
    margin-block-end: 22px
}

@media (max-width: 1680px) {
    .eligibilitySec .mainTitleWrap .mainTitle {
        margin-block-end: 12px
    }
}

.eligibilitySec .mainTitleWrap .cmnP-LH {
    text-align: center;
    max-width: 1479px
}

.eligibilitySec .gridWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px
}

@media (max-width: 991px) {
    .eligibilitySec .gridWrapper {
        grid-template-columns: 1fr
    }
}

.eligibilitySec .gridWrapper .gridL {
    justify-self: center;
    padding-right: 125px
}

@media (max-width: 1680px) {
    .eligibilitySec .gridWrapper .gridL {
        padding-right: 60px
    }
}

@media (max-width: 1450px) {
    .eligibilitySec .gridWrapper .gridL {
        align-self: center;
        padding-right: 30px
    }
}

@media (max-width: 1366px) {
    .eligibilitySec .gridWrapper .gridL {
        padding-right: 0 !important
    }
}

@media (max-height: 800px) {
    .eligibilitySec .gridWrapper .gridL {
        padding-right: 30px
    }
}

.eligibilitySec .gridWrapper .gridL .imgDiv {
    max-width: 460px;
    max-height: 485px;
    height: auto
}

@media (max-width: 1199px) {
    .eligibilitySec .gridWrapper .gridL .imgDiv {
        max-width: 375px
    }
}

@media (max-width: 991px) {
    .eligibilitySec .gridWrapper .gridL .imgDiv {
        max-height: 400px;
        max-width: 300px !important
    }
}

@media (max-height: 800px) {
    .eligibilitySec .gridWrapper .gridL .imgDiv {
        max-width: 375px
    }
}

.eligibilitySec .gridWrapper .gridR {
    display: grid;
    gap: 20px;
    align-items: center
}

    .eligibilitySec .gridWrapper .gridR .singleCard {
        background-color: rgba(221,221,221,0.2);
        border: 1px solid #DDDDDD;
        border-radius: 18px;
        display: grid;
        gap: 20px;
        padding: 35px 45px;
        height: fit-content
    }

@media (max-width: 1680px) {
    .eligibilitySec .gridWrapper .gridR .singleCard {
        padding: 30px 25px
    }
}

@media (max-width: 1450px) {
    .eligibilitySec .gridWrapper .gridR .singleCard {
        border-radius: 14px;
        padding: 25px 20px
    }
}

@media (max-width: 991px) {
    .eligibilitySec .gridWrapper .gridR .singleCard {
        border-radius: 12px !important
    }
}

@media (max-height: 800px) {
    .eligibilitySec .gridWrapper .gridR .singleCard {
        border-radius: 14px;
        padding: 25px 20px
    }
}

.eligibilitySec .gridWrapper .gridR .singleCard .topSec {
    display: flex;
    align-items: flex-start;
    gap: 22px
}

@media (max-width: 1450px) {
    .eligibilitySec .gridWrapper .gridR .singleCard .topSec {
        gap: 18px
    }
}

@media (max-width: 1199px) {
    .eligibilitySec .gridWrapper .gridR .singleCard .topSec {
        gap: 5px !important;
        flex-direction: column
    }
}

@media (max-height: 800px) {
    .eligibilitySec .gridWrapper .gridR .singleCard .topSec {
        gap: 18px
    }
}

.eligibilitySec .gridWrapper .gridR .singleCard .topSec .icn {
    min-width: 60px;
    max-width: 90px;
    max-height: 60px;
    height: auto
}

@media (max-width: 1199px) {
    .eligibilitySec .gridWrapper .gridR .singleCard .topSec .icn {
        max-width: 70px
    }
}

@media (max-height: 800px) {
    .eligibilitySec .gridWrapper .gridR .singleCard .topSec .icn {
        max-width: 70px
    }
}

.eligibilitySec .gridWrapper .gridR .singleCard .topSec .icn img {
    width: 100%
}

.eligibilitySec .gridWrapper .gridR .singleCard .topSec .cmnSubHead {
    margin-block-end: 12px
}

@media (max-width: 1680px) {
    .eligibilitySec .gridWrapper .gridR .singleCard .topSec .cmnSubHead {
        margin-block-end: 10px
    }
}

@media (max-width: 1450px) {
    .eligibilitySec .gridWrapper .gridR .singleCard .topSec .cmnSubHead {
        margin-block-end: 6px
    }
}

@media (max-height: 800px) {
    .eligibilitySec .gridWrapper .gridR .singleCard .topSec .cmnSubHead {
        margin-block-end: 6px
    }
}

.eligibilitySec .gridWrapper .gridR .singleCard .btmSec {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr))
}

@media (max-width: 480px) {
    .eligibilitySec .gridWrapper .gridR .singleCard .btmSec {
        column-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(155px, 1fr))
    }
}

.eligibilitySec .gridWrapper .gridR .singleCard .btmSec li {
    position: relative;
    padding-inline-start: 20px;
    list-style-type: none
}

    .eligibilitySec .gridWrapper .gridR .singleCard .btmSec li::after {
        position: absolute;
        content: '';
        inset: 0;
        top: 7px;
        background-repeat: no-repeat;
        width: 8px;
        height: auto;
        background-image: url("../images/arrow-Service.svg")
    }

.testimonialCarouselServiceSec {
    max-width: 1636px;
    width: 100%;
    margin-inline: auto;
    margin-block-end: 45px
}

@media (max-width: 1450px) {
    .testimonialCarouselServiceSec {
        margin-block-end: 35px
    }
}

@media (max-width: 1279px) {
    .testimonialCarouselServiceSec {
        margin-block-end: 30px
    }
}

@media (max-height: 800px) {
    .testimonialCarouselServiceSec {
        margin-block-end: 30px
    }
}

.testimonialCarouselServiceSec .mainTitleWrap {
    margin-block-end: 45px
}

@media (max-width: 1450px) {
    .testimonialCarouselServiceSec .mainTitleWrap {
        margin-block-end: 35px
    }
}

@media (max-width: 1279px) {
    .testimonialCarouselServiceSec .mainTitleWrap {
        margin-block-end: 25px
    }
}

@media (max-width: 991px) {
    .testimonialCarouselServiceSec .mainTitleWrap {
        margin-block-end: 20px !important
    }
}

@media (max-height: 800px) {
    .testimonialCarouselServiceSec .mainTitleWrap {
        margin-block-end: 25px
    }
}

.testimonialCarouselServiceSec .mainTitleWrap .mainTitle {
    max-width: 620px
}

.testimonialCarouselServiceSec .mainTitleWrap .woBG, .testimonialCarouselServiceSec .mainTitleWrap .mainTitle {
    margin-inline: 0;
    text-align: start
}

.testimonialCarouselServiceSec .testimonialCarouselService .item {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    width: 501px !important;
    cursor: pointer;
    margin-right: 10px;
    margin-left: 10px;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95)
}

@media (max-width: 1850px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item {
        width: 450px !important
    }
}

@media (max-width: 1680px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item {
        width: 440px !important
    }
}

@media (max-width: 1599px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item {
        width: 400px !important;
        margin-inline: 10px
    }
}

@media (max-width: 1450px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item {
        width: 380px !important
    }
}

@media (max-width: 1425px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item {
        width: 360px !important
    }
}

@media (max-width: 1366px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item {
        width: 340px !important
    }
}

@media (max-width: 1279px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item {
        width: 320px !important
    }
}

@media (max-width: 1199px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item {
        width: 300px !important
    }
}

@media (max-width: 991px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item {
        width: 280px !important
    }
}

@media (max-height: 800px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item {
        width: 340px !important
    }
}

@media (max-width: 575px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item {
        width: 250px !important
    }
}

.testimonialCarouselServiceSec .testimonialCarouselService .item img {
    border-radius: 12px
}

@media (max-width: 575px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item img {
        border-radius: 8px
    }
}

.testimonialCarouselServiceSec .testimonialCarouselService .item::after {
    display: none
}

.testimonialCarouselServiceSec .testimonialCarouselService .item.videoItem {
    height: 280px;
    object-fit: cover;
    background-position: center top
}

@media (max-width: 1450px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item.videoItem {
        height: 260px
    }
}

@media (max-width: 1366px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item.videoItem {
        height: 240px
    }
}

@media (max-height: 800px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item.videoItem {
        height: 240px
    }
}

@media (max-width: 575px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .item.videoItem {
        height: 180px !important
    }
}

.testimonialCarouselServiceSec .testimonialCarouselService .item.videoItem .wrap {
    opacity: 0
}

.testimonialCarouselServiceSec .testimonialCarouselService .owl-stage-outer {
    margin-left: 12px
}

@media (max-width: 1425px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage-outer {
        margin-left: 0
    }
}

.testimonialCarouselServiceSec .testimonialCarouselService .owl-stage {
    display: flex;
    justify-content: center;
    align-items: center
}

    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item {
        padding-top: 5px
    }

        .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center {
            width: auto !important;
            max-width: 100% !important
        }

@media (max-width: 1680px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center {
        max-width: 100% !important
    }
}

.testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item {
    position: relative;
    filter: none;
    width: 575px !important;
    height: auto;
    border-radius: 22px
}

@media (max-width: 1850px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item {
        width: 555px !important
    }
}

@media (max-width: 1599px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item {
        width: 500px !important
    }
}

@media (max-width: 1450px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item {
        width: 480px !important
    }
}

@media (max-width: 1425px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item {
        width: 470px !important
    }
}

@media (max-width: 1366px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item {
        width: 440px !important
    }
}

@media (max-width: 1279px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item {
        width: 420px !important
    }
}

@media (max-width: 1199px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item {
        width: 400px !important
    }
}

@media (max-width: 991px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item {
        width: 380px !important
    }
}

@media (max-height: 800px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item {
        width: 440px !important
    }
}

@media (max-width: 575px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item {
        width: 340px !important;
        border-radius: 12px
    }
}

.testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem {
    display: flex;
    align-items: self-end;
    justify-content: center;
    position: relative;
    border-radius: 22px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 320px;
    height: auto;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25)
}

@media (max-width: 1450px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem {
        min-height: 290px
    }
}

@media (max-width: 1366px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem {
        min-height: 270px
    }
}

@media (max-height: 800px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem {
        min-height: 270px
    }
}

@media (max-width: 575px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem {
        min-height: 230px;
        border-radius: 12px
    }
}

.testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: #000;
    background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.62) 80%);
    border-radius: inherit
}

.testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem .wrap {
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
    text-align: center;
    text-align: -webkit-center;
    opacity: 1
}

@media (max-width: 991px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem .wrap {
        margin-bottom: 30px
    }
}

.testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem .wrap h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 33px;
    color: var(--white);
    margin-top: 65px
}

@media (max-width: 1680px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem .wrap h3 {
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 20px
    }
}

@media (max-width: 1279px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem .wrap h3 {
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 500;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem .wrap h3 {
        margin-bottom: 8px;
        font-size: 18px !important;
        font-weight: 500;
        line-height: 28px !important
    }
}

@media (max-height: 800px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem .wrap h3 {
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 500;
        line-height: 28px
    }
}

@media (max-width: 680px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem .wrap h3 {
        margin-top: 30px
    }
}

.testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem .wrap .playDiv {
    width: 70px
}

@media (max-width: 1680px) {
    .testimonialCarouselServiceSec .testimonialCarouselService .owl-stage .owl-item.center .item.videoItem .wrap .playDiv {
        width: 50px;
        height: 50px
    }
}

.subTestimonialServiceSec .wrapperDiv {
    display: grid;
    grid-template-columns: 1fr 26%;
    grid-gap: 30px
}

@media (max-width: 991px) {
    .subTestimonialServiceSec .wrapperDiv {
        grid-template-columns: 1fr
    }
}

.subTestimonialServiceSec .wrapperDiv .carouselWrap {
    overflow: hidden;
    padding-inline-end: 30px;
    padding-inline-start: 65px;
    margin-inline-start: -65px
}

@media (max-width: 1850px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap {
        padding-inline-end: 35px;
        padding-inline-start: 45px
    }
}

@media (max-width: 1680px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap {
        padding-inline-end: 30px;
        padding-inline-start: 30px;
        margin-inline-start: -30px
    }
}

@media (max-width: 991px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap {
        padding-inline-start: 0px;
        margin-inline-start: 0px;
        padding-inline: 0px
    }
}

.subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL {
    max-width: 1085px
}

    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem {
        max-width: 340px;
        min-width: 340px;
        padding: 32px 26px 22px 32px;
        margin: 30px 10px;
        width: 100%;
        border-radius: 16px;
        -webkit-box-shadow: 5px 5px 22px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 5px 5px 22px 0px rgba(0,0,0,0.1);
        box-shadow: 5px 5px 22px 0px rgba(0,0,0,0.1)
    }

@media (max-width: 1680px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem {
        max-width: 300px;
        min-width: 300px;
        padding: 30px 24px 20px 30px
    }
}

@media (max-width: 1450px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem {
        max-width: 280px;
        min-width: 280px;
        padding: 30px 20px
    }
}

@media (max-height: 800px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem {
        max-width: 280px;
        min-width: 280px;
        padding: 30px 20px
    }
}

.subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem .profile {
    display: flex;
    gap: 20px;
    padding-block-end: 25px;
    border-bottom: 1px solid #DDDDDD
}

@media (max-width: 1450px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem .profile {
        gap: 18px;
        padding-block-end: 20px
    }
}

.subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem .profile .profilePic img {
    width: 85px;
    height: 85px
}

@media (max-width: 1450px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem .profile .profilePic img {
        width: 65px;
        height: 65px
    }
}

@media (max-width: 991px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem .profile .profilePic img {
        width: 55px;
        height: 55px
    }
}

@media (max-height: 800px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem .profile .profilePic img {
        width: 65px;
        height: 65px
    }
}

.subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem .profile .txtArea .cmnSubHead {
    margin-block-end: 14px
}

@media (max-width: 1450px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem .profile .txtArea .cmnSubHead {
        margin-block-end: 10px
    }
}

@media (max-width: 991px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem .profile .txtArea .cmnSubHead {
        margin-block-end: 5px !important
    }
}

@media (max-height: 800px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem .profile .txtArea .cmnSubHead {
        margin-block-end: 10px
    }
}

.subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem .profile .txtArea .cmnP-LH {
    font-weight: 500
}

.subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem .btmSec {
    padding-block-start: 48px;
    position: relative
}

    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .singleItem .btmSec::before {
        position: absolute;
        content: '';
        width: 25px;
        height: 20px;
        top: 22px;
        left: 0;
        background-image: url("/images/testiSvg.svg");
        background-repeat: no-repeat
    }

.subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .owl-stage {
    display: flex
}

.subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .owl-nav {
    display: flex
}

    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .owl-nav .owl-prev, .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .owl-nav .owl-next {
        position: absolute;
        border: 0;
        background-color: transparent;
        width: 65px;
        height: 45px;
        border-radius: 50%;
        top: 190px;
        right: -85px;
        z-index: 999
    }

@media (max-width: 1850px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .owl-nav .owl-prev, .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .owl-nav .owl-next {
        right: -45px
    }
}

@media (max-width: 1680px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .owl-nav .owl-prev, .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .owl-nav .owl-next {
        right: -30px;
        width: 50px;
        height: 35px
    }
}

@media (max-width: 1199px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .owl-nav .owl-prev, .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .owl-nav .owl-next {
        display: none
    }
}

.subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .owl-nav .owl-prev {
    left: -75px
}

@media (max-width: 1850px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .owl-nav .owl-prev {
        left: -45px
    }
}

@media (max-width: 1680px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .owl-nav .owl-prev {
        left: -30px
    }
}

@media (max-width: 1199px) {
    .subTestimonialServiceSec .wrapperDiv .carouselWrap .gridL .owl-nav .owl-prev {
        display: none
    }
}

.subTestimonialServiceSec .wrapperDiv .gridR {
    max-width: 360px;
    justify-self: end
}

@media (max-width: 991px) {
    .subTestimonialServiceSec .wrapperDiv .gridR {
        display: none
    }
}

.subTestimonialServiceSec .wrapperDiv .gridR .imgDiv {
    animation: float-gold 5s ease-in-out infinite;
    max-width: 360px;
    max-height: 430px
}

@keyframes float-gold {
    0% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px)
    }

    50% {
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px)
    }

    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px)
    }
}

.cmnLoanApplySecService .wrapper {
    background: #c32641;
    background: linear-gradient(180deg, rgba(195,38,65,0.1) 0%, rgba(195,38,65,0.1) 51%, rgba(242,101,34,0.1) 100%);
    border: 1px solid #DDDDDD;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 24px;
    padding: 42px 60px;
    border-radius: 26px
}

@media (max-width: 1450px) {
    .cmnLoanApplySecService .wrapper {
        gap: 20px;
        padding: 40px 25px;
        border-radius: 22px
    }
}

@media (max-width: 1279px) {
    .cmnLoanApplySecService .wrapper {
        border-radius: 18px
    }
}

@media (max-width: 1199px) {
    .cmnLoanApplySecService .wrapper {
        border-radius: 14px;
        padding: 35px 20px
    }
}

@media (max-height: 800px) {
    .cmnLoanApplySecService .wrapper {
        border-radius: 14px;
        padding: 35px 20px
    }
}

@media (max-width: 991px) {
    .cmnLoanApplySecService .wrapper {
        padding: 20px !important;
        border-radius: 8px !important;
        grid-template-columns: auto;
        gap: 12px
    }
}

.cmnLoanApplySecService .wrapper .mainTitleWrap {
    max-width: 420px;
    width: 100%;
    display: flex;
    gap: 55px
}

@media (max-width: 1680px) {
    .cmnLoanApplySecService .wrapper .mainTitleWrap {
        gap: 45px
    }
}

@media (max-width: 1450px) {
    .cmnLoanApplySecService .wrapper .mainTitleWrap {
        max-width: 350px;
        gap: 35px
    }
}

@media (max-width: 991px) {
    .cmnLoanApplySecService .wrapper .mainTitleWrap {
        max-width: 275px !important;
        gap: 20px !important
    }
}

@media (max-height: 800px) {
    .cmnLoanApplySecService .wrapper .mainTitleWrap {
        max-width: 350px;
        gap: 35px
    }
}

.cmnLoanApplySecService .wrapper .mainTitleWrap .icn {
    max-width: 75px;
    height: 95px
}

@media (max-width: 1450px) {
    .cmnLoanApplySecService .wrapper .mainTitleWrap .icn {
        max-width: 60px;
        height: 80px
    }
}

@media (max-width: 1279px) {
    .cmnLoanApplySecService .wrapper .mainTitleWrap .icn {
        max-width: 45px;
        height: 65px
    }
}

@media (max-height: 800px) {
    .cmnLoanApplySecService .wrapper .mainTitleWrap .icn {
        max-width: 45px;
        height: 65px
    }
}

.cmnLoanApplySecService .wrapper .mainTitleWrap h2 {
    color: #C32641
}

.cmnLoanApplySecService .wrapper .mainDesc {
    max-width: 730px
}

@media (max-width: 991px) {
    .cmnLoanApplySecService .wrapper .mainDesc {
        max-width: 100%
    }
}

.cmnLoanApplySecService .wrapper .applyBtn {
    margin-block-start: 0;
    padding-inline: 30px;
    height: max-content
}

.cmnLoanApplySecService .wrapper .cmnBtn {
    background-color: var(--btnClr);
    color: var(--white)
}

    .cmnLoanApplySecService .wrapper .cmnBtn svg {
        transform: rotateZ(315deg) scale(1.4);
        left: 3px
    }

        .cmnLoanApplySecService .wrapper .cmnBtn svg .fill {
            fill: var(--white)
        }

    .cmnLoanApplySecService .wrapper .cmnBtn span svg path {
        fill: var(--white)
    }

.servbtn .applyBtn {
    margin-block-start: 0;
    padding: 16px 20px
}

#serviceDSec2, #serviceDSec44, #serviceDSec5, #serviceDSec4, #serviceDSec6, #serviceDSec11, #serviceDSec12 {
    scroll-margin-block-start: 100px
}

.serviceCommon ul {
    padding: 0 0px 28px;
    margin-left: 20px
}

    .serviceCommon ul li {
        list-style: initial;
        position: relative;
        list-style-type: disc;
        padding-left: 0;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        color: var(--c2d)
    }

@media (max-width: 1680px) {
    .serviceCommon ul li {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .serviceCommon ul li {
        font-size: 14px;
        line-height: 24px
    }
}

.serviceCommon ul li span {
    font-weight: 600
}

.serviceCommon ul li:last-child {
    margin-bottom: 0px
}

.serviceCommon ul li ul {
    padding: 0 0px 28px;
    margin-left: 20px
}

    .serviceCommon ul li ul li {
        list-style: initial;
        position: relative;
        list-style-type: circle;
        padding-left: 0;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        color: var(--c2d)
    }

@media (max-width: 1680px) {
    .serviceCommon ul li ul li {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .serviceCommon ul li ul li {
        font-size: 14px;
        line-height: 24px
    }
}

.serviceCommon ul li ul li span {
    font-weight: 600
}

.serviceCommon ul li ul li:last-child {
    margin-bottom: 0px
}

.serviceCommon ol {
    padding: 0 0px 28px;
    margin-left: 20px
}

    .serviceCommon ol li {
        list-style: initial;
        list-style-type: decimal;
        position: relative;
        padding-left: 0;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        color: var(--c2d)
    }

@media (max-width: 1680px) {
    .serviceCommon ol li {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .serviceCommon ol li {
        font-size: 14px;
        line-height: 20px
    }
}

.serviceCommon ol li:last-child {
    margin-bottom: 0px
}

.serviceCommon a:hover {
    color: #F26522
}

.careerForm {
    padding: 36px 0 60px
}

@media (max-width: 680px) {
    .careerForm {
        padding: 36px 0 35px
    }
}

.careerForm .careerFormArea {
    display: grid;
    grid-template-columns: 363px 1fr;
    grid-gap: 20px;
    max-width: 1620px;
    margin: auto
}

@media (max-width: 1199px) {
    .careerForm .careerFormArea {
        grid-template-columns: 290px 1fr
    }
}

@media (max-width: 991px) {
    .careerForm .careerFormArea {
        grid-template-columns: 1fr
    }
}

.careerForm .careerFormArea .leftProgress {
    background-color: var(--white);
    padding: 16px 14px;
    border-radius: 16px;
    -webkit-box-shadow: 0px 0px 34px -3px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 34px -3px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 34px -3px rgba(0,0,0,0.16)
}

@media (max-width: 767px) {
    .careerForm .careerFormArea .leftProgress {
        border-radius: 10px
    }
}

@media (max-width: 680px) {
    .careerForm .careerFormArea .leftProgress {
        border-radius: 8px
    }
}

.careerForm .careerFormArea .leftProgress .circleOuterDiv {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 46px 28px 28px;
    margin-bottom: 16px;
    background-color: var(--cfa);
    border-radius: 8px
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .leftProgress .circleOuterDiv {
        display: none
    }
}

.careerForm .careerFormArea .leftProgress .circleOuterDiv .circleProgress {
    position: relative;
    width: 192px;
    height: 192px;
    margin-bottom: 26px
}

    .careerForm .careerFormArea .leftProgress .circleOuterDiv .circleProgress .text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: #000000;
        width: 115px;
        height: 115px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: linear-gradient(to right, #fff 0%, #e6e6e6 100%)
    }

        .careerForm .careerFormArea .leftProgress .circleOuterDiv .circleProgress .text h2 {
            font-size: 38px;
            font-weight: 400;
            letter-spacing: 1px
        }

    .careerForm .careerFormArea .leftProgress .circleOuterDiv .circleProgress .circle {
        width: 192px;
        height: 192px;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .careerForm .careerFormArea .leftProgress .circleOuterDiv .circleProgress .circle .points {
            width: 3px;
            height: 32px;
            position: absolute;
            transform: rotate(calc(var(--i)*var(--rot))) translateY(-80px);
            background: linear-gradient(to bottom, #e6e6e6 0%, #fff 100%)
        }

    .careerForm .careerFormArea .leftProgress .circleOuterDiv .circleProgress .points.marked {
        animation: glow 0.5s linear forwards;
        animation-delay: calc(var(--i)*0.05s)
    }

@keyframes glow {
    0% {
        background: #0007
    }

    100% {
        background: var(--bgColor)
    }
}

.careerForm .careerFormArea .leftProgress .circleOuterDiv .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    color: var(--c2d);
    margin-bottom: 15px
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .leftProgress .circleOuterDiv .title {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .leftProgress .circleOuterDiv .title {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px
    }
}

.careerForm .careerFormArea .leftProgress .circleOuterDiv p {
    text-align: center
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec {
        display: flex;
        justify-content: center;
        gap: 10px
    }
}

.careerForm .careerFormArea .leftProgress .fmpgListSec .listArea {
    display: grid;
    grid-template-columns: 33px 1fr;
    column-gap: 16px;
    align-items: center;
    margin-bottom: 15px;
    cursor: pointer
}

@media (max-width: 1199px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea {
        grid-template-columns: 30px 1fr;
        column-gap: 8px;
        margin-bottom: 15px
    }
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea {
        grid-template-columns: 1fr;
        margin-bottom: 0px
    }
}

.careerForm .careerFormArea .leftProgress .fmpgListSec .listArea.active .num {
    color: var(--white);
    background-color: #1EAB03
}

.careerForm .careerFormArea .leftProgress .fmpgListSec .listArea.active .text {
    background-color: #FFF4E8
}

    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea.active .text .icn .grad {
        display: flex
    }

    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea.active .text .icn .dark {
        display: none
    }

.careerForm .careerFormArea .leftProgress .fmpgListSec .listArea:last-child {
    margin-bottom: 0
}

    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea:last-child .num:after {
        display: none
    }

.careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .num {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: var(--c70);
    width: 33px;
    height: 33px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cfa);
    position: relative
}

@media (max-width: 1199px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .num {
        font-size: 14px;
        line-height: 24px;
        width: 30px;
        height: 30px
    }
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .num {
        margin: 0 auto 10px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .num {
        font-size: 14px;
        line-height: 24px;
        width: 30px;
        height: 30px
    }
}

.careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .num::after {
    position: absolute;
    content: "";
    left: 16px;
    top: 46px;
    height: 29px;
    width: 1px;
    background: linear-gradient(to bottom, #efb7b7 0%, #8ba2d8 20%, #acdfd8 39%, #c7dfa6 58%, #8dcbb6 79%, #d59494 100%)
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .num::after {
        display: none
    }
}

.careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: var(--c2d);
    padding: 20px 28px;
    background-color: var(--cfa);
    border-radius: 9px;
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    grid-gap: 10px
}

@media (max-width: 1199px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text {
        font-size: 14px;
        line-height: 24px;
        padding: 16px 15px
    }
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text {
        grid-template-columns: 1fr;
        text-align: center;
        line-height: 20px;
        width: 110px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text {
        font-size: 14px;
        line-height: 24px;
        padding: 16px 15px
    }
}

@media (max-width: 767px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text {
        font-size: 13px;
        width: 92px;
        padding: 16px 10px
    }
}

@media (max-width: 680px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text {
        width: 50px;
        padding: 13px 10px;
        height: 50px
    }
}

@media (max-width: 480px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text {
        width: 42px;
        height: 42px;
        padding: 8px 10px
    }
}

.careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text .icn {
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 1199px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text .icn {
        width: 19px
    }
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text .icn {
        margin: auto;
        height: 21px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text .icn {
        width: 19px;
        height: 21px
    }
}

.careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text .icn .grad {
    display: none
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text span {
        min-height: 39px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text span {
        min-height: auto;
        display: flex;
        align-items: center
    }
}

@media (max-width: 680px) {
    .careerForm .careerFormArea .leftProgress .fmpgListSec .listArea .text span {
        display: none
    }
}

.careerForm .careerFormArea .formSec {
    background-color: var(--cfa);
    border-radius: 16px;
    padding: 36px
}

@media (max-width: 1425px) {
    .careerForm .careerFormArea .formSec {
        padding: 30px 15px
    }
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .formSec {
        padding: 0
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv {
    padding: 32px 32px 35px;
    background-color: var(--white);
    border-radius: 16px;
    -webkit-box-shadow: 0px 0px 34px -3px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 34px -3px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 34px -3px rgba(0,0,0,0.16)
}

@media (max-width: 1425px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv {
        padding: 30px 15px 35px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .title {
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    color: var(--c2d);
    margin-bottom: 26px
}

@media (max-width: 1680px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .title {
        font-size: 24px;
        font-weight: 600;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .title {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-width: 680px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .title {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 27px;
    gap: 27px;
    row-gap: 0
}

@media (max-width: 1680px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt {
        column-gap: 20px
    }
}

@media (max-width: 1199px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 680px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt {
        grid-template-columns: 1fr
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow {
    position: relative;
    margin-bottom: 18px
}

@media (max-width: 1366px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow {
        margin-bottom: 16px
    }
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow {
        margin-bottom: 14px
    }
}

@media (max-width: 680px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow {
        margin-bottom: 12px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow.dob .inputIcnGroup {
    position: relative
}

    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow.dob .inputIcnGroup .inputCtrl {
        padding: 5px 56px 5px 26px
    }

@media (max-width: 1366px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow.dob .inputIcnGroup .inputCtrl {
        padding: 5px 43px 5px 18px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow.dob .inputIcnGroup .inputCtrl {
        padding: 5px 43px 5px 18px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow.dob .inputIcnGroup .icn {
    position: absolute;
    right: 23px;
    top: 17px
}

@media (max-width: 1366px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow.dob .inputIcnGroup .icn {
        right: 16px
    }
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow.dob .inputIcnGroup .icn {
        top: 12px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow.dob .inputIcnGroup .icn {
        top: 12px;
        right: 16px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .inputLabel {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    color: var(--c2d);
    margin-bottom: 8px;
    display: block;
    position: relative
}

@media (max-width: 1366px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .inputLabel {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .inputLabel {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .inputLabel sup {
    color: var(--btnClr);
    position: absolute;
    top: -4px;
    margin-left: 5px
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .inputCtrl {
    width: 100%;
    height: 54px;
    padding: 5px 26px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    border: none;
    border-radius: 8px;
    outline: none;
    color: #707070;
    border: 1px solid #DDDDDD
}

@media (max-width: 1366px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .inputCtrl {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 18px;
        height: 50px;
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .inputCtrl {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 18px;
        height: 45px;
        border-radius: 8px
    }
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .inputCtrl {
        height: 45px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .inputCtrl::placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px
}

@media (max-width: 1366px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .inputCtrl::placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .inputCtrl::placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .textCtrl {
    width: 100%;
    height: 156px;
    padding: 16px 26px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    border: none;
    border-radius: 8px;
    outline: none;
    color: #707070;
    border: 1px solid #DDDDDD
}

@media (max-width: 1366px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .textCtrl {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding: 18px 18px;
        height: 145px
    }
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .textCtrl {
        height: 130px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .textCtrl {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding: 18px 18px;
        height: 130px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input {
    display: flex
}

    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .countycode {
        display: flex;
        gap: 8px !important;
        border-radius: 8px 0 0 8px !important;
        border: 1px solid #DDDDDD !important;
        background-color: #F3F3F3 !important;
        padding: 0 10px 0 10px !important
    }

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .countycode {
        border-radius: 6px 0 0 6px
    }
}

@media (max-width: 480px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .countycode {
        border-radius: 6px 0 0 6px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .countycode option {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .frm-phoneNo {
    border-radius: 0 8px 8px 0;
    width: 100%;
    border-left: none
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .frm-phoneNo {
        border-radius: 0 6px 6px 0
    }
}

@media (max-width: 680px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .frm-phoneNo {
        width: 100% !important
    }
}

@media (max-width: 480px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .frm-phoneNo {
        border-radius: 0 6px 6px 0
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .select2-container--default {
    max-width: 75px !important;
    width: 100% !important
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 5px 0px;
    margin-left: -14px
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .select2-selection--single {
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px 0 0 8px;
    border: 1px solid #DDDDDD;
    background-color: #F3F3F3;
    border-right: none
}

@media (max-width: 1366px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .select2-selection--single {
        height: 50px
    }
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .select2-selection--single {
        height: 45px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .select2-selection--single {
        height: 45px;
        border-radius: 8px 0 0 8px !important
    }
}

@media (max-width: 767px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .select2-selection--single {
        border-radius: 8px 0 0 8px !important
    }
}

@media (max-width: 480px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .select2-selection--single {
        height: 45px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .select2-selection__arrow {
    padding-top: 10px !important;
    right: 9px
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .select2-selection__arrow {
        top: 16px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt .inputRow .phone-input .selectpicketPhone {
    right: unset
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt.divSpltTw {
    grid-template-columns: 1fr 1fr
}

@media (max-width: 680px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .divSplt.divSpltTw {
        grid-template-columns: 1fr
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container {
    width: 100% !important
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 21px;
    right: 16px;
    background-image: url(../images/dwnArrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 16px
    }
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 17px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg)
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #707070;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px
}

@media (max-width: 1366px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container--default .select2-selection--single {
    border: 1px solid #DDDDDD;
    border-radius: 8px
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 5px 26px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1366px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 5px 18px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 5px 18px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container .select2-selection--single {
    height: 54px;
    display: flex;
    align-items: center
}

@media (max-width: 1366px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container .select2-selection--single {
        height: 50px
    }
}

@media (max-width: 991px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container .select2-selection--single {
        height: 45px
    }
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .select2-container .select2-selection--single {
        height: 45px
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .btnGrp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    column-gap: 17px
}

@media (max-width: 680px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .btnGrp {
        gap: 10px;
        column-gap: 10px
    }
}

@media (max-width: 480px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .btnGrp {
        flex-direction: column;
        width: 100%
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .btnGrp .cmnBtn {
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    color: #FAFAFA;
    padding: 5px 30px;
    height: 50px;
    background-color: var(--btnClr);
    border: none;
    border-radius: 12px;
    min-width: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    white-space: nowrap
}

@media (max-height: 800px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .btnGrp .cmnBtn {
        border-radius: 8px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-width: 680px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .btnGrp .cmnBtn {
        padding: 5px 40px;
        height: 45px;
        border: none;
        border-radius: 8px;
        width: 133px
    }
}

@media (max-width: 480px) {
    .careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .btnGrp .cmnBtn {
        width: 100%;
        max-width: 100%
    }
}

.careerForm .careerFormArea .formSec .formSecInnerDiv .formSecArea .btnGrp .cmnBtn.cmnBtnReset {
    color: var(--btnClr);
    background-color: var(--white)
}

.awardsAndRecognitionTopCard {
    padding-top: 33px
}

    .awardsAndRecognitionTopCard .topCardArea {
        border: 22px;
        padding: 53px 49px;
        background: linear-gradient(135deg, rgba(239,183,183,0.1) 0%, rgba(139,162,216,0.1) 20%, rgba(172,223,216,0.1) 41%, rgba(199,223,166,0.1) 62%, rgba(141,203,182,0.1) 82%, rgba(213,148,148,0.1) 100%);
        border-radius: 22px
    }

@media (max-width: 1199px) {
    .awardsAndRecognitionTopCard .topCardArea {
        border: 12px;
        padding: 40px 25px
    }
}

@media (max-height: 800px) {
    .awardsAndRecognitionTopCard .topCardArea {
        border: 12px;
        padding: 40px 25px
    }
}

@media (max-width: 680px) {
    .awardsAndRecognitionTopCard .topCardArea {
        padding: 25px 15px;
        border-radius: 10px
    }
}

.awardsAndRecognitionTopCard .topCardArea h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    color: var(--c2d);
    margin-bottom: 21px;
    text-align: center
}

@media (max-width: 1680px) {
    .awardsAndRecognitionTopCard .topCardArea h2 {
        font-size: 24px;
        font-weight: 600;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    .awardsAndRecognitionTopCard .topCardArea h2 {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    .awardsAndRecognitionTopCard .topCardArea h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-height: 800px) {
    .awardsAndRecognitionTopCard .topCardArea h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-width: 680px) {
    .awardsAndRecognitionTopCard .topCardArea h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

.awardsAndRecognitionTopCard .topCardArea .cardListSec {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 25px
}

@media (max-width: 1199px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec {
        grid-gap: 20px
    }
}

@media (max-width: 991px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 680px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec {
        grid-gap: 18px
    }
}

@media (max-width: 575px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec {
        grid-template-columns: 1fr
    }
}

.awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList {
    background-color: var(--white);
    padding: 40px;
    border-radius: 16px;
    -webkit-box-shadow: 9px 11px 20px 2px rgba(0,0,0,0.13);
    -moz-box-shadow: 9px 11px 20px 2px rgba(0,0,0,0.13);
    box-shadow: 9px 11px 20px 2px rgba(0,0,0,0.13)
}

@media (max-width: 1199px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList {
        padding: 30px
    }
}

@media (max-width: 991px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList {
        display: flex;
        gap: 20px;
        column-gap: 10px
    }
}

@media (max-height: 800px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList {
        padding: 30px
    }
}

@media (max-width: 680px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList {
        padding: 20px;
        border-radius: 10px
    }
}

.awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList .icn {
    margin-bottom: 19px
}

@media (max-width: 991px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList .icn {
        width: 37px
    }
}

.awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList .title {
    font-size: 36px;
    font-weight: 600;
    line-height: 49px;
    margin-bottom: 5px
}

@media (max-width: 1279px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList .title {
        font-size: 32px;
        font-weight: 600;
        line-height: 40px
    }
}

@media (max-width: 1199px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList .title {
        font-size: 28px;
        font-weight: 600;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList .title {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px
    }
}

@media (max-height: 800px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList .title {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px
    }
}

@media (max-width: 680px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }
}

.awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList p {
    font-weight: 500;
    margin-bottom: 25px
}

@media (max-width: 991px) {
    .awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList p {
        margin-bottom: 10px
    }
}

.awardsAndRecognitionTopCard .topCardArea .cardListSec .cardList hr {
    max-width: 230px;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #35d99c 0%, #4478c7 25%, #8458b0 52%, #956f79 77%, #c5ce43 100%);
    margin: 0;
    border: none
}

.awardsAndRecognitionAwardCard {
    padding: 60px 0 111px
}

@media (max-width: 1199px) {
    .awardsAndRecognitionAwardCard {
        padding: 50px 0 50px
    }
}

@media (max-height: 800px) {
    .awardsAndRecognitionAwardCard {
        padding: 50px 0 50px
    }
}

@media (max-width: 767px) {
    .awardsAndRecognitionAwardCard {
        padding: 40px 0 40px
    }
}

.awardsAndRecognitionAwardCard .AwardCardArea {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 50px;
    max-width: 1620px;
    margin: auto;
    margin-top: 32px
}

@media (max-width: 1279px) {
    .awardsAndRecognitionAwardCard .AwardCardArea {
        grid-gap: 20px
    }
}

@media (max-width: 991px) {
    .awardsAndRecognitionAwardCard .AwardCardArea {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 575px) {
    .awardsAndRecognitionAwardCard .AwardCardArea {
        grid-template-columns: 1fr
    }
}

.awardsAndRecognitionAwardCard .AwardCardArea .AwardCard {
    max-width: 484px;
    width: 100%
}

    .awardsAndRecognitionAwardCard .AwardCardArea .AwardCard .pic {
        max-width: 507px;
        max-width: 484px;
        width: 100%;
        overflow: hidden;
        padding: 24px 22px;
        border-radius: 23px;
        -webkit-box-shadow: 9px 5px 23px 2px rgba(0,0,0,0.13);
        -moz-box-shadow: 9px 5px 23px 2px rgba(0,0,0,0.13);
        box-shadow: 9px 5px 23px 2px rgba(0,0,0,0.13)
    }

@media (max-width: 1279px) {
    .awardsAndRecognitionAwardCard .AwardCardArea .AwardCard .pic {
        padding: 11px 14px;
        border-radius: 16px
    }
}

@media (max-height: 800px) {
    .awardsAndRecognitionAwardCard .AwardCardArea .AwardCard .pic {
        padding: 11px 14px;
        border-radius: 16px
    }
}

.awardsAndRecognitionAwardCard .AwardCardArea .AwardCard .pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 14px
}

.awardsAndRecognitionAwardCard .AwardCardArea .AwardCard .textArea {
    background-color: #F3F3F3;
    border-radius: 17px;
    padding: 24px 20px 31px;
    margin-top: 15px
}

    .awardsAndRecognitionAwardCard .AwardCardArea .AwardCard .textArea .title {
        font-size: 19px;
        font-weight: 700;
        line-height: 26px;
        color: var(--btnClr);
        margin-bottom: 12px
    }

@media (max-width: 1680px) {
    .awardsAndRecognitionAwardCard .AwardCardArea .AwardCard .textArea .title {
        font-size: 18px;
        line-height: 25px
    }
}

@media (max-width: 1279px) {
    .awardsAndRecognitionAwardCard .AwardCardArea .AwardCard .textArea .title {
        font-size: 16px;
        line-height: 23px
    }
}

@media (max-height: 800px) {
    .awardsAndRecognitionAwardCard .AwardCardArea .AwardCard .textArea .title {
        font-size: 16px;
        line-height: 23px
    }
}

.awardsAndRecognitionAwardCard .AwardCardArea .AwardCard .textArea p {
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 66px
}

@media (max-width: 1279px) {
    .awardsAndRecognitionAwardCard .AwardCardArea .AwardCard .textArea p {
        min-height: 54px
    }
}

@media (max-height: 800px) {
    .awardsAndRecognitionAwardCard .AwardCardArea .AwardCard .textArea p {
        min-height: 54px
    }
}

@media (max-width: 680px) {
    .awardsAndRecognitionAwardCard .AwardCardArea .AwardCard .textArea p {
        min-height: auto
    }
}

.policytemplate {
    padding: 44px 0 0
}

    .policytemplate .innerDiv {
        max-width: 1620px;
        margin: auto
    }

    .policytemplate .policyWel {
        padding: 0 70px 68px
    }

@media (max-width: 991px) {
    .policytemplate .policyWel {
        padding: 0 20px 50px
    }
}

@media (max-height: 800px) {
    .policytemplate .policyWel {
        padding: 0 20px 50px
    }
}

@media (max-width: 767px) {
    .policytemplate .policyWel {
        padding: 0 15px 40px
    }
}

@media (max-width: 680px) {
    .policytemplate .policyWel {
        padding: 0 0 30px
    }
}

.policytemplate .policyWel p {
    text-align: center;
    margin-bottom: 26px;
    padding-top: 26px
}

    .policytemplate .policyWel p:last-child {
        padding-top: 0px;
        margin-bottom: 0
    }

.policytemplate .accodianSec {
    padding: 16px 65px 12px;
    border-radius: 23px;
    position: relative;
    margin-bottom: 36px
}

@media (max-width: 1450px) {
    .policytemplate .accodianSec {
        padding: 16px 40px 12px;
        border-radius: 18px
    }
}

@media (max-width: 991px) {
    .policytemplate .accodianSec {
        padding: 16px 30px 12px;
        border-radius: 15px
    }
}

@media (max-height: 800px) {
    .policytemplate .accodianSec {
        padding: 16px 30px 12px;
        border-radius: 15px
    }
}

@media (max-width: 767px) {
    .policytemplate .accodianSec {
        padding: 16px 25px 12px;
        border-radius: 10px
    }
}

@media (max-width: 680px) {
    .policytemplate .accodianSec {
        padding: 16px 15px 12px;
        border-radius: 10px
    }
}

.policytemplate .accodianSec::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 23px;
    border: 1px solid var(--c2d);
    background: linear-gradient(135deg, #efb7b7 0%, #8ba2d8 19%, #acdfd8 40%, #c7dfa6 60%, #8dcbb6 81%, #d59494 100%);
    opacity: .08
}

@media (max-width: 1450px) {
    .policytemplate .accodianSec::before {
        border-radius: 18px
    }
}

@media (max-width: 991px) {
    .policytemplate .accodianSec::before {
        border-radius: 15px
    }
}

@media (max-height: 800px) {
    .policytemplate .accodianSec::before {
        border-radius: 15px
    }
}

@media (max-width: 767px) {
    .policytemplate .accodianSec::before {
        border-radius: 10px
    }
}

.policytemplate .accodianSec .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: var(--black);
    z-index: 1;
    position: relative
}

@media (max-width: 1450px) {
    .policytemplate .accodianSec .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 1366px) {
    .policytemplate .accodianSec .title {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .policytemplate .accodianSec .title {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .policytemplate .accodianSec .title {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

.policytemplate .accodianSec .accordionWrap {
    width: 100%;
    margin: 0 auto;
    z-index: 1;
    position: relative
}

    .policytemplate .accodianSec .accordionWrap .innerWrap {
        display: grid
    }

        .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec {
            cursor: pointer;
            overflow: hidden
        }

            .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec:last-child .outterDiv {
                border-bottom: none
            }

            .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
                border-radius: 0px;
                padding: 32px 0 32px;
                border-bottom: 1px solid #DDDDDD
            }

@media (max-width: 1450px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
        padding: 25px 0 25px
    }
}

@media (max-width: 1279px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
        padding: 20px 0 20px
    }
}

@media (max-width: 991px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
        padding: 12px 0 12px
    }
}

@media (max-height: 800px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
        padding: 12px 0 12px
    }
}

.policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 15px;
    padding: 0 11px 0 32px
}

@media (max-width: 1279px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv {
        padding: 0 11px 0 20px
    }
}

@media (max-width: 991px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv {
        padding: 0 10px 0 12px
    }
}

@media (max-height: 800px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv {
        padding: 0 10px 0 12px
    }
}

.policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: var(--black)
}

@media (max-width: 1450px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 1366px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 991px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv {
        width: 15px
    }
}

.policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv .min {
    display: none
}

.policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv .plus {
    display: flex
}

.policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
    margin-top: 32px;
    -webkit-box-shadow: 0px 14px 20px -15px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 14px 20px -15px rgba(0,0,0,0.24);
    box-shadow: 0px 14px 20px -15px rgba(0,0,0,0.24);
    background-color: var(--white);
    border-radius: 23px
}

@media (max-width: 1680px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        margin-top: 20px
    }
}

@media (max-width: 1450px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        border-radius: 18px
    }
}

@media (max-width: 1279px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        margin-top: 12px
    }
}

@media (max-width: 991px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        margin-top: 8px;
        border-radius: 15px
    }
}

@media (max-height: 800px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        margin-top: 8px;
        border-radius: 15px
    }
}

@media (max-width: 767px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        border-radius: 10px
    }
}

@media (max-width: 680px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        border-radius: 8px
    }
}

.policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    color: var(--theme-colour1);
    padding: 28px;
    text-align: center;
    background-color: #FEEFE8;
    border-radius: 23px 23px 0 0
}

@media (max-width: 1450px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .title {
        border-radius: 18px 18px 0 0;
        padding: 20px 28px
    }
}

@media (max-width: 991px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .title {
        border-radius: 15px 15px 0 0
    }
}

@media (max-height: 800px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .title {
        border-radius: 15px 15px 0 0
    }
}

@media (max-width: 767px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .title {
        border-radius: 10px 10px 0 0
    }
}

@media (max-width: 680px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .title {
        border-radius: 8px 8px 0 0
    }
}

.policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .sub {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    color: var(--c2d);
    padding: 24px 39px 30px
}

@media (max-width: 1680px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .sub {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 1279px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .sub {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-height: 800px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .sub {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width: 767px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .sub {
        padding: 18px
    }
}

@media (max-width: 680px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .sub {
        padding: 15px
    }
}

.policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv ul {
    padding: 0 39px 30px
}

@media (max-width: 767px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv ul {
        padding: 0 18px 30px
    }
}

@media (max-width: 680px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv ul {
        padding: 0 15px 30px
    }
}

.policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv ul li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 18px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: var(--c2d)
}

@media (max-width: 1680px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv ul li {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 1279px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv ul li {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-height: 800px) {
    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv ul li {
        font-size: 12px;
        line-height: 18px
    }
}

.policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv ul li:last-child {
    margin-bottom: 0px
}

.policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv ul li::after {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    background-color: var(--btnClr);
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .innerDiv {
    display: flex !important;
    flex-direction: column
}

.policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv {
    transition: .4s ease-in-out
}

    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv .min {
        display: flex !important
    }

    .policytemplate .accodianSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv .plus {
        display: none !important
    }

.policytemplate .accodianSec .accordionWrap .cmnBtn {
    margin-left: auto
}

@media (max-width: 991px) {
    .policytemplate .accodianSec .accordionWrap .cmnBtn {
        margin: 0 auto
    }
}

.policytemplate .cmnSub {
    font-size: 24px;
    font-weight: 600;
    line-height: 25px;
    color: var(--c2d);
    margin-bottom: 22px
}

@media (max-width: 1680px) {
    .policytemplate .cmnSub {
        font-size: 22px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .policytemplate .cmnSub {
        font-size: 20px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .policytemplate .cmnSub {
        font-size: 18px;
        font-weight: 600;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .policytemplate .cmnSub {
        font-size: 18px;
        font-weight: 600;
        line-height: 20px
    }
}

.policytemplate h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 25px;
    color: var(--c2d);
    margin-bottom: 22px
}

@media (max-width: 1680px) {
    .policytemplate h4 {
        font-size: 22px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .policytemplate h4 {
        font-size: 20px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .policytemplate h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .policytemplate h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 20px
    }
}

.policytemplate p {
    margin-bottom: 36px
}

@media (max-width: 767px) {
    .policytemplate p {
        margin-bottom: 20px;
        padding-top: 20px
    }
}

@media (max-width: 680px) {
    .policytemplate p {
        margin-bottom: 15px;
        padding-top: 0
    }
}

.policytemplate p strong {
    font-weight: 600;
    display: block
}

.policytemplate p span {
    font-weight: 600
}

.policytemplate ul {
    padding: 0 0px 28px
}

    .policytemplate ul li {
        list-style: none;
        position: relative;
        padding-left: 20px;
        margin-bottom: 18px;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        color: var(--c2d)
    }

@media (max-width: 1680px) {
    .policytemplate ul li {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .policytemplate ul li {
        font-size: 14px;
        line-height: 24px
    }
}

.policytemplate ul li span {
    font-weight: 600
}

.policytemplate ul li:last-child {
    margin-bottom: 0px
}

.policytemplate ul li::after {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    background-color: var(--btnClr);
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.policytemplate ol {
    padding: 0 0px 28px
}

@media (max-width: 767px) {
    .policytemplate ol {
        padding: 0 0px 18px
    }
}

@media (max-width: 680px) {
    .policytemplate ol {
        padding: 0 0px 10px
    }
}

.policytemplate ol li {
    list-style: none;
    position: relative;
    padding-left: 45px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--c2d);
    min-height: 33px
}

@media (max-width: 1680px) {
    .policytemplate ol li {
        font-size: 14px;
        line-height: 20px;
        min-height: 31px
    }
}

@media (max-height: 800px) {
    .policytemplate ol li {
        font-size: 14px;
        line-height: 20px;
        min-height: 31px;
        padding-left: 35px
    }
}

@media (max-width: 680px) {
    .policytemplate ol li {
        padding-left: 35px
    }
}

.policytemplate ol li:last-child {
    margin-bottom: 0px
}

.policytemplate ol li::after {
    position: absolute;
    content: "";
    left: 0;
    top: -3px;
    width: 33px;
    height: 33px;
    background-image: url(../images/olTick.svg);
    background-position: center center;
    background-repeat: no-repeat
}

@media (max-height: 800px) {
    .policytemplate ol li::after {
        width: 23px;
        height: 23px;
        background-size: cover
    }
}

@media (max-width: 680px) {
    .policytemplate ol li::after {
        width: 23px;
        height: 23px;
        background-size: cover
    }
}

.policytemplate .tableScrl {
    overflow: auto;
    margin: 29px 0 50px
}

@media (max-width: 767px) {
    .policytemplate .tableScrl {
        margin: 25px 0 30px
    }
}

@media (max-width: 680px) {
    .policytemplate .tableScrl {
        margin: 20px 0 25px
    }
}

.policytemplate .tableScrl::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    margin-left: 5px;
    left: 5px
}

.policytemplate .tableScrl::-webkit-scrollbar-track {
    background: #f8f8f8
}

.policytemplate .tableScrl::-webkit-scrollbar-thumb {
    background: #c0c0c0
}

.policytemplate table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px
}

    .policytemplate table thead tr {
        background-color: #EDEDED
    }

        .policytemplate table thead tr th {
            font-size: 20px;
            font-weight: 600;
            line-height: 27px;
            color: var(--c2d);
            padding: 17px 28px;
            text-align: left;
            border-right: 1px solid #DDDDDD;
            border-bottom: 1px solid #DDDDDD
        }

@media (max-width: 1680px) {
    .policytemplate table thead tr th {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .policytemplate table thead tr th {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .policytemplate table thead tr th {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        padding: 15px 20px
    }
}

@media (max-width: 767px) {
    .policytemplate table thead tr th {
        padding: 15px 20px
    }
}

@media (max-width: 680px) {
    .policytemplate table thead tr th {
        padding: 12px 15px
    }
}

.policytemplate table tbody tr td {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--c2d);
    padding: 17px 28px;
    text-align: left;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD
}

@media (max-width: 1680px) {
    .policytemplate table tbody tr td {
        font-size: 17px;
        font-weight: 400;
        line-height: 23px
    }
}

@media (max-width: 1599px) {
    .policytemplate table tbody tr td {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .policytemplate table tbody tr td {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .policytemplate table tbody tr td {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 15px 20px
    }
}

@media (max-width: 767px) {
    .policytemplate table tbody tr td {
        padding: 15px 20px
    }
}

@media (max-width: 680px) {
    .policytemplate table tbody tr td {
        padding: 12px 15px
    }
}

.policytemplate .threeCard {
    background-color: #F8F8F8;
    border-radius: 18px;
    padding: 44px 49px;
    margin-bottom: 36px
}

@media (max-width: 1450px) {
    .policytemplate .threeCard {
        padding: 40px 35px
    }
}

@media (max-width: 991px) {
    .policytemplate .threeCard {
        padding: 30px 15px;
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    .policytemplate .threeCard {
        padding: 30px 15px;
        border-radius: 8px
    }
}

.policytemplate .threeCard .cmnSub {
    padding-left: 35px
}

@media (max-width: 991px) {
    .policytemplate .threeCard .cmnSub {
        padding-left: 5px
    }
}

.policytemplate .threeCard .threeCardInner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 18px
}

@media (max-width: 991px) {
    .policytemplate .threeCard .threeCardInner {
        grid-gap: 10px
    }
}

@media (max-height: 800px) {
    .policytemplate .threeCard .threeCardInner {
        grid-gap: 10px
    }
}

@media (max-width: 767px) {
    .policytemplate .threeCard .threeCardInner {
        grid-template-columns: 1fr
    }
}

.policytemplate .threeCard .threeCardInner .cardSec {
    background-color: var(--white);
    border-radius: 15px;
    padding: 24px
}

    .policytemplate .threeCard .threeCardInner .cardSec .title {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px;
        color: var(--c2d);
        margin-bottom: 16px
    }

@media (max-width: 1450px) {
    .policytemplate .threeCard .threeCardInner .cardSec .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 1366px) {
    .policytemplate .threeCard .threeCardInner .cardSec .title {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .policytemplate .threeCard .threeCardInner .cardSec .title {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .policytemplate .threeCard .threeCardInner .cardSec .title {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

.policytemplate .threeCard .threeCardInner .cardSec p {
    margin-bottom: 0
}

.policytemplate .threeCard .threeCardInner .cardSec .dateSec {
    margin-top: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    column-gap: 10px;
    flex-wrap: wrap
}

    .policytemplate .threeCard .threeCardInner .cardSec .dateSec .date {
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        color: var(--c70)
    }

.policytemplate .policySubcardArea {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 26px;
    gap: 26px
}

@media (max-width: 991px) {
    .policytemplate .policySubcardArea {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 575px) {
    .policytemplate .policySubcardArea {
        grid-template-columns: 1fr
    }
}

.policytemplate .policySubcardArea .policySubcard {
    background-color: var(--white);
    padding: 32px 36px;
    border-radius: 20px;
    -webkit-box-shadow: 4px 8px 12px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 4px 8px 12px 0px rgba(0,0,0,0.16);
    box-shadow: 4px 8px 12px 0px rgba(0,0,0,0.16)
}

@media (max-width: 1450px) {
    .policytemplate .policySubcardArea .policySubcard {
        padding: 28px 25px;
        border-radius: 18px
    }
}

@media (max-width: 1366px) {
    .policytemplate .policySubcardArea .policySubcard {
        padding: 20px 16px;
        border-radius: 14px
    }
}

@media (max-height: 800px) {
    .policytemplate .policySubcardArea .policySubcard {
        padding: 20px 16px;
        border-radius: 14px
    }
}

.policytemplate .policySubcardArea .policySubcard .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 17px
}

@media (max-width: 1450px) {
    .policytemplate .policySubcardArea .policySubcard .title {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-width: 1366px) {
    .policytemplate .policySubcardArea .policySubcard .title {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .policytemplate .policySubcardArea .policySubcard .title {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .policytemplate .policySubcardArea .policySubcard .title {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px
    }
}

.policytemplate .policySubcardArea .policySubcard p {
    line-height: 26px;
    margin-bottom: 18px
}

@media (max-width: 1680px) {
    .policytemplate .policySubcardArea .policySubcard p {
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .policytemplate .policySubcardArea .policySubcard p {
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .policytemplate .policySubcardArea .policySubcard p {
        line-height: 22px
    }
}

.policytemplate .policySubcardArea .policySubcard ul {
    margin: 0;
    padding: 0
}

    .policytemplate .policySubcardArea .policySubcard ul li {
        list-style: none;
        padding-left: 0;
        font-weight: 600;
        display: grid;
        grid-template-columns: 20px 1fr;
        grid-gap: 20px;
        margin-bottom: 15px
    }

@media (max-width: 1366px) {
    .policytemplate .policySubcardArea .policySubcard ul li {
        margin-bottom: 10px
    }
}

@media (max-height: 800px) {
    .policytemplate .policySubcardArea .policySubcard ul li {
        margin-bottom: 10px
    }
}

.policytemplate .policySubcardArea .policySubcard ul li::after {
    display: none
}

.policytemplate .policySubcardArea .policySubcard ul li:last-child {
    margin-bottom: 0
}

.policytemplate .policySubcardArea .policySubcard ul li .pic {
    width: 20px
}

    .policytemplate .policySubcardArea .policySubcard ul li .pic img {
        width: 100%
    }

.policytemplate .policySubcardArea .policySubcard ul li .txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.calcHeader .commonBannerSec {
    position: relative
}

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

.gold-rateTable {
    padding-top: 33px
}

    .gold-rateTable .gold-rateTableArea {
        border: 22px;
        padding: 33px 49px 53px;
        background: linear-gradient(135deg, rgba(239,183,183,0.1) 0%, rgba(139,162,216,0.1) 20%, rgba(172,223,216,0.1) 41%, rgba(199,223,166,0.1) 62%, rgba(141,203,182,0.1) 82%, rgba(213,148,148,0.1) 100%);
        border-radius: 22px;
        max-width: 1620px;
        margin: auto
    }

@media (max-width: 1199px) {
    .gold-rateTable .gold-rateTableArea {
        border: 12px;
        padding: 40px 25px
    }
}

@media (max-height: 800px) {
    .gold-rateTable .gold-rateTableArea {
        border: 12px;
        padding: 40px 25px
    }
}

@media (max-width: 767px) {
    .gold-rateTable .gold-rateTableArea {
        border: 12px;
        padding: 25px 15px;
        border-radius: 8px
    }
}

.gold-rateTable .gold-rateTableArea .mainTitleWrap {
    margin: 0
}

.gold-rateTable .gold-rateTableArea .tableCardSec {
    background-color: var(--white);
    border-radius: 16px;
    padding: 24px 72px;
    margin: 22px auto 0;
    -webkit-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.16);
    display: flex;
    justify-content: space-between;
    max-width: 1221px;
    width: 100%
}

@media (max-width: 1279px) {
    .gold-rateTable .gold-rateTableArea .tableCardSec {
        padding: 24px 22px
    }
}

@media (max-width: 991px) {
    .gold-rateTable .gold-rateTableArea .tableCardSec {
        flex-direction: column;
        align-items: center;
        width: fit-content
    }
}

@media (max-height: 800px) {
    .gold-rateTable .gold-rateTableArea .tableCardSec {
        padding: 24px 22px
    }
}

@media (max-width: 767px) {
    .gold-rateTable .gold-rateTableArea .tableCardSec {
        padding: 20px 15px;
        border-radius: 8px
    }
}

@media (max-width: 480px) {
    .gold-rateTable .gold-rateTableArea .tableCardSec {
        width: 100%
    }
}

.gold-rateTable .gold-rateTableArea .tableCardSec .tableCard {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: var(--c2d);
    display: flex;
    align-items: center;
    padding: 0 20px;
    min-height: 80px
}

@media (max-width: 1680px) {
    .gold-rateTable .gold-rateTableArea .tableCardSec .tableCard {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px
    }
}

@media (max-width: 1279px) {
    .gold-rateTable .gold-rateTableArea .tableCardSec .tableCard {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px
    }
}

@media (max-width: 991px) {
    .gold-rateTable .gold-rateTableArea .tableCardSec .tableCard {
        justify-content: center;
        min-height: 60px
    }
}

@media (max-height: 800px) {
    .gold-rateTable .gold-rateTableArea .tableCardSec .tableCard {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        min-height: 60px
    }
}

@media (max-width: 767px) {
    .gold-rateTable .gold-rateTableArea .tableCardSec .tableCard {
        font-size: 16px;
        line-height: 24px;
        padding: 0 15px;
        min-height: 40px
    }
}

@media (max-width: 480px) {
    .gold-rateTable .gold-rateTableArea .tableCardSec .tableCard {
        flex-direction: column
    }
}

.gold-rateTable .gold-rateTableArea .tableCardSec .tableCard.tableCardSpcWth {
    min-width: 285px;
    text-align: center;
    justify-content: center;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9
}

@media (max-width: 1279px) {
    .gold-rateTable .gold-rateTableArea .tableCardSec .tableCard.tableCardSpcWth {
        min-width: 200px
    }
}

@media (max-width: 480px) {
    .gold-rateTable .gold-rateTableArea .tableCardSec .tableCard.tableCardSpcWth {
        border-left: none;
        border-right: none;
        border-top: 1px solid #D9D9D9;
        border-bottom: 1px solid #D9D9D9;
        margin-bottom: 10px;
        padding: 12px 0;
        margin: 12px 0
    }
}

.gold-rateTable .gold-rateTableArea .tableCardSec .tableCard .cmnSpc {
    padding: 0 5px
}

.gold-rateTable .gold-rateTableArea .tableCardSec .tableCard .org {
    color: #F8931E
}

.gold-rateTable .gold-rateTableArea .tableCardSec .tableCard .grn {
    color: #189D0E;
    font-weight: 500
}

.gold-rateTable .mainTitleWrap {
    max-width: 1620px;
    margin: 60px auto 63px
}

@media (max-width: 991px) {
    .gold-rateTable .mainTitleWrap {
        margin: 50px auto 53px
    }
}

@media (max-height: 800px) {
    .gold-rateTable .mainTitleWrap {
        margin: 50px auto 53px
    }
}

@media (max-width: 767px) {
    .gold-rateTable .mainTitleWrap {
        margin: 40px auto 43px
    }
}

.gold-rateTable .mainTitleWrap h2 {
    margin-bottom: 22px
}

.gold-rateTable .mainTitleWrap p {
    text-align: center;
    line-height: 26px;
    max-width: 1540px;
    margin: 0 auto 15px
}

@media (max-width: 1680px) {
    .gold-rateTable .mainTitleWrap p {
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .gold-rateTable .mainTitleWrap p {
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .gold-rateTable .mainTitleWrap p {
        line-height: 22px
    }
}

.gold-rateTable .subListSec {
    max-width: 1620px;
    margin: 60px auto 54px
}

@media (max-width: 991px) {
    .gold-rateTable .subListSec {
        margin: 50px auto 53px
    }
}

@media (max-height: 800px) {
    .gold-rateTable .subListSec {
        margin: 50px auto 53px
    }
}

@media (max-width: 767px) {
    .gold-rateTable .subListSec {
        margin: 40px auto 43px
    }
}

.gold-rateTable .subListSec p {
    margin-bottom: 20px
}

.gold-rateTable .subListSec ul {
    margin: 0;
    padding: 0
}

    .gold-rateTable .subListSec ul li {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        color: var(--c2d);
        margin-bottom: 20px
    }

@media (max-width: 1680px) {
    .gold-rateTable .subListSec ul li {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .gold-rateTable .subListSec ul li {
        font-size: 12px;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .gold-rateTable .subListSec ul li {
        font-size: 12px;
        line-height: 22px
    }
}

.gold-rateTable .subListSec ul li:last-child {
    margin-bottom: 0px
}

.gold-rateTable .subListSec ul li span {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    display: block
}

@media (max-width: 1680px) {
    .gold-rateTable .subListSec ul li span {
        font-size: 17px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 1599px) {
    .gold-rateTable .subListSec ul li span {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 991px) {
    .gold-rateTable .subListSec ul li span {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .gold-rateTable .subListSec ul li span {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px
    }
}

.gold-rateTable .grayBgUlList {
    max-width: 1620px;
    margin: 0 auto 28px;
    background-color: var(--cfa);
    border-radius: 28px;
    padding: 39px 48px 45px
}

@media (max-width: 991px) {
    .gold-rateTable .grayBgUlList {
        border-radius: 18px;
        padding: 30px 30px 35px
    }
}

@media (max-height: 800px) {
    .gold-rateTable .grayBgUlList {
        border-radius: 18px;
        padding: 30px 30px 35px
    }
}

@media (max-width: 767px) {
    .gold-rateTable .grayBgUlList {
        border-radius: 8px;
        padding: 20px 15px 25px;
        margin: 0 auto 10px
    }
}

.gold-rateTable .grayBgUlList .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    color: var(--c2d);
    margin-bottom: 27px
}

@media (max-width: 1680px) {
    .gold-rateTable .grayBgUlList .title {
        font-size: 22px;
        font-weight: 700;
        line-height: 31px
    }
}

@media (max-width: 1279px) {
    .gold-rateTable .grayBgUlList .title {
        font-size: 20px;
        font-weight: 700;
        line-height: 29px
    }
}

@media (max-width: 991px) {
    .gold-rateTable .grayBgUlList .title {
        font-size: 18px;
        font-weight: 700;
        line-height: 27px
    }
}

@media (max-height: 800px) {
    .gold-rateTable .grayBgUlList .title {
        font-size: 18px;
        font-weight: 700;
        line-height: 27px
    }
}

@media (max-width: 767px) {
    .gold-rateTable .grayBgUlList .title {
        margin-bottom: 15px
    }
}

.gold-rateTable .grayBgUlList ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
    gap: 8px
}

@media (max-width: 767px) {
    .gold-rateTable .grayBgUlList ul {
        column-gap: 5px;
        gap: 5px
    }
}

.gold-rateTable .grayBgUlList ul li {
    list-style: none
}

    .gold-rateTable .grayBgUlList ul li a {
        text-decoration: none;
        color: var(--c2d);
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        color: var(--c2d);
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 50px;
        padding: 5px 24px;
        border-radius: 12px;
        border: 1px solid #DDDDDD;
        background-color: var(--white)
    }

@media (max-width: 1680px) {
    .gold-rateTable .grayBgUlList ul li a {
        font-size: 17px;
        font-weight: 600;
        line-height: 23px
    }
}

@media (max-width: 1599px) {
    .gold-rateTable .grayBgUlList ul li a {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .gold-rateTable .grayBgUlList ul li a {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        min-height: 40px;
        padding: 5px 20px;
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    .gold-rateTable .grayBgUlList ul li a {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        min-height: 40px;
        padding: 5px 20px;
        border-radius: 8px
    }
}

@media (max-width: 767px) {
    .gold-rateTable .grayBgUlList ul li a {
        min-height: 35px;
        padding: 5px 13px;
        border-radius: 4px
    }
}

@media (max-width: 480px) {
    .gold-rateTable .grayBgUlList ul li a {
        padding: 5px 5px;
        font-size: 12px
    }
}

.goldTable {
    background-color: #FAFAFA;
    padding: 45px 0
}

    .goldTable .goldTableArea {
        max-width: 1498px;
        width: 100%;
        margin: auto
    }

        .goldTable .goldTableArea .split {
            display: flex;
            gap: 62px;
            column-gap: 62px
        }

@media (max-width: 1450px) {
    .goldTable .goldTableArea .split {
        gap: 50px;
        column-gap: 50px
    }
}

@media (max-width: 1366px) {
    .goldTable .goldTableArea .split {
        gap: 40px;
        column-gap: 40px
    }
}

@media (max-width: 1279px) {
    .goldTable .goldTableArea .split {
        gap: 30px;
        column-gap: 30px
    }
}

@media (max-width: 1199px) {
    .goldTable .goldTableArea .split {
        flex-direction: column;
        gap: 0;
        column-gap: 0
    }
}

.goldTable .goldTableArea .split .commonTable {
    width: 47.5%
}

@media (max-width: 1199px) {
    .goldTable .goldTableArea .split .commonTable {
        width: 100%
    }
}

.commonTable {
    width: 100%;
    margin-bottom: 30px
}

    .commonTable .title {
        font-size: 24px;
        font-weight: 700;
        line-height: 33px;
        color: var(--c2d);
        margin-bottom: 25px
    }

@media (max-width: 1680px) {
    .commonTable .title {
        font-size: 22px;
        font-weight: 700;
        line-height: 31px
    }
}

@media (max-width: 1279px) {
    .commonTable .title {
        font-size: 20px;
        font-weight: 700;
        line-height: 29px
    }
}

@media (max-width: 991px) {
    .commonTable .title {
        font-size: 18px;
        font-weight: 700;
        line-height: 27px
    }
}

.commonTable .tableScrol {
    overflow: auto
}

    .commonTable .tableScrol::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        margin-left: 5px;
        left: 5px
    }

    .commonTable .tableScrol::-webkit-scrollbar-track {
        background: #f8f8f8
    }

    .commonTable .tableScrol::-webkit-scrollbar-thumb {
        background: #c0c0c0
    }

.commonTable table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-radius: 23px;
    margin-bottom: 5px
}

    .commonTable table thead tr th {
        font-size: 16px;
        font-weight: 600;
        line-height: 28px;
        color: var(--theme-colour1);
        padding: 24px 37px;
        background-color: #FEEFE8;
        text-align: left;
        border-right: 1px solid #B8B8B8;
        border-bottom: 1px solid #B8B8B8
    }

@media (max-width: 1680px) {
    .commonTable table thead tr th {
        font-size: 14px;
        line-height: 26px;
        padding: 14px 17px
    }
}

@media (max-width: 1279px) {
    .commonTable table thead tr th {
        font-size: 12px;
        line-height: 24px
    }
}

.commonTable table thead tr th:first-child {
    border-top-left-radius: 23px
}

@media (max-width: 1680px) {
    .commonTable table thead tr th:first-child {
        border-top-left-radius: 18px
    }
}

.commonTable table thead tr th:last-child {
    border-top-right-radius: 23px;
    border-right: none
}

@media (max-width: 1680px) {
    .commonTable table thead tr th:last-child {
        border-top-right-radius: 18px
    }
}

.commonTable table tbody tr:last-child td {
    border-bottom: none
}

    .commonTable table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 23px
    }

@media (max-width: 1680px) {
    .commonTable table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 18px
    }
}

.commonTable table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 23px
}

@media (max-width: 1680px) {
    .commonTable table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 18px
    }
}

.commonTable table tbody tr td {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: var(--c2d);
    padding: 24px 37px;
    text-align: left;
    border-right: 1px solid #B8B8B8;
    border-bottom: 1px solid #B8B8B8;
    background-color: var(--white)
}

@media (max-width: 1680px) {
    .commonTable table tbody tr td {
        font-size: 14px;
        line-height: 26px;
        padding: 14px 17px
    }
}

@media (max-width: 1279px) {
    .commonTable table tbody tr td {
        font-size: 12px;
        line-height: 24px
    }
}

.commonTable table tbody tr td:last-child {
    border-right: none
}

.commonTable.commonTableRowSpn {
    margin-bottom: 0
}

    .commonTable.commonTableRowSpn .subHeadSec td {
        font-weight: 600
    }

    .commonTable.commonTableRowSpn .subHeadSec .rowSec {
        border-bottom: none;
        border-bottom-left-radius: 23px
    }

    .commonTable.commonTableRowSpn table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 0px
    }

.textCenter {
    text-align: center !important
}

.cmnApplyBgGoldrate .outerWraper::after {
    background: linear-gradient(to right, rgba(255,255,255,0.72) 0%, rgba(225,225,225,0.72) 55%, rgba(180,180,180,0.72) 81%, rgba(114,114,114,0.72) 100%)
}

.cmnApplyBgGoldrate .outerWraper .wrapper {
    padding-inline: 0px
}

@media (max-width: 1680px) {
    .cmnApplyBgGoldrate .outerWraper .wrapper {
        padding-inline: 25px
    }
}

.cmnApplyBgGoldrate .outerWraper .wrapper .mainTitleWrap h2 {
    color: var(--c2d)
}

.cmnApplyBgGoldrate .outerWraper .wrapper .mainTitleWrap .mainDesc {
    color: var(--c2d)
}

.cmnApplyBgGoldrate .cmnBtn {
    background-color: var(--btnClr);
    color: var(--white)
}

@media (max-width: 1199px) {
    .cmnApplyBgGoldrate .cmnBtn {
        padding: 15px
    }
}

@media (max-width: 680px) {
    .cmnApplyBgGoldrate .cmnBtn {
        width: 100%;
        justify-content: center;
        margin-block: 8px
    }
}

.cmnApplyBgGoldrate .cmnBtn svg .fill {
    fill: var(--white)
}

.cmnApplyBgGoldrate .cmnBtn span svg path {
    fill: var(--white)
}

.articleSecGoldRate::before {
    bottom: -25px
}

.articleSecGoldRate .articlesWarp {
    padding-block: 24px
}

.crsWelcom .mainTitleWrap {
    max-width: 1620px;
    margin: 60px auto 72px
}

@media (max-width: 991px) {
    .crsWelcom .mainTitleWrap {
        margin: 50px auto 53px
    }
}

@media (max-height: 800px) {
    .crsWelcom .mainTitleWrap {
        margin: 50px auto 53px
    }
}

@media (max-width: 767px) {
    .crsWelcom .mainTitleWrap {
        margin: 40px auto 43px
    }
}

.crsWelcom .mainTitleWrap h2 {
    margin-bottom: 22px
}

.crsWelcom .mainTitleWrap p {
    text-align: center;
    line-height: 26px;
    max-width: 1540px;
    margin: 0 auto 15px
}

@media (max-width: 1680px) {
    .crsWelcom .mainTitleWrap p {
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .crsWelcom .mainTitleWrap p {
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .crsWelcom .mainTitleWrap p {
        line-height: 22px
    }
}

.crsWelcom .mainTitleWrap p:last-child {
    margin-bottom: 0
}

.otherServiceSecSmn .serviceWrap {
    margin: 53px 0 60px !important;
    margin-inline: auto !important
}

@media (max-width: 991px) {
    .otherServiceSecSmn .serviceWrap {
        margin-block: 30px 35px !important
    }
}

@media (max-height: 800px) {
    .otherServiceSecSmn .serviceWrap {
        margin-block: 30px 35px !important
    }
}

.ticketingSecFourCRS {
    padding: 0;
    background-color: transparent
}

    .ticketingSecFourCRS::after {
        display: none
    }

    .ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 54px;
        align-items: flex-start;
        padding-block-start: 10px
    }

@media (max-width: 1450px) {
    .ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour {
        grid-gap: 40px
    }
}

@media (max-width: 1366px) {
    .ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour {
        grid-gap: 30px
    }
}

@media (max-width: 1199px) {
    .ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour {
        grid-gap: 20px
    }
}

@media (max-width: 991px) {
    .ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-height: 800px) {
    .ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour {
        grid-gap: 20px
    }
}

@media (max-width: 680px) {
    .ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour {
        grid-template-columns: 1fr
    }
}

.ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour .singleCard {
    margin-inline: 0 !important
}

@media (max-width: 680px) {
    .ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour .singleCard {
        max-width: 473px;
        margin: auto !important
    }
}

.ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour .singleCard .btmSec h2 {
    max-width: 100%;
    min-height: 60px
}

@media (max-width: 1680px) {
    .ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour .singleCard .btmSec h2 {
        min-height: 56px
    }
}

@media (max-width: 1366px) {
    .ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour .singleCard .btmSec h2 {
        min-height: 56px
    }
}

@media (max-height: 800px) {
    .ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour .singleCard .btmSec h2 {
        min-height: 56px
    }
}

@media (max-width: 680px) {
    .ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour .singleCard .btmSec h2 {
        min-height: auto
    }
}

.ticketingSecFourCRS .ticketingSecFourWrapper .carouselSecFour .singleCard .btmSec .cmnP-LH {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ticketingSecOneCRS {
    margin-block: 38px 84px
}

@media (max-width: 991px) {
    .ticketingSecOneCRS {
        margin-block: 35px 60px
    }
}

@media (max-height: 800px) {
    .ticketingSecOneCRS {
        margin-block: 35px 60px
    }
}

@media (max-width: 767px) {
    .ticketingSecOneCRS {
        margin-block: 30px 50px
    }
}

@media (max-width: 680px) {
    .ticketingSecOneCRS {
        margin-block: 30px 40px
    }
}

.ticketingSecOneCRS .cmnP-LH {
    max-width: 820px
}

.ticketingSecOneCRS .ticketingSecOneWrapper {
    max-width: 1620px;
    margin: auto;
    grid-template-columns: 710px 1fr;
    grid-gap: 67px
}

@media (max-width: 1450px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper {
        grid-template-columns: 600px 1fr;
        grid-gap: 40px
    }
}

@media (max-width: 1366px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper {
        grid-template-columns: 560px 1fr
    }
}

@media (max-height: 800px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper {
        grid-template-columns: 560px 1fr;
        align-items: flex-start
    }
}

@media (max-width: 1199px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper {
        grid-template-columns: 450px 1fr !important
    }
}

@media (max-width: 991px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper {
        grid-template-columns: 360px 1fr !important;
        align-items: flex-start
    }
}

@media (max-width: 767px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper {
        grid-template-columns: 1fr !important;
        grid-gap: 30px
    }
}

.ticketingSecOneCRS .ticketingSecOneWrapper .gridL {
    max-width: 710px
}

@media (max-height: 800px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL {
        max-width: 560px
    }
}

@media (max-width: 767px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL {
        max-width: 450px
    }
}

.ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv {
    max-width: 710px;
    max-height: 560px;
    overflow: hidden;
    width: 100%;
    position: relative
}

    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv img {
        border-radius: 107px;
        z-index: 1;
        position: relative
    }

@media (max-width: 1450px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv img {
        border-radius: 90px
    }
}

@media (max-width: 1366px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv img {
        border-radius: 80px
    }
}

@media (max-width: 1199px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv img {
        border-radius: 70px
    }
}

@media (max-width: 991px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv img {
        border-radius: 60px
    }
}

@media (max-height: 800px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv img {
        border-radius: 60px
    }
}

@media (max-width: 767px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv img {
        border-radius: 50px
    }
}

@media (max-width: 680px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv img {
        border-radius: 30px
    }
}

.ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #F26522;
    border-radius: 0 107px 0 107px
}

@media (max-width: 1450px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv::after {
        border-radius: 0 90px 0 90px
    }
}

@media (max-width: 1366px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv::after {
        border-radius: 0 80px 0 80px
    }
}

@media (max-width: 1199px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv::after {
        border-radius: 0 70px 0 70px
    }
}

@media (max-width: 991px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv::after {
        border-radius: 0 60px 0 60px
    }
}

@media (max-height: 800px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv::after {
        border-radius: 0 60px 0 60px
    }
}

@media (max-width: 767px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv::after {
        border-radius: 0 50px 0 50px
    }
}

@media (max-width: 680px) {
    .ticketingSecOneCRS .ticketingSecOneWrapper .gridL .imgDiv::after {
        border-radius: 0 30px 0 30px
    }
}

.crsIcnList {
    padding: 120px 0 74px;
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 1450px) {
    .crsIcnList {
        padding: 90px 0 74px
    }
}

@media (max-width: 991px) {
    .crsIcnList {
        padding: 80px 0 70px
    }
}

@media (max-height: 800px) {
    .crsIcnList {
        padding: 80px 0 70px
    }
}

@media (max-width: 767px) {
    .crsIcnList {
        padding: 70px 0 60px
    }
}

@media (max-width: 680px) {
    .crsIcnList {
        padding: 50px 0 40px
    }
}

@media (max-width: 575px) {
    .crsIcnList {
        padding: 40px 0 30px
    }
}

.crsIcnList::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #c32641 0%, rgba(195,38,65,0.82) 64%, rgba(242,101,34,0.57) 100%);
    opacity: .7
}

.crsIcnList .crsIcnListArea {
    max-width: 1423px;
    margin: auto;
    z-index: 1;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 122px;
    row-gap: 77px
}

@media (max-width: 1450px) {
    .crsIcnList .crsIcnListArea {
        grid-gap: 60px;
        row-gap: 45px
    }
}

@media (max-width: 1199px) {
    .crsIcnList .crsIcnListArea {
        grid-gap: 50px;
        row-gap: 40px
    }
}

@media (max-width: 991px) {
    .crsIcnList .crsIcnListArea {
        grid-template-columns: 1fr 1fr;
        grid-gap: 40px;
        row-gap: 30px
    }
}

@media (max-height: 800px) {
    .crsIcnList .crsIcnListArea {
        grid-gap: 40px;
        row-gap: 30px
    }
}

@media (max-width: 575px) {
    .crsIcnList .crsIcnListArea {
        grid-template-columns: 1fr;
        row-gap: 20px
    }
}

.crsIcnList .crsIcnListArea .icn {
    height: 46px;
    display: flex;
    align-items: center
}

.crsIcnList .crsIcnListArea h5 {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    color: var(--white);
    padding: 12px 0
}

@media (max-width: 1450px) {
    .crsIcnList .crsIcnListArea h5 {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-width: 1366px) {
    .crsIcnList .crsIcnListArea h5 {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .crsIcnList .crsIcnListArea h5 {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .crsIcnList .crsIcnListArea h5 {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .crsIcnList .crsIcnListArea h5 {
        padding: 6px 0
    }
}

.crsIcnList .crsIcnListArea p {
    color: var(--white);
    line-height: 26px
}

@media (max-width: 1680px) {
    .crsIcnList .crsIcnListArea p {
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .crsIcnList .crsIcnListArea p {
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .crsIcnList .crsIcnListArea p {
        line-height: 22px
    }
}

.Stay-connectCrs {
    padding: 78px 0 0
}

@media (max-width: 991px) {
    .Stay-connectCrs {
        padding: 60px 0 0
    }
}

@media (max-height: 800px) {
    .Stay-connectCrs {
        padding: 60px 0 0
    }
}

@media (max-width: 767px) {
    .Stay-connectCrs {
        padding: 50px 0 0
    }
}

@media (max-width: 680px) {
    .Stay-connectCrs {
        padding: 30px 0 0
    }
}

.Stay-connectCrs .template-containerMaxWth .Stay-connect-all .stayconnect-sec {
    padding-bottom: 0
}

.heading {
    height: auto
}

.contactUs_Landing {
    background: linear-gradient(65deg, rgba(239,183,183,0.08) 0%, rgba(139,162,216,0.08) 19%, rgba(172,223,216,0.08) 40%, rgba(199,223,166,0.08) 65%, rgba(141,203,182,0.08) 83%, rgba(213,148,148,0.08) 100%);
    height: 542px;
    position: relative
}

@media (max-width: 1279px) {
    .contactUs_Landing {
        height: 470px
    }
}

@media (max-width: 1024px) {
    .contactUs_Landing {
        height: 424px
    }
}

.contactUs_Landing .cntct-TitleAll {
    display: flex;
    padding-top: 233px
}

@media (max-width: 1199px) {
    .contactUs_Landing .cntct-TitleAll {
        padding-top: 160px
    }
}

.contactUs_Landing .cntct-TitleAll .mainTitleWrap {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-left: 50px
}

@media (max-width: 1425px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap {
        bottom: 120px
    }
}

@media (max-width: 1279px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap {
        bottom: 132px
    }
}

@media (max-width: 1024px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap {
        bottom: 80px
    }
}

@media (max-height: 800px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap {
        bottom: 80px
    }
}

@media (max-width: 767px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap {
        padding-left: 70px
    }
}

@media (max-width: 680px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap {
        left: 20px !important;
        padding-left: 0px
    }
}

.contactUs_Landing .cntct-TitleAll .mainTitleWrap .mainTitle {
    max-width: 580px !important;
    width: 100% !important;
    text-align: start;
    padding-bottom: 13px
}

@media (max-width: 1450px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap .mainTitle {
        max-width: 390px !important
    }
}

.contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec {
    text-transform: none !important
}

    .contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn .cmnBtn svg {
        color: white !important
    }

.contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec {
    display: flex;
    align-items: center;
    gap: 24px
}

@media (max-width: 680px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec {
        gap: 20px
    }
}

.contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn {
    padding: 16px 20px;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: var(--white);
    color: var(--c2d);
    border-radius: var(--br12);
    transition: .4s ease-in,background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

@media (max-width: 1450px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn {
        font-size: 15px;
        font-weight: 400;
        line-height: 21px;
        padding: 12px 16px;
        gap: 15px
    }
}

@media (max-width: 680px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 12px 14px;
        border-radius: 8px
    }
}

.contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn svg {
    transition: .4s ease-in-out all;
    transform: rotateZ(360deg);
    position: relative;
    left: -5px;
    width: 24px;
    height: 24px
}

@media (max-width: 1450px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn svg {
        width: 20px;
        height: 20px
    }
}

.contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn:hover {
    background-color: #C32641;
    color: var(--white)
}

    .contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn:hover svg {
        transform: rotateZ(315deg) scale(1.4);
        left: 3px
    }

        .contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn:hover svg path {
            fill: var(--white)
        }

.contactUs_Landing .cntct-TitleAll .digital-currency {
    max-width: 364px;
    width: 100%;
    height: 208px
}

@media (max-width: 1850px) {
    .contactUs_Landing .cntct-TitleAll .digital-currency {
        display: none
    }
}

@media (max-width: 1199px) {
    .contactUs_Landing .cntct-TitleAll .digital-currency {
        display: block;
        left: 500px
    }
}

@media (max-width: 1024px) {
    .contactUs_Landing .cntct-TitleAll .digital-currency {
        display: block;
        bottom: 54px
    }
}

@media (max-height: 800px) {
    .contactUs_Landing .cntct-TitleAll .digital-currency {
        max-width: 364px
    }
}

@media (max-width: 767px) {
    .contactUs_Landing .cntct-TitleAll .digital-currency {
        display: none
    }
}

.AddressOff {
    margin-top: 50px
}

@media (max-width: 1199px) {
    .AddressOff {
        margin-top: initial
    }
}

.AddressOff .template-containerMaxWth {
    display: flex;
    gap: 330px
}

@media (max-width: 1850px) {
    .AddressOff .template-containerMaxWth {
        gap: 150px
    }
}

@media (max-width: 1680px) {
    .AddressOff .template-containerMaxWth {
        gap: 130px
    }
}

@media (max-width: 1199px) {
    .AddressOff .template-containerMaxWth {
        gap: 90px
    }
}

@media (max-width: 680px) {
    .AddressOff .template-containerMaxWth {
        gap: 60px
    }
}

@media (max-width: 1199px) {
    .AddressOff .template-containerMaxWth {
        flex-direction: column-reverse;
        align-items: center
    }
}

.AddressOff .template-containerMaxWth .addressAll {
    padding-left: 50px
}

@media (max-width: 1450px) {
    .AddressOff .template-containerMaxWth .addressAll {
        padding-left: 50px
    }
}

@media (max-width: 1199px) {
    .AddressOff .template-containerMaxWth .addressAll {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

@media (max-width: 680px) {
    .AddressOff .template-containerMaxWth .addressAll {
        padding-left: 0px
    }
}

.AddressOff .template-containerMaxWth .addressAll .HeadOffice {
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 16px
}

    .AddressOff .template-containerMaxWth .addressAll .HeadOffice::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(65deg, #f26522 0%, #c32641 47%, #f26522 100%)
    }

.AddressOff .template-containerMaxWth .addressAll .cmpny-address-all {
    display: flex;
    gap: 150px
}

@media (max-width: 1599px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all {
        gap: 70px
    }
}

@media (max-width: 1450px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all {
        flex-direction: column;
        gap: 30px
    }
}

.AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    padding-bottom: 17px;
    max-width: 420px
}

@media (max-width: 1199px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left h2 {
        max-width: initial;
        font-size: 21px;
        font-weight: 700;
        line-height: 26px
    }
}

@media (max-height: 800px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left h2 {
        max-width: initial
    }
}

@media (max-width: 680px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left h2 {
        font-size: 18px;
        font-weight: 700;
        line-height: 22px
    }
}

.AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    max-width: 290px;
    width: 100%;
    padding-bottom: 30px
}

@media (max-width: 1450px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left p {
        padding-bottom: 20px
    }
}

@media (max-width: 1199px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left p {
        max-width: 100%
    }
}

@media (max-width: 991px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left p {
        font-size: 14px;
        line-height: 18px
    }
}

.AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left .addrss-sclMedia {
    display: flex;
    gap: 24px
}

    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left .addrss-sclMedia img {
        width: 24px;
        color: #707070
    }

@media (max-width: 1024px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right {
        display: flex;
        gap: 20px;
        flex-wrap: wrap
    }
}

@media (max-width: 480px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right {
        display: grid;
        grid-template-columns: 1r 1fr;
        gap: 10px
    }
}

.AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right .contact {
    gap: 5px;
    padding-bottom: 33px
}

@media (max-width: 1599px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right .contact {
        padding-bottom: 24px
    }
}

@media (max-width: 1450px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right .contact {
        padding-bottom: 12px
    }
}

@media (max-width: 1024px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right .contact {
        display: flex;
        align-items: center
    }
}

.AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right .contact p {
    max-width: 182px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right .contact span {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px
}

.AddressOff .template-containerMaxWth .ContactUs-Section {
    margin-top: 50px
}

@media (max-width: 575px) {
    .AddressOff .template-containerMaxWth .ContactUs-Section {
        margin-top: 30px
    }
}

@media (max-width: 1024px) {
    .AddressOff .template-containerMaxWth .ContactUs-Section .template-containerMaxWth {
        display: flex;
        justify-content: center
    }
}

.contact-form {
    max-width: 1612px;
    right: 100px;
    top: 150px;
    background: white;
    padding: 32px 42px 40px 42px;
    max-width: 626px;
    width: 100%;
    border-radius: 30px;
    box-shadow: 0 3px 20px rgba(0,0,0,0.1);
    margin-top: -488px
}

@media (max-width: 1450px) {
    .contact-form {
        right: 35px;
        padding: 26px 42px 32px 42px;
        top: 136px
    }
}

@media (max-width: 1279px) {
    .contact-form {
        margin-top: -440px
    }
}

@media (max-height: 800px) {
    .contact-form {
        margin-top: -510px
    }
}

@media (max-width: 1199px) {
    .contact-form {
        margin-top: initial
    }
}

@media (max-width: 767px) {
    .contact-form {
        padding: 30px;
        border-radius: 20px
    }
}

@media (max-width: 480px) {
    .contact-form {
        padding: 15px;
        border-radius: 12px
    }
}

.contact-form .contactUs-from {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media (max-width: 1450px) {
    .contact-form .contactUs-from {
        gap: 8px
    }
}

.contact-form .contactUs-from h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 41px;
    padding-bottom: 20px
}

@media (max-width: 1680px) {
    .contact-form .contactUs-from h2 {
        font-size: 26px;
        line-height: 26px
    }
}

@media (max-width: 1199px) {
    .contact-form .contactUs-from h2 {
        font-size: 24px;
        line-height: 30px
    }
}

@media (max-width: 991px) {
    .contact-form .contactUs-from h2 {
        font-size: 22px;
        line-height: 28px
    }
}

@media (max-width: 680px) {
    .contact-form .contactUs-from h2 {
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 575px) {
    .contact-form .contactUs-from h2 {
        padding-top: 10px
    }
}

.contact-form .contactUs-from .form-group {
    display: flex;
    flex-direction: column;
    position: relative
}

    .contact-form .contactUs-from .form-group .validateText {
        position: absolute;
        z-index: 1;
        bottom: -20px;
        right: 0;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: #ff0000
    }

@media (max-width: 680px) {
    .contact-form .contactUs-from .form-group .validateText {
        font-size: 10px;
        font-weight: 400;
        line-height: 16px
    }
}

.contact-form .contactUs-from .form-group label {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    display: flex;
    align-items: start;
    margin-bottom: 10px;
    color: #2D2D2D
}

@media (max-width: 680px) {
    .contact-form .contactUs-from .form-group label {
        font-size: 14px;
        line-height: 18px
    }
}

.contact-form .contactUs-from .form-group input {
    height: 54px;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    padding-left: 16px;
    color: var(--c70);
    outline: none
}

@media (max-width: 1450px) {
    .contact-form .contactUs-from .form-group input {
        height: 45px;
        border-radius: 10px
    }
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .form-group input {
        height: 42px
    }
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .form-group input {
        border-radius: 8px
    }
}

@media (max-width: 480px) {
    .contact-form .contactUs-from .form-group input {
        border-radius: 6px
    }
}

.contact-form .contactUs-from .form-group input::placeholder {
    color: #DDDDDD;
    font-size: 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.contact-form .contactUs-from .form-group .service-input .select2-container--default {
    width: 100% !important
}

    .contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single {
        height: 54px;
        display: flex;
        align-items: center;
        border: 1px solid var(--bclr);
        background-color: var(--white);
        border-radius: 12px
    }

@media (max-width: 1450px) {
    .contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single {
        height: 45px;
        border-radius: 10px
    }
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single {
        height: 42px
    }
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single {
        border-radius: 8px
    }
}

@media (max-width: 480px) {
    .contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single {
        border-radius: 6px
    }
}

.contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    padding-left: 16px;
    color: var(--c70)
}

.contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 16px;
    right: 24px;
    background-image: url(../images/dwnArrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 14px
    }
}

.contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.contact-form .contactUs-from .form-group .service-input .select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg);
    transform-origin: 50% 50%
}

.contact-form .contactUs-from .form-group textarea {
    outline: none;
    height: 150px;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    padding: 18px 16px;
    color: #2D2D2D;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

@media (max-width: 1450px) {
    .contact-form .contactUs-from .form-group textarea {
        height: 120px;
        border-radius: 10px
    }
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .form-group textarea {
        height: 120px
    }
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .form-group textarea {
        height: 120px;
        border-radius: 8px
    }
}

@media (max-width: 680px) {
    .contact-form .contactUs-from .form-group textarea {
        height: 120px;
        border-radius: 6px
    }
}

.contact-form .contactUs-from .form-group textarea::placeholder {
    color: #DDDDDD;
    font-size: 14px
}

.contact-form .contactUs-from .form-group-star {
    width: 100%
}

@media (max-width: 1450px) {
    .contact-form .contactUs-from .form-group-star label {
        line-height: 18px
    }
}

.contact-form .contactUs-from .form-group-star label sup {
    content: '*';
    color: var(--btnClr);
    -webkit-transform: translateY(-50%);
    transform: translateY(-30%);
    pointer-events: none;
    z-index: 1
}

.contact-form .contactUs-from .form-group-star input::placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #DDDDDD
}

.contact-form .contactUs-from .form-group-star textarea::placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.contact-form .contactUs-from .email-form-chng {
    display: none
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .email-form-chng {
        display: block
    }
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .email-from-show {
        display: none
    }
}

.contact-form .contactUs-from .service-from-chng {
    display: none
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .service-from-chng {
        width: 100%;
        display: block
    }
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .service-from-chng label {
        margin-bottom: 6px
    }
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .service-from-show {
        display: none
    }
}

.contact-form .contactUs-from .from-cntct {
    display: flex;
    gap: 18px
}

@media (max-width: 680px) {
    .contact-form .contactUs-from .from-cntct {
        flex-direction: column
    }
}

.contact-form .contactUs-from .from-cntct .email-form {
    max-width: 259px;
    width: 100%
}

@media (max-width: 680px) {
    .contact-form .contactUs-from .from-cntct .email-form {
        width: 100% !important;
        max-width: 100% !important
    }
}

.contact-form .contactUs-from .from-cntct .phone-input {
    display: flex
}

    .contact-form .contactUs-from .from-cntct .phone-input .countycode {
        display: flex;
        gap: 8px !important;
        border-radius: 12px 0 0 12px !important;
        border: 1px solid #DDDDDD !important;
        background-color: #F3F3F3 !important;
        padding: 0 10px 0 10px !important
    }

        .contact-form .contactUs-from .from-cntct .phone-input .countycode option {
            font-size: 16px;
            font-weight: 400;
            line-height: 22px
        }

    .contact-form .contactUs-from .from-cntct .phone-input .frm-phoneNo {
        border-radius: 0 12px 12px 0;
        max-width: 200px;
        width: 100%
    }

@media (max-width: 1450px) {
    .contact-form .contactUs-from .from-cntct .phone-input .frm-phoneNo {
        border-radius: 0 10px 10px 0
    }
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .from-cntct .phone-input .frm-phoneNo {
        border-radius: 0 8px 8px 0
    }
}

@media (max-width: 680px) {
    .contact-form .contactUs-from .from-cntct .phone-input .frm-phoneNo {
        max-width: 100% !important;
        border-radius: 0 6px 6px 0
    }
}

.contact-form .contactUs-from .from-cntct .phone-input .select2-container--default {
    max-width: 65px !important;
    width: 100%
}

.contact-form .contactUs-from .from-cntct .phone-input .select2-selection--single {
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px 0 0 12px;
    border: 1px solid #DDDDDD;
    background-color: #F3F3F3
}

@media (max-width: 1450px) {
    .contact-form .contactUs-from .from-cntct .phone-input .select2-selection--single {
        height: 45px;
        border-radius: 10px 0 0 10px
    }
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .from-cntct .phone-input .select2-selection--single {
        height: 42px
    }
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .from-cntct .phone-input .select2-selection--single {
        border-radius: 8px 0 0 8px !important
    }
}

.contact-form .contactUs-from .from-cntct .phone-input .select2-selection__arrow {
    top: 20px;
    right: 4px;
    background-image: url(../images/dwnArrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 14px;
    max-width: 14px
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .from-cntct .phone-input .select2-selection__arrow {
        background-size: contain;
        height: 12px;
        max-width: 12px;
        top: 15px
    }
}

.contact-form .contactUs-from .from-cntct .phone-input .select2-selection__arrow b {
    display: none
}

.contact-form .contactUs-from .from-cntct .phone-input .select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg);
    transform-origin: 50% 50%
}

.contact-form .contactUs-from .from-cntct .phone-input .selectpicketPhone {
    right: unset
}

.contact-form .contactUs-from .form-group-check {
    display: flex;
    align-items: start;
    gap: 5px
}

    .contact-form .contactUs-from .form-group-check input {
        width: 16px;
        height: 16px;
        border-radius: 2px
    }

    .contact-form .contactUs-from .form-group-check label {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }

@media (max-width: 575px) {
    .contact-form .contactUs-from .form-group-check label {
        font-size: 12px;
        line-height: 16px
    }
}

.contact-form .contactUs-from .frm-verification {
    display: flex;
    align-items: center;
    border: 1px solid var(--bclr);
    max-width: 287px;
    padding: 15px;
    border-radius: 6px
}

@media (max-width: 1279px) {
    .contact-form .contactUs-from .frm-verification {
        max-width: 280px;
        padding: 12px
    }
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .frm-verification {
        max-width: 260px;
        padding: 12px
    }
}

@media (max-width: 480px) {
    .contact-form .contactUs-from .frm-verification {
        max-width: 240px;
        padding: 12px
    }
}

.contact-form .contactUs-from .verif-robo {
    gap: 12px;
    padding: 12px
}

    .contact-form .contactUs-from .verif-robo .robo-input {
        width: 32px;
        height: 32px;
        border: 1px solid var(--bclr);
        border-radius: 4px
    }

@media (max-width: 1450px) {
    .contact-form .contactUs-from .verif-robo .robo-input {
        width: 22px;
        height: 22px
    }
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .verif-robo .robo-input {
        width: 22px;
        height: 22px
    }
}

.contact-form .contactUs-from .verif-robo .robot {
    padding-right: 33px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .verif-robo .robot {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-width: 480px) {
    .contact-form .contactUs-from .verif-robo .robot {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.contact-form .contactUs-from .verif-robo .robo-img {
    width: 42px !important
}

@media (max-width: 1450px) {
    .contact-form .contactUs-from .verif-robo .robo-img {
        width: 32px !important
    }
}

.contact-form .contactUs-from .Btncmn {
    background-color: var(--btnClr);
    color: var(--white)
}

@media (max-width: 680px) {
    .contact-form .contactUs-from .Btncmn {
        display: flex;
        justify-content: center;
        padding: 16px;
        width: 100%
    }
}

.contact-form .contactUs-from .Btncmn span {
    gap: 22px !important
}

    .contact-form .contactUs-from .Btncmn span svg {
        transform: rotateZ(315deg) scale(1.4);
        left: 3px
    }

.select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg);
    transform-origin: 50% 50%
}

.Swift-sapport {
    background-color: #FAFAFA;
    margin-top: 60px;
    margin-bottom: 132px
}

@media (max-width: 1450px) {
    .Swift-sapport {
        margin-top: 60px
    }
}

@media (max-width: 1279px) {
    .Swift-sapport {
        margin-top: 70px;
        margin-bottom: 80px
    }
}

@media (max-width: 1024px) {
    .Swift-sapport {
        margin-top: 60px
    }
}

@media (max-width: 767px) {
    .Swift-sapport {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

@media (max-width: 480px) {
    .Swift-sapport {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

.Swift-sapport .template-containerMaxWth {
    position: relative
}

    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        max-width: 1554px;
        display: flex;
        padding-top: 64px;
        padding-bottom: 70px;
        gap: 140px;
        margin: 0 auto
    }

@media (max-width: 1680px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        padding-left: initial
    }
}

@media (max-width: 1425px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        gap: 60px
    }
}

@media (max-width: 1279px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        gap: 30px
    }
}

@media (max-width: 1199px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        padding-left: 100px
    }
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        padding-left: initial
    }
}

@media (max-width: 1024px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        justify-content: center !important
    }
}

@media (max-width: 680px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-head {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-bottom: 20px;
    position: relative;
    width: fit-content;
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-head {
        gap: 10px;
        padding-bottom: 16px
    }
}

@media (max-width: 680px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-head {
        gap: 10px
    }
}

@media (max-width: 575px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-head {
        align-items: center
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-head h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: var(--theme-colour1)
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-head::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(65deg, #f26522 0%, #c32641 47%, #f26522 100%)
}

@media (max-width: 575px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    max-width: 580px
}

@media (max-width: 1680px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
        font-size: 35px;
        line-height: 50px
    }
}

@media (max-width: 1366px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
        font-size: 30px;
        line-height: 45px
    }
}

@media (max-width: 1279px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
        font-size: 26px;
        line-height: 40px
    }
}

@media (max-width: 1199px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
        font-size: 22px;
        line-height: 28px
    }
}

@media (max-height: 800px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 33px
    }
}

@media (max-width: 680px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
        font-size: 20px;
        line-height: 28px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact {
    background-color: var(--white);
    padding: 89px 160px 57px 73px;
    border-radius: 23px;
    margin-top: 65px;
    position: relative
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact {
        padding: 70px 120px 57px 50px
    }
}

@media (max-width: 480px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact {
        padding: 40px 30px 20px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default {
    width: 197px !important;
    position: absolute;
    top: -29px
}

    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single {
        height: 62px !important;
        display: flex;
        align-items: center;
        background-color: var(--theme-colour1);
        border-radius: 6px;
        border: none
    }

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single {
        height: 54px !important
    }
}

@media (max-height: 800px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single {
        height: 52px !important
    }
}

@media (max-width: 680px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single {
        height: 48px !important
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    padding-left: 16px;
    color: var(--white);
    max-width: 160px
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url("../images/dropdwn-arrw-white.svg");
    height: 11px !important;
    top: 25px;
    right: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 24px !important
    }
}

@media (max-height: 800px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 22px !important
    }
}

@media (max-width: 680px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 22px !important
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg);
    transform-origin: 50% 50%
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .selectPhone-container {
    width: unset
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .dropdown button {
    display: flex;
    gap: 46px;
    position: absolute;
    top: -29px;
    padding: 18px;
    background-color: var(--theme-colour1);
    color: var(--white);
    border: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    border-radius: 6px
}

@media (max-width: 767px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .dropdown button {
        padding: 14px;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 480px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .dropdown button {
        padding: 18px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .dropdown .dropdown-content {
    border: 1px solid #DDDDDD;
    padding: 20px 20px 10px 20px;
    flex-direction: column;
    position: absolute;
    top: 30px;
    background-color: var(--white);
    width: 230px;
    display: none;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 5px;
    margin-top: 10px
}

    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .dropdown .dropdown-content option {
        padding-bottom: 16px;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px
    }

@media (max-width: 767px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .dropdown .dropdown-content option {
        font-size: 18px;
        font-weight: 400;
        line-height: 24px
    }
}

@media (max-width: 480px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .dropdown .dropdown-content option {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        padding-bottom: 10px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details {
    display: flex;
    gap: 70px
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details {
        flex-direction: column;
        gap: 20px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address {
    display: flex;
    align-items: flex-start;
    gap: 16px
}

    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address svg {
        width: 32px
    }

@media (max-width: 575px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address svg {
        width: 24px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls p {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

@media (max-width: 1450px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls p {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-width: 1199px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 18px;
    max-width: 305px
}

@media (max-width: 1450px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 8px
    }
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls h3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        margin-bottom: 4px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls .time_date {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: var(--theme-colour1);
    max-width: 369px
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls .time_date {
        font-size: 14px;
        line-height: 20px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls .time_date span {
    color: var(--c2d)
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .mail-address {
    max-width: 256px
}

    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .mail-address p {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px
    }

@media (max-width: 1450px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .mail-address p {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-width: 1199px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .mail-address p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .mail-address h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 18px;
    max-width: 305px
}

@media (max-width: 1450px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .mail-address h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 8px
    }
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .mail-address h3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        margin-bottom: 4px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-right {
    display: flex;
    justify-content: center;
    align-self: flex-end;
    height: 300px;
    flex: 1
}

@media (max-width: 1450px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-right {
        height: 226px
    }
}

@media (max-width: 1279px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-right {
        height: 180px
    }
}

@media (max-width: 1199px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-right {
        display: none
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-right img {
    max-width: 382px;
    width: 100%
}

@media (max-height: 800px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-right img {
        max-width: 270px
    }
}

.cntct-rocketSec .template-containerMaxWth {
    padding-left: 50px;
    padding-right: 50px
}

@media (max-width: 1199px) {
    .cntct-rocketSec .template-containerMaxWth {
        padding-left: initial;
        padding-right: initial
    }
}

.otherServiceSec .serviceWrap {
    position: relative;
    margin-block: 90px 100px
}

    .otherServiceSec .serviceWrap .mainTitle {
        text-align: center;
        font-size: 40px;
        font-weight: 700;
        line-height: 55px;
        color: var(--c2d);
        text-wrap: pretty;
        margin-bottom: 35px
    }

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 35px;
        line-height: 50px
    }
}

@media (max-width: 1366px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 30px;
        line-height: 45px
    }
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 26px;
        line-height: 40px
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 22px;
        line-height: 28px
    }
}

@media (max-width: 680px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 20px;
        line-height: 28px
    }
}

.otherServiceSec .serviceWrap .otherService {
    display: flex;
    max-width: 1580px;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService {
        max-width: 1250px
    }
}

.otherServiceSec .serviceWrap .otherService li {
    max-width: 380px;
    width: 100%;
    border-radius: 16px;
    background-color: #EDEDED
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService li {
        max-width: 100%
    }
}

@media (max-width: 575px) {
    .otherServiceSec .serviceWrap .otherService li {
        max-width: 350px;
        margin: 0 auto
    }
}

.otherServiceSec .serviceWrap .otherService li a {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 16px;
    padding: 29px 30px
}

@media (max-width: 1599px) {
    .otherServiceSec .serviceWrap .otherService li a {
        padding: 25px 20px
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .otherService li a {
        padding: 15px 10px
    }
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .otherService li a {
        gap: 10px
    }
}

.otherServiceSec .serviceWrap .otherService li a .imgDiv {
    width: 69px;
    height: auto;
    background-color: transparent
}

@media (max-width: 1599px) {
    .otherServiceSec .serviceWrap .otherService li a .imgDiv {
        width: 55px;
        max-width: 100%
    }
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .otherService li a .imgDiv {
        width: 62px;
        max-width: 100%
    }
}

.otherServiceSec .serviceWrap .otherService li a .imgDiv img {
    mix-blend-mode: darken
}

.otherServiceSec .serviceWrap .otherService li a .textSec h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color: var(--c2d);
    margin-bottom: 12px
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec h3 {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec h3 {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec h3 {
        margin-bottom: 4px
    }
}

.otherServiceSec .serviceWrap .otherService li a .textSec p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--c2d);
    min-height: 35px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
    position: absolute;
    border: 0;
    background-color: transparent;
    width: 50px;
    height: 35px;
    border-radius: 50%;
    top: 50px;
    right: -85px;
    z-index: 999
}

@media (max-width: 1850px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        right: 0px;
        top: 42px
    }
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        right: -30px;
        top: 35px
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        right: -20px;
        top: 30px
    }
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        display: none
    }
}

.otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
    left: -85px
}

@media (max-width: 1850px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        left: 0px
    }
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        left: -30px
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        left: -20px
    }
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        display: none
    }
}

.mbs.careerHeader .commonBannerSec {
    height: 100vh;
    height: 100svh;
    display: grid;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat
}

    .mbs.careerHeader .commonBannerSec .template-containerMaxWth {
        justify-content: center
    }

        .mbs.careerHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
            margin-block-start: -200px !important;
            padding-inline-start: 0 !important
        }

@media (max-width: 1680px) {
    .mbs.careerHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        margin-block-start: -145px !important
    }
}

@media (max-width: 680px) {
    .mbs.careerHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap {
        margin-block-start: 0px !important
    }
}

.mbs.careerHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap .designTitle, .mbs.careerHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap .mainTitle {
    max-width: 100%;
    text-align: center
}

.mbs.careerHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap .mainTitle {
    margin-block: 10px
}

.mbs.careerHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap .mainDesc {
    max-width: 840px;
    margin-inline: auto;
    margin-block: 20px 15px;
    text-align: center
}

@media (max-width: 1680px) {
    .mbs.careerHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap .mainDesc {
        max-width: 725px;
        margin-block: 5px 15px
    }
}

.mbs.careerHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap .cmnBtn {
    margin-inline: auto
}

.mbs.careerHeader .designTitle span {
    margin-inline: auto
}

.careerSec2 {
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat
}

    .careerSec2.ticketingSecThree::after {
        border-radius: 663px 0 0 0;
        inset: auto;
        right: 0;
        z-index: 0;
        bottom: 0;
        height: calc(100% - 35px);
        background: #c32641;
        background: linear-gradient(180deg, #c32641 0%, rgba(195,38,65,0.8015581232) 75%, rgba(242,101,34,0.5522584034) 100%)
    }

@media (max-width: 991px) {
    .careerSec2.ticketingSecThree::after {
        border-radius: 0 0 0 0;
        height: 100%
    }
}

.careerSec2 .ticketingSecThreeWrapper {
    max-width: 100%;
    display: grid;
    grid-template-columns: 30% 1fr;
    padding-block: 100px 65px
}

@media (max-width: 1680px) {
    .careerSec2 .ticketingSecThreeWrapper {
        padding-block: 90px 55px
    }
}

@media (max-width: 1366px) {
    .careerSec2 .ticketingSecThreeWrapper {
        padding-block: 80px 40px
    }
}

@media (max-width: 1199px) {
    .careerSec2 .ticketingSecThreeWrapper {
        padding-block: 60px;
        grid-template-columns: 20% 1fr
    }
}

@media (max-width: 991px) {
    .careerSec2 .ticketingSecThreeWrapper {
        padding-block: 30px;
        grid-template-columns: 1fr
    }
}

.careerSec2 .ticketingSecThreeWrapper .gridL {
    grid-column: 2;
    display: flex;
    align-items: center;
    max-width: 100%;
    padding-right: 50px;
    justify-content: space-between;
    gap: 30px
}

@media (max-width: 991px) {
    .careerSec2 .ticketingSecThreeWrapper .gridL {
        grid-column: 1;
        padding-right: 0px
    }
}

@media (max-width: 767px) {
    .careerSec2 .ticketingSecThreeWrapper .gridL {
        align-items: start;
        flex-direction: column;
        gap: 20px
    }
}

.careerSec2 .ticketingSecThreeWrapper .gridL .mainTitleWrap {
    max-width: 645px;
    display: grid;
    gap: 16px
}

@media (max-width: 991px) {
    .careerSec2 .ticketingSecThreeWrapper .gridL .mainTitleWrap {
        gap: 10px
    }
}

.careerSec2 .ticketingSecThreeWrapper .gridL .mainTitleWrap .designTitle, .careerSec2 .ticketingSecThreeWrapper .gridL .mainTitleWrap .woBG {
    margin-block-end: 0
}

.careerSec2 .ticketingSecThreeWrapper .gridL .mainTitleWrap .mainTitle {
    margin-block-end: 0;
    max-width: 350px
}

.careerSec2 .ticketingSecThreeWrapper .gridL .wrapper {
    display: grid;
    gap: 28px;
    min-width: 260px
}

    .careerSec2 .ticketingSecThreeWrapper .gridL .wrapper .cmnBtn:hover {
        background-color: var(--white);
        color: var(--c2d)
    }

        .careerSec2 .ticketingSecThreeWrapper .gridL .wrapper .cmnBtn:hover svg {
            transform: rotateZ(315deg) scale(1.4);
            left: -5px
        }

            .careerSec2 .ticketingSecThreeWrapper .gridL .wrapper .cmnBtn:hover svg .fill {
                fill: var(--btnClr)
            }

        .careerSec2 .ticketingSecThreeWrapper .gridL .wrapper .cmnBtn:hover span svg path {
            fill: var(--btnClr)
        }

.careerSec3 .ticketingSecEightWrapper .mainTitleWrap {
    max-width: fit-content;
    width: 100%;
    margin: 0 auto;
    margin-block-end: 39px
}

@media (max-width: 1680px) {
    .careerSec3 .ticketingSecEightWrapper .mainTitleWrap {
        margin-block-end: 35px
    }
}

@media (max-width: 1450px) {
    .careerSec3 .ticketingSecEightWrapper .mainTitleWrap {
        margin-block-end: 30px
    }
}

@media (max-width: 1279px) {
    .careerSec3 .ticketingSecEightWrapper .mainTitleWrap {
        margin-block-end: 25px
    }
}

@media (max-height: 800px) {
    .careerSec3 .ticketingSecEightWrapper .mainTitleWrap {
        margin-block-end: 25px
    }
}

.careerSec3 .ticketingSecEightWrapper .mainTitleWrap .cmnP-LH {
    max-width: 1480px;
    margin-block-start: 24px;
    text-align: center
}

@media (max-width: 1680px) {
    .careerSec3 .ticketingSecEightWrapper .mainTitleWrap .cmnP-LH {
        margin-block-start: 15px
    }
}

@media (max-width: 1450px) {
    .careerSec3 .ticketingSecEightWrapper .mainTitleWrap .cmnP-LH {
        margin-block-start: 10px
    }
}

@media (max-height: 800px) {
    .careerSec3 .ticketingSecEightWrapper .mainTitleWrap .cmnP-LH {
        margin-block-start: 10px
    }
}

.careerSec3 .ticketingSecEightWrapper .filterDiv {
    margin-block-end: 44px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: fit-content;
    width: 100%;
    margin-inline-start: auto;
    padding: 7px 12px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
    position: relative;
    cursor: pointer
}

@media (max-width: 1680px) {
    .careerSec3 .ticketingSecEightWrapper .filterDiv {
        margin-block-end: 38px
    }
}

@media (max-width: 1450px) {
    .careerSec3 .ticketingSecEightWrapper .filterDiv {
        margin-block-end: 32px
    }
}

@media (max-height: 800px) {
    .careerSec3 .ticketingSecEightWrapper .filterDiv {
        margin-block-end: 32px
    }
}

.careerSec3 .ticketingSecEightWrapper .filterDiv.active {
    background-color: #F8931E
}

    .careerSec3 .ticketingSecEightWrapper .filterDiv.active span {
        color: var(--white)
    }

    .careerSec3 .ticketingSecEightWrapper .filterDiv.active svg path {
        fill: var(--white)
    }

.careerSec3 .ticketingSecEightWrapper .filterDiv img, .careerSec3 .ticketingSecEightWrapper .filterDiv svg {
    width: 24px;
    height: 24px
}

    .careerSec3 .ticketingSecEightWrapper .filterDiv img path, .careerSec3 .ticketingSecEightWrapper .filterDiv svg path {
        fill: #F26522
    }

.careerSec3 .ticketingSecEightWrapper .careerDropWrap {
    display: none;
    z-index: 2;
    width: 100%;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
    border-radius: 23px;
    background-color: #F9F9F9;
    padding: 32px;
    margin-bottom: 30px
}

@media (max-width: 1450px) {
    .careerSec3 .ticketingSecEightWrapper .careerDropWrap {
        border-radius: 12px;
        padding: 25px
    }
}

@media (max-width: 1199px) {
    .careerSec3 .ticketingSecEightWrapper .careerDropWrap {
        padding: 20px
    }
}

@media (max-width: 991px) {
    .careerSec3 .ticketingSecEightWrapper .careerDropWrap {
        padding: 20px
    }
}

.careerSec3 .ticketingSecEightWrapper .careerDropWrap .spltDiv {
    display: grid;
    grid-template-columns: 1fr 156px;
    gap: 21px;
    align-items: flex-end
}

@media (max-width: 991px) {
    .careerSec3 .ticketingSecEightWrapper .careerDropWrap .spltDiv {
        align-items: flex-start
    }
}

@media (max-width: 575px) {
    .careerSec3 .ticketingSecEightWrapper .careerDropWrap .spltDiv {
        grid-template-columns: 1fr
    }
}

.careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer {
    display: flex;
    gap: 21px;
    align-items: center;
    margin-block-end: 16px
}

@media (max-width: 991px) {
    .careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer {
        flex-direction: column;
        gap: 15px;
        margin-inline-start: 0
    }
}

@media (max-width: 575px) {
    .careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer {
        margin-bottom: 0
    }
}

.careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop {
    max-width: 575px;
    width: 100%
}

@media (max-width: 991px) {
    .careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop {
        max-width: 100%
    }
}

.careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 8px
}

@media (max-width: 680px) {
    .careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop h2 {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        margin-bottom: 4px
    }
}

.careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop .CareerDropDown {
    min-width: 210px
}

    .careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop .CareerDropDown .branchDropPicker {
        min-height: 54px
    }

    .careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop .CareerDropDown .select2-selection__arrow {
        width: 15px;
        top: 15px;
        right: 24px
    }

        .careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop .CareerDropDown .select2-selection__arrow b {
            border-color: transparent;
            border-style: none;
            border-width: 0;
            height: 10px;
            width: 15px;
            background-repeat: no-repeat;
            background-image: url("../images/branchDropArrow.svg")
        }

    .careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop .CareerDropDown .select2-selection--single {
        border: 1px solid #DDDDDD;
        border-radius: 12px;
        height: auto
    }

@media (max-width: 680px) {
    .careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop .CareerDropDown .select2-selection--single {
        border-radius: 8px
    }
}

.careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop .CareerDropDown .select2-selection__rendered {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--c70);
    padding: 16px 22px 16px 18px
}

@media (max-width: 991px) {
    .careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop .CareerDropDown .select2-selection__rendered {
        padding: 16px 15px 16px 15px
    }
}

@media (max-width: 680px) {
    .careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop .CareerDropDown .select2-selection__rendered {
        font-size: 14px
    }
}

.careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop .CareerDropDown .select2-container {
    width: 100% !important
}

.careerSec3 .ticketingSecEightWrapper .careerDropWrap .dropDownCareer .CareerDrop .CareerDropDown .select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg);
    transform-origin: 65% 50%
}

.careerSec3 .ticketingSecEightWrapper .careerDropWrap button {
    margin-inline-start: auto;
    margin-block-end: 16px;
    padding-inline: 44px
}

@media (max-width: 991px) {
    .careerSec3 .ticketingSecEightWrapper .careerDropWrap button {
        margin-top: 29px
    }
}

@media (max-width: 575px) {
    .careerSec3 .ticketingSecEightWrapper .careerDropWrap button {
        margin-top: 0
    }
}

.careerSec3 .ticketingSecEightWrapper .careerDropWrap button span {
    white-space: nowrap
}

.careerSec3 .ticketingSecEightWrapper .careerDropWrap.activeDrop {
    display: block
}

.careerSec3 .ticketingSecEightWrapper .btmSec {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
    gap: 24px
}

@media (max-width: 1599px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec {
        grid-template-columns: repeat(auto-fit, minmax(550px, 1fr))
    }
}

@media (max-width: 680px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec {
        grid-template-columns: 1fr
    }
}

.careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap {
    -webkit-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.2);
    box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.2);
    border-radius: 24px
}

@media (max-width: 1450px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap {
        border-radius: 18px
    }
}

@media (max-width: 1279px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap {
        border-radius: 12px
    }
}

@media (max-width: 1199px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap {
        max-width: 900px;
        margin: 0 auto
    }
}

@media (max-width: 991px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap {
        border-radius: 8px
    }
}

.careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard {
    padding: 42px 28px 22px 28px;
    position: relative;
    display: grid;
    height: 100%;
    gap: 24px
}

@media (max-width: 1680px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard {
        padding: 38px 25px 20px 25px;
        gap: 22px
    }
}

@media (max-width: 1450px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard {
        padding: 35px 22px 20px 22px;
        gap: 20px
    }
}

@media (max-width: 1279px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard {
        padding: 30px 20px 20px
    }
}

@media (max-width: 991px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard {
        padding: 20px !important
    }
}

@media (max-height: 800px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard {
        padding: 30px 20px 20px
    }
}

.careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .sideDesign {
    position: absolute;
    max-width: 300px;
    width: 100%;
    height: 75px;
    top: 0;
    right: 0
}

.careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec {
    display: flex;
    align-items: flex-start;
    gap: 32px
}

@media (max-width: 1680px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec {
        gap: 25px
    }
}

@media (max-width: 1450px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec {
        gap: 20px;
        align-items: center;
        align-self: center
    }
}

@media (max-width: 680px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec {
        flex-direction: column;
        gap: 15px
    }
}

.careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec .icnDiv {
    min-width: 110px;
    width: 200px;
    aspect-ratio: 1;
    margin-block: auto
}

@media (max-width: 680px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec .icnDiv {
        width: 140px
    }
}

.careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec .icnDiv img {
    height: 100%;
    object-fit: contain
}

.careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec .txtArea {
    display: grid;
    gap: 18px
}

@media (max-width: 1680px) {
    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec .txtArea {
        gap: 14px
    }
}

.careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec .txtArea .wrapperDiv {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap
}

    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec .txtArea .wrapperDiv .openings {
        padding: 8px 14px;
        display: flex;
        min-width: fit-content;
        gap: 8px;
        align-items: center;
        border-radius: 6px
    }

        .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec .txtArea .wrapperDiv .openings:nth-child(odd) {
            background-color: rgba(242,101,34,0.1)
        }

        .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec .txtArea .wrapperDiv .openings:nth-child(even) {
            background-color: transparent;
            border: 1px solid rgba(112,112,112,0.1)
        }

        .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec .txtArea .wrapperDiv .openings img {
            width: 24px;
            height: 24px
        }

.careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .topSec .txtArea .cmnP-LH {
    max-width: 550px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .dates {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block-start: 15px;
    border-top: 1px solid #DDDDDD;
    align-self: end;
    gap: 15px
}

    .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .dates .cmnP-LH {
        color: var(--c70)
    }

        .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .dates .cmnP-LH span {
            color: var(--c2d)
        }

        .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .dates .cmnP-LH:last-child {
            text-align: end
        }

            .careerSec3 .ticketingSecEightWrapper .btmSec .singleCardWrap .singleCard .dates .cmnP-LH:last-child span {
                color: var(--btnClr)
            }

.careerSec4 {
    padding-block: 45px;
    background: rgba(53,217,156,0.1);
    background: linear-gradient(125deg, rgba(53,217,156,0.1) 0%, rgba(68,120,199,0.1) 25%, rgba(132,88,176,0.1) 50%, rgba(149,111,121,0.1) 75%, rgba(197,206,67,0.1) 100%)
}

@media (max-width: 1680px) {
    .careerSec4 {
        padding-block: 30px
    }
}

@media (max-height: 800px) {
    .careerSec4 {
        padding-block: 20px
    }
}

.careerSec4.articleSec::before {
    display: none
}

.careerSec4.articleSec .articlesWarp {
    grid-template-columns: auto 1fr;
    gap: 35px;
    padding-inline: 0;
    max-width: 1620px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

@media (max-width: 1450px) {
    .careerSec4.articleSec .articlesWarp {
        grid-template-columns: 60% 1fr
    }
}

@media (max-width: 1366px) {
    .careerSec4.articleSec .articlesWarp {
        grid-template-columns: 57% 1fr
    }
}

@media (max-width: 991px) {
    .careerSec4.articleSec .articlesWarp {
        grid-template-columns: 54% 1fr
    }
}

@media (max-width: 767px) {
    .careerSec4.articleSec .articlesWarp {
        grid-template-columns: 1fr;
        gap: 12px
    }
}

.careerSec4.articleSec .articlesWarp .leftCtrl {
    max-width: 900px;
    width: 100%
}

    .careerSec4.articleSec .articlesWarp .leftCtrl .mainTitleWrap {
        max-width: 100%
    }

        .careerSec4.articleSec .articlesWarp .leftCtrl .mainTitleWrap .woBG {
            margin-block-end: 16px
        }

@media (max-width: 1450px) {
    .careerSec4.articleSec .articlesWarp .leftCtrl .mainTitleWrap .woBG {
        margin-block-end: 12px
    }
}

.careerSec4.articleSec .articlesWarp .leftCtrl .mainTitleWrap .mainTitle {
    margin-block-end: 12px
}

@media (max-width: 1450px) {
    .careerSec4.articleSec .articlesWarp .leftCtrl .mainTitleWrap .mainTitle {
        margin-block-end: 6px
    }
}

.careerSec4.articleSec .articlesWarp .leftCtrl .imgDiv {
    margin-block-start: 24px;
    max-width: 425px;
    width: 100%;
    max-height: 500px;
    height: auto;
    margin-inline: auto
}

@media (max-width: 1680px) {
    .careerSec4.articleSec .articlesWarp .leftCtrl .imgDiv {
        max-width: 375px
    }
}

@media (max-width: 1450px) {
    .careerSec4.articleSec .articlesWarp .leftCtrl .imgDiv {
        max-width: 350px
    }
}

@media (max-height: 800px) {
    .careerSec4.articleSec .articlesWarp .leftCtrl .imgDiv {
        max-width: 340px
    }
}

@media (max-width: 767px) {
    .careerSec4.articleSec .articlesWarp .leftCtrl .imgDiv {
        max-width: 290px !important
    }
}

.careerSec4.articleSec .articlesWarp .stickyDiv {
    position: sticky;
    top: 50px
}

.careerSec4.articleSec .articlesWarp .processSec {
    display: grid;
    gap: 27px;
    max-width: 680px;
    max-height: 725px;
    padding-block: 25px;
    height: auto;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

    .careerSec4.articleSec .articlesWarp .processSec::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px
    }

    .careerSec4.articleSec .articlesWarp .processSec::-webkit-scrollbar-track {
        background: transparent
    }

    .careerSec4.articleSec .articlesWarp .processSec::-webkit-scrollbar-thumb {
        background: transparent
    }

@media (max-width: 1680px) {
    .careerSec4.articleSec .articlesWarp .processSec {
        gap: 15px
    }
}

@media (max-width: 767px) {
    .careerSec4.articleSec .articlesWarp .processSec {
        justify-self: flex-start;
        max-width: 100%;
        max-height: max-content;
        overflow: visible;
        overflow-y: visible
    }
}

.careerSec4.articleSec .articlesWarp .processSec .singleProcess {
    max-width: 550px;
    padding-inline-start: 50px;
    border-left: 1px solid #DDDDDD
}

@media (max-width: 1680px) {
    .careerSec4.articleSec .articlesWarp .processSec .singleProcess {
        padding-inline: 40px 25px
    }
}

@media (max-width: 1450px) {
    .careerSec4.articleSec .articlesWarp .processSec .singleProcess {
        padding-inline: 30px 25px
    }
}

@media (max-width: 991px) {
    .careerSec4.articleSec .articlesWarp .processSec .singleProcess {
        padding-inline: 25px 20px !important
    }
}

@media (max-height: 800px) {
    .careerSec4.articleSec .articlesWarp .processSec .singleProcess {
        padding-inline: 30px 25px
    }
}

@media (max-width: 767px) {
    .careerSec4.articleSec .articlesWarp .processSec .singleProcess {
        max-width: 100%;
        border-left: none;
        padding-inline: 0px !important
    }
}

.careerSec4.articleSec .articlesWarp .processSec .singleProcess .number {
    font-size: 97px;
    font-weight: 800;
    line-height: 132px;
    -webkit-text-stroke: 1px #C32641;
    color: transparent;
    padding-inline-start: 13px
}

@media (max-width: 991px) {
    .careerSec4.articleSec .articlesWarp .processSec .singleProcess .number {
        font-size: 90px;
        font-weight: 800;
        line-height: 80px
    }
}

.careerSec4.articleSec .articlesWarp .processSec .singleProcess .card {
    position: relative;
    margin-block-start: -45px;
    border-radius: 16px;
    background-color: var(--white);
    padding: 37px 25px 34px 31px;
    -webkit-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.1);
    box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.1)
}

@media (max-width: 1279px) {
    .careerSec4.articleSec .articlesWarp .processSec .singleProcess .card {
        padding: 30px 20px 30px 25px;
        border-radius: 14px
    }
}

@media (max-width: 991px) {
    .careerSec4.articleSec .articlesWarp .processSec .singleProcess .card {
        padding: 20px 15px 25px 20px;
        border-radius: 8px;
        margin-block-start: -20px
    }
}

.careerSec4.articleSec .articlesWarp .processSec .singleProcess .card h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
    margin-block-end: 15px
}

@media (max-width: 1680px) {
    .careerSec4.articleSec .articlesWarp .processSec .singleProcess .card h3 {
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
        margin-block-end: 10px
    }
}

@media (max-width: 1279px) {
    .careerSec4.articleSec .articlesWarp .processSec .singleProcess .card h3 {
        margin-block-end: 8px;
        font-size: 26px;
        font-weight: 600;
        line-height: 34px
    }
}

@media (max-width: 991px) {
    .careerSec4.articleSec .articlesWarp .processSec .singleProcess .card h3 {
        font-size: 22px !important;
        font-weight: 600;
        line-height: 30px !important;
        margin-block-end: 10px
    }
}

@media (max-height: 800px) {
    .careerSec4.articleSec .articlesWarp .processSec .singleProcess .card h3 {
        margin-block-end: 8px;
        font-size: 26px;
        font-weight: 600;
        line-height: 34px
    }
}

.careerSec4.articleSec .articlesWarp .processSec .singleProcess .card p {
    max-width: 720px
}

    .careerSec4.articleSec .articlesWarp .processSec .singleProcess .card p span {
        color: var(--theme-colour1)
    }

.lifeatSec .mainTitleWrap {
    margin-block-end: 40px
}

    .lifeatSec .mainTitleWrap .mainTitle {
        margin-block-end: 24px
    }

@media (max-width: 1680px) {
    .lifeatSec .mainTitleWrap .mainTitle {
        margin-block-end: 12px
    }
}

.lifeatSec .mainTitleWrap p {
    max-width: 1479px;
    margin-inline: auto;
    text-align: center
}

.lifeatSec .gallerySec {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
}

@media (max-width: 1680px) {
    .lifeatSec .gallerySec {
        gap: 25px
    }
}

@media (max-width: 1450px) {
    .lifeatSec .gallerySec {
        gap: 20px
    }
}

@media (max-width: 991px) {
    .lifeatSec .gallerySec {
        grid-template-columns: 1fr;
        gap: 15px
    }
}

@media (max-width: 480px) {
    .lifeatSec .gallerySec {
        gap: 10px
    }
}

.lifeatSec .gallerySec .imgDiv {
    overflow: hidden
}

    .lifeatSec .gallerySec .imgDiv:hover img {
        transform: scale(1.05)
    }

    .lifeatSec .gallerySec .imgDiv img {
        transition: .3s ease-in-out transform;
        height: 100%
    }

.lifeatSec .gallerySec .innergridL .imgDiv {
    max-width: 380px;
    max-height: 280px;
    width: 100%
}

@media (max-width: 991px) {
    .lifeatSec .gallerySec .innergridL .imgDiv {
        max-width: 100%;
        max-height: fit-content;
        object-fit: cover
    }
}

.lifeatSec .gallerySec .gridL {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px
}

@media (max-width: 1680px) {
    .lifeatSec .gallerySec .gridL {
        gap: 25px
    }
}

@media (max-width: 1450px) {
    .lifeatSec .gallerySec .gridL {
        gap: 20px
    }
}

@media (max-width: 991px) {
    .lifeatSec .gallerySec .gridL {
        gap: 15px
    }
}

@media (max-width: 480px) {
    .lifeatSec .gallerySec .gridL {
        gap: 10px
    }
}

.lifeatSec .gallerySec .gridL .innergridL {
    display: grid;
    gap: 25px
}

@media (max-width: 1680px) {
    .lifeatSec .gallerySec .gridL .innergridL {
        gap: 20px
    }
}

@media (max-width: 1450px) {
    .lifeatSec .gallerySec .gridL .innergridL {
        gap: 18px
    }
}

@media (max-width: 991px) {
    .lifeatSec .gallerySec .gridL .innergridL {
        gap: 15px
    }
}

@media (max-width: 480px) {
    .lifeatSec .gallerySec .gridL .innergridL {
        gap: 10px
    }
}

.lifeatSec .gallerySec .gridR {
    display: grid;
    gap: 25px
}

@media (max-width: 1680px) {
    .lifeatSec .gallerySec .gridR {
        gap: 20px
    }
}

@media (max-width: 1450px) {
    .lifeatSec .gallerySec .gridR {
        gap: 18px
    }
}

@media (max-width: 991px) {
    .lifeatSec .gallerySec .gridR {
        gap: 15px
    }
}

@media (max-width: 480px) {
    .lifeatSec .gallerySec .gridR {
        gap: 10px
    }
}

.lifeatSec .gallerySec .gridR .innergridR .imgDiv {
    max-width: 790px;
    max-height: 280px
}

@media (max-width: 991px) {
    .lifeatSec .gallerySec .gridR .innergridR .imgDiv {
        max-width: 100%;
        max-height: fit-content;
        object-fit: cover
    }
}

.lifeatSec .gallerySec .gridR .innergridL {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px
}

@media (max-width: 1680px) {
    .lifeatSec .gallerySec .gridR .innergridL {
        gap: 25px
    }
}

@media (max-width: 1450px) {
    .lifeatSec .gallerySec .gridR .innergridL {
        gap: 20px
    }
}

@media (max-width: 991px) {
    .lifeatSec .gallerySec .gridR .innergridL {
        gap: 15px
    }
}

@media (max-width: 480px) {
    .lifeatSec .gallerySec .gridR .innergridL {
        gap: 10px
    }
}

.lifeatSec .cmnBtn {
    margin-block-start: 30px;
    margin-inline: auto
}

.careerSec5.ticketingSecEight {
    background-color: var(--cfa);
    padding: 52px 36px
}

@media (max-width: 1680px) {
    .careerSec5.ticketingSecEight {
        padding: 40px 30px
    }
}

@media (max-width: 1450px) {
    .careerSec5.ticketingSecEight {
        padding: 30px
    }
}

@media (max-width: 1279px) {
    .careerSec5.ticketingSecEight {
        padding: 20px
    }
}

@media (max-width: 991px) {
    .careerSec5.ticketingSecEight {
        padding: 15px !important
    }
}

@media (max-height: 800px) {
    .careerSec5.ticketingSecEight {
        padding: 20px
    }
}

.careerSec5.ticketingSecEight .ticketingSecEightWrapper {
    padding: 0;
    border-radius: 0;
    border: none;
    box-shadow: none
}

    .careerSec5.ticketingSecEight .ticketingSecEightWrapper .mainTitleWrap .mainTitle {
        margin-block-end: 16px
    }

@media (max-width: 1680px) {
    .careerSec5.ticketingSecEight .ticketingSecEightWrapper .mainTitleWrap .mainTitle {
        margin-block-end: 12px
    }
}

@media (max-width: 1450px) {
    .careerSec5.ticketingSecEight .ticketingSecEightWrapper .mainTitleWrap .mainTitle {
        margin-block-end: 8px
    }
}

@media (max-height: 800px) {
    .careerSec5.ticketingSecEight .ticketingSecEightWrapper .mainTitleWrap .mainTitle {
        margin-block-end: 8px
    }
}

.careerSec5.ticketingSecEight .ticketingSecEightWrapper .mainTitleWrap .cmnP-LH {
    max-width: fit-content;
    text-align: center;
    margin-inline: auto
}

.careerSec5.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec {
    margin-block-start: 55px
}

@media (max-width: 1680px) {
    .careerSec5.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec {
        margin-block-start: 40px
    }
}

@media (max-width: 1450px) {
    .careerSec5.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec {
        margin-block-start: 30px
    }
}

@media (max-width: 991px) {
    .careerSec5.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec {
        margin-block-start: 20px !important
    }
}

@media (max-height: 800px) {
    .careerSec5.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec {
        margin-block-start: 30px
    }
}

.careerSec5.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 25px
}

@media (max-width: 1680px) {
    .careerSec5.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec {
        gap: 20px
    }
}

@media (max-width: 680px) {
    .careerSec5.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec {
        grid-template-columns: 1fr
    }
}

.careerSec5.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media (max-width: 1680px) {
    .careerSec5.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard {
        gap: 8px
    }
}

.careerSec5.ticketingSecEight .ticketingSecEightWrapper .SingleTabContentSec .btmSec .singleCard .icnDiv {
    width: 30px;
    height: fit-content
}

.careerSec7.Stay-connect {
    margin-block-end: 0 !important
}

    .careerSec7.Stay-connect .stayconnect-sec {
        padding-bottom: 0 !important
    }

.auctionWelcom {
    max-width: 1620px;
    margin: 41px auto 60px
}

@media (max-width: 767px) {
    .auctionWelcom {
        margin: 40px auto 43px
    }
}

@media (max-width: 680px) {
    .auctionWelcom {
        margin: 30px auto 30px
    }
}

.auctionWelcom h2 {
    margin-bottom: 22px
}

.auctionWelcom p {
    text-align: center;
    line-height: 26px;
    max-width: 1540px;
    margin: 0 auto 0
}

@media (max-width: 1680px) {
    .auctionWelcom p {
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .auctionWelcom p {
        line-height: 22px
    }
}

.auctionWelcom p:last-child {
    margin-bottom: 0
}

.auctionDwnlod .auctionDwnlodArea {
    background-color: #EDEDED;
    padding: 50px 49px;
    border-radius: 31px;
    margin-top: 54px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    row-gap: 18px
}

@media (max-width: 1450px) {
    .auctionDwnlod .auctionDwnlodArea {
        padding: 40px 30px;
        border-radius: 20px
    }
}

@media (max-width: 1279px) {
    .auctionDwnlod .auctionDwnlodArea {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width: 991px) {
    .auctionDwnlod .auctionDwnlodArea {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 767px) {
    .auctionDwnlod .auctionDwnlodArea {
        padding: 30px 20px;
        border-radius: 15px;
        margin-top: 40px
    }
}

@media (max-width: 680px) {
    .auctionDwnlod .auctionDwnlodArea {
        grid-template-columns: 1fr;
        padding: 25px 15px;
        border-radius: 10px;
        margin-top: 30px
    }
}

.auctionDwnlod .auctionDwnlodArea .list {
    background-color: var(--white);
    padding: 23px 23px 25px;
    border-radius: 23px;
    -webkit-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.16)
}

@media (max-width: 1450px) {
    .auctionDwnlod .auctionDwnlodArea .list {
        padding: 20px 20px 22px;
        border-radius: 18px
    }
}

@media (max-height: 800px) {
    .auctionDwnlod .auctionDwnlodArea .list {
        padding: 20px 20px 22px;
        border-radius: 18px
    }
}

@media (max-width: 767px) {
    .auctionDwnlod .auctionDwnlodArea .list {
        border-radius: 15px
    }
}

@media (max-width: 680px) {
    .auctionDwnlod .auctionDwnlodArea .list {
        border-radius: 10px
    }
}

.auctionDwnlod .auctionDwnlodArea .list .icnSec {
    display: grid;
    grid-template-columns: 70px 1fr;
    grid-gap: 16px;
    align-items: center;
    padding-bottom: 21px;
    border-bottom: 1px solid #DDDDDD
}

@media (max-width: 1450px) {
    .auctionDwnlod .auctionDwnlodArea .list .icnSec {
        grid-template-columns: 50px 1fr;
        padding-bottom: 15px
    }
}

@media (max-height: 800px) {
    .auctionDwnlod .auctionDwnlodArea .list .icnSec {
        grid-template-columns: 50px 1fr;
        padding-bottom: 15px
    }
}

.auctionDwnlod .auctionDwnlodArea .list .icnSec .icn {
    width: 70px;
    height: 75px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    background-color: #F2F2F2
}

@media (max-width: 1450px) {
    .auctionDwnlod .auctionDwnlodArea .list .icnSec .icn {
        width: 50px;
        height: 55px;
        border-radius: 6px
    }
}

@media (max-height: 800px) {
    .auctionDwnlod .auctionDwnlodArea .list .icnSec .icn {
        width: 50px;
        height: 55px;
        border-radius: 6px
    }
}

.auctionDwnlod .auctionDwnlodArea .list .icnSec .text {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: var(--c2d)
}

@media (max-width: 1680px) {
    .auctionDwnlod .auctionDwnlodArea .list .icnSec .text {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .auctionDwnlod .auctionDwnlodArea .list .icnSec .text {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .auctionDwnlod .auctionDwnlodArea .list .icnSec .text {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

.auctionDwnlod .auctionDwnlodArea .list a {
    padding-top: 20px;
    margin: auto;
    width: 112px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 1450px) {
    .auctionDwnlod .auctionDwnlodArea .list a {
        padding-top: 15px
    }
}

@media (max-height: 800px) {
    .auctionDwnlod .auctionDwnlodArea .list a {
        padding-top: 15px
    }
}

.auctionDwnlod .auctionDwnlodArea .list a .moreLink {
    gap: 8px
}

    .auctionDwnlod .auctionDwnlodArea .list a .moreLink span {
        transform: rotate(90deg)
    }

.auctionSaleNotice {
    margin: 60px 0 111px
}

@media (max-width: 1366px) {
    .auctionSaleNotice {
        margin: 60px 0
    }
}

@media (max-height: 800px) {
    .auctionSaleNotice {
        margin: 60px 0
    }
}

@media (max-width: 767px) {
    .auctionSaleNotice {
        margin: 40px 0
    }
}

@media (max-width: 680px) {
    .auctionSaleNotice {
        margin: 30px 0
    }
}

.auctionSaleNotice .auctionSaleNoticeArea {
    padding: 48px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(239,183,183,0.1) 0%, rgba(139,162,216,0.1) 20%, rgba(172,223,216,0.1) 41%, rgba(199,223,166,0.1) 62%, rgba(141,203,182,0.1) 82%, rgba(213,148,148,0.1) 100%)
}

@media (max-width: 1450px) {
    .auctionSaleNotice .auctionSaleNoticeArea {
        padding: 40px
    }
}

@media (max-height: 800px) {
    .auctionSaleNotice .auctionSaleNoticeArea {
        padding: 40px
    }
}

@media (max-width: 767px) {
    .auctionSaleNotice .auctionSaleNoticeArea {
        padding: 35px;
        border-radius: 15px
    }
}

@media (max-width: 680px) {
    .auctionSaleNotice .auctionSaleNoticeArea {
        padding: 30px 15px;
        border-radius: 10px
    }
}

.auctionSaleNotice .auctionSaleNoticeArea .mainTitleWrap {
    padding-top: 0
}

    .auctionSaleNotice .auctionSaleNoticeArea .mainTitleWrap .designTitle {
        text-align: left
    }

        .auctionSaleNotice .auctionSaleNoticeArea .mainTitleWrap .designTitle .woBG {
            margin-left: 0;
            padding-left: 0
        }

    .auctionSaleNotice .auctionSaleNoticeArea .mainTitleWrap .mainTitle {
        text-align: left
    }

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec {
    position: relative
}

    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .title {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px;
        color: var(--black);
        z-index: 1;
        position: relative
    }

@media (max-width: 1450px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 1366px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .title {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .title {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .title {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap {
    width: 100%;
    margin: 24px auto 0;
    z-index: 1;
    position: relative
}

    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap {
        display: grid
    }

        .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec {
            cursor: pointer;
            overflow: hidden;
            background-color: var(--white);
            border-radius: 15px;
            margin-bottom: 18px;
            padding: 33px 25px 33px;
            -webkit-box-shadow: 0px 14px 20px -15px rgba(0,0,0,0.24);
            -moz-box-shadow: 0px 14px 20px -15px rgba(0,0,0,0.24);
            box-shadow: 0px 14px 20px -15px rgba(0,0,0,0.24)
        }

@media (max-height: 800px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec {
        padding: 30px 15px 30px;
        border-radius: 10px
    }
}

@media (max-width: 767px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec {
        padding: 30px 15px 30px;
        border-radius: 10px
    }
}

@media (max-width: 680px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec {
        padding: 15px 13px 15px;
        border-radius: 8px;
        margin-bottom: 9px
    }
}

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec:last-child {
    margin-bottom: 0
}

    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec:last-child .outterDiv {
        border-bottom: none
    }

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 15px;
    padding: 0 17px
}

@media (max-width: 680px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv {
        padding: 0 8px
    }
}

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    color: var(--c2d)
}

@media (max-width: 1450px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 1366px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 991px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 991px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv {
        width: 15px
    }
}

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv .min {
    display: flex
}

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv .plus {
    display: none
}

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
    background-color: var(--white);
    border-radius: 0;
    border-top: 1px solid #DDDDDD;
    margin-top: 26px;
    padding-top: 28px
}

@media (max-width: 1680px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        margin-top: 20px
    }
}

@media (max-width: 1279px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        margin-top: 12px
    }
}

@media (max-width: 991px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        margin-top: 8px
    }
}

@media (max-height: 800px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        margin-top: 8px
    }
}

@media (max-width: 680px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        padding-top: 18px
    }
}

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 16px
}

@media (max-width: 1199px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width: 991px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 680px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn {
        grid-template-columns: 1fr
    }
}

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn .listSec {
    background-color: #EDEDED;
    border-radius: 12px;
    padding: 24px 22px 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 680px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn .listSec {
        border-radius: 8px;
        padding: 20px 15px 20px
    }
}

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn .listSec .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color: var(--c2d);
    padding-bottom: 22px;
    border-bottom: 1px solid #DDDDDD;
    text-align: center;
    height: 100%
}

@media (max-width: 1680px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn .listSec .title {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn .listSec .title {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn .listSec .title {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn .listSec .title {
        padding-bottom: 10px
    }
}

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn .listSec a {
    padding-top: 20px;
    margin: auto;
    width: 112px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 680px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn .listSec a {
        padding-top: 10px
    }
}

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn .listSec a .moreLink {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    gap: 8px
}

    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .auctionSaleNoticeDwn .listSec a .moreLink span {
        transform: rotate(90deg)
    }

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .innerDiv {
    display: flex !important;
    flex-direction: column
}

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv {
    transition: .4s ease-in-out
}

    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv .min {
        display: none !important
    }

    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv .plus {
        display: flex !important
    }

.auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .cmnBtn {
    margin-left: auto
}

@media (max-width: 991px) {
    .auctionSaleNotice .auctionSaleNoticeArea .accodianSec .accordionWrap .cmnBtn {
        margin: 0 auto
    }
}

.auctionRocket {
    margin-bottom: 60px
}

@media (max-width: 767px) {
    .auctionRocket {
        margin-bottom: 40px
    }
}

@media (max-width: 680px) {
    .auctionRocket {
        margin-bottom: 30px
    }
}

.searchDetailPg {
    padding-top: 198px
}

@media (max-width: 1680px) {
    .searchDetailPg {
        padding-top: 160px
    }
}

@media (max-width: 1279px) {
    .searchDetailPg {
        padding-top: 140px
    }
}

@media (max-width: 767px) {
    .searchDetailPg {
        padding-top: 110px
    }
}

.searchDetailPg .searchDetailPgArea {
    max-width: 1622px;
    margin: 0 auto 57px
}

    .searchDetailPg .searchDetailPgArea .searchField {
        display: flex;
        align-items: center;
        column-gap: 10px;
        gap: 10px;
        border-bottom: 1px solid #808080;
        padding-bottom: 24px;
        margin-bottom: 33px
    }

@media (max-width: 1279px) {
    .searchDetailPg .searchDetailPgArea .searchField {
        padding-bottom: 20px;
        margin-bottom: 28px
    }
}

@media (max-height: 800px) {
    .searchDetailPg .searchDetailPgArea .searchField {
        padding-bottom: 20px;
        margin-bottom: 28px
    }
}

@media (max-width: 680px) {
    .searchDetailPg .searchDetailPgArea .searchField {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 10px;
        margin-bottom: 18px
    }
}

.searchDetailPg .searchDetailPgArea .searchField .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    color: var(--black);
    white-space: nowrap
}

@media (max-width: 1680px) {
    .searchDetailPg .searchDetailPgArea .searchField .title {
        font-size: 22px;
        font-weight: 600;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .searchDetailPg .searchDetailPgArea .searchField .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .searchDetailPg .searchDetailPgArea .searchField .title {
        font-size: 18px;
        font-weight: 600;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .searchDetailPg .searchDetailPgArea .searchField .title {
        font-size: 18px;
        font-weight: 600;
        line-height: 20px
    }
}

.searchDetailPg .searchDetailPgArea .searchField .inputGroupSec {
    position: relative;
    width: 100%
}

    .searchDetailPg .searchDetailPgArea .searchField .inputGroupSec .icn {
        position: absolute;
        right: 0;
        top: 10px
    }

@media (max-width: 680px) {
    .searchDetailPg .searchDetailPgArea .searchField .inputGroupSec .icn {
        top: 3px
    }
}

@media (max-width: 680px) {
    .searchDetailPg .searchDetailPgArea .searchField .inputGroupSec .icn svg {
        width: 15px
    }
}

.searchDetailPg .searchDetailPgArea .searchField .inputGroupSec .inputRow {
    width: 100%;
    margin-bottom: 0
}

    .searchDetailPg .searchDetailPgArea .searchField .inputGroupSec .inputRow .ctrlIcon {
        position: absolute;
        left: 0px;
        pointer-events: none;
        display: flex;
        top: 18px
    }

@media (max-width: 680px) {
    .searchDetailPg .searchDetailPgArea .searchField .inputGroupSec .inputRow .ctrlIcon {
        top: 14px
    }
}

.searchDetailPg .searchDetailPgArea .searchField .inputGroupSec .inputRow .inputCtrl {
    font-size: 40px;
    padding: 0 25px 0 0px;
    height: auto;
    color: #B8B8B8
}

@media (max-width: 1450px) {
    .searchDetailPg .searchDetailPgArea .searchField .inputGroupSec .inputRow .inputCtrl {
        font-size: 30px
    }
}

@media (max-width: 1279px) {
    .searchDetailPg .searchDetailPgArea .searchField .inputGroupSec .inputRow .inputCtrl {
        font-size: 20px;
        line-height: 42px
    }
}

@media (max-width: 991px) {
    .searchDetailPg .searchDetailPgArea .searchField .inputGroupSec .inputRow .inputCtrl {
        font-size: 18px;
        line-height: 38px
    }
}

@media (max-height: 800px) {
    .searchDetailPg .searchDetailPgArea .searchField .inputGroupSec .inputRow .inputCtrl {
        font-size: 20px;
        line-height: 42px
    }
}

@media (max-width: 680px) {
    .searchDetailPg .searchDetailPgArea .searchField .inputGroupSec .inputRow .inputCtrl {
        font-size: 14px;
        line-height: 30px
    }
}

.searchDetailPg .searchDetailPgArea .searchField .inputGroupSec .inputRow .inputCtrl::placeholder {
    color: #B8B8B8
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultTitle {
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
    color: var(--black);
    margin-bottom: 24px
}

@media (max-width: 1680px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultTitle {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultTitle {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        margin-bottom: 18px
    }
}

@media (max-width: 991px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultTitle {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-height: 800px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultTitle {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-width: 680px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultTitle {
        margin-bottom: 10px
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultTitle span {
    color: #F26522
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv {
    display: grid;
    grid-template-columns: 1fr 468px;
    grid-gap: 42px
}

@media (max-width: 1366px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv {
        grid-template-columns: 1fr 390px;
        grid-gap: 30px
    }
}

@media (max-width: 991px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv {
        grid-template-columns: 1fr;
        grid-gap: 30px
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchResult .cardList {
    padding: 29px 26px;
    border-radius: 16px;
    margin-bottom: 16px;
    background-color: var(--white);
    -webkit-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.16)
}

    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchResult .cardList:last-child {
        margin-bottom: 0
    }

    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchResult .cardList h5 {
        font-size: 20px;
        font-weight: 500;
        line-height: 27px;
        margin-bottom: 18px;
        color: var(--black)
    }

@media (max-width: 1680px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchResult .cardList h5 {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchResult .cardList h5 {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchResult .cardList h5 {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchResult .cardList h5 {
        margin-bottom: 10px
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchResult .cardList h5 span {
    color: #F8931E
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchResult .cardList p {
    color: var(--black);
    margin-bottom: 18px
}

@media (max-width: 680px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchResult .cardList p {
        margin-bottom: 10px
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm {
    padding: 33px 34px;
    border-radius: 16px;
    background-color: #EDEDED
}

@media (max-width: 1366px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm {
        padding: 30px 25px;
        border-radius: 10px
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .title {
    font-size: 24px;
    font-weight: 500;
    line-height: 33px;
    color: var(--black);
    margin-bottom: 20px
}

@media (max-width: 1680px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .title {
        font-size: 22px;
        font-weight: 500;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .title {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .title {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px
    }
}

@media (max-height: 800px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .title {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .form-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 16px
}

@media (max-width: 480px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .form-group {
        margin-bottom: 12px
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .form-group label {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    display: flex;
    align-items: start;
    margin-bottom: 10px;
    color: #2D2D2D
}

@media (max-width: 680px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .form-group label {
        font-size: 14px;
        line-height: 18px
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .form-group input {
    height: 54px;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    padding-left: 16px;
    color: var(--c70);
    outline: none
}

@media (max-height: 800px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .form-group input {
        border-radius: 6px;
        height: 45px
    }
}

@media (max-width: 767px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .form-group input {
        border-radius: 8px
    }
}

@media (max-width: 480px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .form-group input {
        border-radius: 6px;
        height: 45px
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .form-group input::placeholder {
    color: #DDDDDD;
    font-size: 14px
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .form-group textarea {
    height: 124px;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    padding: 18px 16px 16px;
    color: #2D2D2D
}

    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .form-group textarea::placeholder {
        color: #DDDDDD;
        font-size: 14px
    }

@media (max-height: 800px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .form-group textarea {
        border-radius: 6px
    }
}

@media (max-width: 480px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .form-group textarea {
        border-radius: 6px
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct {
    display: flex;
    gap: 18px
}

@media (max-width: 680px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct {
        flex-direction: column
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .email-form {
    max-width: 259px;
    width: 100%
}

@media (max-width: 680px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .email-form {
        width: 100% !important
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input {
    display: flex
}

    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .countycode {
        display: flex;
        gap: 8px !important;
        border-radius: 12px 0 0 12px !important;
        border: 1px solid #DDDDDD !important;
        background-color: #F3F3F3 !important;
        padding: 0 10px 0 10px !important
    }

@media (max-height: 800px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .countycode {
        border-radius: 6px 0 0 6px
    }
}

@media (max-width: 480px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .countycode {
        border-radius: 6px 0 0 6px
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .countycode option {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .frm-phoneNo {
    border-radius: 0 12px 12px 0;
    width: 100%;
    border-left: none
}

@media (max-height: 800px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .frm-phoneNo {
        border-radius: 0 6px 6px 0
    }
}

@media (max-width: 680px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .frm-phoneNo {
        width: 100% !important
    }
}

@media (max-width: 480px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .frm-phoneNo {
        border-radius: 0 6px 6px 0
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .select2-container--default {
    max-width: 65px !important;
    width: 100% !important
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .select2-selection--single {
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px 0 0 12px;
    border: 1px solid #DDDDDD;
    background-color: #F3F3F3;
    border-right: none
}

@media (max-height: 800px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .select2-selection--single {
        height: 45px;
        border-radius: 8px 0 0 8px !important
    }
}

@media (max-width: 767px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .select2-selection--single {
        border-radius: 8px 0 0 8px !important
    }
}

@media (max-width: 480px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .select2-selection--single {
        height: 45px
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .select2-selection__arrow {
    padding-top: 50px !important
}

@media (max-height: 800px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .select2-selection__arrow {
        padding-top: 44px !important
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .from-cntct .phone-input .selectpicketPhone {
    right: unset
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .form-group-star label::after {
    content: '*';
    color: var(--btnClr);
    -webkit-transform: translateY(-50%);
    transform: translateY(-30%);
    pointer-events: none;
    z-index: 1
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .Btncmn {
    background-color: var(--btnClr);
    color: var(--white);
    margin: auto
}

@media (max-width: 680px) {
    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .Btncmn {
        padding: 16px
    }
}

.searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .Btncmn span {
    gap: 22px !important
}

    .searchDetailPg .searchDetailPgArea .searchResultArea .searchResultDiv .searchForm .Btncmn span svg {
        transform: rotateZ(315deg) scale(1.4);
        left: 3px
    }

.siteMap {
    padding: 50px 0 95px
}

@media (max-width: 680px) {
    .siteMap {
        padding: 30px 0 30px
    }
}

.siteMap .siteMapArea .siteMapList {
    display: flex;
    column-gap: 40px;
    gap: 40px;
    max-width: 950px;
    width: 100%;
    margin: auto
}

@media (max-width: 991px) {
    .siteMap .siteMapArea .siteMapList {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px
    }
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList {
        margin-bottom: 0px
    }
}

.siteMap .siteMapArea .siteMapList:last-child .pageList .mainTree {
    padding-bottom: 0
}

.siteMap .siteMapArea .siteMapList .sectionPoint {
    max-width: 364px;
    padding: 26px 29px;
    background-color: #F8F8F8;
    border: 1px solid #DDDDDD;
    border-radius: 6px
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .sectionPoint {
        display: none
    }
}

.siteMap .siteMapArea .siteMapList .sectionPoint .icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EFEFEF;
    margin-bottom: 6px
}

.siteMap .siteMapArea .siteMapList .sectionPoint .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: var(--c2d);
    margin-bottom: 5px
}

@media (max-width: 1680px) {
    .siteMap .siteMapArea .siteMapList .sectionPoint .title {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .siteMap .siteMapArea .siteMapList .sectionPoint .title {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .sectionPoint .title {
        font-size: 14px;
        font-weight: 600;
        line-height: 18px
    }
}

.siteMap .siteMapArea .siteMapList .pageList .head {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    background-color: #FEF3E7;
    border-radius: 6px;
    color: #F8931E;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 5px 20px;
    min-width: 184px;
    height: 65px;
    gap: 13px;
    column-gap: 13px
}

@media (max-width: 1680px) {
    .siteMap .siteMapArea .siteMapList .pageList .head {
        font-size: 18px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-width: 991px) {
    .siteMap .siteMapArea .siteMapList .pageList .head {
        min-width: 170px;
        height: 50px
    }
}

@media (max-height: 800px) {
    .siteMap .siteMapArea .siteMapList .pageList .head {
        min-width: 170px;
        height: 50px;
        font-size: 18px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList .head {
        font-size: 16px;
        font-weight: 500;
        line-height: 18px;
        min-width: 110px;
        height: 40px;
        padding: 0
    }
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList .head svg {
        width: 26px
    }
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree {
    margin: 0;
    padding: 0 0 50px;
    border-left: 1px solid #393939;
    margin-left: 92px;
    display: block
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree {
        border-left: none;
        margin: 0;
        padding-bottom: 10px
    }
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree li {
    position: relative
}

    .siteMap .siteMapArea .siteMapList .pageList .mainTree li:first-child .levelOne {
        margin-top: 30px
    }

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree li:first-child .levelOne {
        margin-top: 20px
    }
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree .levelOne {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: #BF213D;
    padding-left: 68px;
    position: relative;
    padding-bottom: 29px
}

@media (max-width: 1680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelOne {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelOne {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelOne {
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        padding-left: 30px;
        padding-bottom: 9px
    }
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree .levelOne::after {
    content: "";
    color: #707070;
    position: absolute;
    font-size: large;
    left: -10px;
    display: inline-block;
    top: 13px;
    width: 69px;
    border-top: 1px dashed #707070
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelOne::after {
        display: none
    }
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree .levelOne::before {
    content: "";
    color: #707070;
    position: absolute;
    font-size: large;
    padding: 0 5px 0 0;
    background-image: url(../images/sightMap-arrow.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    left: -24px;
    width: 45px;
    height: 45px;
    display: inline-block;
    z-index: 1;
    top: -8px
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelOne::before {
        left: -6px;
        top: -7px;
        width: 35px;
        height: 35px
    }
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree .levelOne span::after {
    content: "";
    color: #707070;
    position: absolute;
    font-size: large;
    left: 81px;
    display: inline-block;
    top: 24px;
    height: 29px;
    border-right: 1px dashed #707070
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelOne span::after {
        display: none
    }
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree .levelTwo {
    color: #2d2d2d;
    padding-left: 70px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #393939;
    position: relative;
    padding-bottom: 29px
}

@media (max-width: 1680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelTwo {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 20px
    }
}

@media (max-height: 800px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelTwo {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 15px
    }
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelTwo {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 10px
    }
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree .levelTwo::before {
    content: "";
    color: #707070;
    position: absolute;
    font-size: large;
    padding: 0 5px 0 0;
    background-image: url(../images/sightMap-arrow2.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    left: -24px;
    width: 45px;
    height: 45px;
    display: inline-block;
    z-index: 1;
    top: -8px
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree .levelTwo::after {
    content: "";
    color: #707070;
    position: absolute;
    font-size: large;
    left: 7px;
    display: inline-block;
    top: 13px;
    width: 55px;
    border-top: 1px dashed #707070
}

@media (max-width: 1680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelTwo::after {
        top: 11px
    }
}

@media (max-height: 800px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelTwo::after {
        top: 11px
    }
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelTwo::after {
        display: none
    }
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree .levelTwo.twoSec::before {
    content: "";
    color: #707070;
    position: absolute;
    font-size: large;
    padding: 0 5px 0 0;
    background-image: url(../images/sightMap-arrow.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    left: -24px;
    width: 45px;
    height: 45px;
    display: inline-block;
    z-index: 1;
    top: -8px
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelTwo.twoSec::before {
        display: none
    }
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree .levelTwo span::after {
    content: "";
    color: #707070;
    position: absolute;
    font-size: large;
    left: 89px;
    display: inline-block;
    top: 24px;
    height: 29px;
    border-right: 1px dashed #707070
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelTwo span::after {
        left: 75px
    }
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree .levelThree {
    color: #2d2d2d;
    padding-left: 70px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #393939;
    position: relative;
    padding-bottom: 6px;
    padding-left: 57px;
    padding-top: 2px
}

@media (max-width: 1680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelThree {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelThree {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelThree {
        font-size: 12px;
        line-height: 18px;
        padding-left: 7px
    }
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree .levelThree::after {
    content: "";
    color: #707070;
    position: absolute;
    font-size: large;
    left: -9px;
    display: inline-block;
    top: 14px;
    width: 58px;
    border-top: 1px dashed #707070
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList .mainTree .levelThree::after {
        top: 11px;
        width: 12px
    }
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree .levelThree::before {
    content: "";
    color: #707070;
    position: absolute;
    font-size: large;
    left: -9px;
    display: inline-block;
    top: 15px;
    height: 100%;
    border-right: 1px dashed #707070
}

.siteMap .siteMapArea .siteMapList .pageList .mainTree .levelThree span::after {
    content: "";
    color: #707070;
    position: absolute;
    font-size: large;
    left: 89px;
    display: inline-block;
    top: 24px;
    height: 29px;
    border-right: 1px dashed #707070
}

.siteMap .siteMapArea .siteMapList .pageList ul ul {
    margin-left: 82px
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList ul ul {
        margin-left: -33px
    }
}

.siteMap .siteMapArea .siteMapList .pageList ul ul li::after {
    content: "";
    color: #707070;
    position: absolute;
    font-size: large;
    left: -1px;
    display: inline-block;
    top: 0;
    height: 100%;
    border-right: 1px dashed #707070
}

.siteMap .siteMapArea .siteMapList .pageList ul ul li:last-child::after {
    display: none
}

.siteMap .siteMapArea .siteMapList .pageList ul ul ul {
    margin-left: 98px;
    margin-top: -11px
}

@media (max-width: 680px) {
    .siteMap .siteMapArea .siteMapList .pageList ul ul ul {
        margin-left: 84px
    }
}

.siteMap .siteMapArea .siteMapList .pageList ul ul ul li::after {
    display: none
}

.siteMap .siteMapArea .siteMapList .pageList ul ul ul li:last-child .levelThree::before {
    display: none
}

.subsidiarysWelcom {
    padding: 49px 0 60px
}

@media (max-width: 680px) {
    .subsidiarysWelcom {
        padding: 40px 0 40px
    }
}

.subsidiarysWelcom .subsidiarysWelcomArea {
    display: grid;
    grid-template-columns: 712px 1fr;
    margin-left: 50px;
    align-items: center
}

@media (max-width: 1680px) {
    .subsidiarysWelcom .subsidiarysWelcomArea {
        grid-template-columns: 640px 1fr;
        margin-left: 0px
    }
}

@media (max-width: 1450px) {
    .subsidiarysWelcom .subsidiarysWelcomArea {
        grid-template-columns: 580px 1fr
    }
}

@media (max-height: 800px) {
    .subsidiarysWelcom .subsidiarysWelcomArea {
        grid-template-columns: 580px 1fr !important
    }
}

@media (max-width: 1199px) {
    .subsidiarysWelcom .subsidiarysWelcomArea {
        grid-template-columns: 500px 1fr !important
    }
}

@media (max-width: 1024px) {
    .subsidiarysWelcom .subsidiarysWelcomArea {
        grid-template-columns: 1fr !important;
        row-gap: 20px
    }
}

.subsidiarysWelcom .subsidiarysWelcomArea .pic {
    max-width: 712px;
    width: 100%;
    max-height: 659px;
    position: relative
}

@media (max-width: 1024px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .pic {
        max-width: 410px;
        margin: auto
    }
}

.subsidiarysWelcom .subsidiarysWelcomArea .pic img {
    height: 100%;
    border-radius: 34px
}

@media (max-width: 1680px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .pic img {
        border-radius: 30px
    }
}

@media (max-width: 1366px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .pic img {
        border-radius: 25px
    }
}

@media (max-width: 1024px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .pic img {
        border-radius: 20px
    }
}

@media (max-width: 991px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .pic img {
        border-radius: 15px
    }
}

@media (max-height: 800px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .pic img {
        border-radius: 15px
    }
}

@media (max-width: 767px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .pic img {
        border-radius: 10px
    }
}

@media (max-width: 680px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .pic img {
        border-radius: 8px
    }
}

.subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap {
    text-align: left;
    padding: 40px 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 1;
    position: relative
}

@media (max-width: 1024px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap {
        background: linear-gradient(45deg, rgba(242,101,34,0.8) 0%, rgba(195,38,65,0.95) 36%, #c32641 100%);
        border-radius: 80px 0 0 20px;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap {
        border-radius: 40px 0 0 10px
    }
}

.subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap::after {
    position: absolute;
    content: "";
    right: -100px;
    top: auto;
    background: linear-gradient(45deg, rgba(242,101,34,0.8) 0%, rgba(195,38,65,0.95) 36%, #c32641 100%);
    min-width: 64vw;
    width: 100%;
    margin-left: -120px;
    min-height: 577px;
    height: 100%;
    border-radius: 528px 0 0 49px
}

@media (max-width: 1680px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap::after {
        min-width: 67vw;
        border-radius: 360px 0 0 49px;
        min-height: 480px
    }
}

@media (max-width: 1450px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap::after {
        min-width: 67vw;
        border-radius: 360px 0 0 49px;
        min-height: 480px
    }
}

@media (max-width: 1366px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap::after {
        border-radius: 350px 0 0 49px;
        min-height: 497px
    }
}

@media (max-width: 1199px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap::after {
        border-radius: 320px 0 0 49px;
        min-height: 497px;
        min-width: 69vw
    }
}

@media (max-height: 800px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap::after {
        border-radius: 320px 0 0 49px;
        min-height: 497px;
        min-width: 65vw
    }
}

@media (max-width: 1024px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap::after {
        display: none
    }
}

.subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap::before {
    position: absolute;
    content: "";
    right: 54vw;
    top: 190px;
    width: 158px;
    height: 158px;
    border-radius: 50%;
    background: linear-gradient(to bottom, #f8931e 0%, #fff 100%);
    display: flex;
    z-index: 2;
    background: rgba(255,255,255,0.3);
    backdrop-filter: blur(16px)
}

@media (max-width: 1680px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap::before {
        right: 55vw;
        top: 220px
    }
}

@media (max-width: 1450px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap::before {
        top: 270px;
        width: 120px;
        height: 120px
    }
}

@media (max-width: 1366px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap::before {
        top: 270px;
        width: 100px;
        height: 100px
    }
}

@media (max-height: 800px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap::before {
        top: 190px;
        width: 100px;
        height: 100px;
        right: 56vw
    }
}

@media (max-width: 1024px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap::before {
        display: none
    }
}

.subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap .mainTitleWrapInner {
    max-width: 833px;
    z-index: 1;
    position: relative;
    padding: 50px 0
}

@media (max-width: 1199px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap .mainTitleWrapInner {
        padding: 40px 0
    }
}

@media (max-width: 1024px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap .mainTitleWrapInner {
        padding: 20px 0
    }
}

@media (max-height: 800px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap .mainTitleWrapInner {
        padding: 20px 0
    }
}

@media (max-width: 767px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap .mainTitleWrapInner {
        padding: 0px 0
    }
}

.subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap .designTitle {
    text-align: left;
    max-width: 678px;
    width: 100%
}

    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap .designTitle .woBG {
        margin-left: 0;
        padding-left: 0;
        color: var(--white);
        border-bottom: 1px solid var(--white)
    }

.subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap .mainTitle {
    text-align: left;
    max-width: 678px;
    width: 100%;
    color: var(--white);
    margin-bottom: 13px
}

.subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap p {
    color: var(--white);
    height: 160px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #e7e7e730 transparent
}

    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap p::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px
    }

    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap p::-webkit-scrollbar-track {
        background: transparent
    }

    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap p::-webkit-scrollbar-thumb {
        background: transparent
    }

@media (max-width: 1024px) {
    .subsidiarysWelcom .subsidiarysWelcomArea .mainTitleWrap p {
        max-height: fit-content;
        height: fit-content;
        overflow: visible;
        overflow-y: visible
    }
}

.subsidiaryCard {
    padding-bottom: 60px
}

    .subsidiaryCard .mainTitleWrap {
        max-width: 1620px;
        margin: auto
    }

        .subsidiaryCard .mainTitleWrap h2 {
            margin-bottom: 32px
        }

    .subsidiaryCard .subsidiaryCardArea {
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(auto-fit, minmax(389px, max-content));
        grid-gap: 21px;
        max-width: 1209px;
        margin: auto
    }

@media (max-width: 680px) {
    .subsidiaryCard .subsidiaryCardArea {
        grid-template-columns: 1fr
    }
}

.subsidiaryCard .subsidiaryCardArea .cardList {
    padding: 17px 33px 33px 33px;
    border-radius: 22px;
    background-color: var(--white);
    position: relative;
    -webkit-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.16);
    box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.16);
    max-width: 389px;
    width: 100%
}

@media (max-width: 1024px) {
    .subsidiaryCard .subsidiaryCardArea .cardList {
        border-radius: 20px
    }
}

@media (max-width: 991px) {
    .subsidiaryCard .subsidiaryCardArea .cardList {
        border-radius: 15px
    }
}

@media (max-height: 800px) {
    .subsidiaryCard .subsidiaryCardArea .cardList {
        border-radius: 15px
    }
}

@media (max-width: 767px) {
    .subsidiaryCard .subsidiaryCardArea .cardList {
        border-radius: 10px
    }
}

@media (max-width: 680px) {
    .subsidiaryCard .subsidiaryCardArea .cardList {
        margin: auto;
        border-radius: 8px
    }
}

.subsidiaryCard .subsidiaryCardArea .cardList::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 110px;
    background: linear-gradient(135deg, #f8c73d 0%, #f4c138 32%, #f8c73d 100%);
    border-radius: 22px 22px 0 0
}

@media (max-width: 1024px) {
    .subsidiaryCard .subsidiaryCardArea .cardList::after {
        border-radius: 20px 20px 0 0
    }
}

@media (max-width: 991px) {
    .subsidiaryCard .subsidiaryCardArea .cardList::after {
        border-radius: 15px 15px 0 0
    }
}

@media (max-height: 800px) {
    .subsidiaryCard .subsidiaryCardArea .cardList::after {
        border-radius: 15px 15px 0 0
    }
}

@media (max-width: 767px) {
    .subsidiaryCard .subsidiaryCardArea .cardList::after {
        border-radius: 10px 10px 0 0
    }
}

@media (max-width: 680px) {
    .subsidiaryCard .subsidiaryCardArea .cardList::after {
        border-radius: 8px 8px 0 0
    }
}

.subsidiaryCard .subsidiaryCardArea .cardList .pic {
    width: 165px;
    height: 165px;
    border-radius: 83px;
    background-color: #cccccc;
    margin: 0 auto 10px;
    z-index: 1;
    position: relative
}

@media (max-width: 767px) {
    .subsidiaryCard .subsidiaryCardArea .cardList .pic {
        width: 130px;
        height: 130px
    }
}

@media (max-width: 680px) {
    .subsidiaryCard .subsidiaryCardArea .cardList .pic {
        width: 120px;
        height: 120px
    }
}

.subsidiaryCard .subsidiaryCardArea .cardList .pic img {
    border-radius: 83px
}

.subsidiaryCard .subsidiaryCardArea .cardList .textArea {
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 139px
}

@media (max-width: 1199px) {
    .subsidiaryCard .subsidiaryCardArea .cardList .textArea {
        min-height: 120px
    }
}

@media (max-height: 800px) {
    .subsidiaryCard .subsidiaryCardArea .cardList .textArea {
        min-height: 120px
    }
}

@media (max-width: 680px) {
    .subsidiaryCard .subsidiaryCardArea .cardList .textArea {
        min-height: auto
    }
}

.subsidiaryCard .subsidiaryCardArea .cardList .textArea .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    color: var(--btnClr);
    margin: auto
}

@media (max-width: 1680px) {
    .subsidiaryCard .subsidiaryCardArea .cardList .textArea .title {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .subsidiaryCard .subsidiaryCardArea .cardList .textArea .title {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .subsidiaryCard .subsidiaryCardArea .cardList .textArea .title {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px
    }
}

.subsidiaryCard .subsidiaryCardArea .cardList .textArea .mainDesc {
    margin-bottom: 25px;
    margin-top: 15px
}

.subsidiaryCard .subsidiaryCardArea .cardList .textArea a {
    padding-top: 20px;
    margin: auto;
    width: 112px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .subsidiaryCard .subsidiaryCardArea .cardList .textArea a .moreLink {
        white-space: nowrap
    }

.subsidiarysSwift {
    padding: 64px 0 67px;
    background-color: var(--cfa)
}

@media (max-width: 991px) {
    .subsidiarysSwift {
        padding: 50px 0 55px
    }
}

@media (max-height: 800px) {
    .subsidiarysSwift {
        padding: 50px 0 55px
    }
}

@media (max-width: 767px) {
    .subsidiarysSwift {
        padding: 40px 0 45px
    }
}

@media (max-width: 680px) {
    .subsidiarysSwift {
        padding: 30px 0 35px
    }
}

.subsidiarysSwift .subsidiarysSwiftArea {
    max-width: 1483px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 399px;
    grid-gap: 53px
}

@media (max-width: 1450px) {
    .subsidiarysSwift .subsidiarysSwiftArea {
        grid-gap: 10px;
        grid-template-columns: 1fr 340px
    }
}

@media (max-width: 1199px) {
    .subsidiarysSwift .subsidiarysSwiftArea {
        grid-template-columns: 1fr 280px
    }
}

@media (max-width: 1024px) {
    .subsidiarysSwift .subsidiarysSwiftArea {
        grid-template-columns: 1fr 200px
    }
}

@media (max-width: 991px) {
    .subsidiarysSwift .subsidiarysSwiftArea {
        grid-template-columns: 1fr
    }
}

@media (max-width: 991px) {
    .subsidiarysSwift .subsidiarysSwiftArea .pic {
        display: none
    }
}

.subsidiarysSwift .subsidiarysSwiftArea .pic img {
    height: 100%;
    object-fit: contain
}

.subsidiarysSwift .subsidiarysSwiftArea .leftCard .mainTitleWrap .woBG {
    margin-left: 0;
    padding-left: 0
}

.subsidiarysSwift .subsidiarysSwiftArea .leftCard .mainTitleWrap h2 {
    text-align: left;
    margin-bottom: 30px
}

.subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec {
    padding: 32px 42px 26px;
    background-color: var(--white);
    border: 1px solid #F2F2F2;
    border-radius: 23px
}

@media (max-width: 1199px) {
    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec {
        padding: 32px 30px 26px
    }
}

@media (max-height: 800px) {
    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec {
        padding: 32px 30px 26px
    }
}

.subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .cmnSubHead {
    font-weight: 700;
    color: var(--black);
    margin-bottom: 27px;
    padding-left: 50px
}

@media (max-width: 767px) {
    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .cmnSubHead {
        padding-left: 38px
    }
}

.subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px
}

@media (max-width: 767px) {
    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc {
        grid-template-columns: 1fr
    }
}

.subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul {
    padding: 0;
    margin: 0
}

    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li {
        display: grid;
        grid-template-columns: 32px 1fr;
        grid-gap: 15px;
        list-style: none;
        margin-bottom: 20px
    }

@media (max-width: 767px) {
    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li {
        grid-template-columns: 24px 1fr
    }
}

.subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li:last-child {
    margin-bottom: 0
}

.subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .icn {
    width: 32px
}

@media (max-width: 767px) {
    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .icn {
        width: 24px
    }
}

@media (max-width: 767px) {
    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .icn svg {
        width: 24px
    }
}

.subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .text.cmnSubHead {
    text-transform: capitalize;
    margin-bottom: 0;
    padding-left: 0px;
    font-weight: 600;
    color: var(--c2d)
}

.subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .text span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 6px;
    color: var(--black)
}

@media (max-width: 1680px) {
    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .text span {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-width: 1279px) {
    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .text span {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .text span {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .text .timeDiv {
    margin-top: 18px
}

    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .text .timeDiv p {
        color: var(--black);
        margin-bottom: 8px
    }

        .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .text .timeDiv p:last-child {
            margin-bottom: 0
        }

        .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .text .timeDiv p span {
            font-size: 16px;
            font-weight: 500;
            line-height: 22px;
            color: #F36523;
            display: inline
        }

@media (max-width: 1680px) {
    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .text .timeDiv p span {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 1279px) {
    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .text .timeDiv p span {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-height: 800px) {
    .subsidiarysSwift .subsidiarysSwiftArea .leftCard .contactSec .addressSEc ul li .text .timeDiv p span {
        font-size: 14px;
        line-height: 20px
    }
}

.ourTeamsubsidiaryCard.subsidiaryCard .subsidiaryCardArea {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    max-width: 100%
}

@media (max-width: 1024px) {
    .ourTeamsubsidiaryCard.subsidiaryCard .subsidiaryCardArea {
        max-width: 825px
    }
}

@media (max-width: 480px) {
    .ourTeamsubsidiaryCard.subsidiaryCard .subsidiaryCardArea {
        grid-template-columns: 1fr
    }
}

.ourTeamsubsidiaryCard.subsidiaryCard .subsidiaryCardArea .cardList {
    max-width: 100%
}

@media (max-width: 767px) {
    .ourTeamsubsidiaryCard.subsidiaryCard .subsidiaryCardArea .cardList {
        max-width: 400px;
        margin: 0 auto
    }
}

.ourTeamHeader.calcHeader .template-containerMaxWth .mainTitleWrap {
    max-width: 864px;
    position: relative;
    z-index: 1
}

    .ourTeamHeader.calcHeader .template-containerMaxWth .mainTitleWrap .mainTitle {
        text-align: center;
        margin-block-end: 16px
    }

.teamticketingSecSeven {
    position: relative;
    background-color: var(--white)
}

    .teamticketingSecSeven::after {
        content: '';
        width: 100%;
        max-width: 530px;
        height: 155px;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        right: 0;
        top: 0;
        background-image: url("/images/design2.png")
    }

@media (max-width: 991px) {
    .teamticketingSecSeven::after {
        display: none
    }
}

.teamticketingSecSeven.ticketingSecSeven {
    margin-block-end: 0;
    padding-block: 70px 90px
}

@media (max-width: 1680px) {
    .teamticketingSecSeven.ticketingSecSeven {
        padding-block: 50px 70px
    }
}

@media (max-width: 1450px) {
    .teamticketingSecSeven.ticketingSecSeven {
        padding-block: 40px 60px
    }
}

@media (max-width: 1279px) {
    .teamticketingSecSeven.ticketingSecSeven {
        padding-block: 40px 50px
    }
}

@media (max-width: 1199px) {
    .teamticketingSecSeven.ticketingSecSeven {
        padding-block: 40px !important
    }
}

@media (max-width: 991px) {
    .teamticketingSecSeven.ticketingSecSeven {
        padding-block: 30px !important
    }
}

@media (max-height: 800px) {
    .teamticketingSecSeven.ticketingSecSeven {
        padding-block: 40px 50px
    }
}

.teamticketingSecSeven.ticketingSecSeven .mainTitleWrap {
    max-width: 1308px;
    margin-inline: auto
}

    .teamticketingSecSeven.ticketingSecSeven .mainTitleWrap .mainTitle {
        margin-block-end: 25px;
        text-wrap: balance
    }

@media (max-width: 1680px) {
    .teamticketingSecSeven.ticketingSecSeven .mainTitleWrap .mainTitle {
        margin-block-end: 20px
    }
}

@media (max-width: 1450px) {
    .teamticketingSecSeven.ticketingSecSeven .mainTitleWrap .mainTitle {
        margin-block-end: 12px
    }
}

@media (max-height: 800px) {
    .teamticketingSecSeven.ticketingSecSeven .mainTitleWrap .mainTitle {
        margin-block-end: 12px
    }
}

@media (max-width: 991px) {
    .teamticketingSecSeven.ticketingSecSeven .mainTitleWrap .mainTitle {
        margin-block-end: 8px !important
    }
}

.teamticketingSecSeven.ticketingSecSeven .mainTitleWrap p {
    text-align: center
}

.teamchairmanSec.chairmanSec {
    background-color: #EDEDED
}

    .teamchairmanSec.chairmanSec::after {
        opacity: 0.3;
        mix-blend-mode: plus-lighter
    }

@media (max-width: 1366px) {
    .teamchairmanSec.chairmanSec::after {
        height: 405px
    }
}

.teamchairmanSec.chairmanSec::before {
    height: 500px
}

.teamchairmanSec.chairmanSec .gridSec {
    margin-inline: auto;
    position: relative;
    border-radius: 24px;
    padding: 56px 65px 56px 10px;
    max-width: 1200px;
    width: 100%;
    background: rgba(215,150,23,0.75);
    background: linear-gradient(124deg, rgba(215,150,23,0.75) 0%, rgba(215,150,23,0.75) 10%, rgba(248,199,61,0.75) 100%);
    grid-template-columns: 34% 1fr;
    margin-block-start: 55px
}

@media (max-width: 1680px) {
    .teamchairmanSec.chairmanSec .gridSec {
        margin-block-start: 45px;
        padding: 50px 55px 55px 10px
    }
}

@media (max-width: 1450px) {
    .teamchairmanSec.chairmanSec .gridSec {
        margin-block-start: 40px;
        padding: 30px 30px 55px 10px
    }
}

@media (max-width: 1279px) {
    .teamchairmanSec.chairmanSec .gridSec {
        margin-block-start: 35px;
        padding: 25px 25px 55px 10px
    }
}

@media (max-width: 991px) {
    .teamchairmanSec.chairmanSec .gridSec {
        grid-template-columns: 31% 1fr;
        margin-block-start: 25px !important;
        padding: 20px 20px 30px 15px !important;
        border-radius: 12px
    }
}

@media (max-height: 800px) {
    .teamchairmanSec.chairmanSec .gridSec {
        margin-block-start: 35px;
        padding: 25px 25px 55px 10px
    }
}

@media (max-width: 767px) {
    .teamchairmanSec.chairmanSec .gridSec {
        margin-block-start: 15px !important;
        grid-template-columns: 1fr;
        background: transparent;
        gap: 0;
        padding: 0 !important
    }
}

.teamchairmanSec.chairmanSec .gridSec .gridL {
    position: relative
}

@media (max-width: 991px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL {
        min-width: 265px
    }
}

@media (max-width: 767px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL {
        display: none
    }
}

.teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img {
    left: -135px;
    bottom: -142px;
    position: absolute
}

@media (max-width: 1680px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img {
        max-width: 370px;
        max-height: 560px;
        left: 25px
    }
}

@media (max-width: 1450px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img {
        left: 45px;
        bottom: -120px
    }
}

@media (max-width: 1366px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img {
        left: 70px
    }
}

@media (max-width: 1279px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img {
        left: 80px !important;
        max-width: 335px
    }
}

@media (max-width: 1199px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img {
        left: 90px !important;
        max-width: 315px !important;
        bottom: -111px !important
    }
}

@media (max-width: 991px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img {
        left: 92px !important;
        max-width: 260px !important;
        bottom: -60px !important
    }
}

@media (max-height: 800px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img {
        left: 60px;
        max-width: 335px;
        bottom: -110px
    }
}

.teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img::after {
    content: '';
    position: absolute;
    width: 530px;
    aspect-ratio: 1;
    height: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/chairman-bg.svg");
    left: -12px;
    z-index: -1;
    bottom: 50px
}

@media (max-width: 1680px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img::after {
        width: 420px
    }
}

@media (max-width: 1450px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img::after {
        width: 410px
    }
}

@media (max-width: 1279px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img::after {
        width: 380px
    }
}

@media (max-width: 1199px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img::after {
        width: 325px !important;
        left: -5px
    }
}

@media (max-width: 1024px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img::after {
        width: 300px !important
    }
}

@media (max-width: 991px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img::after {
        display: none
    }
}

@media (max-height: 800px) {
    .teamchairmanSec.chairmanSec .gridSec .gridL .chairman-img::after {
        width: 380px
    }
}

.teamchairmanSec.chairmanSec .gridSec .mobile {
    display: none
}

@media (max-width: 767px) {
    .teamchairmanSec.chairmanSec .gridSec .mobile {
        display: block
    }
}

.teamchairmanSec.chairmanSec .gridSec .mobile .chairman-img {
    max-height: 290px;
    left: 25px;
    overflow: hidden;
    min-width: 260px;
    display: flex;
    align-items: flex-start;
    margin: auto;
    max-width: 260px
}

@media (max-width: 480px) {
    .teamchairmanSec.chairmanSec .gridSec .mobile .chairman-img {
        max-width: 240px;
        min-width: 210px;
        max-height: 250px
    }
}

.teamchairmanSec.chairmanSec .gridSec .gridR {
    max-width: 770px;
    grid-column: 2;
    position: relative
}

@media (max-width: 767px) {
    .teamchairmanSec.chairmanSec .gridSec .gridR {
        border-radius: 12px;
        padding: 25px;
        grid-column: 1;
        background: rgba(215,150,23,0.75);
        background: linear-gradient(124deg, rgba(215,150,23,0.75) 0%, rgba(215,150,23,0.75) 10%, rgba(248,199,61,0.75) 100%)
    }
}

.teamchairmanSec.chairmanSec .gridSec .gridR::before {
    position: absolute;
    content: '';
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/pen.png");
    bottom: -95px;
    right: 0;
    width: 220px;
    height: 170px
}

@media (max-width: 1279px) {
    .teamchairmanSec.chairmanSec .gridSec .gridR::before {
        width: 200px
    }
}

@media (max-width: 1199px) {
    .teamchairmanSec.chairmanSec .gridSec .gridR::before {
        bottom: -100px;
        width: 150px
    }
}

@media (max-width: 767px) {
    .teamchairmanSec.chairmanSec .gridSec .gridR::before {
        display: none
    }
}

@media (max-height: 800px) {
    .teamchairmanSec.chairmanSec .gridSec .gridR::before {
        width: 200px
    }
}

.teamchairmanSec.chairmanSec .gridSec .gridR .mainTitle::after {
    display: none
}

.teamchairmanSec.chairmanSec .gridSec .gridR .detailsSec {
    height: 235px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 1680px) {
    .teamchairmanSec.chairmanSec .gridSec .gridR .detailsSec {
        height: 205px
    }
}

@media (max-width: 1450px) {
    .teamchairmanSec.chairmanSec .gridSec .gridR .detailsSec {
        height: 185px
    }
}

.teamchairmanSec.chairmanSec .gridSec .gridR .detailsSec::before {
    display: none
}

.teamchairmanSec.chairmanSec .gridSec .gridR .detailsSec::-webkit-scrollbar {
    width: 8px;
    margin-left: 5px;
    left: 5px;
    background-color: transparent
}

.teamchairmanSec.chairmanSec .gridSec .gridR .detailsSec::-webkit-scrollbar-track {
    background: transparent
}

.teamchairmanSec.chairmanSec .gridSec .gridR .detailsSec::-webkit-scrollbar-thumb {
    border-radius: 12px
}

@media (max-width: 991px) {
    .teamchairmanSec.chairmanSec .gridSec .gridR .detailsSec {
        height: auto;
        overflow: visible;
        scrollbar-width: auto;
        overflow-y: visible
    }
}

.teamchairmanSec.chairmanSec .gridSec .gridR .mainDesc {
    margin-block-start: 25px
}

@media (max-width: 1680px) {
    .teamBackbone.ourTeamSec .cardSec {
        margin-block-start: 50px
    }
}

@media (max-width: 1450px) {
    .teamBackbone.ourTeamSec .cardSec {
        margin-block-start: 40px
    }
}

@media (max-width: 1199px) {
    .teamBackbone.ourTeamSec .cardSec {
        margin-block-start: 30px
    }
}

@media (max-height: 800px) {
    .teamBackbone.ourTeamSec .cardSec {
        margin-block-start: 30px
    }
}

@media (max-width: 1680px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard {
        gap: 35px
    }
}

@media (max-width: 1450px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard {
        gap: 30px
    }
}

@media (max-width: 1199px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard {
        gap: 25px
    }
}

@media (max-height: 800px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard {
        gap: 25px
    }
}

@media (max-width: 680px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard {
        gap: 25px !important;
        flex-direction: column
    }
}

.teamBackbone.ourTeamSec .cardSec .singleCard .imgDiv {
    margin-block-start: -65px;
    position: relative;
    max-width: 265px;
    max-height: 280px;
    height: auto
}

@media (max-width: 1680px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard .imgDiv {
        margin-block-start: -45px;
        max-width: 200px
    }
}

@media (max-width: 1450px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard .imgDiv {
        margin-block-start: -15px;
        max-width: 165px
    }
}

@media (max-width: 1199px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard .imgDiv {
        margin-block-start: -10px;
        max-width: 145px !important
    }
}

@media (max-width: 991px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard .imgDiv {
        margin-block-start: -28px;
        max-width: 155px !important
    }
}

@media (max-height: 800px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard .imgDiv {
        margin-block-start: -20px;
        max-width: 160px
    }
}

@media (max-width: 680px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard .imgDiv {
        margin-block-start: 5px !important;
        max-width: 135px !important;
        margin: auto
    }
}

.teamBackbone.ourTeamSec .cardSec .singleCard .imgDiv::after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 85px);
    left: 0;
    border-radius: 15px;
    z-index: -1;
    bottom: 0;
    background: #da9917;
    background: linear-gradient(180deg, #da9917 0%, #ffcf25 35%, #dbdb66 70%, #ecbf26 100%)
}

@media (max-width: 1450px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard .imgDiv::after {
        height: calc(100% - 50px)
    }
}

@media (max-height: 800px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard .imgDiv::after {
        height: calc(100% - 65px)
    }
}

@media (max-width: 680px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard .imgDiv::after {
        height: calc(100% - 65px) !important
    }
}

.teamBackbone.ourTeamSec .cardSec .singleCard .imgDiv img {
    border-radius: 0;
    height: 100%
}

@media (max-width: 680px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard .detailsSec {
        justify-items: center
    }
}

@media (max-width: 680px) {
    .teamBackbone.ourTeamSec .cardSec .singleCard .detailsSec .cmnP-LH {
        text-align: center
    }
}

.ndcEight.ticketingSecEight {
    background-color: #FAFAFA;
    max-width: 100%;
    padding-block: 45px 75px
}

@media (max-width: 1680px) {
    .ndcEight.ticketingSecEight {
        padding-block: 40px 65px
    }
}

@media (max-width: 1450px) {
    .ndcEight.ticketingSecEight {
        padding-block: 35px 55px
    }
}

@media (max-width: 1279px) {
    .ndcEight.ticketingSecEight {
        padding-block: 30px 45px
    }
}

@media (max-width: 991px) {
    .ndcEight.ticketingSecEight {
        padding-block: 30px !important
    }
}

@media (max-height: 800px) {
    .ndcEight.ticketingSecEight {
        padding-block: 30px 45px
    }
}

.ndcEight.ticketingSecEight .ticketingSecEightWrapper {
    max-width: 1620px;
    width: 100%;
    margin-inline: auto;
    background-color: var(--white)
}

@media (max-width: 1680px) {
    .ndcEight.ticketingSecEight .ticketingSecEightWrapper .serviceTemplate {
        padding: 12px 14px;
        font-size: 16px;
        min-width: 179px
    }
}

.ndcEight.ticketingSecEight .supportSec {
    margin-block-start: 25px;
    border-radius: 23px;
    background-color: #EDEDED;
    padding: 32px 45px 32px 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap
}

@media (max-width: 1680px) {
    .ndcEight.ticketingSecEight .supportSec {
        padding: 30px 35px 30px 60px
    }
}

@media (max-width: 1450px) {
    .ndcEight.ticketingSecEight .supportSec {
        padding: 25px 30px 25px 50px
    }
}

@media (max-width: 1279px) {
    .ndcEight.ticketingSecEight .supportSec {
        padding: 25px 30px
    }
}

@media (max-width: 1199px) {
    .ndcEight.ticketingSecEight .supportSec {
        padding: 25px !important
    }
}

@media (max-height: 800px) {
    .ndcEight.ticketingSecEight .supportSec {
        padding: 25px 30px
    }
}

.ndcEight.ticketingSecEight .supportSec .applyBtn {
    margin-block-start: 0
}

.ticketingSecOneNdc.ticketingSecOne {
    margin-block-start: 50px
}

@media (max-width: 1680px) {
    .ticketingSecOneNdc.ticketingSecOne {
        margin-block-start: 40px
    }
}

@media (max-width: 1450px) {
    .ticketingSecOneNdc.ticketingSecOne {
        margin-block-start: 30px
    }
}

@media (max-height: 800px) {
    .ticketingSecOneNdc.ticketingSecOne {
        margin-block-start: 30px
    }
}

.ticketingSecOneNdc.ticketingSecOne .gridR {
    gap: 35px
}

@media (max-width: 1680px) {
    .ticketingSecOneNdc.ticketingSecOne .gridR {
        gap: 25px
    }
}

.ndcHeader .commonBannerSec .template-containerMaxWth .mainTitleWrap .mainTitle {
    text-align: left;
    position: relative;
    z-index: 1
}

.policytemplateNdc.policytemplate {
    padding: 0
}

    .policytemplateNdc.policytemplate .accordionSingleSec .flexDiv {
        padding-inline-start: 0 !important
    }

        .policytemplateNdc.policytemplate .accordionSingleSec .flexDiv .innerFlexDiv {
            display: flex;
            align-items: center;
            gap: 35px
        }

@media (max-width: 991px) {
    .policytemplateNdc.policytemplate .accordionSingleSec .flexDiv .innerFlexDiv {
        gap: 25px
    }
}

.policytemplateNdc.policytemplate .accordionSingleSec .flexDiv .innerFlexDiv .icnDiv {
    max-width: 45px;
    height: fit-content;
    max-height: 45px
}

@media (max-width: 991px) {
    .policytemplateNdc.policytemplate .accordionSingleSec .flexDiv .innerFlexDiv .icnDiv {
        max-width: 35px
    }
}

.policytemplateNdc.policytemplate .accordionSingleSec .innerDiv table {
    border: none
}

    .policytemplateNdc.policytemplate .accordionSingleSec .innerDiv table thead tr th {
        border: none
    }

.templateOtherServiceSecNdc.templateOtherServiceSec {
    position: relative
}

    .templateOtherServiceSecNdc.templateOtherServiceSec::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        inset: 0;
        background: rgba(203,203,203,0.09);
        backdrop-filter: blur(28.5px);
        -webkit-backdrop-filter: blur(28.5px)
    }

    .templateOtherServiceSecNdc.templateOtherServiceSec .serviceWrap .mainTitleWrap {
        position: relative;
        z-index: 1
    }

        .templateOtherServiceSecNdc.templateOtherServiceSec .serviceWrap .mainTitleWrap .mainTitle {
            margin-block-end: 30px;
            color: #030303
        }

@media (max-width: 1450px) {
    .templateOtherServiceSecNdc.templateOtherServiceSec .serviceWrap .mainTitleWrap .mainTitle {
        margin-block-end: 25px
    }
}

@media (max-width: 1279px) {
    .templateOtherServiceSecNdc.templateOtherServiceSec .serviceWrap .mainTitleWrap .mainTitle {
        margin-block-end: 20px
    }
}

@media (max-height: 800px) {
    .templateOtherServiceSecNdc.templateOtherServiceSec .serviceWrap .mainTitleWrap .mainTitle {
        margin-block-end: 20px
    }
}

.templateOtherServiceSecNdc.templateOtherServiceSec .templateOtherService li {
    flex-direction: column;
    margin-block-end: 20px
}

    .templateOtherServiceSecNdc.templateOtherServiceSec .templateOtherService li .top {
        display: flex;
        gap: 25px;
        align-items: center;
        flex-wrap: wrap
    }

@media (max-width: 1279px) {
    .templateOtherServiceSecNdc.templateOtherServiceSec .templateOtherService li .top {
        gap: 20px
    }
}

@media (max-width: 1199px) {
    .templateOtherServiceSecNdc.templateOtherServiceSec .templateOtherService li .top {
        gap: 15px
    }
}

@media (max-height: 800px) {
    .templateOtherServiceSecNdc.templateOtherServiceSec .templateOtherService li .top {
        gap: 15px
    }
}

.templateOtherServiceSecNdc.templateOtherServiceSec .templateOtherService li .top .icnDiv {
    width: 100% !important;
    max-width: 40px !important;
    aspect-ratio: 1;
    height: 100% !important
}

    .templateOtherServiceSecNdc.templateOtherServiceSec .templateOtherService li .top .icnDiv img {
        height: 100%
    }

.templateOtherServiceSecNdc.templateOtherServiceSec .templateOtherService li .textArea {
    display: grid;
    gap: 25px;
    max-width: 425px
}

.faqSecNdc {
    margin-block-end: 95px
}

@media (max-width: 1366px) {
    .faqSecNdc {
        margin-block-end: 60px
    }
}

@media (max-width: 991px) {
    .faqSecNdc {
        margin-block-end: 40px
    }
}

@media (max-height: 800px) {
    .faqSecNdc {
        margin-block-end: 40px
    }
}

@media (max-width: 680px) {
    .faqSecNdc {
        margin-block-end: 30px !important
    }
}

.ratingPageSec {
    padding: 33px 0 95px
}

@media (max-width: 1366px) {
    .ratingPageSec {
        padding: 33px 0 60px
    }
}

@media (max-height: 800px) {
    .ratingPageSec {
        padding: 33px 0 60px
    }
}

@media (max-width: 767px) {
    .ratingPageSec {
        padding: 33px 0 40px
    }
}

@media (max-width: 680px) {
    .ratingPageSec {
        padding: 30px 0 30px
    }
}

.ratingPageSec .ratingPageSecArea {
    max-width: 1620px;
    margin: auto
}

    .ratingPageSec .ratingPageSecArea .listSec {
        background-color: #FAFAFA;
        border-radius: 22px;
        padding: 49px;
        text-align: center;
        margin-bottom: 25px
    }

@media (max-width: 1680px) {
    .ratingPageSec .ratingPageSecArea .listSec {
        border-radius: 18px
    }
}

@media (max-width: 991px) {
    .ratingPageSec .ratingPageSecArea .listSec {
        padding: 40px;
        border-radius: 15px
    }
}

@media (max-height: 800px) {
    .ratingPageSec .ratingPageSecArea .listSec {
        padding: 40px;
        border-radius: 15px
    }
}

@media (max-width: 767px) {
    .ratingPageSec .ratingPageSecArea .listSec {
        padding: 35px;
        border-radius: 10px
    }
}

@media (max-width: 680px) {
    .ratingPageSec .ratingPageSecArea .listSec {
        padding: 30px 15px;
        border-radius: 8px
    }
}

.ratingPageSec .ratingPageSecArea .listSec:last-child {
    margin-bottom: 0
}

.ratingPageSec .ratingPageSecArea .listSec .listSec {
    margin-bottom: 17px;
    color: var(--c2d)
}

@media (max-width: 680px) {
    .ratingPageSec .ratingPageSecArea .listSec .listSec {
        margin-bottom: 10px
    }
}

.ratingPageSec .ratingPageSecArea .listSec p {
    margin-bottom: 25px;
    color: var(--c2d)
}

@media (max-width: 767px) {
    .ratingPageSec .ratingPageSecArea .listSec p {
        margin-bottom: 20px
    }
}

@media (max-width: 680px) {
    .ratingPageSec .ratingPageSecArea .listSec p {
        margin-bottom: 15px
    }
}

.ratingPageSec .ratingPageSecArea .listSec .applyBtn {
    padding-inline: 30px;
    margin: auto
}

.unclaimedNCD {
    padding: 44px 0 60px
}

@media (max-width: 991px) {
    .unclaimedNCD {
        padding: 40px 0 50px
    }
}

@media (max-height: 800px) {
    .unclaimedNCD {
        padding: 40px 0 50px
    }
}

@media (max-width: 680px) {
    .unclaimedNCD {
        padding: 30px 0 40px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm {
    padding: 48px 48px 37px;
    background-color: #FAFAFA;
    border-radius: 26px;
    margin-bottom: 29px
}

@media (max-width: 1680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm {
        padding: 45px 40px 37px;
        border-radius: 20px
    }
}

@media (max-width: 1199px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm {
        border-radius: 18px
    }
}

@media (max-width: 991px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm {
        border-radius: 15px
    }
}

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm {
        border-radius: 15px
    }
}

@media (max-width: 767px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm {
        border-radius: 10px
    }
}

@media (max-width: 680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm {
        padding: 30px 15px;
        border-radius: 8px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .title {
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    color: var(--c2d);
    margin-bottom: 33px
}

@media (max-width: 1680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .title {
        font-size: 24px;
        font-weight: 600;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .title {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        margin-bottom: 30px
    }
}

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        margin-bottom: 30px
    }
}

@media (max-width: 680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .title {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 20px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px
}

@media (max-width: 1199px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec {
        grid-template-columns: 1fr 1fr;
        row-gap: 0
    }
}

@media (max-width: 680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec {
        grid-template-columns: 1fr
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow {
    position: relative;
    margin-bottom: 18px
}

@media (max-width: 1366px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow {
        margin-bottom: 16px
    }
}

@media (max-width: 991px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow {
        margin-bottom: 14px
    }
}

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow {
        margin-bottom: 14px
    }
}

@media (max-width: 680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow {
        margin-bottom: 12px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow .inputLabel {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    color: var(--c2d);
    margin-bottom: 8px;
    display: block;
    position: relative
}

@media (max-width: 1366px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow .inputLabel {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow .inputLabel {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow .inputLabel sup {
    color: var(--btnClr);
    position: absolute;
    top: -4px;
    margin-left: 5px
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow .inputCtrl {
    width: 100%;
    height: 54px;
    padding: 5px 26px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    border: none;
    border-radius: 8px;
    outline: none;
    color: #707070;
    border: 1px solid #DDDDDD
}

@media (max-width: 1366px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow .inputCtrl {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 18px;
        height: 50px;
        border-radius: 8px
    }
}

@media (max-width: 991px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow .inputCtrl {
        height: 45px
    }
}

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow .inputCtrl {
        height: 45px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow .inputCtrl::placeholder {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow .inputCtrl.calendar {
    padding: 5px 47px 5px 26px
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow .icnGrp {
    position: relative
}

    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow .icnGrp .icn {
        position: absolute;
        right: 19px;
        top: 16px
    }

@media (max-width: 991px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow .icnGrp .icn {
        top: 10px
    }
}

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .inputRow .icnGrp .icn {
        top: 10px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container {
    width: 100% !important
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 21px;
    right: 16px;
    background-image: url(../images/dwnArrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px
}

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 17px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg)
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #707070;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px
}

@media (max-width: 1366px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container--default .select2-selection--single {
    border: 1px solid #DDDDDD;
    border-radius: 8px
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 5px 26px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1366px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 5px 18px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container .select2-selection--single {
    height: 54px;
    display: flex;
    align-items: center
}

@media (max-width: 1366px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container .select2-selection--single {
        height: 50px
    }
}

@media (max-width: 991px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container .select2-selection--single {
        height: 45px
    }
}

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .formSec .select2-container .select2-selection--single {
        height: 45px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .btnArea {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    column-gap: 20px;
    margin-top: 13px
}

@media (max-width: 1199px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .btnArea {
        flex-direction: column
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .btnArea .dwnArea {
    display: flex;
    row-gap: 10px;
    flex-wrap: wrap
}

    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .btnArea .dwnArea p {
        color: var(--c2d);
        margin-right: 20px
    }

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .btnArea .btnGrp {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    column-gap: 24px;
    row-gap: 10px
}

    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .btnArea .btnGrp p {
        display: flex;
        align-items: center;
        gap: 17px;
        column-gap: 17px
    }

    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .btnArea .btnGrp .applyBtn {
        min-width: 193px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0
    }

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .btnArea .btnGrp .applyBtn {
        min-width: 160px
    }
}

@media (max-width: 680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDForm .formDiv .btnArea .btnGrp .applyBtn {
        min-width: 150px;
        height: 45px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp {
    padding: 48px 48px 37px;
    background-color: #FAFAFA;
    border-radius: 26px
}

@media (max-width: 1680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp {
        padding: 45px 40px 37px;
        border-radius: 20px
    }
}

@media (max-width: 1199px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp {
        border-radius: 18px
    }
}

@media (max-width: 991px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp {
        border-radius: 15px
    }
}

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp {
        border-radius: 15px
    }
}

@media (max-width: 767px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp {
        border-radius: 10px
    }
}

@media (max-width: 680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp {
        padding: 30px 15px;
        border-radius: 8px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .title {
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    color: var(--c2d);
    margin-bottom: 21px;
    text-align: center
}

@media (max-width: 1680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .title {
        font-size: 24px;
        font-weight: 600;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .title {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        margin-bottom: 30px
    }
}

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        margin-bottom: 30px
    }
}

@media (max-width: 680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .title {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 20px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(389px, max-content));
    grid-gap: 46px
}

@media (max-width: 1680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec {
        grid-gap: 30px
    }
}

@media (max-width: 1450px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec {
        grid-template-columns: repeat(auto-fit, minmax(350px, max-content))
    }
}

@media (max-width: 1366px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec {
        grid-template-columns: repeat(auto-fit, minmax(330px, max-content));
        grid-gap: 25px
    }
}

@media (max-width: 1279px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px
    }
}

@media (max-width: 991px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 575px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec {
        grid-template-columns: 1fr
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList {
    padding: 34px 44px 21px;
    background-color: var(--white);
    border-radius: 16px;
    -webkit-box-shadow: 9px 11px 20px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 9px 11px 20px 0px rgba(0,0,0,0.16);
    box-shadow: 9px 11px 20px 0px rgba(0,0,0,0.16);
    max-width: 386px;
    width: 100%
}

@media (max-width: 680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList {
        padding: 24px 15px;
        border-radius: 8px;
        margin: auto
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .icn {
    width: 70px;
    height: 70px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px
}

@media (max-width: 1366px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .icn {
        width: 60px;
        height: 60px;
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .icn {
        width: 60px;
        height: 60px;
        border-radius: 8px
    }
}

@media (max-width: 680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .icn {
        width: 50px;
        height: 50px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .icn.grn {
    background-color: #E9F5E6
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .icn.org {
    background-color: #FFF4E8
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .icn.red {
    background-color: #F9E9EB
}

@media (max-width: 1366px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .icn svg {
        width: 48%
    }
}

@media (max-width: 680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .icn svg {
        width: 38%
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList p {
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px
}

@media (max-width: 1680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList p {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList p {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList p {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList p {
        margin-bottom: 10px
    }
}

@media (max-width: 680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList p {
        margin-bottom: 8px
    }
}

.unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .num {
    font-size: 36px;
    font-weight: 600;
    line-height: 46px
}

@media (max-width: 1680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .num {
        font-size: 32px;
        font-weight: 600;
        line-height: 42px
    }
}

@media (max-width: 1366px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .num {
        font-size: 30px;
        font-weight: 600;
        line-height: 40px
    }
}

@media (max-width: 1199px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .num {
        font-size: 28px;
        font-weight: 600;
        line-height: 38px
    }
}

@media (max-width: 991px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .num {
        font-size: 24px;
        font-weight: 600;
        line-height: 34px
    }
}

@media (max-height: 800px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .num {
        font-size: 24px;
        font-weight: 600;
        line-height: 34px
    }
}

@media (max-width: 680px) {
    .unclaimedNCD .unclaimedNCDArea .unclaimedNCDCardGrp .cardListSec .cardList .num {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px
    }
}

.otherServiceSecUnclamedNcd .serviceWrap {
    margin-block: 0px 60px !important
}

@media (max-width: 991px) {
    .otherServiceSecUnclamedNcd .serviceWrap {
        margin-block: 0px 35px !important
    }
}

@media (max-height: 800px) {
    .otherServiceSecUnclamedNcd .serviceWrap {
        margin-block: 0px 35px !important
    }
}

.digitalContentSec {
    margin-block-start: 45px;
    position: relative
}

@media (max-width: 1680px) {
    .digitalContentSec {
        margin-block-start: 40px
    }
}

@media (max-width: 1450px) {
    .digitalContentSec {
        margin-block-start: 35px
    }
}

@media (max-width: 1199px) {
    .digitalContentSec {
        margin-block-start: 30px !important
    }
}

@media (max-height: 800px) {
    .digitalContentSec {
        margin-block-start: 35px
    }
}

.digitalContentSec .contentWrap {
    display: grid;
    gap: 24px
}

@media (max-width: 1680px) {
    .digitalContentSec .contentWrap {
        gap: 20px
    }
}

@media (max-width: 1199px) {
    .digitalContentSec .contentWrap {
        gap: 15px
    }
}

@media (max-height: 800px) {
    .digitalContentSec .contentWrap {
        gap: 15px
    }
}

.digitalContentSec .contentWrap .block {
    display: grid;
    grid-template-columns: 1fr 67%;
    gap: 30px;
    background: rgba(53,217,156,0.1);
    background: linear-gradient(125deg, rgba(53,217,156,0.1) 0%, rgba(68,120,199,0.1) 25%, rgba(132,88,176,0.1) 50%, rgba(149,111,121,0.1) 75%, rgba(197,206,67,0.1) 100%);
    padding: 60px 100px 60px 70px;
    border-radius: 22px
}

@media (max-width: 1680px) {
    .digitalContentSec .contentWrap .block {
        padding: 50px 80px 50px 60px
    }
}

@media (max-width: 1450px) {
    .digitalContentSec .contentWrap .block {
        gap: 25px;
        border-radius: 18px;
        padding: 45px 60px 45px 50px
    }
}

@media (max-width: 1279px) {
    .digitalContentSec .contentWrap .block {
        padding: 35px 40px 35px 40px
    }
}

@media (max-width: 1199px) {
    .digitalContentSec .contentWrap .block {
        border-radius: 12px;
        padding: 30px 35px
    }
}

@media (max-width: 991px) {
    .digitalContentSec .contentWrap .block {
        padding: 25px 30px !important
    }
}

@media (max-height: 800px) {
    .digitalContentSec .contentWrap .block {
        padding: 28px 30px 28px 30px
    }
}

@media (max-width: 767px) {
    .digitalContentSec .contentWrap .block {
        padding: 25px 20px !important
    }
}

@media (max-width: 767px) {
    .digitalContentSec .contentWrap .block {
        grid-template-columns: 1fr;
        row-gap: 25px
    }
}

.digitalContentSec .contentWrap .block:nth-child(odd) {
    grid-template-columns: 67% 1fr
}

@media (max-width: 767px) {
    .digitalContentSec .contentWrap .block:nth-child(odd) {
        grid-template-columns: 1fr
    }
}

.digitalContentSec .contentWrap .block:nth-child(odd) .rightSec {
    justify-self: start;
    order: -1
}

@media (max-width: 767px) {
    .digitalContentSec .contentWrap .block:nth-child(odd) .rightSec {
        order: 0
    }
}

.digitalContentSec .contentWrap .block:nth-child(even) .rightSec {
    justify-self: end
}

.digitalContentSec .contentWrap .block:nth-child(even) .leftSec {
    order: 0
}

@media (max-width: 767px) {
    .digitalContentSec .contentWrap .block:nth-child(even) .leftSec {
        order: 0
    }
}

.digitalContentSec .contentWrap .block .leftSec .imgDiv {
    max-width: 398px;
    max-height: 377px;
    margin: auto
}

@media (max-width: 1366px) {
    .digitalContentSec .contentWrap .block .leftSec .imgDiv {
        max-width: 260px !important;
        max-height: 261px !important;
        min-width: 250px
    }
}

@media (max-height: 800px) {
    .digitalContentSec .contentWrap .block .leftSec .imgDiv {
        max-width: 290px;
        max-height: 275px
    }
}

@media (max-width: 480px) {
    .digitalContentSec .contentWrap .block .leftSec .imgDiv {
        max-width: 200px !important;
        max-height: 190px !important;
        min-width: 170px
    }
}

@media (max-width: 1199px) {
    .digitalContentSec .contentWrap .block .leftSec {
        display: grid;
        place-content: center
    }
}

.digitalContentSec .contentWrap .block .rightSec {
    display: grid;
    gap: 15px;
    max-width: 817px;
    width: 100%;
    border-radius: 16px;
    margin: auto;
    background-color: var(--white);
    -webkit-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.2);
    box-shadow: 9px 11px 22px 0px rgba(0,0,0,0.2);
    padding: 45px 40px 45px 55px
}

@media (max-width: 1680px) {
    .digitalContentSec .contentWrap .block .rightSec {
        padding: 40px 35px 40px 45px
    }
}

@media (max-width: 1450px) {
    .digitalContentSec .contentWrap .block .rightSec {
        padding: 35px 30px 35px 40px
    }
}

@media (max-width: 1279px) {
    .digitalContentSec .contentWrap .block .rightSec {
        padding: 30px 25px 30px 35px
    }
}

@media (max-width: 991px) {
    .digitalContentSec .contentWrap .block .rightSec {
        padding: 25px !important
    }
}

@media (max-height: 800px) {
    .digitalContentSec .contentWrap .block .rightSec {
        padding: 30px 25px 30px 35px
    }
}

@media (max-width: 767px) {
    .digitalContentSec .contentWrap .block .rightSec {
        padding: 20px !important
    }
}

.digitalContentSec .contentWrap .block .rightSec .title h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 41px;
    color: var(--black);
    margin-block-end: 12px
}

@media (max-width: 1680px) {
    .digitalContentSec .contentWrap .block .rightSec .title h2 {
        font-size: 26px;
        font-weight: 500;
        line-height: 34px;
        margin-bottom: 10px
    }
}

@media (max-width: 1450px) {
    .digitalContentSec .contentWrap .block .rightSec .title h2 {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px
    }
}

@media (max-width: 1279px) {
    .digitalContentSec .contentWrap .block .rightSec .title h2 {
        font-size: 22px;
        font-weight: 500;
        line-height: 32px
    }
}

@media (max-width: 991px) {
    .digitalContentSec .contentWrap .block .rightSec .title h2 {
        margin-bottom: 8px;
        font-size: 20px !important;
        font-weight: 500;
        line-height: 30px !important
    }
}

@media (max-height: 800px) {
    .digitalContentSec .contentWrap .block .rightSec .title h2 {
        font-size: 22px;
        font-weight: 500;
        line-height: 32px
    }
}

.digitalContentSec .contentWrap .block.digitalSecOne .wrap {
    justify-self: start;
    order: -1
}

@media (max-width: 767px) {
    .digitalContentSec .contentWrap .block.digitalSecOne .wrap {
        order: 0
    }
}

.digitalContentSec .contentWrap .block.digitalSecOne .wrap .playStoreWrap {
    margin-block-start: 35px;
    padding-inline-start: 50px;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap
}

@media (max-width: 1199px) {
    .digitalContentSec .contentWrap .block.digitalSecOne .wrap .playStoreWrap {
        padding-inline-start: 10px;
        margin-block-start: 25px
    }
}

@media (max-height: 800px) {
    .digitalContentSec .contentWrap .block.digitalSecOne .wrap .playStoreWrap {
        padding-inline-start: 10px;
        margin-block-start: 25px
    }
}

.digitalContentSec .contentWrap .block.digitalSecOne .wrap .playStoreWrap .playStoreDiv {
    display: flex;
    gap: 8px
}

@media (max-width: 991px) {
    .digitalContentSec .contentWrap .block.digitalSecOne .wrap .playStoreWrap .playStoreDiv li {
        width: 115px
    }
}

@media (max-height: 800px) {
    .digitalContentSec .contentWrap .block.digitalSecOne .wrap .playStoreWrap .playStoreDiv li {
        width: 115px
    }
}

.milestoneSec {
    background: #fff;
    background: linear-gradient(184deg, #fff 0%, #f7f7f7 10%, #f0f0f0 78%, #d9d9d9 98%)
}

    .milestoneSec .milestoneWrapper {
        max-width: 1210px;
        width: 100%;
        margin-inline: auto;
        padding-block-end: 140px;
        position: relative
    }

@media (max-width: 991px) {
    .milestoneSec .milestoneWrapper {
        padding-block: 25px
    }
}

.milestoneSec .milestoneWrapper .titleWrap {
    max-width: 450px;
    position: absolute;
    top: 75px;
    left: 0;
    border-bottom: 1.5px solid #C32641;
    padding-block-end: 10px;
    padding-inline-start: 18px
}

@media (max-width: 1450px) {
    .milestoneSec .milestoneWrapper .titleWrap {
        max-width: 360px !important
    }
}

@media (max-width: 1279px) {
    .milestoneSec .milestoneWrapper .titleWrap {
        max-width: 355px !important;
        position: absolute;
        top: 75px;
        left: 35px
    }
}

@media (max-width: 1199px) {
    .milestoneSec .milestoneWrapper .titleWrap {
        max-width: 360px !important;
        left: 40px !important
    }
}

@media (max-width: 991px) {
    .milestoneSec .milestoneWrapper .titleWrap {
        max-width: fit-content;
        position: static;
        top: 0;
        left: 0 !important;
        margin: 0 auto;
        margin-block-end: 20px;
        padding-inline: 16px
    }
}

@media (max-height: 800px) {
    .milestoneSec .milestoneWrapper .titleWrap {
        max-width: 400px;
        left: 55px
    }
}

.milestoneSec .milestoneWrapper .titleWrap h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    color: #C32641;
    margin-block-end: 18px;
    text-align: right
}

@media (max-width: 1680px) {
    .milestoneSec .milestoneWrapper .titleWrap h2 {
        font-size: 45px;
        font-weight: 700;
        line-height: 55px;
        margin-block-end: 16px
    }
}

@media (max-width: 1450px) {
    .milestoneSec .milestoneWrapper .titleWrap h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 50px
    }
}

@media (max-width: 1366px) {
    .milestoneSec .milestoneWrapper .titleWrap h2 {
        font-size: 30px !important;
        font-weight: 700;
        line-height: 38px !important;
        margin-block-end: 14px
    }
}

@media (max-width: 1279px) {
    .milestoneSec .milestoneWrapper .titleWrap h2 {
        font-size: 26px !important;
        font-weight: 700;
        line-height: 34px !important;
        margin-block-end: 12px !important
    }
}

@media (max-width: 1199px) {
    .milestoneSec .milestoneWrapper .titleWrap h2 {
        font-size: 24px !important;
        font-weight: 700;
        line-height: 32px !important;
        margin-block-end: 10px !important
    }
}

@media (max-width: 991px) {
    .milestoneSec .milestoneWrapper .titleWrap h2 {
        text-align: center;
        font-size: 22px !important;
        font-weight: 700;
        line-height: 32px !important
    }
}

@media (max-width: 680px) {
    .milestoneSec .milestoneWrapper .titleWrap h2 {
        font-size: 20px !important;
        font-weight: 700;
        line-height: 28px !important
    }
}

@media (max-height: 800px) {
    .milestoneSec .milestoneWrapper .titleWrap h2 {
        font-size: 32px;
        font-weight: 700;
        line-height: 45px;
        margin-block-end: 12px
    }
}

.milestoneSec .milestoneWrapper .titleWrap p {
    text-align: right
}

@media (max-width: 991px) {
    .milestoneSec .milestoneWrapper .titleWrap p {
        text-align: center
    }
}

.milestoneSec .milestoneWrapper .milestoneUL {
    display: grid;
    place-items: center;
    grid-auto-rows: 375px
}

@media (max-width: 1366px) {
    .milestoneSec .milestoneWrapper .milestoneUL {
        grid-auto-rows: 320px
    }
}

@media (max-width: 991px) {
    .milestoneSec .milestoneWrapper .milestoneUL {
        display: none
    }
}

.milestoneSec .milestoneWrapper .milestoneUL li {
    position: relative;
    display: grid;
    justify-items: center
}

    .milestoneSec .milestoneWrapper .milestoneUL li .yearDiv {
        background-color: var(--white);
        width: 148px;
        height: 148px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        -webkit-box-shadow: 15px 23px 41px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 15px 23px 41px 0px rgba(0,0,0,0.15);
        box-shadow: 15px 23px 41px 0px rgba(0,0,0,0.15)
    }

@media (max-width: 1199px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .yearDiv {
        width: 132px;
        height: 132px
    }
}

@media (max-height: 800px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .yearDiv {
        width: 132px;
        height: 132px
    }
}

.milestoneSec .milestoneWrapper .milestoneUL li .yearDiv span {
    display: grid;
    place-items: center;
    background-color: var(--white);
    width: 128px;
    height: 128px;
    border-radius: 50%;
    font-size: 40px;
    font-weight: 700;
    line-height: 90px;
    color: var(--black);
    -webkit-box-shadow: 15px 23px 41px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 15px 23px 41px 0px rgba(0,0,0,0.15);
    box-shadow: 15px 23px 41px 0px rgba(0,0,0,0.15)
}

@media (max-width: 1680px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .yearDiv span {
        font-size: 36px;
        font-weight: 700;
        line-height: 70px
    }
}

@media (max-width: 1450px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .yearDiv span {
        font-size: 34px;
        font-weight: 700;
        line-height: 44px
    }
}

@media (max-width: 1366px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .yearDiv span {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px
    }
}

@media (max-width: 1199px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .yearDiv span {
        width: 112px;
        height: 112px
    }
}

@media (max-height: 800px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .yearDiv span {
        width: 112px;
        height: 112px;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px
    }
}

.milestoneSec .milestoneWrapper .milestoneUL li .contentSec .imgDiv {
    position: relative;
    max-width: 300px;
    width: 100%;
    aspect-ratio: 1;
    margin-inline: auto
}

@media (max-width: 1366px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .imgDiv {
        max-width: 250px !important
    }
}

@media (max-height: 800px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .imgDiv {
        max-width: 280px
    }
}

.milestoneSec .milestoneWrapper .milestoneUL li .contentSec .imgDiv img {
    height: 100%;
    object-fit: contain
}

.milestoneSec .milestoneWrapper .milestoneUL li .contentSec .imgDiv::after, .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .imgDiv::before {
    position: absolute;
    content: '';
    background-color: #C32641;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width: 991px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .imgDiv::after, .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .imgDiv::before {
        display: none
    }
}

.milestoneSec .milestoneWrapper .milestoneUL li .contentSec .imgDiv::after {
    width: 2px;
    height: 20px;
    bottom: 25px
}

@media (max-width: 1366px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .imgDiv::after {
        height: 15px;
        bottom: 20px
    }
}

@media (max-height: 800px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .imgDiv::after {
        height: 16px;
        bottom: 22px
    }
}

.milestoneSec .milestoneWrapper .milestoneUL li .contentSec .imgDiv::before {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    bottom: 10px
}

@media (max-width: 1366px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .imgDiv::before {
        bottom: 5px
    }
}

@media (max-height: 800px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .imgDiv::before {
        bottom: 6px
    }
}

.milestoneSec .milestoneWrapper .milestoneUL li .contentSec .textArea {
    max-width: 440px
}

    .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .textArea h2 {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        color: #F26522;
        margin-block-end: 12px;
        text-align: center
    }

@media (max-width: 1680px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .textArea h2 {
        font-size: 28px;
        font-weight: 700;
        line-height: 36px;
        margin-block-end: 10px
    }
}

@media (max-width: 1450px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .textArea h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }
}

@media (max-width: 1279px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .textArea h2 {
        margin-block-end: 8px;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px
    }
}

@media (max-width: 1199px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .textArea h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (max-height: 800px) {
    .milestoneSec .milestoneWrapper .milestoneUL li .contentSec .textArea h2 {
        margin-block-end: 8px;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px
    }
}

.milestoneSec .milestoneWrapper .milestoneUL li .contentSec .textArea p {
    text-align: center
}

.milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd), .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even) {
    position: relative
}

    .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd)::before, .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even)::before {
        position: absolute;
        content: '';
        width: 45px;
        height: 182px;
        background-repeat: no-repeat;
        bottom: -210px;
        align-self: flex-start
    }

@media (max-width: 1366px) {
    .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd)::before, .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even)::before {
        height: 140px;
        bottom: -160px;
        background-size: contain;
        width: 35px
    }
}

.milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd)::after, .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even)::after {
    position: absolute;
    content: '';
    width: 145px;
    height: 2px;
    background-color: #C32641;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width: 1366px) {
    .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd)::after, .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even)::after {
        width: 135px
    }
}

@media (max-width: 1199px) {
    .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd)::after, .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even)::after {
        width: 110px
    }
}

.milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd) .contentSec, .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even) .contentSec {
    position: absolute;
    height: fit-content;
    top: -50%;
    width: 440px
}

@media (max-width: 1366px) {
    .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd) .contentSec, .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even) .contentSec {
        width: 305px
    }
}

@media (max-width: 1199px) {
    .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd) .contentSec, .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even) .contentSec {
        width: 330px
    }
}

.milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd)::before {
    background-image: url("../images/afterGreen.png")
}

.milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd)::after {
    right: -155px
}

@media (max-width: 1199px) {
    .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd)::after {
        right: -125px
    }
}

.milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd) .contentSec {
    left: 165%
}

@media (max-width: 1366px) {
    .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd) .contentSec {
        left: 205%
    }
}

@media (max-width: 1199px) {
    .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(odd) .contentSec {
        left: 162%
    }
}

.milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even)::before {
    background-image: url("../images/afterRed.png")
}

.milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even)::after {
    left: -155px
}

@media (max-width: 1199px) {
    .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even)::after {
        left: -125px
    }
}

.milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even) .contentSec {
    right: 165%
}

@media (max-width: 1366px) {
    .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even) .contentSec {
        right: 205%
    }
}

@media (max-width: 1199px) {
    .milestoneSec .milestoneWrapper .milestoneUL li:nth-child(even) .contentSec {
        right: 162%
    }
}

.milestoneSec .milestoneWrapper .accordionWrap {
    display: none
}

@media (max-width: 991px) {
    .milestoneSec .milestoneWrapper .accordionWrap {
        display: block
    }
}

.milestoneSec .milestoneWrapper .accordionWrap .innerWrap {
    display: grid;
    gap: 15px
}

    .milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec {
        cursor: pointer;
        overflow: hidden
    }

        .milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
            background-color: var(--cfa)
        }

@media (max-width: 991px) {
    .milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
        border-radius: 8px;
        padding: 12px 18px
    }
}

.milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 15px
}

    .milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        transition: .3s ease-in-out color;
        font-size: 20px;
        font-weight: 600;
        line-height: 30px
    }

@media (max-width: 680px) {
    .milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

.milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv {
    width: 20px
}

@media (max-width: 991px) {
    .milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv {
        width: 15px
    }
}

.milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv svg {
    width: 20px
}

@media (max-width: 991px) {
    .milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv .svgDiv svg {
        width: 15px;
        height: auto
    }
}

@media (max-width: 991px) {
    .milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
        margin-top: 8px
    }
}

.milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .contentSec {
    display: flex;
    align-items: center;
    gap: 20px
}

@media (max-width: 680px) {
    .milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .contentSec {
        gap: 8px;
        flex-direction: column
    }
}

.milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .contentSec .imgDiv {
    max-width: 280px;
    height: fit-content
}

.milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .contentSec h2 {
    color: #F26522;
    margin-block-end: 8px;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px
}

.milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .innerDiv {
    display: flex !important
}

.milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv h2 {
    color: #F26522
}

.milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv {
    transform: rotate(180deg);
    transition: .4s ease-in-out
}

    .milestoneSec .milestoneWrapper .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv svg path {
        fill: var(--btnClr)
    }

.milestoneSec .milestoneBtmSec {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: multiply;
    display: grid;
    place-items: center;
    padding-block: 10px 40px
}

    .milestoneSec .milestoneBtmSec .imgDiv {
        max-width: 560px;
        aspect-ratio: 1
    }

@media (max-width: 1680px) {
    .milestoneSec .milestoneBtmSec .imgDiv {
        max-width: 500px
    }
}

@media (max-width: 1450px) {
    .milestoneSec .milestoneBtmSec .imgDiv {
        max-width: 450px
    }
}

@media (max-width: 1279px) {
    .milestoneSec .milestoneBtmSec .imgDiv {
        max-width: 400px
    }
}

@media (max-width: 991px) {
    .milestoneSec .milestoneBtmSec .imgDiv {
        max-width: 320px
    }
}

@media (max-width: 1450px) {
    .mileStoneHeader.calcHeader .commonBannerSec {
        min-height: 400px !important
    }
}

@media (max-width: 1279px) {
    .mileStoneHeader.calcHeader .commonBannerSec {
        min-height: 350px !important
    }
}

.Search-all .search-icn {
    display: flex;
    gap: 12px
}

    .Search-all .search-icn p {
        font-size: 20px;
        font-weight: 400;
        line-height: 27px
    }

.Download_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -35px
}

@media (max-width: 1199px) {
    .Download_wrapper.new-searchBtn {
        padding-inline: 15px
    }
}

.Download_wrapper.new-searchBtn .searchBtn {
    border: 1px solid #DDDDDD;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 14px;
    background: #f26522;
    border-radius: 10px;
    cursor: pointer;
    transition: ease-in-out 0.4s
}

@media (max-width: 767px) {
    .Download_wrapper.new-searchBtn .searchBtn {
        padding: 10px 14px;
        border-radius: 10px
    }
}

.Download_wrapper.new-searchBtn .searchBtn:hover {
    background-color: var(--btnClr)
}

.Download_wrapper.new-searchBtn .searchBtn span {
    font-size: 14px;
    color: #fff;
    font-weight: 400
}

.Download_wrapper.new-searchBtn .searchBtn img {
    mix-blend-mode: plus-lighter;
    position: static;
    width: 18px;
    height: 18px
}

.Download_wrapper.new-searchBtn .search-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-radius: 16px;
    background-color: white;
    box-shadow: 0px 5px 16px rgba(0,0,0,0.25)
}

@media (max-width: 991px) {
    .Download_wrapper.new-searchBtn .search-container {
        padding-left: 14px;
        padding-right: 4px
    }
}

.Download_wrapper.new-searchBtn .search-container input[type="text"] {
    box-shadow: none;
    border-radius: 0;
    padding: 26px 40px 26px 0
}

@media (max-width: 1199px) {
    .Download_wrapper.new-searchBtn .search-container input[type="text"] {
        padding: 22px 40px 22px 0
    }
}

@media (max-width: 767px) {
    .Download_wrapper.new-searchBtn .search-container input[type="text"] {
        padding: 18px 40px 18px 0;
        font-size: 14px
    }
}

.Download_wrapper .search-container {
    position: relative;
    width: 100%;
    max-width: 1097px;
    padding-left: 20px;
    padding-right: 20px
}

    .Download_wrapper .search-container .search-icn {
        position: absolute;
        width: 30px;
        height: 30px;
        left: 60px;
        bottom: 22px
    }

@media (max-width: 1199px) {
    .Download_wrapper .search-container .search-icn {
        bottom: 18px
    }
}

@media (max-width: 767px) {
    .Download_wrapper .search-container .search-icn {
        width: 24px;
        height: 24px;
        bottom: 16px;
        left: 48px
    }
}

.Download_wrapper .search-container input[type="text"] {
    width: 100%;
    padding: 26px 40px 26px 82px;
    border: none;
    border-radius: 16px;
    font-size: 16px;
    outline: none;
    box-shadow: 0px 5px 16px rgba(0,0,0,0.25)
}

@media (max-width: 1199px) {
    .Download_wrapper .search-container input[type="text"] {
        padding: 22px 40px 22px 82px
    }
}

@media (max-width: 767px) {
    .Download_wrapper .search-container input[type="text"] {
        padding: 18px 40px 18px 66px;
        font-size: 14px
    }
}

.Download_wrapper .search-container input[type="text"]::placeholder {
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    color: var(--bclr)
}

@media (max-width: 1279px) {
    .Download_wrapper .search-container input[type="text"]::placeholder {
        font-size: 18px;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .Download_wrapper .search-container input[type="text"]::placeholder {
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .Download_wrapper .search-container input[type="text"]::placeholder {
        font-size: 14px;
        line-height: 18px
    }
}

.Download_wrapper .search-container .search-button {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: #333
}

    .Download_wrapper .search-container .search-button:focus {
        outline: none
    }

.mediaSec {
    padding: 86px 0 70px
}

@media (max-width: 991px) {
    .mediaSec {
        padding: 50px 0 60px
    }
}

@media (max-width: 680px) {
    .mediaSec {
        padding: 40px 0 50px
    }
}

.mediaSec .topHeadBack {
    display: flex;
    align-items: center;
    gap: 21px;
    column-gap: 21px;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 20px;
    margin-bottom: 37px
}

@media (max-width: 991px) {
    .mediaSec .topHeadBack {
        gap: 18px;
        column-gap: 18px;
        padding-bottom: 15px;
        margin-bottom: 30px
    }
}

@media (max-height: 800px) {
    .mediaSec .topHeadBack {
        gap: 15px;
        column-gap: 15px;
        padding-bottom: 15px;
        margin-bottom: 30px
    }
}

@media (max-width: 680px) {
    .mediaSec .topHeadBack {
        padding-bottom: 10px;
        margin-bottom: 25px
    }
}

.mediaSec .topHeadBack .backBtn {
    width: 53px;
    height: 53px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: ease-in-out 0.4s;
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.1)
}

@media (max-width: 991px) {
    .mediaSec .topHeadBack .backBtn {
        width: 45px;
        height: 45px
    }
}

@media (max-height: 800px) {
    .mediaSec .topHeadBack .backBtn {
        width: 40px;
        height: 40px
    }
}

.mediaSec .topHeadBack .backBtn:hover {
    background-color: var(--btnClr)
}

    .mediaSec .topHeadBack .backBtn:hover svg path {
        fill: var(--white)
    }

.mediaSec .topHeadBack .backBtn svg path {
    transition: ease-in-out 0.4s
}

.mediaSec .topHeadBack .title {
    font-size: 32px;
    font-weight: 600;
    line-height: 43px;
    color: var(--c2d);
    text-wrap: pretty
}

@media (max-width: 1680px) {
    .mediaSec .topHeadBack .title {
        font-size: 30px;
        line-height: 41px
    }
}

@media (max-width: 1366px) {
    .mediaSec .topHeadBack .title {
        font-size: 28px;
        line-height: 42px
    }
}

@media (max-width: 1279px) {
    .mediaSec .topHeadBack .title {
        font-size: 26px;
        line-height: 40px
    }
}

@media (max-width: 1199px) {
    .mediaSec .topHeadBack .title {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .mediaSec .topHeadBack .title {
        font-size: 22px !important;
        line-height: 28px !important
    }
}

@media (max-height: 800px) {
    .mediaSec .topHeadBack .title {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 680px) {
    .mediaSec .topHeadBack .title {
        font-size: 20px !important;
        line-height: 28px !important
    }
}

.mediaSec .Notice-img {
    max-width: 585px;
    width: 100%;
    max-height: 254px;
    height: 100%
}

    .mediaSec .Notice-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        min-width: initial !important;
        min-height: initial !important
    }

.PressRelease {
    margin-top: 44px
}

    .PressRelease .template-containerMaxWth {
        max-width: 1720px;
        padding-left: 50px;
        padding-right: 50px
    }

@media (max-width: 1199px) {
    .PressRelease .template-containerMaxWth {
        padding-left: initial;
        padding-right: initial
    }
}

.PressRelease .template-containerMaxWth .PressRelease-All {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 34px;
    justify-items: center
}

@media (max-width: 1279px) {
    .PressRelease .template-containerMaxWth .PressRelease-All {
        grid-template-columns: 1fr 1fr;
        grid-gap: 24px
    }
}

@media (max-width: 680px) {
    .PressRelease .template-containerMaxWth .PressRelease-All {
        grid-template-columns: 1fr;
        grid-gap: 18px
    }
}

.PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards {
    padding: 18px;
    border: 1px solid var(--bclr);
    width: 100%;
    border-radius: 16px
}

@media (max-width: 1024px) {
    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards {
        border-radius: 14px;
        padding: 16px
    }
}

@media (max-width: 680px) {
    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards {
        border-radius: 12px;
        padding: 14px
    }
}

.PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards a {
    display: block !important
}

    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards a .Press-img {
        margin-bottom: 24px;
        overflow: hidden;
        border-radius: 14px
    }

@media (max-width: 1024px) {
    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards a .Press-img {
        border-radius: 12px
    }
}

@media (max-width: 680px) {
    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards a .Press-img {
        border-radius: 10px;
        margin-bottom: 15px
    }
}

.PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards a .Press-img img {
    transition: .3s ease-in-out transform
}

    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards a .Press-img img:hover {
        transform: scale(1.05)
    }

.PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .News-Narration {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 24px;
    min-height: 80px
}

@media (max-width: 1680px) {
    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .News-Narration {
        min-height: 100px
    }
}

@media (max-width: 1279px) {
    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .News-Narration {
        min-height: auto
    }
}

@media (max-width: 991px) {
    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .News-Narration {
        margin-bottom: 18px
    }
}

.PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .News-Narration h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 60px
}

@media (max-width: 991px) {
    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .News-Narration h3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .News-Narration h3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 20px
    }
}

@media (max-width: 680px) {
    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .News-Narration h3 {
        min-height: auto;
        margin-block-end: 10px
    }
}

.PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .News-Narration p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

@media (max-width: 991px) {
    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .News-Narration p {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .News-Narration p {
        font-size: 14px;
        line-height: 20px
    }
}

.PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .press-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #EDEDED;
    padding-top: 16px
}

    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .press-date p {
        font-size: 14px;
        font-weight: 500;
        line-height: 19px
    }

@media (max-height: 800px) {
    .PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .press-date p {
        font-size: 12px;
        line-height: 16px
    }
}

.PressRelease .template-containerMaxWth .PressRelease-All .pressRelease-cards .press-date a .press-btn span {
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    display: flex;
    align-items: center;
    gap: 12px
}

.Groth-section {
    margin-top: 60px;
    margin-bottom: 112px
}

@media (max-width: 1450px) {
    .Groth-section {
        margin-top: 40px;
        margin-bottom: 90px
    }
}

@media (max-width: 1366px) {
    .Groth-section {
        margin-top: 40px;
        margin-bottom: 60px
    }
}

@media (max-width: 1199px) {
    .Groth-section {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.Groth-section .template-containerMaxWth {
    padding-left: 50px;
    padding-right: 50px
}

@media (max-width: 1199px) {
    .Groth-section .template-containerMaxWth {
        padding-left: initial;
        padding-right: initial
    }
}

.Groth-section .template-containerMaxWth .Groth-All .Groth-top {
    margin-bottom: 80px
}

@media (max-width: 1450px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-top {
        margin-bottom: 60px
    }
}

.Groth-section .template-containerMaxWth .Groth-All .Groth-top .mainTitleWrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 24px
}

@media (max-width: 1450px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-top .mainTitleWrap {
        padding-bottom: 20px
    }
}

@media (max-width: 991px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-top .mainTitleWrap {
        padding-bottom: 15px
    }
}

.Groth-section .template-containerMaxWth .Groth-All .Groth-top .Groth-top-para p {
    max-width: 1475px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

@media (max-width: 991px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-top .Groth-top-para p {
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-height: 800px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-top .Groth-top-para p {
        font-size: 14px;
        line-height: 18px
    }
}

.Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all {
    display: flex;
    flex-direction: column;
    gap: 80px
}

@media (max-width: 991px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all {
        gap: 60px
    }
}

.Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box {
    box-shadow: 9px 11px 22px rgba(0,0,0,0.2);
    padding: 60px 50px 32px 58px;
    border-radius: 16px;
    position: relative
}

@media (max-width: 1450px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box {
        padding: 40px
    }
}

@media (max-width: 1199px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box {
        padding: 40px 36px
    }
}

@media (max-width: 680px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box {
        padding: 30px 20px
    }
}

.Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .Groth-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 10px 58px 16px 16px;
    border: none;
    background-color: #E6F4E5;
    cursor: pointer;
    border-radius: 13px;
    position: absolute;
    top: -34px
}

@media (max-width: 1450px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .Groth-btn {
        padding: 8px 48px 12px 16px
    }
}

@media (max-width: 1199px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .Groth-btn {
        top: -28px
    }
}

@media (max-width: 991px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .Groth-btn {
        padding: 8px 48px 12px 16px
    }
}

@media (max-width: 1199px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .Groth-btn svg {
        width: 30px;
        height: 30px
    }
}

@media (max-width: 480px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .Groth-btn svg {
        width: 24px;
        height: 24px
    }
}

.Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .Groth-btn p {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    padding-top: 10px;
    color: #189D0E
}

@media (max-width: 991px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .Groth-btn p {
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-width: 991px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .Groth-btn p {
        padding-top: initial
    }
}

.Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .Red-Groth-btn {
    background-color: #F9E9EB
}

    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .Red-Groth-btn p {
        color: #E33100
    }

.Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .dos-all {
    display: flex;
    flex-direction: column;
    gap: 12px
}

    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .dos-all .dos-cntnts {
        display: flex;
        flex-direction: column;
        gap: 6px
    }

        .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .dos-all .dos-cntnts h3 {
            font-size: 18px;
            font-weight: 600;
            line-height: 26px
        }

@media (max-width: 991px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .dos-all .dos-cntnts h3 {
        font-size: 16px;
        line-height: 26px
    }
}

@media (max-height: 800px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .dos-all .dos-cntnts h3 {
        font-size: 16px;
        line-height: 26px
    }
}

.Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .dos-all .dos-cntnts p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

@media (max-width: 991px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .dos-all .dos-cntnts p {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .Groth-section .template-containerMaxWth .Groth-All .Groth-Box-all .Groth-Box .dos-all .dos-cntnts p {
        font-size: 14px;
        line-height: 22px
    }
}

.fourNfour_mainHeader {
    height: auto
}

.FourNotForPage {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

    .FourNotForPage .template-containerMaxWth .FourNotForPage-all {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding-top: 190px;
        padding-bottom: 84px
    }

@media (max-width: 1450px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all {
        padding-top: 150px
    }
}

@media (max-height: 800px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all {
        padding-top: 135px
    }
}

.FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-left {
    max-width: 210px
}

@media (max-width: 1450px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-left {
        max-width: 170px
    }
}

@media (max-width: 991px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-left {
        display: none
    }
}

@media (max-height: 800px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-left {
        max-width: 125px
    }
}

.FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid {
    display: flex;
    flex-direction: column
}

    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .mid-img-four .cloud-img {
        max-width: 824px;
        width: 100%;
        position: relative
    }

@media (max-width: 1450px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .mid-img-four .cloud-img {
        max-width: 520px
    }
}

@media (max-width: 1366px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .mid-img-four .cloud-img {
        max-width: 600px
    }
}

@media (max-width: 991px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .mid-img-four .cloud-img {
        padding-right: 30px
    }
}

@media (max-height: 800px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .mid-img-four .cloud-img {
        max-width: 440px
    }
}

@media (max-width: 767px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .mid-img-four .cloud-img {
        max-width: 500px
    }
}

@media (max-width: 680px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .mid-img-four .cloud-img {
        max-width: 360px
    }
}

.FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .mid-img-four .cloud-img .four-img {
    max-width: 488px;
    width: 100%;
    height: 242px;
    position: absolute;
    top: 120px;
    right: 113px
}

.FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 20px;
    padding-left: 70px
}

@media (max-width: 991px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt {
        padding-left: initial
    }
}

@media (max-height: 800px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt {
        gap: 10px
    }
}

.FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt .mainTitle {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    color: var(--c2d);
    text-wrap: pretty
}

@media (max-width: 1680px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt .mainTitle {
        font-size: 35px;
        line-height: 50px
    }
}

@media (max-width: 1366px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt .mainTitle {
        font-size: 30px;
        line-height: 45px
    }
}

@media (max-width: 1279px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt .mainTitle {
        font-size: 26px;
        line-height: 40px
    }
}

@media (max-width: 1199px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt .mainTitle {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt .mainTitle {
        font-size: 22px;
        line-height: 28px
    }
}

@media (max-height: 800px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt .mainTitle {
        font-size: 26px;
        line-height: 34px
    }
}

@media (max-width: 680px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt .mainTitle {
        font-size: 20px;
        line-height: 28px
    }
}

.FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

@media (max-width: 991px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt p {
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-height: 800px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt p {
        font-size: 14px;
        line-height: 18px
    }
}

.FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-mid .Wrong-txt .cmnBtn {
    background-color: var(--btnClr);
    color: var(--white)
}

.FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-right {
    display: flex
}

@media (max-width: 991px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-right {
        display: none
    }
}

.FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-right .fourth-right-imgs {
    max-width: 352px;
    width: 100%;
    height: 376px;
    position: relative
}

@media (max-width: 1450px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-right .fourth-right-imgs {
        max-width: 260px;
        height: 280px
    }
}

@media (max-height: 800px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-right .fourth-right-imgs {
        max-width: 225px;
        height: 255px
    }
}

.FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-right .fourth-right-imgs .sett-img {
    max-width: 159px;
    width: 100%;
    height: 138px;
    position: absolute;
    top: -75px
}

@media (max-width: 1450px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-right .fourth-right-imgs .sett-img {
        max-width: 134px
    }
}

@media (max-width: 1279px) {
    .FourNotForPage .template-containerMaxWth .FourNotForPage-all .fourth-right .fourth-right-imgs .sett-img {
        display: none
    }
}

.All-news {
    margin-block: 23px 26px
}

    .All-news .template-containerMaxWth {
        padding-left: 50px;
        padding-right: 50px
    }

@media (max-width: 1199px) {
    .All-news .template-containerMaxWth {
        padding-left: initial;
        padding-right: initial
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner {
    grid-template-columns: 797px 1fr
}

@media (max-width: 1450px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner {
        gap: 20px
    }
}

@media (max-width: 1279px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner {
        grid-template-columns: 600px 1fr
    }
}

@media (max-width: 991px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner {
        grid-template-columns: 500px 1fr
    }
}

@media (max-height: 800px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner {
        grid-template-columns: 500px 1fr
    }
}

@media (max-width: 767px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner {
        grid-template-columns: 420px 1fr
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyOne {
    grid-template-columns: 1fr !important;
    gap: 0
}

    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyOne .firstSec {
        max-width: 800px;
        border-right: none;
        padding-inline-end: 0;
        margin-inline: auto
    }

    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyOne .rightWrap {
        display: none
    }

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo {
    grid-template-columns: auto 1fr !important;
    max-width: fit-content;
    margin-inline: auto
}

@media (max-width: 1450px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo {
        gap: 25px
    }
}

@media (max-width: 1199px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo {
        gap: 20px
    }
}

@media (max-width: 991px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo {
        grid-template-columns: 1fr
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo .firstSec {
    max-width: 670px
}

@media (max-width: 1450px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo .firstSec {
        border-right: 1px solid #ededed
    }
}

@media (max-width: 991px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo .firstSec {
        border-right: none
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo .rightWrap {
    grid-template-columns: auto;
    max-width: fit-content;
    margin-inline-end: auto
}

@media (max-width: 1279px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo .rightWrap {
        align-items: start !important
    }
}

@media (max-width: 1450px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo .rightWrap .middleSec {
        display: grid
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo .rightWrap .middleSec .singleSec {
    max-width: 100% !important
}

@media (max-width: 991px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo .rightWrap .middleSec .singleSec {
        max-width: 650px;
        width: 100%;
        display: grid;
        grid-template-columns: auto 1fr;
        grid-auto-rows: auto auto auto;
        gap: 20px
    }

        .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo .rightWrap .middleSec .singleSec .imgDiv {
            max-width: 250px;
            min-height: 150px
        }

            .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo .rightWrap .middleSec .singleSec .imgDiv img {
                height: 100%
            }

        .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo .rightWrap .middleSec .singleSec .date {
            grid-column: 2;
            grid-row: 2;
            margin-block: auto 0;
            padding-bottom: 10px
        }

            .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo .rightWrap .middleSec .singleSec .date p {
                font-size: 13px;
                font-weight: 500;
                line-height: 19px;
                color: var(--c70)
            }

        .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo .rightWrap .middleSec .singleSec p {
            max-height: 50px;
            overflow: hidden;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            font-size: 16px;
            font-weight: 500;
            line-height: 24px;
            grid-column: 2;
            grid-row: 1
        }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner.dynmcCnt.ifOnlyTwo .rightWrap .lastSec {
    display: none
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec {
    max-width: 797px;
    width: 100%;
    max-height: 100%;
    border-right: none;
    padding-right: initial;
    position: relative
}

@media (max-height: 800px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec {
        max-width: 500px
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv {
    max-width: 100%;
    min-height: 100%;
    border-radius: 16px
}

@media (max-height: 800px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv {
        max-width: 500px
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 220px;
    background: #c32641;
    background: linear-gradient(0deg, #c32641 0%, rgba(219,98,41,0.5550595238) 76%, rgba(234,137,25,0.2049194678) 100%);
    pointer-events: none;
    border-radius: 16px
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv .News-left-cntnt {
    display: flex;
    flex-direction: column;
    max-width: 722px;
    position: absolute;
    bottom: 23px;
    left: 45px;
    z-index: 1;
    gap: 16px;
    padding-right: 30px
}

    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv .News-left-cntnt h2 {
        font-size: 27px;
        font-weight: 700;
        line-height: 30px;
        color: var(--white);
        max-width: 709px !important;
        width: 100%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

@media (max-width: 1680px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv .News-left-cntnt h2 {
        font-size: 25px;
        line-height: 29px
    }
}

@media (max-width: 1450px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv .News-left-cntnt h2 {
        font-size: 22px;
        line-height: 26px
    }
}

@media (max-width: 991px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv .News-left-cntnt h2 {
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-height: 800px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv .News-left-cntnt h2 {
        font-size: 20px;
        line-height: 24px
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv .News-left-cntnt p {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: var(--white);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-height: 800px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv .News-left-cntnt p {
        font-size: 14px;
        line-height: 20px
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv .News-left-cntnt .news-dateNtime {
    display: flex;
    justify-content: space-between
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv .News-left-cntnt .news-dateNtime {
    color: var(--white)
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv .news-lft-icn {
    position: absolute;
    top: -45px;
    right: 35px
}

@media (max-width: 1450px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv .news-lft-icn {
        top: -50px
    }
}

@media (max-height: 800px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .firstSec .imgDiv .news-lft-icn {
        top: -72px
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap {
    grid-template-columns: 1fr;
    gap: 24px
}

@media (max-width: 1450px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap {
        gap: initial
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .middleSec {
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid var(--bclr);
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    width: 100%
}

@media (max-width: 1450px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .middleSec {
        display: initial;
        border-bottom: none;
        height: 285px;
        flex-direction: row;
        overflow-y: auto
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .middleSec .singleSec {
    max-width: 100%;
    position: relative
}

@media (max-width: 1450px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .middleSec .singleSec {
        border-bottom: 1px solid var(--bclr)
    }
}

@media (max-height: 800px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .middleSec .singleSec a {
        display: initial !important
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .middleSec .singleSec a .imgDiv {
    max-width: 100%;
    max-height: 274px;
    border-radius: 16px
}

@media (max-width: 1450px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .middleSec .singleSec a .imgDiv {
        display: none
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .middleSec .singleSec a p {
    padding-top: 15px
}

@media (max-width: 991px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .middleSec .singleSec a p {
        padding-top: 0
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .middleSec .singleSec a .date p {
    color: var(--c70);
    padding-bottom: 14px;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px
}

@media (max-width: 1680px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .middleSec .singleSec a .date p {
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width: 991px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .middleSec .singleSec a .date p {
        font-size: 14px;
        line-height: 18px
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .middleSec .singleSec a .news-lft-icn {
    position: absolute;
    top: 20px;
    right: 20px
}

@media (max-width: 1450px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .middleSec .singleSec a .news-lft-icn {
        display: none
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .lastSec {
    padding-left: initial;
    border-left: none;
    border-bottom: 1px solid var(--bclr)
}

    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .lastSec .singleSec {
        max-width: 100%
    }

        .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .lastSec .singleSec h2 {
            max-width: 100%
        }

            .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .lastSec .singleSec h2:hover {
                color: var(--theme-colour1)
            }

        .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .lastSec .singleSec p {
            font-size: 16px;
            font-weight: 400;
            line-height: 26px;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            padding-bottom: 24px
        }

@media (max-width: 1279px) {
    .All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .lastSec .singleSec p {
        font-size: 14px;
        line-height: 22px
    }
}

.All-news .template-containerMaxWth .item_newsTab-01 .All-news-innner .rightWrap .lastSec .singleSec .date p {
    color: var(--c70)
}

.noticeHeader {
    height: auto
}

.Notificaton_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -48px
}

@media (max-width: 991px) {
    .Notificaton_wrapper {
        margin-top: -56px
    }
}

@media (max-width: 680px) {
    .Notificaton_wrapper {
        padding: 0 15px
    }
}

.Notificaton_wrapper .NotificationDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1264px;
    width: 100%;
    height: 91px;
    background-color: white;
    box-shadow: 0 5px 16px rgba(0,0,0,0.2);
    border-radius: 16px;
    padding-left: 40px;
    padding-right: 48px;
    z-index: 1;
    gap: 15px
}

@media (max-width: 1366px) {
    .Notificaton_wrapper .NotificationDiv {
        max-width: 1100px
    }
}

@media (max-width: 1199px) {
    .Notificaton_wrapper .NotificationDiv {
        max-width: 900px;
        height: 80px
    }
}

@media (max-width: 1024px) {
    .Notificaton_wrapper .NotificationDiv {
        max-width: 824px;
        height: 70px;
        padding-right: 20px
    }
}

@media (max-width: 991px) {
    .Notificaton_wrapper .NotificationDiv {
        max-width: 724px;
        bottom: -25px
    }
}

@media (max-height: 800px) {
    .Notificaton_wrapper .NotificationDiv {
        height: 70px
    }
}

@media (max-width: 767px) {
    .Notificaton_wrapper .NotificationDiv {
        max-width: 655px
    }
}

@media (max-width: 680px) {
    .Notificaton_wrapper .NotificationDiv {
        padding-right: 20px
    }
}

@media (max-width: 575px) {
    .Notificaton_wrapper .NotificationDiv {
        padding-left: 20px
    }
}

@media (max-width: 575px) {
    .Notificaton_wrapper .NotificationDiv .svgDiv {
        display: none
    }
}

.Notificaton_wrapper .NotificationDiv .dropdown-notification {
    border: 1px solid #DDDDDD;
    border-radius: 5px
}

    .Notificaton_wrapper .NotificationDiv .dropdown-notification .dropbtn {
        display: flex
    }

        .Notificaton_wrapper .NotificationDiv .dropdown-notification .dropbtn .dropdown-icn {
            padding: 0
        }

    .Notificaton_wrapper .NotificationDiv .dropdown-notification .BSE-input .select2-container--default {
        width: 174px !important
    }

@media (max-height: 800px) {
    .Notificaton_wrapper .NotificationDiv .dropdown-notification .BSE-input .select2-container--default {
        width: 120px !important
    }
}

@media (max-width: 680px) {
    .Notificaton_wrapper .NotificationDiv .dropdown-notification .BSE-input .select2-container--default {
        width: 150px !important
    }
}

@media (max-width: 480px) {
    .Notificaton_wrapper .NotificationDiv .dropdown-notification .BSE-input .select2-container--default {
        width: 120px !important
    }
}

.Notificaton_wrapper .NotificationDiv .dropdown-notification .BSE-input .select2-container--default .select2-selection--single {
    height: 45px !important;
    display: flex;
    align-items: center;
    border: 1px solid var(--bclr);
    background-color: var(--cfa)
}

@media (max-height: 800px) {
    .Notificaton_wrapper .NotificationDiv .dropdown-notification .BSE-input .select2-container--default .select2-selection--single {
        height: 38px !important
    }
}

.Notificaton_wrapper .NotificationDiv .dropdown-notification .BSE-input .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding-left: 16px
}

.Notificaton_wrapper .NotificationDiv .dropdown-notification .BSE-input .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px !important;
    right: 16px;
    background-image: url("../images/Drop-down-arrow.svg");
    background-repeat: no-repeat;
    fill: red
}

@media (max-height: 800px) {
    .Notificaton_wrapper .NotificationDiv .dropdown-notification .BSE-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 8px !important
    }
}

.Notificaton_wrapper .NotificationDiv .dropdown-notification .BSE-input .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.Notificaton_wrapper .NotificationDiv .dropdown-notification .BSE-input .selectBSE-container {
    width: unset
}

.NoticeShareHldrs-All {
    margin-top: 90px;
    margin-bottom: 31px
}

@media (max-width: 1680px) {
    .NoticeShareHldrs-All {
        padding-left: unset
    }
}

@media (max-width: 1450px) {
    .NoticeShareHldrs-All {
        margin-top: 60px
    }
}

@media (max-width: 680px) {
    .NoticeShareHldrs-All {
        margin-top: 40px
    }
}

@media (max-width: 480px) {
    .NoticeShareHldrs-All {
        margin-top: 30px
    }
}

.NoticeShareHldrs-All .template-containerMaxWth {
    width: 100%;
    padding-left: 50px;
    padding-right: 50px
}

@media (max-width: 1199px) {
    .NoticeShareHldrs-All .template-containerMaxWth {
        padding-left: initial;
        padding-right: initial
    }
}

.NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List {
    display: flex;
    align-items: center;
    height: 66px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

@media (max-height: 800px) {
    .NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List {
        height: 48px
    }
}

@media (max-width: 680px) {
    .NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List {
        height: 50px
    }
}

@media (max-width: 480px) {
    .NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List {
        margin-top: 40px
    }
}

.NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List ul {
    display: flex;
    list-style: none;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    margin-bottom: 2px;
    width: 100%
}

    .NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List ul.NoticeSahreAllListSepSec {
        align-items: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scrollbar-color: transparent transparent;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List ul.NoticeSahreAllListSepSec li {
            white-space: nowrap;
            min-width: auto;
            max-width: fit-content;
            padding: 0;
            min-height: auto
        }

@media (max-height: 800px) {
    .NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List ul.NoticeSahreAllListSepSec li {
        min-height: auto
    }
}

.NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List ul.NoticeSahreAllListSepSec li a {
    padding: 2px 36px;
    min-height: 67px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-height: 800px) {
    .NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List ul.NoticeSahreAllListSepSec li a {
        min-height: 47px
    }
}

.NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    min-width: 100px;
    max-width: fit-content;
    width: fit-content;
    min-height: 67px;
    text-align: center;
    color: var(--c70);
    position: relative;
    padding: 2px 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px
}

    .NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List ul li.active {
        background-color: #FAFAFA;
        border-bottom: 1px solid #2D2D2D
    }

@media (max-width: 1024px) {
    .NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List ul li {
        font-size: 18px;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List ul li {
        font-size: 16px;
        min-height: 47px;
        line-height: 18px
    }
}

@media (max-width: 680px) {
    .NoticeShareHldrs-All .template-containerMaxWth .NoticeSahreAll-List ul li {
        font-size: 16px;
        min-height: 47px;
        line-height: 18px
    }
}

.All-Notice {
    padding-bottom: 18px
}

    .All-Notice .template-containerMaxWth {
        padding-left: 50px;
        padding-right: 50px
    }

@media (max-width: 1199px) {
    .All-Notice .template-containerMaxWth {
        padding-left: initial;
        padding-right: initial
    }
}

.All-Notice .template-containerMaxWth .Notice-sec-all {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px
}

@media (max-width: 1680px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all {
        padding-left: unset
    }
}

@media (max-width: 1599px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width: 991px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 680px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all {
        grid-template-columns: 1fr
    }
}

.All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all {
    min-width: 390px;
    width: 100%;
    border: 1px solid #DDDDDD;
    border-radius: 18px;
    padding: 23px 18px 5px 18px
}

@media (max-width: 1850px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all {
        min-width: 364px
    }
}

@media (max-width: 1199px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all {
        min-width: 286px
    }
}

@media (max-width: 1024px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all {
        border-radius: 14px;
        padding: 16px
    }
}

@media (max-width: 680px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all {
        border-radius: 12px;
        padding: 14px
    }
}

.All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-img {
    display: flex;
    justify-content: center
}

    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-img img {
        min-width: 354px;
        min-height: 154px;
        border-radius: 8px
    }

@media (max-width: 1850px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-img img {
        min-width: 330px
    }
}

@media (max-width: 1199px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-img img {
        min-width: 274px
    }
}

@media (max-width: 1024px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-img img {
        border-radius: 12px
    }
}

@media (max-width: 680px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-img img {
        border-radius: 10px
    }
}

.All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-txt {
    display: flex;
    min-height: 72px;
    justify-content: center
}

@media (max-width: 680px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-txt {
        min-height: auto;
        padding-bottom: 10px
    }
}

.All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-txt p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    padding-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-height: 800px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-txt p {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width: 680px) {
    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-txt p {
        padding-block-start: 15px
    }
}

.All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all a {
    width: 100%
}

.All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-Btm-area {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    border-top: 1px solid #EDEDED;
    margin-top: 10px;
    gap: 6px
}

    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-Btm-area .Btm-area-txt {
        color: #C32641
    }

    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-Btm-area .Btm-area-icn {
        padding-top: 5px
    }

        .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-Btm-area .Btm-area-icn img {
            width: 24px;
            height: 24px
        }

    .All-Notice .template-containerMaxWth .Notice-sec-all .Notice-all .Notice-Btm-area .dwnld-icn-dwnld img {
        transform: rotate(90deg)
    }

.NotificationDiv {
    position: relative;
    display: inline-block;
    gap: 30px
}

.dropdown-notification .dropbtn {
    color: white;
    padding: 12px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #707070;
    border-radius: 5px;
    width: 174px;
    gap: 94px
}

@media (max-width: 1199px) {
    .dropdown-notification .dropbtn {
        width: 146px;
        gap: 65px
    }
}

@media (max-width: 991px) {
    .dropdown-notification .dropbtn {
        width: 146px;
        gap: 65px;
        height: 34px
    }
}

.dropdown-notification .dropbtn p {
    margin: 0;
    margin-right: 8px
}

.dropdown-notification .dropbtn img {
    width: 16px;
    height: 16px
}

.dropdown-notification:hover .dropdown-content {
    display: block
}

.dropdown-notification .select2Ctrl {
    width: 250px !important
}

.NotificatonHover {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 0
}

@media (max-width: 680px) {
    .NotificatonHover {
        padding-right: 20px
    }
}

.Noti-para {
    display: inline-block;
    white-space: nowrap;
    animation: slide 20s linear infinite
}

@media (max-height: 800px) {
    .Noti-para p {
        font-size: 12px;
        line-height: 16px
    }
}

@keyframes slide {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.tab-content .content {
    display: none
}

.tab-content:not(:has(.pagination)) {
    margin-block: 37px 37px
}

@media (max-width: 991px) {
    .tab-content:not(:has(.pagination)) {
        margin-block: 25px 10px
    }
}

.tab-conten.mediaSec:not(:has(.pagination)) {
    margin-block: 0 0
}

@media (max-width: 991px) {
    .tab-conten.mediaSec:not(:has(.pagination)) {
        margin-block: 0 0
    }
}

.tab-content .content.active {
    display: block
}

.pagination {
    width: fit-content;
    padding: 10px 13px;
    -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    margin: 0 auto;
    border-radius: 10px;
    margin-block: 37px 37px
}

@media (max-width: 991px) {
    .pagination {
        margin-block: 25px 10px;
        border-radius: 8px;
        padding: 8px 10px
    }
}

.pagination li {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    color: #707070;
    min-width: 50px;
    width: 100%;
    display: grid;
    place-items: center
}

@media (max-width: 1279px) {
    .pagination li {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        min-width: 45px
    }
}

@media (max-width: 991px) {
    .pagination li {
        min-width: 40px
    }
}

.pagination li.active {
    color: #FFFFFF;
    background-color: #F26522;
    border-radius: 6px
}

@media (max-width: 1279px) {
    .pagination li.active {
        padding: 6px 0
    }
}

.pagination li.viewMore a {
    display: grid;
    place-items: center
}

.pagination li a {
    padding: 11px 20px
}

@media (max-width: 1279px) {
    .pagination li a {
        padding: 8px
    }
}

@media (max-width: 1199px) {
    .pagination li a {
        padding: 6px
    }
}

.PressRelease-Details .template-containerMaxWth {
    max-width: 1100px !important;
    padding-top: 150px
}

@media (max-width: 767px) {
    .PressRelease-Details .template-containerMaxWth {
        padding-top: 120px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all h2 {
    font-size: 34px;
    font-weight: 600;
    line-height: 51px;
    padding-bottom: 15px
}

@media (max-width: 1680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all h2 {
        font-size: 32px;
        line-height: 38px
    }
}

@media (max-width: 1366px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all h2 {
        font-size: 30px;
        line-height: 45px
    }
}

@media (max-width: 1279px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all h2 {
        font-size: 26px;
        line-height: 40px
    }
}

@media (max-width: 1199px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all h2 {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all h2 {
        font-size: 22px;
        line-height: 28px
    }
}

@media (max-height: 800px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all h2 {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all h2 {
        font-size: 20px;
        line-height: 28px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .news-provider {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    padding: 24px 0;
    margin-bottom: 24px
}

    .PressRelease-Details .template-containerMaxWth .PressRelease-all .news-provider .provider-left {
        display: flex;
        flex-direction: column;
        gap: 6px
    }

        .PressRelease-Details .template-containerMaxWth .PressRelease-all .news-provider .provider-left .Nws-prvded {
            font-size: 14px;
            font-weight: 400;
            line-height: 19px;
            color: var(--c70)
        }

        .PressRelease-Details .template-containerMaxWth .PressRelease-all .news-provider .provider-left .prvdr-para {
            font-size: 14px;
            font-weight: 600;
            line-height: 19px;
            color: var(--btnClr)
        }

        .PressRelease-Details .template-containerMaxWth .PressRelease-all .news-provider .provider-left .prvdr-dt {
            font-size: 14px;
            font-weight: 600;
            line-height: 19px;
            color: var(--c70)
        }

    .PressRelease-Details .template-containerMaxWth .PressRelease-all .news-provider .provider-right {
        display: flex;
        flex-direction: column;
        gap: 9px
    }

        .PressRelease-Details .template-containerMaxWth .PressRelease-all .news-provider .provider-right p {
            font-size: 16px;
            font-weight: 700;
            line-height: 22px;
            color: var(--c70)
        }

@media (max-width: 991px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .news-provider .provider-right p {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px
    }
}

@media (max-width: 680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .news-provider .provider-right p {
        font-size: 12px;
        font-weight: 700;
        line-height: 18px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .news-provider .provider-right .provider-sclmdia {
    display: flex;
    gap: 16px
}

    .PressRelease-Details .template-containerMaxWth .PressRelease-all .news-provider .provider-right .provider-sclmdia img {
        width: 20px;
        height: 20px
    }

@media (max-width: 1199px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .news-provider .provider-right .provider-sclmdia img {
        width: 16px;
        height: 16px
    }
}

@media (max-width: 991px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .news-provider .provider-right .provider-sclmdia img {
        width: 12px;
        height: 12px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .News-cover-narration {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 21px
}

    .PressRelease-Details .template-containerMaxWth .PressRelease-all .News-cover-narration p {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px
    }

@media (max-width: 680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .News-cover-narration p {
        font-size: 14px;
        line-height: 20px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .News-cover-narration p span {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px
}

@media (max-width: 680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .News-cover-narration p span {
        font-size: 14px;
        line-height: 20px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-one h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 12px
}

@media (max-width: 1680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-one h3 {
        font-size: 22px;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-one h3 {
        font-size: 20px;
        line-height: 26px
    }
}

@media (max-height: 800px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-one h3 {
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-one h3 {
        font-size: 18px;
        line-height: 24px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-one ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-left: 18px;
    padding-bottom: 30px
}

    .PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-one ul li {
        list-style: disc;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px
    }

@media (max-width: 680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-one ul li {
        font-size: 14px;
        line-height: 20px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-one ul li::marker {
    color: #C32641
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-one ul li span {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px
}

@media (max-width: 680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-one ul li span {
        font-size: 14px;
        line-height: 20px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-one p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

@media (max-width: 680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-one p {
        font-size: 14px;
        line-height: 20px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-two {
    padding-top: 30px;
    margin-bottom: 55px
}

    .PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-two h3 {
        font-size: 24px;
        font-weight: 600;
        line-height: 26px;
        padding-bottom: 6px
    }

@media (max-width: 1680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-two h3 {
        font-size: 22px;
        line-height: 24px
    }
}

@media (max-width: 1279px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-two h3 {
        font-size: 20px;
        line-height: 22px
    }
}

@media (max-width: 680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-two h3 {
        font-size: 18px;
        line-height: 28px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-two p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

@media (max-width: 680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-two p {
        font-size: 14px;
        line-height: 20px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-two .dtls-tw-para {
    padding-top: 21px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

@media (max-width: 680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-two .dtls-tw-para {
        font-size: 14px;
        line-height: 20px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .Details-two .dtls-tw-para span {
    color: var(--btnClr)
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .source {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #EDEDED;
    padding-top: 20px
}

@media (max-width: 480px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .source {
        flex-direction: column;
        align-items: start;
        gap: 10px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .source .source-txt {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

@media (max-width: 680px) {
    .PressRelease-Details .template-containerMaxWth .PressRelease-all .source .source-txt {
        font-size: 14px;
        line-height: 20px
    }
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .source .source-txt span {
    color: var(--btnClr)
}

.PressRelease-Details .template-containerMaxWth .PressRelease-all .source .srce-RnL {
    display: flex
}

    .PressRelease-Details .template-containerMaxWth .PressRelease-all .source .srce-RnL img {
        width: 41px;
        height: 41px
    }

.RELATED-ARTICLES .template-containerMaxWth .Retailed-Article {
    background-color: rgba(221,221,221,0.19);
    margin-top: 170px;
    border-radius: 18px;
    padding: 36px 49px;
    margin-bottom: 160px
}

@media (max-width: 1680px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article {
        margin-top: 70px;
        margin-bottom: 100px
    }
}

@media (max-width: 1450px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article {
        margin-top: 60px;
        margin-bottom: 80px
    }
}

@media (max-width: 1199px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article {
        margin-bottom: 40px
    }
}

@media (max-width: 1024px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article {
        margin-top: 60px
    }
}

@media (max-width: 991px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article {
        padding: 24px
    }
}

@media (max-width: 680px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retaild-hd {
    display: flex;
    justify-content: space-between
}

    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retaild-hd h3 {
        font-size: 30px;
        font-weight: 700;
        line-height: 41px;
        padding-bottom: 28px
    }

@media (max-width: 1680px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retaild-hd h3 {
        font-size: 28px;
        line-height: 34px
    }
}

@media (max-width: 1279px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retaild-hd h3 {
        font-size: 26px;
        line-height: 40px
    }
}

@media (max-width: 1199px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retaild-hd h3 {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retaild-hd h3 {
        font-size: 22px;
        line-height: 28px
    }
}

@media (max-height: 800px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retaild-hd h3 {
        font-size: 22px;
        line-height: 28px
    }
}

@media (max-width: 680px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retaild-hd h3 {
        font-size: 20px;
        line-height: 28px
    }
}

.RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retaild-hd .rtld-btn {
    display: flex;
    gap: 12px
}

    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retaild-hd .rtld-btn img {
        width: 24px;
        height: 24px
    }

.RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retld-dtls-all {
    display: flex;
    gap: 18px
}

@media (max-width: 1024px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retld-dtls-all {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 767px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retld-dtls-all {
        grid-template-columns: 1fr
    }
}

.RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retld-dtls-all .Retld-dtls {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 528px;
    width: 100%;
    background-color: var(--white);
    padding: 24px;
    border-radius: 15px
}

    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retld-dtls-all .Retld-dtls h3 {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

@media (max-width: 1680px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retld-dtls-all .Retld-dtls h3 {
        font-size: 20px;
        line-height: 28px
    }
}

@media (max-width: 1279px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retld-dtls-all .Retld-dtls h3 {
        font-size: 18px;
        line-height: 26px
    }
}

@media (max-width: 680px) {
    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retld-dtls-all .Retld-dtls h3 {
        font-size: 16px;
        line-height: 26px
    }
}

.RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retld-dtls-all .Retld-dtls p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retld-dtls-all .Retld-dtls .Retld-dt-btn {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .RELATED-ARTICLES .template-containerMaxWth .Retailed-Article .Retld-dtls-all .Retld-dtls .Retld-dt-btn .Retld-btn span {
        font-size: 16px;
        font-weight: 400;
        line-height: 36px;
        display: flex;
        align-items: center;
        gap: 12px
    }

.otherServiceSec .serviceWrap {
    position: relative;
    margin-block: 90px 100px
}

    .otherServiceSec .serviceWrap .mainTitle {
        text-align: center;
        font-size: 40px;
        font-weight: 700;
        line-height: 55px;
        color: var(--c2d);
        text-wrap: pretty;
        margin-bottom: 35px
    }

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 35px;
        line-height: 50px
    }
}

@media (max-width: 1366px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 30px;
        line-height: 45px
    }
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 26px;
        line-height: 40px
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 22px;
        line-height: 28px
    }
}

@media (max-width: 680px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 20px;
        line-height: 28px
    }
}

.otherServiceSec .serviceWrap .otherService {
    display: flex;
    max-width: 1580px;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService {
        max-width: 1250px
    }
}

.otherServiceSec .serviceWrap .otherService li {
    max-width: 380px;
    width: 100%;
    border-radius: 16px;
    background-color: #EDEDED
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService li {
        max-width: 100%
    }
}

@media (max-width: 575px) {
    .otherServiceSec .serviceWrap .otherService li {
        max-width: 350px;
        margin: 0 auto
    }
}

.otherServiceSec .serviceWrap .otherService li a {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 16px
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .otherService li a {
        gap: 10px
    }
}

.otherServiceSec .serviceWrap .otherService li a .imgDiv {
    width: 69px;
    height: auto;
    background-color: transparent
}

@media (max-width: 1599px) {
    .otherServiceSec .serviceWrap .otherService li a .imgDiv {
        width: 55px;
        max-width: 100%
    }
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .otherService li a .imgDiv {
        width: 62px;
        max-width: 100%
    }
}

.otherServiceSec .serviceWrap .otherService li a .imgDiv img {
    mix-blend-mode: darken
}

.otherServiceSec .serviceWrap .otherService li a .textSec h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color: var(--c2d);
    margin-bottom: 12px
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec h3 {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec h3 {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec h3 {
        margin-bottom: 4px
    }
}

.otherServiceSec .serviceWrap .otherService li a .textSec p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--c2d)
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
    position: absolute;
    border: 0;
    background-color: transparent;
    width: 50px;
    height: 35px;
    border-radius: 50%;
    top: 50px;
    right: -85px;
    z-index: 999
}

@media (max-width: 1850px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        right: 0px;
        top: 42px
    }
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        right: -30px;
        top: 35px
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        right: -20px;
        top: 30px
    }
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        display: none
    }
}

.otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
    left: -85px
}

@media (max-width: 1850px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        left: 0px
    }
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        left: -30px
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        left: -20px
    }
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        display: none
    }
}

.Investr-bnr .template-containerMaxWth .bannerTitleWrap {
    padding-left: 50px
}

@media (max-width: 991px) {
    .Investr-bnr .template-containerMaxWth .bannerTitleWrap {
        padding-left: 35px
    }
}

@media (max-width: 480px) {
    .Investr-bnr .template-containerMaxWth .bannerTitleWrap {
        padding-left: 25px
    }
}

.Annuel-Report {
    margin-top: 33px
}

    .Annuel-Report .template-containerMaxWth .Annuel-Report-all {
        background: linear-gradient(309deg, rgba(239,183,183,0.08) 0%, rgba(139,162,216,0.08) 20%, rgba(172,223,216,0.08) 40%, rgba(199,223,166,0.08) 60%, rgba(141,203,182,0.08) 80%, rgba(213,148,148,0.08) 100%);
        border-radius: 22px;
        padding: 61px 103px
    }

@media (max-width: 1680px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all {
        padding: 40px 45px
    }
}

@media (max-width: 1450px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all {
        padding: 35px
    }
}

@media (max-width: 680px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all {
        padding: 20px 15px
    }
}

.Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .mainTitleWrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 48px
}

@media (max-width: 680px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .mainTitleWrap {
        padding-bottom: 25px
    }
}

.Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .mainTitleWrap .designTitle .woBG {
    padding-left: 0 !important
}

.Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 34px
}

@media (max-width: 1450px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards {
        gap: 30px
    }
}

@media (max-width: 1366px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width: 1024px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards {
        grid-template-columns: 1fr 1fr;
        gap: 26px
    }
}

@media (max-width: 680px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards {
        grid-template-columns: 1fr;
        justify-items: center
    }
}

.Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card {
    max-width: 382px;
    width: 100%;
    height: 408px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--white);
    border-radius: 20px;
    position: relative;
    box-shadow: 9px 11px 22px rgba(0,0,0,0.1)
}

@media (max-height: 800px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card {
        max-width: 350px;
        height: 370px
    }
}

@media (max-width: 680px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card {
        max-width: 100%;
        height: auto;
        padding: 25px
    }
}

.Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-bg {
    position: absolute;
    top: 0;
    right: 0
}

    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-bg img {
        width: 160px;
        height: 84px
    }

.Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-top {
    padding-left: 36px;
    padding-bottom: 40px
}

@media (max-width: 680px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-top {
        padding-bottom: 20px;
        padding-left: 25px
    }
}

.Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-top img {
    width: 42px;
    height: 32px
}

.Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-middle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 30px
}

@media (max-width: 680px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-middle {
        padding-bottom: 20px
    }
}

.Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-middle img {
    max-width: 306px;
    width: 100%
}

.Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-middle p {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 172px;
    width: 100%;
    text-align: center
}

@media (max-width: 1680px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-middle p {
        font-size: 22px;
        font-weight: 600;
        line-height: 32px
    }
}

@media (max-width: 1279px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-middle p {
        font-size: 20px;
        line-height: 30px !important
    }
}

@media (max-height: 800px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-middle p {
        font-size: 18px;
        line-height: 26px !important
    }
}

@media (max-width: 991px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-middle p {
        font-size: 18px;
        line-height: 26px !important
    }
}

@media (max-width: 680px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-middle p {
        max-width: fit-content
    }
}

.Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-bottom {
    display: flex;
    justify-content: center
}

    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-bottom .cmnBtn {
        padding: 20px;
        background-color: var(--btnClr);
        color: var(--white)
    }

        .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-bottom .cmnBtn span svg path {
            fill: var(--white)
        }

@media (max-width: 1450px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-bottom .cmnBtn {
        padding: 14px !important
    }
}

@media (max-width: 1024px) {
    .Annuel-Report .template-containerMaxWth .Annuel-Report-all .Annuel-All .Annuel-reports-cards .annuel-card .annuel-bottom .cmnBtn {
        padding: 12px !important
    }
}

.Periodic-Report {
    margin-top: 24px;
    margin-bottom: initial
}

    .Periodic-Report .template-containerMaxWth .faqSecmain {
        background-color: #EDEDED;
        border-radius: 22px
    }

        .Periodic-Report .template-containerMaxWth .faqSecmain .mainTitleWrap {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding-left: 50px;
            padding-top: 60px;
            padding-bottom: 24px
        }

@media (max-width: 1199px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .mainTitleWrap {
        padding-top: 40px;
        padding-left: 30px;
        padding-bottom: 20px
    }
}

@media (max-width: 991px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .mainTitleWrap {
        padding-top: 30px;
        padding-left: 15px;
        padding-bottom: 15px
    }
}

@media (max-width: 680px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .mainTitleWrap {
        padding: 20px
    }
}

.Periodic-Report .template-containerMaxWth .faqSecmain .mainTitleWrap .designTitle .woBG {
    padding-left: 0
}

.Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap {
    max-width: 1620px !important;
    padding-bottom: 46px
}

@media (max-width: 1850px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap {
        padding: 0 30px;
        padding-bottom: 30px
    }
}

@media (max-width: 991px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap {
        padding: 15px
    }
}

.Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap {
    margin-block: unset
}

    .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec {
        box-shadow: 9px 11px 22px rgba(0,0,0,0.15);
        border-radius: 15px !important;
        cursor: auto
    }

        .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv {
            display: flex;
            flex-direction: column;
            gap: 28px;
            border-radius: 15px !important
        }

            .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv {
                display: flex;
                align-items: center
            }

                .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
                    font-size: 25px;
                    font-weight: 600;
                    line-height: 30px
                }

@media (max-width: 1450px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 22px;
        line-height: 26px
    }
}

@media (max-width: 991px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .flexDiv h2 {
        font-size: 20px;
        line-height: 24px
    }
}

.Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv {
    margin-top: 0;
    border-top: 1px solid var(--bclr);
    padding-top: 28px
}

    .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .Periodic-Rprt-dwnld {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 16px;
        width: 100%
    }

@media (max-width: 1366px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .Periodic-Rprt-dwnld {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width: 767px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .Periodic-Rprt-dwnld {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 575px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .Periodic-Rprt-dwnld {
        grid-template-columns: 1fr
    }
}

.Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .Periodic-Rprt-dwnld .prdc-tbld-crd {
    display: flex;
    background-color: #EDEDED;
    padding: 24px 58px 18px 52px;
    border-radius: 12px;
    flex-direction: column;
    align-items: center;
    text-align: center
}

@media (max-width: 1199px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .Periodic-Rprt-dwnld .prdc-tbld-crd {
        padding: 24px 36px 18px 36px
    }
}

@media (max-width: 991px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .Periodic-Rprt-dwnld .prdc-tbld-crd {
        padding: 24px 18px
    }
}

.Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .Periodic-Rprt-dwnld .prdc-tbld-crd h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    border-bottom: 1px solid var(--bclr);
    padding-bottom: 22px;
    max-width: 263px;
    width: 100%
}

@media (max-width: 1680px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .Periodic-Rprt-dwnld .prdc-tbld-crd h3 {
        font-size: 18px;
        line-height: 22px
    }
}

@media (max-width: 991px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .Periodic-Rprt-dwnld .prdc-tbld-crd h3 {
        font-size: 16px;
        line-height: 20px
    }
}

.Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec .outterDiv .innerDiv .Periodic-Rprt-dwnld .prdc-tbld-crd .dwnld-btn-prdc span {
    display: flex;
    gap: 5px;
    padding-top: 20px;
    color: var(--btnClr)
}

.Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .innerDiv {
    display: flex !important
}

@media (max-width: 575px) {
    .Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .innerDiv {
        justify-content: center
    }
}

.Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv {
    display: none
}

.Periodic-Report .template-containerMaxWth .faqSecmain .accordionWrap .innerWrap .accordionSingleSec.activeAccordion .outterDiv .flexDiv .svgDiv2 {
    display: block
}

.Periodic-Report .svgDiv2 {
    display: none;
    cursor: pointer
}

.Periodic-Report .svgDiv {
    display: block;
    cursor: pointer
}

.NCD-accordian .faqSecmain {
    background: linear-gradient(309deg, rgba(239,183,183,0.08) 0%, rgba(139,162,216,0.08) 20%, rgba(172,223,216,0.08) 40%, rgba(199,223,166,0.08) 60%, rgba(141,203,182,0.08) 80%, rgba(213,148,148,0.08) 100%) !important
}

    .NCD-accordian .faqSecmain .NCD-acco-wrap {
        padding-top: 30px !important
    }

@media (max-width: 1680px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap {
        padding-top: 26px !important
    }
}

@media (max-width: 767px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap {
        padding-top: 18px !important
    }
}

@media (max-width: 575px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap {
        padding-top: 15px !important
    }
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec {
    box-shadow: none !important;
    border-radius: 15px !important
}

    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .outterDiv {
        background-color: unset;
        border-bottom: 1px solid var(--bclr);
        padding-bottom: 30px;
        border-radius: 15px !important
    }

@media (max-width: 680px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .outterDiv {
        padding-bottom: 20px
    }
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .outterDiv .flexDiv .flex-head {
    display: flex;
    align-items: center;
    gap: 40px
}

@media (max-width: 680px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .outterDiv .flexDiv .flex-head {
        gap: 20px
    }
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .outterDiv .flexDiv .flex-head svg {
    width: 48px;
    height: 48px
}

@media (max-width: 1199px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .outterDiv .flexDiv .flex-head svg {
        width: 42px;
        height: 42px
    }
}

@media (max-width: 1199px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .outterDiv .flexDiv .flex-head svg {
        width: 42px;
        height: 42px
    }
}

@media (max-width: 680px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .outterDiv .flexDiv .flex-head svg {
        width: 38px;
        height: 38px
    }
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .outterDiv {
    gap: 0 !important
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-radius: 23px;
    margin-bottom: 5px
}

    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table thead tr th {
        font-size: 16px;
        font-weight: 600;
        line-height: 28px;
        color: var(--theme-colour1);
        padding: 24px 37px;
        background-color: #FEEFE8;
        text-align: left;
        border-right: 1px solid #B8B8B8;
        border-bottom: 1px solid #B8B8B8
    }

@media (max-width: 1680px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table thead tr th {
        font-size: 14px;
        line-height: 26px;
        padding: 14px 17px
    }
}

@media (max-width: 1279px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table thead tr th {
        font-size: 12px;
        line-height: 24px
    }
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table thead tr th:first-child {
    border-top-left-radius: 23px
}

@media (max-width: 1680px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table thead tr th:first-child {
        border-top-left-radius: 18px
    }
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table thead tr th:last-child {
    border-top-right-radius: 23px;
    border-right: none
}

@media (max-width: 1680px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table thead tr th:last-child {
        border-top-right-radius: 18px
    }
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table tbody tr:last-child td {
    border-bottom: none
}

    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 23px
    }

@media (max-width: 1680px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 18px
    }
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table tbody tr td {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: var(--c2d);
    padding: 24px 37px;
    text-align: left;
    border-right: 1px solid #B8B8B8;
    border-bottom: 1px solid #B8B8B8;
    background-color: var(--white)
}

@media (max-width: 1680px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table tbody tr td {
        font-size: 14px;
        line-height: 26px;
        padding: 14px 17px
    }
}

@media (max-width: 1279px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table tbody tr td {
        font-size: 12px;
        line-height: 24px
    }
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table tbody tr td:last-child {
    border-right: none
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table .subHeadSec td:nth-child(3) {
    border-right: none !important
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table .subHeadSec td:last-child {
    border-left: none !important
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table .subBodySec td:nth-child(2) {
    border-right: none !important
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec table .subBodySec td:last-child {
    border-left: none !important
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .short-term-rating {
    text-align: center;
    padding-left: 19px !important;
    vertical-align: middle;
    width: 15%;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

@media (max-width: 991px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .short-term-rating {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 575px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .short-term-rating {
        padding-left: 12px !important
    }
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .rating-agency {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

@media (max-width: 991px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .rating-agency {
        font-size: 14px;
        line-height: 20px
    }
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .indicates {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    width: 1076px;
    text-align: start !important;
    padding-left: 40px !important
}

@media (max-width: 991px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .indicates {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 991px) {
    .NCD-accordian .faqSecmain .NCD-acco-wrap .accordionSingleSec .indicates {
        padding-left: 20px !important
    }
}

.NCD-accordian .faqSecmain .NCD-acco-wrap .innerDiv {
    border-top: none !important
}

.Stay-connect {
    margin-bottom: 60px;
    margin-top: 60px
}

@media (max-width: 1680px) {
    .Stay-connect {
        margin-bottom: 50px
    }
}

@media (max-width: 1450px) {
    .Stay-connect {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

@media (max-width: 991px) {
    .Stay-connect {
        margin-bottom: 30px;
        margin-top: 30px
    }
}

.Stay-connect .template-containerMaxWth .Stay-connect-all .mainTitleWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 28px !important
}

.Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec {
    display: flex;
    justify-content: center;
    gap: 128px;
    padding-bottom: 53px
}

@media (max-width: 1680px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec {
        align-items: center;
        padding-bottom: 43px
    }
}

@media (max-width: 1599px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec {
        gap: 72px
    }
}

@media (max-width: 1450px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec {
        gap: 50px;
        padding-bottom: 33px
    }
}

@media (max-width: 991px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec {
        padding-bottom: 23px
    }
}

@media (max-width: 1680px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-L {
        max-width: 500px;
        height: 375px
    }
}

@media (max-width: 1450px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-L {
        max-width: 454px;
        height: 348px
    }
}

@media (max-width: 1366px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-L {
        max-width: 420px;
        height: 320px
    }
}

@media (max-width: 1279px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-L {
        max-width: 400px;
        height: 300px
    }
}

@media (max-width: 1199px) {
    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-L {
        display: none
    }
}

.Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact {
    position: unset !important;
    margin-top: initial
}

    .Stay-connect .template-containerMaxWth .Stay-connect-all .stayconnect-sec .connect-R .stay-connect-contact .select2 .select2-container .select2-container--default {
        display: none !important
    }

.stay-connect-contact {
    max-width: 891px !important;
    background-color: #EDEDED;
    box-shadow: none
}

@media (max-width: 1680px) {
    .stay-connect-contact {
        padding: 35px
    }
}

@media (max-width: 1279px) {
    .stay-connect-contact {
        padding: 32px
    }
}

@media (max-width: 991px) {
    .stay-connect-contact {
        padding: 28px
    }
}

@media (max-width: 767px) {
    .stay-connect-contact {
        padding: 24px
    }
}

@media (max-width: 680px) {
    .stay-connect-contact {
        padding: 20px
    }
}

.stay-connect-contact .contactUs-from .form-group {
    width: 100%
}

    .stay-connect-contact .contactUs-from .form-group .email-form {
        width: 400px
    }

@media (max-width: 991px) {
    .stay-connect-contact .contactUs-from .form-group .email-form {
        width: 100%
    }
}

.stay-connect-contact .contactUs-from .form-group .phone-input .frm-phoneNo {
    max-width: 328px !important
}

@media (max-width: 680px) {
    .stay-connect-contact .contactUs-from .form-group .phone-input .frm-phoneNo {
        max-width: 100% !important
    }
}

@media (max-width: 1450px) {
    .stay-connect-contact .contactUs-from .form-group .Service-lab {
        line-height: 18px
    }
}

.stay-connect-contact .contactUs-from .cnct-rboNbtn {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 480px) {
    .stay-connect-contact .contactUs-from .cnct-rboNbtn {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start
    }
}

.stay-connect-contact .contactUs-from .cnct-rboNbtn .verif-robo {
    background-color: var(--white) !important
}

@media (max-width: 680px) {
    .stay-connect-contact .contactUs-from .cnct-rboNbtn .Btncmn {
        width: initial
    }
}

.heading {
    height: auto
}

.contactUs_Landing {
    background: linear-gradient(65deg, rgba(239,183,183,0.08) 0%, rgba(139,162,216,0.08) 19%, rgba(172,223,216,0.08) 40%, rgba(199,223,166,0.08) 65%, rgba(141,203,182,0.08) 83%, rgba(213,148,148,0.08) 100%);
    height: 542px;
    position: relative
}

@media (max-width: 1279px) {
    .contactUs_Landing {
        height: 470px
    }
}

@media (max-width: 1024px) {
    .contactUs_Landing {
        height: 424px
    }
}

.contactUs_Landing .cntct-TitleAll {
    display: flex;
    padding-top: 233px
}

@media (max-width: 1199px) {
    .contactUs_Landing .cntct-TitleAll {
        padding-top: 160px
    }
}

.contactUs_Landing .cntct-TitleAll .mainTitleWrap {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-left: 50px
}

@media (max-width: 1425px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap {
        bottom: 120px
    }
}

@media (max-width: 1279px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap {
        bottom: 132px
    }
}

@media (max-width: 1024px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap {
        bottom: 80px
    }
}

@media (max-height: 800px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap {
        bottom: 80px
    }
}

@media (max-width: 767px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap {
        padding-left: 70px
    }
}

@media (max-width: 680px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap {
        left: 20px !important;
        padding-left: 0px
    }
}

.contactUs_Landing .cntct-TitleAll .mainTitleWrap .mainTitle {
    max-width: 580px !important;
    width: 100% !important;
    text-align: start;
    padding-bottom: 13px
}

@media (max-width: 1450px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap .mainTitle {
        max-width: 390px !important
    }
}

.contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec {
    text-transform: none !important
}

    .contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn .cmnBtn svg {
        color: white !important
    }

.contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec {
    display: flex;
    align-items: center;
    gap: 24px
}

@media (max-width: 680px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec {
        gap: 20px
    }
}

.contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn {
    padding: 16px 20px;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: var(--white);
    color: var(--c2d);
    border-radius: var(--br12);
    transition: .4s ease-in,background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

@media (max-width: 1450px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn {
        font-size: 15px;
        font-weight: 400;
        line-height: 21px;
        padding: 12px 16px;
        gap: 15px
    }
}

@media (max-width: 680px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 12px 14px;
        border-radius: 8px
    }
}

.contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn svg {
    transition: .4s ease-in-out all;
    transform: rotateZ(360deg);
    position: relative;
    left: -5px;
    width: 24px;
    height: 24px
}

@media (max-width: 1450px) {
    .contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn svg {
        width: 20px;
        height: 20px
    }
}

.contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn:hover {
    background-color: #C32641;
    color: var(--white)
}

    .contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn:hover svg {
        transform: rotateZ(315deg) scale(1.4);
        left: 3px
    }

        .contactUs_Landing .cntct-TitleAll .mainTitleWrap .headerBtnSec .cmnBtn:hover svg path {
            fill: var(--white)
        }

.contactUs_Landing .cntct-TitleAll .digital-currency {
    max-width: 364px;
    width: 100%;
    height: 208px
}

@media (max-width: 1850px) {
    .contactUs_Landing .cntct-TitleAll .digital-currency {
        display: none
    }
}

@media (max-width: 1199px) {
    .contactUs_Landing .cntct-TitleAll .digital-currency {
        display: block;
        left: 500px
    }
}

@media (max-width: 1024px) {
    .contactUs_Landing .cntct-TitleAll .digital-currency {
        display: block;
        bottom: 54px
    }
}

@media (max-height: 800px) {
    .contactUs_Landing .cntct-TitleAll .digital-currency {
        max-width: 364px
    }
}

@media (max-width: 767px) {
    .contactUs_Landing .cntct-TitleAll .digital-currency {
        display: none
    }
}

.AddressOff {
    margin-top: 50px
}

@media (max-width: 1199px) {
    .AddressOff {
        margin-top: initial
    }
}

.AddressOff .template-containerMaxWth {
    display: flex;
    gap: 330px
}

@media (max-width: 1850px) {
    .AddressOff .template-containerMaxWth {
        gap: 150px
    }
}

@media (max-width: 1680px) {
    .AddressOff .template-containerMaxWth {
        gap: 130px
    }
}

@media (max-width: 1199px) {
    .AddressOff .template-containerMaxWth {
        gap: 90px
    }
}

@media (max-width: 680px) {
    .AddressOff .template-containerMaxWth {
        gap: 60px
    }
}

@media (max-width: 1199px) {
    .AddressOff .template-containerMaxWth {
        flex-direction: column-reverse;
        align-items: center
    }
}

.AddressOff .template-containerMaxWth .addressAll {
    padding-left: 50px
}

@media (max-width: 1450px) {
    .AddressOff .template-containerMaxWth .addressAll {
        padding-left: 50px
    }
}

@media (max-width: 1199px) {
    .AddressOff .template-containerMaxWth .addressAll {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

@media (max-width: 680px) {
    .AddressOff .template-containerMaxWth .addressAll {
        padding-left: 0px
    }
}

.AddressOff .template-containerMaxWth .addressAll .HeadOffice {
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 16px
}

    .AddressOff .template-containerMaxWth .addressAll .HeadOffice::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(65deg, #f26522 0%, #c32641 47%, #f26522 100%)
    }

.AddressOff .template-containerMaxWth .addressAll .cmpny-address-all {
    display: flex;
    gap: 150px
}

@media (max-width: 1599px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all {
        gap: 70px
    }
}

@media (max-width: 1450px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all {
        flex-direction: column;
        gap: 30px
    }
}

.AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    padding-bottom: 17px;
    max-width: 420px
}

@media (max-width: 1199px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left h2 {
        max-width: initial;
        font-size: 21px;
        font-weight: 700;
        line-height: 26px
    }
}

@media (max-height: 800px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left h2 {
        max-width: initial
    }
}

@media (max-width: 680px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left h2 {
        font-size: 18px;
        font-weight: 700;
        line-height: 22px
    }
}

.AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    max-width: 290px;
    width: 100%;
    padding-bottom: 30px
}

@media (max-width: 1450px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left p {
        padding-bottom: 20px
    }
}

@media (max-width: 1199px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left p {
        max-width: 100%
    }
}

@media (max-width: 991px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left p {
        font-size: 14px;
        line-height: 18px
    }
}

.AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left .addrss-sclMedia {
    display: flex;
    gap: 24px
}

    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-left .addrss-sclMedia img {
        width: 24px;
        color: #707070
    }

@media (max-width: 1024px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right {
        display: flex;
        gap: 20px;
        flex-wrap: wrap
    }
}

@media (max-width: 480px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right {
        display: grid;
        grid-template-columns: 1r 1fr;
        gap: 10px
    }
}

.AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right .contact {
    gap: 5px;
    padding-bottom: 33px
}

@media (max-width: 1599px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right .contact {
        padding-bottom: 24px
    }
}

@media (max-width: 1450px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right .contact {
        padding-bottom: 12px
    }
}

@media (max-width: 1024px) {
    .AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right .contact {
        display: flex;
        align-items: center
    }
}

.AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right .contact p {
    max-width: 182px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.AddressOff .template-containerMaxWth .addressAll .cmpny-address-all .address-right .contact span {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px
}

.AddressOff .template-containerMaxWth .ContactUs-Section {
    margin-top: 50px
}

@media (max-width: 575px) {
    .AddressOff .template-containerMaxWth .ContactUs-Section {
        margin-top: 30px
    }
}

@media (max-width: 1024px) {
    .AddressOff .template-containerMaxWth .ContactUs-Section .template-containerMaxWth {
        display: flex;
        justify-content: center
    }
}

.contact-form {
    max-width: 1612px;
    right: 100px;
    top: 150px;
    background: white;
    padding: 32px 42px 40px 42px;
    max-width: 626px;
    width: 100%;
    border-radius: 30px;
    box-shadow: 0 3px 20px rgba(0,0,0,0.1);
    margin-top: -488px
}

@media (max-width: 1450px) {
    .contact-form {
        right: 35px;
        padding: 26px 42px 32px 42px;
        top: 136px
    }
}

@media (max-width: 1279px) {
    .contact-form {
        margin-top: -440px
    }
}

@media (max-height: 800px) {
    .contact-form {
        margin-top: -510px
    }
}

@media (max-width: 1199px) {
    .contact-form {
        margin-top: initial
    }
}

@media (max-width: 767px) {
    .contact-form {
        padding: 30px;
        border-radius: 20px
    }
}

@media (max-width: 480px) {
    .contact-form {
        padding: 15px;
        border-radius: 12px
    }
}

.contact-form .contactUs-from {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media (max-width: 1450px) {
    .contact-form .contactUs-from {
        gap: 8px
    }
}

.contact-form .contactUs-from h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 41px;
    padding-bottom: 20px
}

@media (max-width: 1680px) {
    .contact-form .contactUs-from h2 {
        font-size: 26px;
        line-height: 26px
    }
}

@media (max-width: 1199px) {
    .contact-form .contactUs-from h2 {
        font-size: 24px;
        line-height: 30px
    }
}

@media (max-width: 991px) {
    .contact-form .contactUs-from h2 {
        font-size: 22px;
        line-height: 28px
    }
}

@media (max-width: 680px) {
    .contact-form .contactUs-from h2 {
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 575px) {
    .contact-form .contactUs-from h2 {
        padding-top: 10px
    }
}

.contact-form .contactUs-from .form-group {
    display: flex;
    flex-direction: column;
    position: relative
}

    .contact-form .contactUs-from .form-group .validateText {
        position: absolute;
        z-index: 1;
        bottom: -20px;
        right: 0;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: #ff0000
    }

@media (max-width: 680px) {
    .contact-form .contactUs-from .form-group .validateText {
        font-size: 10px;
        font-weight: 400;
        line-height: 16px
    }
}

.contact-form .contactUs-from .form-group label {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    display: flex;
    align-items: start;
    margin-bottom: 10px;
    color: #2D2D2D
}

@media (max-width: 680px) {
    .contact-form .contactUs-from .form-group label {
        font-size: 14px;
        line-height: 18px
    }
}

.contact-form .contactUs-from .form-group input {
    height: 54px;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    padding-left: 16px;
    color: var(--c70);
    outline: none
}

@media (max-width: 1450px) {
    .contact-form .contactUs-from .form-group input {
        height: 45px;
        border-radius: 10px
    }
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .form-group input {
        height: 42px
    }
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .form-group input {
        border-radius: 8px
    }
}

@media (max-width: 480px) {
    .contact-form .contactUs-from .form-group input {
        border-radius: 6px
    }
}

.contact-form .contactUs-from .form-group input::placeholder {
    color: #DDDDDD;
    font-size: 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.contact-form .contactUs-from .form-group .service-input .select2-container--default {
    width: 100% !important
}

    .contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single {
        height: 54px;
        display: flex;
        align-items: center;
        border: 1px solid var(--bclr);
        background-color: var(--white);
        border-radius: 12px
    }

@media (max-width: 1450px) {
    .contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single {
        height: 45px;
        border-radius: 10px
    }
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single {
        height: 42px
    }
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single {
        border-radius: 8px
    }
}

@media (max-width: 480px) {
    .contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single {
        border-radius: 6px
    }
}

.contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    padding-left: 16px;
    color: var(--c70)
}

.contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 16px;
    right: 24px;
    background-image: url(../images/dwnArrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 14px
    }
}

.contact-form .contactUs-from .form-group .service-input .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.contact-form .contactUs-from .form-group .service-input .select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg);
    transform-origin: 50% 50%
}

.contact-form .contactUs-from .form-group textarea {
    outline: none;
    height: 150px;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    padding: 18px 16px;
    color: #2D2D2D;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

@media (max-width: 1450px) {
    .contact-form .contactUs-from .form-group textarea {
        height: 120px;
        border-radius: 10px
    }
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .form-group textarea {
        height: 120px
    }
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .form-group textarea {
        height: 120px;
        border-radius: 8px
    }
}

@media (max-width: 680px) {
    .contact-form .contactUs-from .form-group textarea {
        height: 120px;
        border-radius: 6px
    }
}

.contact-form .contactUs-from .form-group textarea::placeholder {
    color: #DDDDDD;
    font-size: 14px
}

.contact-form .contactUs-from .form-group-star {
    width: 100%
}

@media (max-width: 1450px) {
    .contact-form .contactUs-from .form-group-star label {
        line-height: 18px
    }
}

.contact-form .contactUs-from .form-group-star label sup {
    content: '*';
    color: var(--btnClr);
    -webkit-transform: translateY(-50%);
    transform: translateY(-30%);
    pointer-events: none;
    z-index: 1
}

.contact-form .contactUs-from .form-group-star input::placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #DDDDDD
}

.contact-form .contactUs-from .form-group-star textarea::placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.contact-form .contactUs-from .email-form-chng {
    display: none
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .email-form-chng {
        display: block
    }
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .email-from-show {
        display: none
    }
}

.contact-form .contactUs-from .service-from-chng {
    display: none
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .service-from-chng {
        width: 100%;
        display: block
    }
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .service-from-chng label {
        margin-bottom: 6px
    }
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .service-from-show {
        display: none
    }
}

.contact-form .contactUs-from .from-cntct {
    display: flex;
    gap: 18px
}

@media (max-width: 680px) {
    .contact-form .contactUs-from .from-cntct {
        flex-direction: column
    }
}

.contact-form .contactUs-from .from-cntct .email-form {
    max-width: 259px;
    width: 100%
}

@media (max-width: 680px) {
    .contact-form .contactUs-from .from-cntct .email-form {
        width: 100% !important;
        max-width: 100% !important
    }
}

.contact-form .contactUs-from .from-cntct .phone-input {
    display: flex
}

    .contact-form .contactUs-from .from-cntct .phone-input .countycode {
        display: flex;
        gap: 8px !important;
        border-radius: 12px 0 0 12px !important;
        border: 1px solid #DDDDDD !important;
        background-color: #F3F3F3 !important;
        padding: 0 10px 0 10px !important
    }

        .contact-form .contactUs-from .from-cntct .phone-input .countycode option {
            font-size: 16px;
            font-weight: 400;
            line-height: 22px
        }

    .contact-form .contactUs-from .from-cntct .phone-input .frm-phoneNo {
        border-radius: 0 12px 12px 0;
        max-width: 200px;
        width: 100%
    }

@media (max-width: 1450px) {
    .contact-form .contactUs-from .from-cntct .phone-input .frm-phoneNo {
        border-radius: 0 10px 10px 0
    }
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .from-cntct .phone-input .frm-phoneNo {
        border-radius: 0 8px 8px 0
    }
}

@media (max-width: 680px) {
    .contact-form .contactUs-from .from-cntct .phone-input .frm-phoneNo {
        max-width: 100% !important;
        border-radius: 0 6px 6px 0
    }
}

.contact-form .contactUs-from .from-cntct .phone-input .select2-container--default {
    max-width: 65px !important;
    width: 100%
}

.contact-form .contactUs-from .from-cntct .phone-input .select2-selection--single {
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px 0 0 12px;
    border: 1px solid #DDDDDD;
    background-color: #F3F3F3
}

@media (max-width: 1450px) {
    .contact-form .contactUs-from .from-cntct .phone-input .select2-selection--single {
        height: 45px;
        border-radius: 10px 0 0 10px
    }
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .from-cntct .phone-input .select2-selection--single {
        height: 42px
    }
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .from-cntct .phone-input .select2-selection--single {
        border-radius: 8px 0 0 8px !important
    }
}

.contact-form .contactUs-from .from-cntct .phone-input .select2-selection__arrow {
    top: 20px;
    right: 4px;
    background-image: url(../images/dwnArrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 14px;
    max-width: 14px
}

@media (max-height: 800px) {
    .contact-form .contactUs-from .from-cntct .phone-input .select2-selection__arrow {
        background-size: contain;
        height: 12px;
        max-width: 12px;
        top: 15px
    }
}

.contact-form .contactUs-from .from-cntct .phone-input .select2-selection__arrow b {
    display: none
}

.contact-form .contactUs-from .from-cntct .phone-input .select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg);
    transform-origin: 50% 50%
}

.contact-form .contactUs-from .from-cntct .phone-input .selectpicketPhone {
    right: unset
}

.contact-form .contactUs-from .form-group-check {
    display: flex;
    align-items: start;
    gap: 5px
}

    .contact-form .contactUs-from .form-group-check input {
        width: 16px;
        height: 16px;
        border-radius: 2px
    }

    .contact-form .contactUs-from .form-group-check label {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }

@media (max-width: 575px) {
    .contact-form .contactUs-from .form-group-check label {
        font-size: 12px;
        line-height: 16px
    }
}

.contact-form .contactUs-from .frm-verification {
    display: flex;
    align-items: center;
    border: 1px solid var(--bclr);
    max-width: 287px;
    padding: 15px;
    border-radius: 6px
}

@media (max-width: 1279px) {
    .contact-form .contactUs-from .frm-verification {
        max-width: 280px;
        padding: 12px
    }
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .frm-verification {
        max-width: 260px;
        padding: 12px
    }
}

@media (max-width: 480px) {
    .contact-form .contactUs-from .frm-verification {
        max-width: 240px;
        padding: 12px
    }
}

.contact-form .contactUs-from .verif-robo {
    gap: 12px;
    padding: 12px
}

    .contact-form .contactUs-from .verif-robo .robo-input {
        width: 32px;
        height: 32px;
        border: 1px solid var(--bclr);
        border-radius: 4px
    }

@media (max-width: 1450px) {
    .contact-form .contactUs-from .verif-robo .robo-input {
        width: 22px;
        height: 22px
    }
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .verif-robo .robo-input {
        width: 22px;
        height: 22px
    }
}

.contact-form .contactUs-from .verif-robo .robot {
    padding-right: 33px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

@media (max-width: 767px) {
    .contact-form .contactUs-from .verif-robo .robot {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-width: 480px) {
    .contact-form .contactUs-from .verif-robo .robot {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.contact-form .contactUs-from .verif-robo .robo-img {
    width: 42px !important
}

@media (max-width: 1450px) {
    .contact-form .contactUs-from .verif-robo .robo-img {
        width: 32px !important
    }
}

.contact-form .contactUs-from .Btncmn {
    background-color: var(--btnClr);
    color: var(--white)
}

@media (max-width: 680px) {
    .contact-form .contactUs-from .Btncmn {
        display: flex;
        justify-content: center;
        padding: 16px;
        width: 100%
    }
}

.contact-form .contactUs-from .Btncmn span {
    gap: 22px !important
}

    .contact-form .contactUs-from .Btncmn span svg {
        transform: rotateZ(315deg) scale(1.4);
        left: 3px
    }

.select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg);
    transform-origin: 50% 50%
}

.Swift-sapport {
    background-color: #FAFAFA;
    margin-top: 60px;
    margin-bottom: 132px
}

@media (max-width: 1450px) {
    .Swift-sapport {
        margin-top: 60px
    }
}

@media (max-width: 1279px) {
    .Swift-sapport {
        margin-top: 70px;
        margin-bottom: 80px
    }
}

@media (max-width: 1024px) {
    .Swift-sapport {
        margin-top: 60px
    }
}

@media (max-width: 767px) {
    .Swift-sapport {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

@media (max-width: 480px) {
    .Swift-sapport {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

.Swift-sapport .template-containerMaxWth {
    position: relative
}

    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        max-width: 1554px;
        display: flex;
        padding-top: 64px;
        padding-bottom: 70px;
        gap: 140px;
        margin: 0 auto
    }

@media (max-width: 1680px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        padding-left: initial
    }
}

@media (max-width: 1425px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        gap: 60px
    }
}

@media (max-width: 1279px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        gap: 30px
    }
}

@media (max-width: 1199px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        padding-left: 100px
    }
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        padding-left: initial
    }
}

@media (max-width: 1024px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        justify-content: center !important
    }
}

@media (max-width: 680px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-head {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-bottom: 20px;
    position: relative;
    width: fit-content;
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-head {
        gap: 10px;
        padding-bottom: 16px
    }
}

@media (max-width: 680px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-head {
        gap: 10px
    }
}

@media (max-width: 575px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-head {
        align-items: center
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-head h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: var(--theme-colour1)
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-head::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(65deg, #f26522 0%, #c32641 47%, #f26522 100%)
}

@media (max-width: 575px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    max-width: 580px
}

@media (max-width: 1680px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
        font-size: 35px;
        line-height: 50px
    }
}

@media (max-width: 1366px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
        font-size: 30px;
        line-height: 45px
    }
}

@media (max-width: 1279px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
        font-size: 26px;
        line-height: 40px
    }
}

@media (max-width: 1199px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
        font-size: 22px;
        line-height: 28px
    }
}

@media (max-height: 800px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 33px
    }
}

@media (max-width: 680px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents h2 {
        font-size: 20px;
        line-height: 28px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact {
    background-color: var(--white);
    padding: 89px 160px 57px 73px;
    border-radius: 23px;
    margin-top: 65px;
    position: relative
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact {
        padding: 70px 120px 57px 50px
    }
}

@media (max-width: 480px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact {
        padding: 40px 30px 20px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default {
    width: 197px !important;
    position: absolute;
    top: -29px
}

    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single {
        height: 62px !important;
        display: flex;
        align-items: center;
        background-color: var(--theme-colour1);
        border-radius: 6px;
        border: none
    }

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single {
        height: 54px !important
    }
}

@media (max-height: 800px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single {
        height: 52px !important
    }
}

@media (max-width: 680px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single {
        height: 48px !important
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    padding-left: 16px;
    color: var(--white);
    max-width: 160px
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url("../images/dropdwn-arrw-white.svg");
    height: 11px !important;
    top: 25px;
    right: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 24px !important
    }
}

@media (max-height: 800px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 22px !important
    }
}

@media (max-width: 680px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 22px !important
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg);
    transform-origin: 50% 50%
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .GoldLoan-input .selectPhone-container {
    width: unset
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .dropdown button {
    display: flex;
    gap: 46px;
    position: absolute;
    top: -29px;
    padding: 18px;
    background-color: var(--theme-colour1);
    color: var(--white);
    border: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    border-radius: 6px
}

@media (max-width: 767px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .dropdown button {
        padding: 14px;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px
    }
}

@media (max-width: 480px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .dropdown button {
        padding: 18px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .dropdown .dropdown-content {
    border: 1px solid #DDDDDD;
    padding: 20px 20px 10px 20px;
    flex-direction: column;
    position: absolute;
    top: 30px;
    background-color: var(--white);
    width: 230px;
    display: none;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 5px;
    margin-top: 10px
}

    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .dropdown .dropdown-content option {
        padding-bottom: 16px;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px
    }

@media (max-width: 767px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .dropdown .dropdown-content option {
        font-size: 18px;
        font-weight: 400;
        line-height: 24px
    }
}

@media (max-width: 480px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .dropdown .dropdown-content option {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        padding-bottom: 10px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details {
    display: flex;
    gap: 70px
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details {
        flex-direction: column;
        gap: 20px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address {
    display: flex;
    align-items: flex-start;
    gap: 16px
}

    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address svg {
        width: 32px
    }

@media (max-width: 575px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address svg {
        width: 24px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls p {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

@media (max-width: 1450px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls p {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-width: 1199px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 18px;
    max-width: 305px
}

@media (max-width: 1450px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 8px
    }
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls h3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        margin-bottom: 4px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls .time_date {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: var(--theme-colour1);
    max-width: 369px
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls .time_date {
        font-size: 14px;
        line-height: 20px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .address-dtls .time_date span {
    color: var(--c2d)
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .mail-address {
    max-width: 256px
}

    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .mail-address p {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px
    }

@media (max-width: 1450px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .mail-address p {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-width: 1199px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .mail-address p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .mail-address h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 18px;
    max-width: 305px
}

@media (max-width: 1450px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .mail-address h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 8px
    }
}

@media (max-width: 991px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-left .swift-contents .goldloan-contact .gldloan-contact-details .details-address .mail-address h3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        margin-bottom: 4px
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-right {
    display: flex;
    justify-content: center;
    align-self: flex-end;
    height: 300px;
    flex: 1
}

@media (max-width: 1450px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-right {
        height: 226px
    }
}

@media (max-width: 1279px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-right {
        height: 180px
    }
}

@media (max-width: 1199px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-right {
        display: none
    }
}

.Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-right img {
    max-width: 382px;
    width: 100%
}

@media (max-height: 800px) {
    .Swift-sapport .template-containerMaxWth .swift-sapport-all .swift-sapport-right img {
        max-width: 270px
    }
}

.cntct-rocketSec .template-containerMaxWth {
    padding-left: 50px;
    padding-right: 50px
}

@media (max-width: 1199px) {
    .cntct-rocketSec .template-containerMaxWth {
        padding-left: initial;
        padding-right: initial
    }
}

.otherServiceSec .serviceWrap {
    position: relative;
    margin-block: 90px 100px
}

    .otherServiceSec .serviceWrap .mainTitle {
        text-align: center;
        font-size: 40px;
        font-weight: 700;
        line-height: 55px;
        color: var(--c2d);
        text-wrap: pretty;
        margin-bottom: 35px
    }

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 35px;
        line-height: 50px
    }
}

@media (max-width: 1366px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 30px;
        line-height: 45px
    }
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 26px;
        line-height: 40px
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 22px;
        line-height: 28px
    }
}

@media (max-width: 680px) {
    .otherServiceSec .serviceWrap .mainTitle {
        font-size: 20px;
        line-height: 28px
    }
}

.otherServiceSec .serviceWrap .otherService {
    display: flex;
    max-width: 1580px;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService {
        max-width: 1250px
    }
}

.otherServiceSec .serviceWrap .otherService li {
    max-width: 380px;
    width: 100%;
    border-radius: 16px;
    background-color: #EDEDED
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService li {
        max-width: 100%
    }
}

@media (max-width: 575px) {
    .otherServiceSec .serviceWrap .otherService li {
        max-width: 350px;
        margin: 0 auto
    }
}

.otherServiceSec .serviceWrap .otherService li a {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 16px;
    padding: 29px 30px
}

@media (max-width: 1599px) {
    .otherServiceSec .serviceWrap .otherService li a {
        padding: 25px 20px
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .otherService li a {
        padding: 15px 10px
    }
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .otherService li a {
        gap: 10px
    }
}

.otherServiceSec .serviceWrap .otherService li a .imgDiv {
    width: 69px;
    height: auto;
    background-color: transparent
}

@media (max-width: 1599px) {
    .otherServiceSec .serviceWrap .otherService li a .imgDiv {
        width: 55px;
        max-width: 100%
    }
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .otherService li a .imgDiv {
        width: 62px;
        max-width: 100%
    }
}

.otherServiceSec .serviceWrap .otherService li a .imgDiv img {
    mix-blend-mode: darken
}

.otherServiceSec .serviceWrap .otherService li a .textSec h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color: var(--c2d);
    margin-bottom: 12px
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec h3 {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec h3 {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec h3 {
        margin-bottom: 4px
    }
}

.otherServiceSec .serviceWrap .otherService li a .textSec p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--c2d);
    min-height: 35px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 1279px) {
    .otherServiceSec .serviceWrap .otherService li a .textSec p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
    position: absolute;
    border: 0;
    background-color: transparent;
    width: 50px;
    height: 35px;
    border-radius: 50%;
    top: 50px;
    right: -85px;
    z-index: 999
}

@media (max-width: 1850px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        right: 0px;
        top: 42px
    }
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        right: -30px;
        top: 35px
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        right: -20px;
        top: 30px
    }
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev, .otherServiceSec .serviceWrap .otherService .owl-nav .owl-next {
        display: none
    }
}

.otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
    left: -85px
}

@media (max-width: 1850px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        left: 0px
    }
}

@media (max-width: 1450px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        left: -30px
    }
}

@media (max-width: 1199px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        left: -20px
    }
}

@media (max-width: 991px) {
    .otherServiceSec .serviceWrap .otherService .owl-nav .owl-prev {
        display: none
    }
}

.Rapid-Assistance {
    margin-top: 50px;
    margin-bottom: 50px
}

@media (max-width: 1199px) {
    .Rapid-Assistance {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .Rapid-Assistance {
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .Rapid-Assistance {
        margin-top: 40px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-left: 50px
}

@media (max-width: 1199px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All {
        padding-left: initial
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-map-img {
    position: absolute;
    right: 48px;
    top: -12px
}

@media (max-width: 1599px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-map-img {
        top: -36px
    }
}

@media (max-width: 1199px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-map-img {
        top: -36px
    }
}

@media (max-width: 1366px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-map-img {
        display: none
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-map-img img {
    width: 164px;
    height: 94px
}

@media (max-width: 1599px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-map-img img {
        width: 210px;
        height: 120px
    }
}

@media (max-width: 991px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-map-img img {
        width: 160px;
        height: 90px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .rapid-smallHead {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #F26522;
    border-bottom: 1px solid;
    max-width: 136px;
    width: 100%;
    padding-bottom: 14px
}

@media (max-width: 767px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .rapid-smallHead {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        padding-bottom: 10px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .rapid-Name {
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    padding-bottom: 22px;
    padding-top: 16px;
    max-width: 400px
}

@media (max-width: 1450px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .rapid-Name {
        font-size: 35px;
        line-height: 40px
    }
}

@media (max-width: 1366px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .rapid-Name {
        font-size: 30px;
        line-height: 35px
    }
}

@media (max-width: 1279px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .rapid-Name {
        font-size: 26px;
        line-height: 30px
    }
}

@media (max-width: 1199px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .rapid-Name {
        font-size: 24px;
        line-height: 36px;
        padding-bottom: 16px;
        padding-top: 12px
    }
}

@media (max-height: 800px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .rapid-Name {
        font-size: 24px;
        line-height: 36px;
        padding-bottom: 16px;
        padding-top: 12px
    }
}

@media (max-width: 991px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .rapid-Name {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 10px
    }
}

@media (max-width: 680px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .rapid-Name {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 8px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all {
    display: flex;
    gap: 97px
}

@media (max-width: 1720px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all {
        gap: 50px
    }
}

@media (max-width: 1599px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all {
        gap: 30px
    }
}

@media (max-width: 1450px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all {
        flex-direction: column
    }
}

@media (max-width: 1199px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all {
        flex-direction: column;
        gap: 50px
    }
}

@media (max-width: 680px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all {
        gap: 50px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls {
    display: flex;
    gap: 16px
}

@media (max-width: 1680px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls {
        flex-direction: column;
        gap: 16px !important
    }
}

@media (max-width: 1450px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls {
        gap: 90px !important
    }
}

@media (max-width: 1450px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls {
        flex-direction: row
    }
}

@media (max-width: 1199px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls {
        flex-direction: column;
        gap: 30px !important
    }
}

@media (max-width: 991px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls {
        gap: 8px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (max-width: 1366px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left {
        gap: 12px
    }
}

@media (max-width: 680px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left {
        gap: 8px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left .Mngr-name {
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    color: #C32641
}

@media (max-width: 1450px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left .Mngr-name {
        font-size: 22px;
        font-weight: 600;
        line-height: 32px
    }
}

@media (max-width: 1279px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left .Mngr-name {
        font-size: 20px;
        line-height: 30px !important
    }
}

@media (max-width: 991px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left .Mngr-name {
        font-size: 18px;
        line-height: 26px !important
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left .designation {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    max-width: 400px
}

@media (max-width: 1680px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left .designation {
        max-width: 310px
    }
}

@media (max-width: 1599px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left .designation {
        max-width: 100%
    }
}

@media (max-width: 767px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left .designation {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left .rapid-para {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    max-width: 260px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (max-width: 1599px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left .rapid-para {
        max-width: 366px
    }
}

@media (max-width: 1366px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left .rapid-para {
        line-height: 20px
    }
}

@media (max-width: 1199px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left .rapid-para {
        max-width: 100%
    }
}

@media (max-height: 800px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left .rapid-para {
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-width: 767px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-left .rapid-para {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-right .Quiries .Rapid-queires-up {
    display: none !important
}

@media (max-width: 1450px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-right .Quiries .Rapid-queires-up {
        display: block !important;
        padding: 50px 200px 54px 37px;
        margin-top: -90px
    }
}

@media (max-width: 1366px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-right .Quiries .Rapid-queires-up {
        display: block !important
    }
}

@media (max-width: 1199px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-right .Quiries .Rapid-queires-up {
        margin-top: initial
    }
}

@media (max-width: 991px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-right .Quiries .Rapid-queires-up {
        padding: 50px 130px 54px 37px
    }
}

@media (max-height: 800px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-right .Quiries .Rapid-queires-up {
        padding: 30px 180px 54px 30px
    }
}

@media (max-width: 680px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-right .Quiries .Rapid-queires-up {
        padding: 40px
    }
}

@media (max-width: 480px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Rapid-dts-all .mngr-dtls .Rapid-dtls-right .Quiries .Rapid-queires-up {
        padding: 24px
    }
}

@media (max-width: 1599px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .quiries-dwn {
        bottom: 60px !important
    }
}

@media (max-width: 1199px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .quiries-dwn {
        position: unset !important;
        padding: 0 !important
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries {
    display: flex;
    gap: 34px
}

@media (max-width: 1680px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries {
        gap: 20px
    }
}

@media (max-width: 1199px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries {
        justify-content: start;
        gap: 20px
    }
}

@media (max-width: 1024px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries {
        gap: 50px;
        justify-content: center
    }
}

@media (max-width: 480px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries {
        gap: 24px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--bclr);
    padding: 33px 43px 32px 43px;
    border-radius: 20px;
    height: fit-content
}

@media (max-width: 1450px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries {
        display: none !important
    }
}

@media (max-width: 480px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries {
        padding: 24px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-Hed {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    max-width: 335px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 24px
}

    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-Hed::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        background: #35d940;
        background: linear-gradient(16deg, #35d940 0%, #7d44c7 25%, #585eb0 48%, #7d6f95 74%, #ce9b43 100%)
    }

@media (max-width: 1366px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-Hed {
        padding-bottom: 12px;
        margin-bottom: 20px
    }
}

@media (max-height: 800px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-Hed {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-width: 767px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-Hed {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-width: 575px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-Hed {
        margin-bottom: 12px
    }
}

@media (max-width: 480px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-Hed {
        padding-bottom: 12px;
        margin-bottom: 18px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-all {
    display: flex;
    flex-direction: column;
    gap: 18px
}

@media (max-width: 1366px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-all {
        gap: 12px
    }
}

@media (max-width: 480px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-all {
        gap: 10px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-all .Quiries-contact {
    display: flex;
    gap: 20px
}

    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-all .Quiries-contact img {
        width: 24px;
        height: 24px
    }

    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-all .Quiries-contact .Quires-phone {
        word-break: break-all;
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
        max-width: 250px
    }

@media (max-width: 1199px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-all .Quiries-contact .Quires-phone {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }
}

@media (max-height: 800px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .General_quiries .Quiries-all .Quiries-contact .Quires-phone {
        font-size: 14px;
        line-height: 18px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .quiries-General {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-gap: 48px;
    padding: 50px 40px 54px 37px;
    position: relative
}

@media (max-width: 1450px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .quiries-General {
        grid-template-columns: 1fr 1fr !important;
        padding: 50px 332px 54px 37px
    }
}

@media (max-width: 1199px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .quiries-General {
        grid-template-columns: 1fr 1fr !important;
        padding: 50px 130px 54px 37px
    }
}

@media (max-width: 680px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .quiries-General {
        padding: 40px
    }
}

@media (max-width: 1199px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .quiries-General {
        display: block !important;
        display: flex !important;
        flex-direction: row;
        grid-gap: 30px
    }
}

@media (max-width: 1024px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .quiries-General {
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .quiries-General {
        grid-template-columns: 1fr !important
    }
}

@media (max-width: 480px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .quiries-General {
        padding: 24px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .quiries-General .Ncd-Bond-Quires {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 42px
}

    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .quiries-General .Ncd-Bond-Quires .ncd-bnd-qry {
        font-size: 20px;
        font-weight: 700;
        line-height: 27px;
        box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
        border-radius: 6px;
        position: absolute;
        top: -21px;
        left: 40px;
        padding: 7px 19px 8px 20px;
        background-color: var(--white)
    }

@media (max-width: 480px) {
    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .quiries-General .Ncd-Bond-Quires .ncd-bnd-qry {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        padding: 8px
    }
}

.Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .quiries-General .ncd-bonds-all {
    display: flex;
    flex-direction: column;
    gap: 50px
}

    .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .quiries-General .ncd-bonds-all .Retail-ncd-bond {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px
    }

        .Rapid-Assistance .template-containerMaxWth .Rapid-Assistance-All .Quiries .quiries-General .ncd-bonds-all .Retail-ncd-bond .Quiries-Hed {
            text-transform: lowercase
        }

.Rapid-Assistance .template-containerMaxWth .rapid-quiries {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    padding-top: 31px
}

@media (max-width: 991px) {
    .Rapid-Assistance .template-containerMaxWth .rapid-quiries {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (max-width: 680px) {
    .Rapid-Assistance .template-containerMaxWth .rapid-quiries {
        font-size: 14px;
        font-weight: 500;
        line-height: 18px
    }
}

.Registrars-Shares {
    background: #efb7b7;
    background: linear-gradient(65deg, rgba(239,183,183,0.08) 0%, rgba(139,162,216,0.08) 20%, rgba(139,162,216,0.08) 40%, rgba(199,223,166,0.08) 63%, rgba(141,203,182,0.08) 81%, rgba(213,148,148,0.08) 100%)
}

    .Registrars-Shares .template-containerMaxWth .Registrars-share-all {
        display: flex;
        padding-top: 50px;
        position: relative;
        padding-bottom: 79px;
        padding-left: 50px
    }

@media (max-width: 1199px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all {
        justify-content: center;
        padding-left: initial
    }
}

@media (max-height: 800px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all {
        padding-bottom: 40px;
        padding-top: 20px
    }
}

@media (max-width: 767px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all {
        padding-bottom: 60px;
        padding-top: 40px
    }
}

@media (max-width: 680px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Regstr-hd {
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    padding-bottom: 35px
}

@media (max-width: 1450px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Regstr-hd {
        font-size: 35px;
        line-height: 40px
    }
}

@media (max-width: 1366px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Regstr-hd {
        font-size: 30px;
        line-height: 35px
    }
}

@media (max-width: 1279px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Regstr-hd {
        font-size: 26px;
        line-height: 30px
    }
}

@media (max-width: 1199px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Regstr-hd {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Regstr-hd {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 30px
    }
}

@media (max-height: 800px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Regstr-hd {
        font-size: 24px;
        line-height: 36px;
        padding-bottom: 16px;
        padding-top: 12px
    }
}

@media (max-width: 767px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Regstr-hd {
        max-width: 500px
    }
}

@media (max-width: 680px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Regstr-hd {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 16px
    }
}

@media (max-width: 480px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Regstr-hd {
        padding-bottom: 12px
    }
}

.Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all {
    display: flex;
    gap: 250px
}

@media (max-width: 1366px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all {
        gap: 140px
    }
}

@media (max-width: 991px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all {
        gap: 90px
    }
}

@media (max-width: 767px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all {
        gap: 40px
    }
}

@media (max-width: 680px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all {
        flex-direction: column;
        gap: 24px
    }
}

.Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry {
    display: flex;
    flex-direction: column;
    gap: 22px
}

    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .enqry-Equity .Equity-hd {
        font-size: 24px;
        font-weight: 600;
        line-height: 33px;
        padding-bottom: 20px;
        max-width: 370px
    }

@media (max-width: 1450px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .enqry-Equity .Equity-hd {
        font-size: 22px;
        font-weight: 600;
        line-height: 32px
    }
}

@media (max-width: 1279px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .enqry-Equity .Equity-hd {
        font-size: 20px;
        line-height: 30px !important
    }
}

@media (max-width: 991px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .enqry-Equity .Equity-hd {
        font-size: 18px;
        line-height: 26px !important
    }
}

@media (max-height: 800px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .enqry-Equity .Equity-hd {
        font-size: 20px;
        line-height: 24px !important
    }
}

.Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .enqry-Equity p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    line-height: 26px;
    max-width: 322px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (max-width: 991px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .enqry-Equity p {
        font-size: 14px;
        line-height: 18px
    }
}

.Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .Regstrar-cntct-dtls {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (max-width: 767px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .Regstrar-cntct-dtls {
        gap: 12px
    }
}

@media (max-width: 575px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .Regstrar-cntct-dtls {
        gap: 8px
    }
}

.Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .Regstrar-cntct-dtls .cntct-itms {
    display: flex;
    align-items: center;
    gap: 15px
}

    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .Regstrar-cntct-dtls .cntct-itms img {
        width: 29px;
        height: 29px
    }

@media (max-width: 680px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .Regstrar-cntct-dtls .cntct-itms img {
        width: 24px;
        height: 24px
    }
}

.Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .Regstrar-cntct-dtls .cntct-itms p {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    max-width: 260px
}

@media (max-width: 767px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .Regstrar-enquiry .Regstrar-cntct-dtls .cntct-itms p {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }
}

.Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue {
    display: flex;
    flex-direction: column;
    gap: 22px
}

@media (max-width: 680px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue {
        gap: 12px
    }
}

.Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue .plc-iss-hd {
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
    max-width: 500px
}

@media (max-width: 1450px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue .plc-iss-hd {
        font-size: 22px;
        font-weight: 600;
        line-height: 32px
    }
}

@media (max-width: 1279px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue .plc-iss-hd {
        font-size: 20px;
        line-height: 30px !important
    }
}

@media (max-width: 991px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue .plc-iss-hd {
        font-size: 18px;
        line-height: 26px !important
    }
}

.Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    line-height: 26px;
    max-width: 274px;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (max-width: 680px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue p {
        max-width: 100%;
        font-size: 14px;
        line-height: 18px
    }
}

.Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue .singlediv {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 13px 20px;
    width: max-content;
    text-transform: capitalize;
    background-color: var(--white);
    border-radius: 12px;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25)
}

@media (max-width: 991px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue .singlediv {
        gap: 10px;
        padding: 10px 15px
    }
}

@media (max-width: 680px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue .singlediv {
        gap: 6px;
        padding: 6px 10px;
        min-width: 150px;
        border-radius: 6px
    }
}

.Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue .singlediv h4 {
    text-wrap: nowrap;
    white-space: nowrap;
    -webkit-white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    line-height: 36px
}

@media (max-width: 680px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue .singlediv h4 {
        font-size: 14px;
        font-weight: 500;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue .singlediv img {
        width: 30px;
        height: 30px
    }
}

@media (max-width: 680px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Lft .Registrars-Lft-all .pblc-issue .singlediv img {
        width: 20px;
        height: auto
    }
}

.Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Rght {
    position: absolute;
    right: 200px;
    top: 84px
}

@media (max-width: 1599px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Rght {
        right: 130px;
        top: 152px
    }
}

@media (max-width: 1279px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Rght {
        right: 50px;
        top: 210px
    }
}

@media (max-width: 1199px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Rght {
        display: none
    }
}

@media (max-height: 800px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Rght {
        top: 34px
    }
}

.Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Rght img {
    max-width: 357px;
    width: 100%
}

@media (max-width: 1680px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Rght img {
        max-width: 300px;
        width: 100%
    }
}

@media (max-width: 1599px) {
    .Registrars-Shares .template-containerMaxWth .Registrars-share-all .Registrars-Rght img {
        max-width: 200px;
        width: 100%
    }
}

.Debenture-trustee {
    position: relative
}

    .Debenture-trustee .dbntr-background {
        position: absolute;
        right: 0;
        z-index: -1
    }

    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 60px;
        margin-bottom: 148px
    }

@media (max-width: 991px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All {
        margin-bottom: 70px
    }
}

@media (max-height: 800px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All {
        padding-top: 30px;
        margin-bottom: 50px
    }
}

@media (max-width: 767px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All {
        padding-top: 40px;
        margin-bottom: 50px
    }
}

@media (max-width: 680px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All {
        padding-top: 35px;
        margin-bottom: 40px
    }
}

.Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .Dbntr-hd {
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    padding-bottom: 32px
}

@media (max-width: 1450px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .Dbntr-hd {
        font-size: 35px;
        line-height: 40px
    }
}

@media (max-width: 1366px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .Dbntr-hd {
        font-size: 30px;
        line-height: 35px
    }
}

@media (max-width: 1279px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .Dbntr-hd {
        font-size: 26px;
        line-height: 30px
    }
}

@media (max-width: 1199px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .Dbntr-hd {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .Dbntr-hd {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 30px
    }
}

@media (max-height: 800px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .Dbntr-hd {
        font-size: 24px;
        line-height: 36px;
        padding-bottom: 14px
    }
}

@media (max-width: 767px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .Dbntr-hd {
        max-width: 500px
    }
}

@media (max-width: 680px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .Dbntr-hd {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 24px
    }
}

.Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all {
    display: flex;
    gap: 26px
}

@media (max-width: 1720px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all {
        flex-wrap: wrap;
        justify-content: start
    }
}

@media (max-width: 1680px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width: 1199px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-height: 800px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px
    }
}

@media (max-width: 991px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 680px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all {
        grid-template-columns: 1fr
    }
}

.Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address {
    display: flex;
    flex-direction: column;
    gap: 18px;
    box-shadow: 4px 3px 9px rgba(0,0,0,0.1);
    padding: 32px 30px 30px 36px;
    border-radius: 20px;
    z-index: 2;
    background-color: var(--white)
}

@media (max-width: 991px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address {
        max-width: 100%
    }
}

@media (max-height: 800px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address {
        gap: 12px;
        padding: 20px
    }
}

@media (max-width: 680px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address {
        gap: 12px
    }
}

@media (max-width: 375px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address {
        padding: 30px
    }
}

.Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .dbntr-add-hd {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px
}

@media (max-width: 1450px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .dbntr-add-hd {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-width: 1279px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .dbntr-add-hd {
        font-size: 18px;
        line-height: 24px !important
    }
}

@media (max-width: 991px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .dbntr-add-hd {
        font-size: 16px;
        line-height: 20px !important
    }
}

.Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .dbntr-add-para {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    max-width: 243px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 100px
}

@media (max-width: 991px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .dbntr-add-para {
        min-height: initial;
        max-width: 100% !important
    }
}

@media (max-height: 800px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .dbntr-add-para {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        max-width: 270px;
        min-height: initial
    }
}

@media (max-width: 767px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .dbntr-add-para {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        max-width: 270px
    }
}

.Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .Dbntrs-all {
    display: flex;
    flex-direction: column;
    gap: 18px
}

@media (max-height: 800px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .Dbntrs-all {
        gap: 12px
    }
}

@media (max-width: 680px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .Dbntrs-all {
        gap: 12px
    }
}

@media (max-width: 480px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .Dbntrs-all {
        gap: 8px
    }
}

.Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .Dbntrs-all .Dbntrs-contact {
    display: flex;
    gap: 19px
}

@media (max-width: 680px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .Dbntrs-all .Dbntrs-contact {
        gap: 12px
    }
}

.Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .Dbntrs-all .Dbntrs-contact img {
    width: 24px;
    height: 24px
}

@media (max-width: 680px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .Dbntrs-all .Dbntrs-contact img {
        width: 20px;
        height: 20px
    }
}

.Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .Dbntrs-all .Dbntrs-contact .Dbntrs-phone {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px
}

@media (max-width: 680px) {
    .Debenture-trustee .template-containerMaxWth .Dbntr-trste-All .dbntru-addrss-all .dbntr-address .Dbntrs-all .Dbntrs-contact .Dbntrs-phone {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }
}

.Enquiry-section {
    margin-block-end: 60px
}

@media (max-width: 1680px) {
    .Enquiry-section {
        margin-block-end: 50px
    }
}

@media (max-width: 1279px) {
    .Enquiry-section {
        margin-block-end: 40px
    }
}

@media (max-width: 991px) {
    .Enquiry-section {
        margin-block-end: 30px
    }
}

@media (max-width: 680px) {
    .Enquiry-section {
        padding: 0 15px
    }
}

.Enquiry-section .template-containerMaxWth {
    background-color: var(--cfa);
    border-radius: 26px;
    position: relative
}

@media (max-width: 680px) {
    .Enquiry-section .template-containerMaxWth {
        border-radius: 8px
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-rocket-img {
    position: absolute;
    right: 65px;
    top: -110px
}

@media (max-height: 800px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-rocket-img {
        display: none
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-rocket-img img {
    max-width: 222px;
    width: 100%;
    height: 222px
}

@media (max-width: 991px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-rocket-img img {
        max-width: 180px;
        width: 100%;
        height: 180px
    }
}

@media (max-width: 991px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-rocket-img img {
        display: none
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 18px;
    padding: 10px 50px;
    max-width: 1320px;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 991px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all {
        padding: 8px 30px
    }
}

@media (max-width: 680px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all {
        padding: 5px 5px
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-hd {
    display: flex;
    justify-content: center
}

    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-hd .Head-enqry {
        font-size: 40px;
        font-weight: 700;
        line-height: 55px;
        padding-top: 35px;
        padding-bottom: 29px
    }

@media (max-width: 1450px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-hd .Head-enqry {
        font-size: 35px;
        line-height: 40px
    }
}

@media (max-width: 1366px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-hd .Head-enqry {
        font-size: 30px;
        line-height: 35px
    }
}

@media (max-width: 1279px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-hd .Head-enqry {
        font-size: 26px;
        line-height: 30px
    }
}

@media (max-width: 1199px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-hd .Head-enqry {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-hd .Head-enqry {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 30px
    }
}

@media (max-height: 800px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-hd .Head-enqry {
        font-size: 24px;
        line-height: 36px;
        padding-bottom: 16px;
        padding-top: 12px
    }
}

@media (max-width: 767px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-hd .Head-enqry {
        max-width: 500px
    }
}

@media (max-width: 680px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-hd .Head-enqry {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 24px;
        padding-top: 15PX
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    grid-gap: 24px 32px;
    width: 100%
}

@media (max-width: 1366px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all {
        grid-gap: 20px 25px;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 767px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all {
        grid-gap: 15px 20px;
        grid-template-columns: 1fr
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .enqry-input {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .enqry-input label {
        font-size: 16px;
        font-weight: 600;
        line-height: 26px
    }

@media (max-width: 680px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .enqry-input label {
        font-size: 14px;
        font-weight: 600;
        line-height: 16px
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .enqry-input label sup {
    content: '*';
    color: var(--btnClr);
    -webkit-transform: translateY(-50%);
    transform: translateY(-30%);
    pointer-events: none;
    z-index: 1
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .enqry-input input {
    width: 100%;
    height: 54px;
    border: 1px solid var(--bclr);
    border-radius: 8px;
    padding-left: 22px;
    outline: none
}

@media (max-height: 800px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .enqry-input input {
        height: 45px
    }
}

@media (max-width: 680px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .enqry-input input {
        height: 46px
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .enqry-input input::placeholder {
    color: var(--c70);
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .enqry-input .dropdown-input {
    background: url("../images/Drop-down-arrow.svg") no-repeat right 0.75rem center !important;
    background-size: 1rem 1rem !important;
    appearance: none !important;
    background-color: white !important
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .dropdwon-enqry {
    position: relative
}

    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .dropdwon-enqry select {
        width: 100%;
        height: 54px;
        border: 1px solid var(--bclr);
        border-radius: 8px;
        padding-left: 22px;
        outline: none;
        color: var(--c70)
    }

@media (max-width: 680px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .dropdwon-enqry select {
        height: 45px
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .dropdwon-enqry .BSE-input .select2-container--default {
    width: 100% !important
}

    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .dropdwon-enqry .BSE-input .select2-container--default .select2-selection--single {
        height: 54px !important;
        display: flex;
        align-items: center;
        border: 1px solid var(--bclr);
        background-color: var(--white);
        border-radius: 8px
    }

@media (max-height: 800px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .dropdwon-enqry .BSE-input .select2-container--default .select2-selection--single {
        height: 46px !important
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .dropdwon-enqry .BSE-input .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding-left: 22px;
    color: var(--c70)
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .dropdwon-enqry .BSE-input .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 21px;
    right: 16px;
    background-image: url(../images/dwnArrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}

@media (max-height: 800px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .dropdwon-enqry .BSE-input .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 15px
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .dropdwon-enqry .BSE-input .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .Enqry-input-all .dropdwon-enqry .BSE-input .select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg);
    transform-origin: 50% 50%
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc {
    padding-top: 36px;
    width: 100%
}

@media (max-width: 680px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc {
        padding-top: 20px
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding-bottom: 40px
}

@media (max-width: 991px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm {
        flex-direction: column;
        gap: 20px;
        padding-bottom: 30px
    }
}

@media (max-width: 991px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm {
        padding-bottom: 20px
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .enquiry_checkbox {
    display: flex;
    gap: 12px
}

    .Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .enquiry_checkbox input {
        width: 16px;
        height: 16px;
        border-radius: 2px
    }

    .Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .enquiry_checkbox label {
        max-width: 506px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

@media (max-width: 575px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .enquiry_checkbox label {
        max-width: 415px
    }
}

@media (max-width: 480px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .enquiry_checkbox label {
        max-width: 294px
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .verif-robo {
    gap: 12px !important;
    display: flex;
    align-items: center;
    border: 1px solid var(--bclr);
    padding: 14px 16px;
    border-radius: 4px;
    max-width: 290px
}

@media (max-width: 767px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .verif-robo {
        max-width: 270px
    }
}

@media (max-width: 480px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .verif-robo {
        max-width: 250px;
        gap: 8px !important
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .verif-robo .robo-input {
    width: 32px;
    height: 32px;
    border: 1px solid var(--bclr);
    border-radius: 4px
}

@media (max-width: 1279px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .verif-robo .robo-input {
        width: 28px;
        height: 28px
    }
}

@media (max-width: 767px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .verif-robo .robo-input {
        width: 22px;
        height: 22px
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .verif-robo .robot {
    padding-right: 33px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

@media (max-width: 991px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .verif-robo .robot {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }
}

@media (max-width: 680px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .verif-robo .robot {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .verif-robo .robo-img {
    width: 42px !important
}

@media (max-width: 767px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .enqry-chkbx-captc .Enqry-btm .verif-robo .robo-img {
        width: 38px !important
    }
}

.Enquiry-section .template-containerMaxWth .Enquiry-all .Submit-btn {
    padding-bottom: 19px
}

    .Enquiry-section .template-containerMaxWth .Enquiry-all .Submit-btn button {
        padding: 15px 77px 15px 66px !important;
        font-size: 15px;
        font-weight: 400;
        line-height: 34px;
        background-color: #C32641;
        border: none;
        color: var(--white);
        border-radius: 12px
    }

@media (max-width: 1199px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Submit-btn button {
        padding: 12px 50px !important
    }
}

@media (max-height: 800px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Submit-btn button {
        padding: 10px 50px 9px 50px !important
    }
}

@media (max-width: 680px) {
    .Enquiry-section .template-containerMaxWth .Enquiry-all .Submit-btn button {
        padding: 10px 70px !important
    }
}

.FormAreaAll {
    grid-template-columns: 1fr !important;
    justify-items: center
}

    .FormAreaAll .formSec {
        max-width: 1230px !important;
        width: 100% !important
    }

        .FormAreaAll .formSec .formSecInnerDiv {
            padding: 42px 42px 45px !important
        }

@media (max-width: 1279px) {
    .FormAreaAll .formSec .formSecInnerDiv {
        padding: 30px 15px 30px !important
    }
}

.FormAreaAll .formSec .formSecInnerDiv .formSecArea .title {
    margin-bottom: 16px !important;
    font-size: 20px !important
}

.FormAreaAll .formSec .formSecInnerDiv .formSecArea .fourth-email-input {
    display: none !important
}

@media (max-width: 1199px) {
    .FormAreaAll .formSec .formSecInnerDiv .formSecArea .fourth-email-input {
        display: block !important
    }
}

.FormAreaAll .formSec .formSecInnerDiv .formSecArea .divSplitFill {
    grid-template-columns: 1fr !important
}

.FormAreaAll .formSec .formSecInnerDiv .formSecArea .inputRow-dwn {
    display: grid;
    grid-template-columns: 1fr
}

.FormAreaAll .formSec .formSecInnerDiv .formSecArea .loan-email {
    grid-template-columns: 1fr !important
}

    .FormAreaAll .formSec .formSecInnerDiv .formSecArea .loan-email .inputRow input {
        max-width: 708px !important;
        width: 100% !important
    }

@media (max-width: 1199px) {
    .FormAreaAll .formSec .formSecInnerDiv .formSecArea .loan-email {
        display: none !important
    }
}

.otp-verficiation {
    max-width: 695px !important;
    position: fixed;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 400px;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    opacity: 0;
    transition: all 0.5s ease-in-out;
    z-index: 1000
}

    .otp-verficiation .helpWrap {
        display: flex;
        flex-direction: column;
        position: relative
    }

@media (max-width: 1499px) {
    .otp-verficiation .helpWrap {
        display: flex !important
    }
}

.otp-verficiation .helpWrap .menuSearcDivClose {
    position: absolute;
    top: 2px;
    right: 10px;
    cursor: pointer
}

    .otp-verficiation .helpWrap .menuSearcDivClose .menuSearcDivClose svg {
        fill: #434343;
        transition: fill 0.3s
    }

        .otp-verficiation .helpWrap .menuSearcDivClose .menuSearcDivClose svg:hover svg {
            fill: #000
        }

.otp-verficiation .helpWrap p {
    font-weight: 600
}

@media (max-width: 1499px) {
    .otp-verficiation .helpWrap .innerWrap {
        display: flex !important;
        gap: 20px !important;
        flex-wrap: unset !important
    }
}

@media (max-width: 680px) {
    .otp-verficiation .helpWrap .innerWrap {
        flex-wrap: wrap
    }
}

.otp-verficiation .helpWrap .innerWrap .inputRow::before {
    display: none !important
}

@media (max-width: 1499px) {
    .otp-verficiation .helpWrap .innerWrap .inputRow {
        gap: 20px !important
    }
}

@media (max-width: 767px) {
    .otp-verficiation .helpWrap .innerWrap .inputRow {
        grid-template-columns: repeat(2, 1fr)
    }
}

.otp-verficiation .helpWrap .innerWrap button {
    padding: 0px 18px 0px 18px !important
}

@media (max-width: 1499px) {
    .otp-verficiation .helpWrap .innerWrap button {
        width: 100px !important
    }
}

@media (max-width: 680px) {
    .otp-verficiation .helpWrap .innerWrap button {
        padding: 0px 12px 0px 12px !important
    }
}

.otp-verficiation .helpWrap .count-resend {
    display: flex;
    gap: 10px
}

    .otp-verficiation .helpWrap .count-resend .timerText {
        font-weight: bold;
        color: #FF6347
    }

    .otp-verficiation .helpWrap .count-resend p .Resnd-grn {
        color: #45a049;
        font-weight: 600
    }

.otp-verficiation.show {
    bottom: 0%;
    opacity: 1
}

.Otp-sucess .successWrap {
    padding: 20px;
    text-align: center
}

    .Otp-sucess .successWrap h2 {
        font-size: 1.5em;
        color: #4CAF50;
        margin-bottom: 10px
    }

    .Otp-sucess .successWrap p {
        font-size: 1em;
        color: #333;
        margin-bottom: 20px
    }

    .Otp-sucess .successWrap button {
        padding: 10px 20px;
        background-color: #4CAF50;
        color: #fff;
        border: none;
        border-radius: 4px;
        font-size: 1em;
        cursor: pointer
    }

        .Otp-sucess .successWrap button:hover {
            background-color: #45a049
        }

.otp-error {
    display: none;
    max-width: 695px !important
}

    .otp-error .helpWrap .successWrap, .otp-error .helpWrap .errorWrap {
        display: flex;
        flex-direction: column;
        align-items: center
    }

        .otp-error .helpWrap .successWrap svg, .otp-error .helpWrap .errorWrap svg {
            margin-bottom: 20px
        }

        .otp-error .helpWrap .successWrap p, .otp-error .helpWrap .errorWrap p {
            font-size: 1.2rem;
            margin-bottom: 15px
        }

        .otp-error .helpWrap .successWrap button, .otp-error .helpWrap .errorWrap button {
            padding: 10px 20px;
            font-size: 1rem;
            cursor: pointer;
            border: none;
            border-radius: 4px;
            background-color: #dc143c;
            color: #fff;
            transition: background-color 0.3s
        }

            .otp-error .helpWrap .successWrap button:hover, .otp-error .helpWrap .errorWrap button:hover {
                background-color: #dc143c
            }

    .otp-error .helpWrap .otp-error svg {
        fill: #e74c3c
    }

    .otp-error .helpWrap .otp-error p {
        color: #e74c3c
    }

    .otp-error .helpWrap .otp-error button {
        background-color: #e74c3c
    }

        .otp-error .helpWrap .otp-error button:hover {
            background-color: #c0392b
        }

section.applyhead.paymentGatewatSecBg {
    padding-top: 0
}

    section.applyhead.paymentGatewatSecBg .apply-now-wrapper.payment {
        background-image: none;
        background-color: var(--cfa)
    }

@media (max-width: 991px) {
    section.applyhead.paymentGatewatSecBg .apply-now-wrapper ul.tab {
        padding: 0 30px
    }
}

section.applyhead.paymentGatewatSecBg .apply-now-wrapper ul.tab li {
    color: var(--c2d);
    font-size: 16px;
    background-color: #f2f2f2;
    padding: 58px 0;
    border-radius: 0 8px 8px 0;
    margin-bottom: 7px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    column-gap: 10px
}

    section.applyhead.paymentGatewatSecBg .apply-now-wrapper ul.tab li.active {
        color: var(--white);
        background-color: var(--theme-colour1)
    }

        section.applyhead.paymentGatewatSecBg .apply-now-wrapper ul.tab li.active:after {
            background-color: var(--theme-colour1)
        }

        section.applyhead.paymentGatewatSecBg .apply-now-wrapper ul.tab li.active svg path {
            fill: var(--white)
        }

    section.applyhead.paymentGatewatSecBg .apply-now-wrapper ul.tab li::before {
        display: none
    }

    section.applyhead.paymentGatewatSecBg .apply-now-wrapper ul.tab li svg path {
        fill: var(--c2d);
        transition: ease-in-out 0.4s
    }

section.applyhead.paymentGatewatSecBg .apply-now-wrapper section.gold-calc .colSplit {
    display: flex;
    width: 100%;
    gap: 10px;
    column-gap: 10px;
    margin-bottom: 20px
}

    section.applyhead.paymentGatewatSecBg .apply-now-wrapper section.gold-calc .colSplit em {
        width: 100%
    }

    section.applyhead.paymentGatewatSecBg .apply-now-wrapper section.gold-calc .colSplit input {
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        border-color: #DDDDDD !important;
        height: 50px;
        border-radius: 8px;
        margin: 0 0 0 !important;
        color: var(--c2d)
    }

@media (max-width: 1279px) {
    section.applyhead.paymentGatewatSecBg .apply-now-wrapper section.gold-calc .colSplit input {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    section.applyhead.paymentGatewatSecBg .apply-now-wrapper section.gold-calc .colSplit input {
        font-size: 14px;
        line-height: 22px
    }
}

section.applyhead.paymentGatewatSecBg .apply-now-wrapper section.gold-calc .colSplit input::placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    color: #707070
}

section.applyhead.paymentGatewatSecBg .apply-now-wrapper section.gold-calc .colSplit input::-webkit-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

section.applyhead.paymentGatewatSecBg .apply-now-wrapper section.gold-calc .colSplit input:-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

section.applyhead.paymentGatewatSecBg .apply-now-wrapper section.gold-calc .colSplit input::-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

section.applyhead.paymentGatewatSecBg .apply-now-wrapper section.gold-calc .colSplit input:-ms-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

section.applyhead.paymentGatewatSecBg .apply-now-wrapper section.gold-calc .colSplit input:focus {
    -webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1)
}

section.applyhead.paymentGatewatSecBg .apply-now-wrapper section.gold-calc .search-btn-hldr {
    width: 91px;
    height: 48px;
    display: flex;
    gap: 4px;
    width: 107px;
    height: 50px;
    position: initial;
    background: transparent
}

    section.applyhead.paymentGatewatSecBg .apply-now-wrapper section.gold-calc .search-btn-hldr button {
        background-color: var(--theme-colour1);
        border-right: none !important;
        border-radius: 8px !important
    }

        section.applyhead.paymentGatewatSecBg .apply-now-wrapper section.gold-calc .search-btn-hldr button:hover {
            -webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
            -moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
            box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1)
        }

section.applyhead.oldCareer .apply-now-wrapper {
    background-image: none
}

    section.applyhead.oldCareer .apply-now-wrapper.payment {
        background-image: none;
        background-color: var(--cfa)
    }

    section.applyhead.oldCareer .apply-now-wrapper h2.appl-frm-hdr:before {
        display: none
    }

    section.applyhead.oldCareer .apply-now-wrapper .form-hlder .forms .frm-hldr .qual-wrapper table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        border: 1px solid #DDDDDD;
        margin-bottom: 10px
    }

        section.applyhead.oldCareer .apply-now-wrapper .form-hlder .forms .frm-hldr .qual-wrapper table thead tr {
            background-color: #EDEDED
        }

            section.applyhead.oldCareer .apply-now-wrapper .form-hlder .forms .frm-hldr .qual-wrapper table thead tr th {
                font-size: 16px;
                font-weight: 600;
                line-height: 20px;
                color: var(--c2d);
                padding: 12px 16px;
                text-align: left;
                border-right: 1px solid #DDDDDD;
                border-bottom: 1px solid #DDDDDD;
                background-color: transparent
            }

@media (max-width: 991px) {
    section.applyhead.oldCareer .apply-now-wrapper .form-hlder .forms .frm-hldr .qual-wrapper table thead tr th {
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper .form-hlder .forms .frm-hldr .qual-wrapper table thead tr th {
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-width: 680px) {
    section.applyhead.oldCareer .apply-now-wrapper .form-hlder .forms .frm-hldr .qual-wrapper table thead tr th {
        padding: 12px 15px
    }
}

section.applyhead.oldCareer .apply-now-wrapper .form-hlder .forms .frm-hldr .qual-wrapper table tbody tr td {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--c2d);
    padding: 12px 16px;
    text-align: left;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD
}

@media (max-width: 991px) {
    section.applyhead.oldCareer .apply-now-wrapper .form-hlder .forms .frm-hldr .qual-wrapper table tbody tr td {
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper .form-hlder .forms .frm-hldr .qual-wrapper table tbody tr td {
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-width: 680px) {
    section.applyhead.oldCareer .apply-now-wrapper .form-hlder .forms .frm-hldr .qual-wrapper table tbody tr td {
        padding: 12px 15px
    }
}

section.applyhead.oldCareer .apply-now-wrapper ul.tab li {
    color: var(--c2d);
    font-size: 16px;
    background-color: #f2f2f2;
    padding: 58px 0;
    border-radius: 0 8px 8px 0;
    margin-bottom: 4px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    column-gap: 10px
}

    section.applyhead.oldCareer .apply-now-wrapper ul.tab li.active {
        color: var(--white);
        background-color: var(--theme-colour1)
    }

        section.applyhead.oldCareer .apply-now-wrapper ul.tab li.active:after {
            background-color: var(--theme-colour1)
        }

        section.applyhead.oldCareer .apply-now-wrapper ul.tab li.active svg path {
            fill: var(--white)
        }

    section.applyhead.oldCareer .apply-now-wrapper ul.tab li::before {
        display: none
    }

    section.applyhead.oldCareer .apply-now-wrapper ul.tab li svg path {
        fill: var(--c2d);
        transition: ease-in-out 0.4s
    }

section.applyhead.oldCareer .apply-now-wrapper span.next {
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    color: #FAFAFA;
    padding: 5px 30px;
    height: 50px;
    background-color: var(--btnClr);
    border: none;
    border-radius: 12px;
    min-width: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    white-space: nowrap
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper span.next {
        border-radius: 8px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-width: 680px) {
    section.applyhead.oldCareer .apply-now-wrapper span.next {
        padding: 5px 40px;
        height: 45px;
        border: none;
        border-radius: 8px;
        width: 133px
    }
}

@media (max-width: 480px) {
    section.applyhead.oldCareer .apply-now-wrapper span.next {
        width: 100%;
        max-width: 100%
    }
}

section.applyhead.oldCareer .apply-now-wrapper span.next.cmnBtnReset {
    color: var(--btnClr);
    background-color: var(--white)
}

section.applyhead.oldCareer .apply-now-wrapper span.next button {
    background-color: transparent
}

section.applyhead.oldCareer .apply-now-wrapper span.next a {
    padding-left: 0;
    height: auto
}

section.applyhead.oldCareer .apply-now-wrapper span.next2 {
    padding: 0;
    position: relative
}

    section.applyhead.oldCareer .apply-now-wrapper span.next2::after {
        right: 30px;
        position: absolute
    }

    section.applyhead.oldCareer .apply-now-wrapper span.next2 a {
        padding: 5px 30px;
        height: 100%;
        display: flex;
        align-items: center;
        width: 170px
    }

section.applyhead.oldCareer .apply-now-wrapper span.add-qual {
    font-size: 15px !important;
    font-weight: 400;
    line-height: 17px !important;
    padding: 5px 30px;
    height: 50px;
    color: var(--btnClr) !important;
    background-color: var(--white) !important;
    border: 1px solid;
    border-radius: 12px;
    min-width: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    white-space: nowrap;
    transition: .4s ease-in, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-box-shadow: 0px 1px 14px -4px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 14px -4px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 14px -4px rgba(0,0,0,0.25);
    width: 100%;
    max-width: 260px;
    margin-left: auto
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper span.add-qual {
        border-radius: 8px;
        font-size: 14px !important;
        font-weight: 400;
        line-height: 16px !important
    }
}

@media (max-width: 680px) {
    section.applyhead.oldCareer .apply-now-wrapper span.add-qual {
        padding: 5px 40px;
        height: 45px;
        border: none;
        border-radius: 8px;
        width: 133px
    }
}

@media (max-width: 480px) {
    section.applyhead.oldCareer .apply-now-wrapper span.add-qual {
        width: 100%;
        max-width: 100%
    }
}

section.applyhead.oldCareer .apply-now-wrapper span.add-qual button {
    color: var(--btnClr) !important;
    background-color: transparent;
    height: 100%;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 17px !important
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper span.add-qual button {
        font-size: 14px !important;
        font-weight: 400;
        line-height: 16px !important
    }
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .inputLabel {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    color: var(--c2d);
    margin-bottom: 8px;
    display: block;
    position: relative
}

@media (max-width: 1366px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .inputLabel {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .inputLabel {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .inputLabel sup {
    color: var(--btnClr);
    position: absolute;
    top: 10px;
    margin-left: 5px
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico {
    margin-bottom: 10px
}

    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico::before {
        display: none
    }

    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico .icnDiv {
        width: 35px;
        height: 35px;
        display: flex;
        position: absolute;
        align-items: center;
        justify-content: center;
        top: 15px;
        left: 0
    }

    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico .field-validation-error {
        position: absolute;
        right: 0;
        bottom: -10px;
        font-size: 12px;
        color: #ff0000
    }

    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico input {
        width: 100%;
        height: 54px;
        padding: 5px 26px;
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        border: none;
        border-radius: 8px;
        outline: none;
        color: #707070;
        border: 1px solid #DDDDDD
    }

@media (max-width: 1366px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico input {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 18px;
        height: 50px;
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico input {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 18px;
        height: 45px;
        border-radius: 8px
    }
}

@media (max-width: 991px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico input {
        height: 45px
    }
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico input::placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px
}

@media (max-width: 1366px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico input::placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico input::placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico textarea {
    width: 100%;
    height: 156px;
    padding: 16px 26px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    border: none;
    border-radius: 8px;
    outline: none;
    color: #707070;
    border: 1px solid #DDDDDD !important;
    box-shadow: none
}

@media (max-width: 1366px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico textarea {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding: 18px 18px;
        height: 145px
    }
}

@media (max-width: 991px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico textarea {
        height: 130px
    }
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico textarea {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding: 18px 18px;
        height: 130px
    }
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico textarea::placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    color: #707070
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico textarea ::-webkit-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico textarea :-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico textarea ::-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico textarea :-ms-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico textarea:focus {
    -webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1)
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico select {
    width: 100%;
    height: 54px;
    padding: 5px 26px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    border: none;
    border-radius: 8px;
    outline: none;
    color: #707070;
    border: 1px solid #DDDDDD
}

@media (max-width: 1366px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico select {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 18px;
        height: 50px;
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico select {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 18px;
        height: 45px;
        border-radius: 8px
    }
}

@media (max-width: 991px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .ico select {
        height: 45px
    }
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .frm-hldr span.slct:after {
    color: #f26522;
    top: 5px
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .frm-hldr select option {
    background: #ffffff;
    color: #b4b4b4;
    border: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    color: #707070
}

@media (max-width: 1366px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .frm-hldr select option {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .frm-hldr select option {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .frm-hldr .check-box input {
    width: 18px;
    height: 18px;
    border-radius: 2px
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .frm-hldr .referance-wrapper {
    margin-top: 15px;
    border-radius: 8px;
    border: 1px solid #dddddd;
    padding: 20px 5px
}

    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .frm-hldr .referance-wrapper .appl-frm-hdr {
        font-size: 24px;
        font-weight: 600;
        line-height: 38px;
        color: var(--c2d);
        margin-bottom: 10px !important
    }

@media (max-width: 1680px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .frm-hldr .referance-wrapper .appl-frm-hdr {
        font-size: 22px;
        font-weight: 600;
        line-height: 32px
    }
}

@media (max-width: 1279px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .frm-hldr .referance-wrapper .appl-frm-hdr {
        font-size: 20px;
        line-height: 30px !important
    }
}

@media (max-width: 991px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .frm-hldr .referance-wrapper .appl-frm-hdr {
        font-size: 18px;
        line-height: 26px !important
    }
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .frm-hldr .referance-wrapper .appl-frm-hdr {
        font-size: 18px;
        line-height: 26px !important
    }
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .frm-hldr .referance-wrapper .appl-frm-hdr::before {
    display: none
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .frm-hldr .referance-wrapper .appl-frm-innrhdr {
    color: var(--c2d);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    background-color: #f8f5f4;
    padding: 5px 10px;
    border-radius: 4px;
    display: block
}

    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc .frm-hldr .referance-wrapper .appl-frm-innrhdr::before {
        display: none
    }

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc input {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    border-color: #DDDDDD !important;
    height: 50px;
    border-radius: 8px;
    color: var(--c2d);
    padding: 8px 8px 8px 50px
}

@media (max-width: 1279px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc input {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc input {
        font-size: 14px;
        line-height: 22px
    }
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc input::placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    color: #707070
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc input::-webkit-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc input:-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc input::-moz-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc input:-ms-input-placeholder {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc input:focus {
    -webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1)
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc select {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    border-color: #DDDDDD !important;
    height: 50px;
    border-radius: 8px;
    color: var(--c2d);
    padding: 8px 8px 8px 50px
}

@media (max-width: 1279px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc select {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper section.gold-calc select {
        font-size: 14px;
        line-height: 22px
    }
}

section.applyhead.oldCareer .apply-now-wrapper section.gold-calc select:focus {
    -webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1)
}

section.applyhead.oldCareer .apply-now-wrapper h2.appl-frm-hdr {
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    color: var(--c2d);
    margin-bottom: 26px
}

@media (max-width: 1680px) {
    section.applyhead.oldCareer .apply-now-wrapper h2.appl-frm-hdr {
        font-size: 24px;
        font-weight: 600;
        line-height: 30px
    }
}

@media (max-width: 1279px) {
    section.applyhead.oldCareer .apply-now-wrapper h2.appl-frm-hdr {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }
}

@media (max-width: 991px) {
    section.applyhead.oldCareer .apply-now-wrapper h2.appl-frm-hdr {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-height: 800px) {
    section.applyhead.oldCareer .apply-now-wrapper h2.appl-frm-hdr {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px
    }
}

@media (max-width: 680px) {
    section.applyhead.oldCareer .apply-now-wrapper h2.appl-frm-hdr {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

.pop-msg {
    background-color: #ffffff;
    border: 2px solid #cccccc;
    -webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1)
}

    .pop-msg span.clse {
        color: #2d2d2d
    }

    .pop-msg p {
        padding-top: 10px;
        color: #2d2d2d
    }

        .pop-msg p:before {
            color: #f26522;
            margin-bottom: 11px
        }

    .pop-msg.error p {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 10px;
        padding-top: 0
    }

        .pop-msg.error p::before {
            display: none
        }

.goog-te-gadget-simple {
    height: 40px;
    display: flex !important;
    align-items: center;
    border: none !important
}

    .goog-te-gadget-simple img {
        display: none
    }

    .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {
        color: #444;
        display: grid;
        grid-template-columns: 50px 1px 16px
    }

        .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
            color: #444;
            font-size: 16px;
            line-height: 28px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 50px
        }

            .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span:nth-child(2) {
                display: none
            }

.tab-hldr.loan-payment .pay-now-wrap {
    padding: 20px 30px;
    background-image: none;
    background-color: #fdfdfd;
    border: 1px solid #f7f6f6
}

    .tab-hldr.loan-payment .pay-now-wrap ul {
        font-weight: 500 !important;
        color: #2d2d2d;
        font-size: 16px
    }

.tab-hldr.loan-payment .spl-pad {
    padding: 0 17px 0 17px
}

    .tab-hldr.loan-payment .spl-pad div {
        padding: 0 5px
    }

    .tab-hldr.loan-payment .spl-pad .amt-wrapper {
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 7px 15px;
        margin-bottom: 10px;
        width: 100%
    }

        .tab-hldr.loan-payment .spl-pad .amt-wrapper p {
            color: #2d2d2d
        }

        .tab-hldr.loan-payment .spl-pad .amt-wrapper span.amt {
            color: #f26522;
            font-size: 20px;
            font-weight: 600
        }

.tab-hldr.loan-paymentInfo .calc-wrapper label.top {
    font-size: 16px !important;
    font-weight: 500;
    line-height: 25px;
    color: var(--c2d) !important;
    margin-bottom: 8px !important;
    line-height: 22px
}

@media (max-width: 1366px) {
    .tab-hldr.loan-paymentInfo .calc-wrapper label.top {
        font-size: 14px !important;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .tab-hldr.loan-paymentInfo .calc-wrapper label.top {
        font-size: 14px !important;
        line-height: 22px
    }
}

.tab-hldr.loan-paymentInfo .calc-wrapper label.top sup {
    color: var(--btnClr);
    position: absolute;
    top: -4px;
    margin-left: 5px
}

.tab-hldr.loan-paymentInfo .calc-wrapper label.top.add:after {
    top: 120%;
    right: -20px
}

.tab-hldr.loan-paymentInfo .calc-wrapper label.top.equal:after {
    top: 120%;
    right: -20px
}

.tab-hldr.loan-paymentInfo .calc-wrapper input.balance-view {
    margin-top: 0px !important;
    background-color: #fff7f8 !important;
    width: 100%;
    height: 54px;
    padding: 5px 26px;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    border: none;
    border-radius: 8px;
    outline: none;
    color: #2d2d2d;
    border: 1px solid #f1d7db !important
}

@media (max-width: 1366px) {
    .tab-hldr.loan-paymentInfo .calc-wrapper input.balance-view {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 18px;
        height: 50px;
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    .tab-hldr.loan-paymentInfo .calc-wrapper input.balance-view {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 18px;
        height: 45px;
        border-radius: 8px
    }
}

@media (max-width: 991px) {
    .tab-hldr.loan-paymentInfo .calc-wrapper input.balance-view {
        height: 45px
    }
}

.tab-hldr.loan-paymentInfo .appl-frm-innrhdr.tab-head {
    margin-top: 20px
}

.tab-hldr.loan-paymentInfo label.top {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    color: var(--c2d);
    margin-bottom: 8px;
    display: block;
    position: relative
}

@media (max-width: 1366px) {
    .tab-hldr.loan-paymentInfo label.top {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .tab-hldr.loan-paymentInfo label.top {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

.tab-hldr.loan-paymentInfo label.top sup {
    color: var(--btnClr);
    position: absolute;
    top: -4px;
    margin-left: 5px
}

.tab-hldr.loan-paymentInfo label.top.add:after {
    top: 120%;
    right: -20px
}

.tab-hldr.loan-paymentInfo input.balance-view {
    margin-top: 0px !important;
    background-color: #fff7f8 !important;
    width: 100%;
    height: 54px;
    padding: 5px 26px;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    border: none;
    border-radius: 8px;
    outline: none;
    color: #2d2d2d !important;
    border: 1px solid #f1d7db !important
}

@media (max-width: 1366px) {
    .tab-hldr.loan-paymentInfo input.balance-view {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 18px;
        height: 50px;
        border-radius: 8px
    }
}

@media (max-height: 800px) {
    .tab-hldr.loan-paymentInfo input.balance-view {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 18px;
        height: 45px;
        border-radius: 8px
    }
}

@media (max-width: 991px) {
    .tab-hldr.loan-paymentInfo input.balance-view {
        height: 45px
    }
}

.tab-hldr.loan-paymentInfo input.get-amt {
    padding: 10px 10px !important;
    font-size: 18px !important;
    font-weight: 600;
    color: #2d2d2d
}

    .tab-hldr.loan-paymentInfo input.get-amt::placeholder {
        font-size: 16px;
        font-weight: 400;
        line-height: 25px
    }

@media (max-width: 1366px) {
    .tab-hldr.loan-paymentInfo input.get-amt::placeholder {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    .tab-hldr.loan-paymentInfo input.get-amt::placeholder {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }
}

.tab-hldr.loan-paymentInfo label.top.add:after {
    margin-top: 22px
}

.tab-hldr.loan-paymentInfo label.top.equal:after {
    margin-top: 22px
}

.tab-hldr.loan-paymentInfo button.calc-amt {
    padding: 15px 10px !important;
    background-color: #ac263d !important;
    color: #ffffff !important
}

.tab-hldr.loan-paymentInfo .calc-wrapper {
    background-color: #fff7f8;
    border-right: 3px solid #f1d7db;
    border-left: 3px solid #f1d7db;
    padding: 30px 10px 14px;
    margin-top: 10px
}

    .tab-hldr.loan-paymentInfo .calc-wrapper input {
        margin-bottom: 25px !important
    }

    .tab-hldr.loan-paymentInfo .calc-wrapper p {
        margin-top: -10px
    }

.tab-hldr.loan-paymentInfo .payment-hldr span.awn-no {
    color: #ffffff
}

.kos-loader img {
    width: auto
}

.payment-hldr {
    padding: 20px 15px 40px
}

@media (max-width: 991px) {
    .payment-hldr {
        padding: 40px 15px 40px
    }
}

.gold-calcSpc {
    padding: 0 15px
}

@media (max-width: 991px) {
    .gold-calcSpc {
        padding: 0
    }
}

section.gold-calc .frm-hldr.frm-hldrAws .split-view .ico {
    width: 50% !important
}

section.gold-calc .frm-hldr.frm-hldrAws .split-view .ico_icn {
    width: 43px !important
}

section.gold-calc .frm-hldr.frm-hldrAws .split-view .user input {
    border-radius: 8px 0 0 8px !important
}

section.gold-calc .frm-hldr.frm-hldrAws .split-view input {
    border-radius: 0 8px 8px 0
}

section.gold-calc .frm-hldr.frm-hldrAws span.ico::before {
    padding: 14px 12px;
    border-radius: 8px 0 0 8px
}

section.gold-calc .frm-hldr.frm-hldrAws span.ico .hideph {
    top: 18px;
    left: 43px
}

section.gold-calc .frm-hldr.frm-hldrAws span.slct.write:after {
    top: 8px
}

section.gold-calc .frm-hldr.frm-hldrAws .payment .tab-change span {
    background-color: #e5e5e5;
    color: var(--c2d)
}

    section.gold-calc .frm-hldr.frm-hldrAws .payment .tab-change span:hover {
        color: var(--white)
    }

section.gold-calc .frm-hldr.frm-hldrAws .payment label.top {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 0;
    display: block;
    position: relative;
    top: auto;
    left: auto
}

@media (max-width: 1366px) {
    section.gold-calc .frm-hldr.frm-hldrAws .payment label.top {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    section.gold-calc .frm-hldr.frm-hldrAws .payment label.top {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

section.gold-calc .frm-hldr.frm-hldrAws .payment label.top sup {
    color: var(--btnClr);
    position: absolute;
    top: -4px;
    margin-left: 5px
}

section.gold-calc .frm-hldr.frm-hldrAws .ico_icn {
    width: 43px !important;
    height: 54px !important;
    background-color: #f26522;
    position: absolute;
    top: 8px;
    z-index: 10 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px 0 0 8px
}

@media (max-width: 1366px) {
    section.gold-calc .frm-hldr.frm-hldrAws .ico_icn {
        height: 50px !important
    }
}

@media (max-width: 991px) {
    section.gold-calc .frm-hldr.frm-hldrAws .ico_icn {
        height: 45px !important
    }
}

@media (max-height: 800px) {
    section.gold-calc .frm-hldr.frm-hldrAws .ico_icn {
        height: 45px !important
    }
}

section.gold-calc .frm-hldr.frm-hldrAws input {
    width: 100%;
    height: 54px;
    padding: 5px 26px 5px 55px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    border: none;
    border-radius: 8px;
    outline: none;
    color: #707070;
    border: 1px solid #DDDDDD
}

@media (max-width: 1366px) {
    section.gold-calc .frm-hldr.frm-hldrAws input {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 26px 5px 55px;
        height: 50px;
        border-radius: 8px
    }
}

@media (max-width: 991px) {
    section.gold-calc .frm-hldr.frm-hldrAws input {
        height: 45px
    }
}

@media (max-height: 800px) {
    section.gold-calc .frm-hldr.frm-hldrAws input {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 5px 26px 5px 55px;
        height: 45px;
        border-radius: 8px
    }
}

section.gold-calc .frm-hldr.frm-hldrAws input::placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px
}

@media (max-width: 1366px) {
    section.gold-calc .frm-hldr.frm-hldrAws input::placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

@media (max-height: 800px) {
    section.gold-calc .frm-hldr.frm-hldrAws input::placeholder {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }
}

section.gold-calc .frm-hldr.frm-hldrAws input:disabled {
    background-color: #f5f4f3 !important
}

section.applyhead .apply-now-wrapper .pay {
    width: auto !important;
    background-color: transparent !important;
    border: 1px solid #ac263d !important;
    color: #ac263d !important;
    border-radius: 25px !important;
    padding: 8px 20px !important;
    margin-top: 15px !important
}

.modalWidet {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9995;
    pointer-events: none;
    -webkit-transition: opacity 0.6s, -webkit-transform 0.5s;
    transition: opacity 0.6s, transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: 0 3px 5px 0 rgba(32,33,36,0.2);
    opacity: 0
}

    .modalWidet.open {
        opacity: 1;
        pointer-events: visible
    }

    .modalWidet .modalRow {
        max-width: 553px;
        width: 100%;
        z-index: 1;
        position: relative;
        padding: 26px 53px;
        background-color: #ffffff
    }

@media (max-width: 767px) {
    .modalWidet .modalRow {
        padding: 30px 20px;
        margin: 10px
    }
}

.modalWidet .modalRow h3, .modalWidet .modalRow h4, .modalWidet .modalRow h4 {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 16px;
    color: var(--theme-colour2);
    margin-bottom: 2px
}

.modalWidet .modalRow p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #989898;
    margin: 0
}

@media (max-width: 767px) {
    .modalWidet .modalRow p {
        font-size: 14px;
        line-height: 20px
    }
}

.modalWidet .modalRow .modcloseBtn {
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 50%;
    right: 16px;
    top: 16px;
    transition: ease-in-out 0.4s
}

    .modalWidet .modalRow .modcloseBtn svg rect {
        fill: var(--primary)
    }

.modalWidet .modalRow .buttonRow {
    display: flex;
    justify-content: center
}

.modalWidet .modalBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity 0.6s, -webkit-transform 0.5s;
    transition: opacity 0.6s, transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.modalWidet.open {
    opacity: 1;
    pointer-events: visible
}

    .modalWidet.open .modalBg {
        opacity: 0.5
    }

.modalWidet.modalDisclaimer {
    top: 0;
    bottom: 0;
    align-items: flex-end
}

    .modalWidet.modalDisclaimer .modalRow {
        max-width: 1720px;
        padding: 30px 50px;
        margin: 0 15px 50px
    }

@media (max-width: 991px) {
    .modalWidet.modalDisclaimer .modalRow {
        padding: 15px 25px;
        margin-bottom: 40px
    }
}

.modalWidet.modalDisclaimer .modalRow .modalCntArea {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 30px
}

@media (max-width: 991px) {
    .modalWidet.modalDisclaimer .modalRow .modalCntArea {
        flex-direction: column;
        justify-content: flex-start;
        align-items: baseline;
        gap: 20px
    }
}

.modalWidet.modalDisclaimer .modalRow .modalCntArea .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #000;
    margin-bottom: 10px
}

@media (max-width: 680px) {
    .modalWidet.modalDisclaimer .modalRow .modalCntArea .title {
        text-align: center
    }
}

.modalWidet.modalDisclaimer .modalRow .modalCntArea p {
    font-size: 21px;
    font-weight: 400;
    line-height: 31px;
    color: var(--c2d);
    max-width: 820px;
    text-align: left;
    margin: 0
}

@media (max-width: 1680px) {
    .modalWidet.modalDisclaimer .modalRow .modalCntArea p {
        font-size: 18px;
        line-height: 28px
    }
}

@media (max-width: 1199px) {
    .modalWidet.modalDisclaimer .modalRow .modalCntArea p {
        font-size: 17px;
        line-height: 27px
    }
}

@media (max-width: 991px) {
    .modalWidet.modalDisclaimer .modalRow .modalCntArea p {
        text-align: center;
        max-width: 100%
    }
}

@media (max-width: 680px) {
    .modalWidet.modalDisclaimer .modalRow .modalCntArea p {
        font-size: 14px;
        line-height: 22px
    }
}

.modalWidet.modalDisclaimer .modalRow .modalCntArea .butnGroup {
    display: flex;
    justify-content: end;
    align-items: center;
    max-width: 550px;
    width: 100%;
    column-gap: 20px
}

@media (max-width: 991px) {
    .modalWidet.modalDisclaimer .modalRow .modalCntArea .butnGroup {
        max-width: 100%;
        justify-content: center
    }
}

@media (max-width: 1680px) {
    .modalWidet.modalDisclaimer .modalRow .modalCntArea .butnGroup .btns {
        max-width: 180px !important;
        height: 60px !important
    }
}

@media (max-width: 1199px) {
    .modalWidet.modalDisclaimer .modalRow .modalCntArea .butnGroup .btns {
        max-width: 140px !important;
        height: 50px !important
    }
}

@media (max-width: 991px) {
    .modalWidet.modalDisclaimer .modalRow .modalCntArea .butnGroup .btns {
        min-width: 120px !important;
        height: 40px !important
    }
}

.modalWidet.modalDisclaimer .modalRow .modalCntArea .butnGroup .cmnBtnBorder {
    max-width: 190px;
    width: 100%;
    height: 50px;
    border-radius: 0;
    text-align: center
}

    .modalWidet.modalDisclaimer .modalRow .modalCntArea .butnGroup .cmnBtnBorder:hover {
        color: #2E2E2E;
        border: 1px solid #2E2E2E;
        background-color: transparent
    }

        .modalWidet.modalDisclaimer .modalRow .modalCntArea .butnGroup .cmnBtnBorder:hover svg path {
            fill: var(--black)
        }

.modalWidet.modalDisclaimer .modalRow .modalCntArea .butnGroup .cmnBtnWht {
    border-radius: 0;
    border: 1px solid #707070;
    max-width: 190px;
    width: 100%;
    height: 50px;
    color: var(--white);
    padding: 2px 20px;
    transition: right 0.4s ease-out;
    background-color: var(--black);
    will-change: right
}

@media (max-width: 680px) {
    .modalWidet.modalDisclaimer .modalRow .modalCntArea .butnGroup .cmnBtnWht {
        height: 45px;
        min-width: 135px
    }
}

.modalWidet.modalDisclaimer .modalRow .modalCntArea .butnGroup .cmnBtnWht:hover svg {
    opacity: 1;
    right: -2rem
}

.modalWidet.modalDisclaimer .modalRow .modalCntArea .butnGroup .cmnBtnWht:hover span {
    transform: translate3d(-1rem, 0, 0)
}

.modalWidet.we-use-cookies {
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 20px
}

    .modalWidet.we-use-cookies .modalRow {
        max-width: 1720px;
        padding: 30px 50px;
        margin: 0 auto 50px
    }

@media (max-width: 991px) {
    .modalWidet.we-use-cookies .modalRow {
        margin-bottom: 40px
    }
}

@media (max-width: 680px) {
    .modalWidet.we-use-cookies .modalRow {
        padding: 30px 20px;
        margin: 0 10px 50px 10px
    }
}

.modalWidet.we-use-cookies .modalRow .modalCntArea {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 30px
}

@media (max-width: 991px) {
    .modalWidet.we-use-cookies .modalRow .modalCntArea {
        flex-direction: column;
        justify-content: flex-start;
        align-items: baseline;
        gap: 0px
    }
}

@media (max-height: 800px) {
    .modalWidet.we-use-cookies .modalRow .modalCntArea {
        gap: 0px
    }
}

@media (max-width: 767px) {
    .modalWidet.we-use-cookies .modalRow .modalCntArea {
        flex-direction: column;
        justify-content: flex-start;
        align-items: baseline
    }
}

.modalWidet.we-use-cookies .modalRow .modalCntArea .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #000;
    margin-bottom: 10px
}

@media (max-width: 680px) {
    .modalWidet.we-use-cookies .modalRow .modalCntArea .title {
        text-align: center
    }
}

.modalWidet.we-use-cookies .modalRow .modalCntArea p {
    text-align: left;
    color: var(--c2d)
}

@media (max-width: 680px) {
    .modalWidet.we-use-cookies .modalRow .modalCntArea p {
        text-align: center
    }
}

.modalWidet.we-use-cookies .modalRow .modalCntArea p a {
    color: #000;
    text-decoration: underline
}

.modalWidet.we-use-cookies .modalRow .modalCntArea .butnGroup {
    display: flex;
    justify-content: end;
    align-items: center;
    max-width: 550px;
    width: 100%;
    column-gap: 20px;
    gap: 20px
}

@media (max-width: 991px) {
    .modalWidet.we-use-cookies .modalRow .modalCntArea .butnGroup {
        max-width: 100%;
        justify-content: flex-start
    }
}

.modalWidet.we-use-cookies .modalRow .modalCntArea .butnGroup .cmnBtnBorder {
    max-width: 190px;
    width: 100%;
    height: 50px;
    border-radius: 0;
    text-align: center
}

@media (max-width: 680px) {
    .modalWidet.we-use-cookies .modalRow .modalCntArea .butnGroup .cmnBtnBorder {
        height: 45px;
        min-width: 135px
    }
}

.modalWidet.we-use-cookies .modalRow .modalCntArea .butnGroup .cmnBtnBorder:hover {
    color: #2E2E2E;
    border: 1px solid #2E2E2E;
    background-color: transparent
}

    .modalWidet.we-use-cookies .modalRow .modalCntArea .butnGroup .cmnBtnBorder:hover svg path {
        fill: var(--black)
    }

.modalWidet.we-use-cookies .modalRow .modalCntArea .butnGroup .cmnBtnWht {
    border-radius: 0;
    border: 1px solid #707070;
    max-width: 190px;
    width: 100%;
    height: 50px;
    color: var(--white);
    padding: 2px 20px;
    transition: right 0.4s ease-out;
    background-color: var(--black);
    will-change: right
}

@media (max-width: 680px) {
    .modalWidet.we-use-cookies .modalRow .modalCntArea .butnGroup .cmnBtnWht {
        height: 45px;
        min-width: 135px
    }
}

.modalWidet.we-use-cookies .modalRow .modalCntArea .butnGroup .cmnBtnWht:hover svg {
    opacity: 1;
    right: -2rem
}

.modalWidet.we-use-cookies .modalRow .modalCntArea .butnGroup .cmnBtnWht:hover span {
    transform: translate3d(-1rem, 0, 0)
}

.modalWidet.we-use-cookies {
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 20px
}

    .modalWidet.we-use-cookies .modalRow {
        max-width: 1620px;
        padding: 39px 44px;
        margin: 0 auto 50px;
        border-radius: 25px
    }

@media (max-width: 991px) {
    .modalWidet.we-use-cookies .modalRow {
        margin-bottom: 40px;
        border-radius: 18px;
        padding: 28px
    }
}

@media (max-width: 680px) {
    .modalWidet.we-use-cookies .modalRow {
        padding: 30px 20px;
        margin: 0 10px 50px 10px;
        border-radius: 10px;
        padding: 22px
    }
}

.modalWidet.we-use-cookies .modalRow .cookeisInnerdiv {
    width: 100%
}

    .modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea {
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 30px
    }

@media (max-width: 991px) {
    .modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea {
        flex-direction: column;
        justify-content: flex-start;
        align-items: baseline;
        gap: 20px
    }
}

.modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 31px;
    color: #000;
    margin-bottom: 10px
}

@media (max-width: 680px) {
    .modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea .title {
        text-align: center
    }
}

.modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea p {
    text-align: left;
    margin-bottom: 20px
}

@media (max-width: 680px) {
    .modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea p {
        text-align: center
    }
}

.modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea p a {
    color: #000;
    text-decoration: underline
}

.modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea .butnGroup {
    display: flex;
    justify-content: end;
    align-items: center;
    max-width: 550px;
    width: 100%;
    column-gap: 20px;
    gap: 20px
}

@media (max-width: 991px) {
    .modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea .butnGroup {
        max-width: 100%;
        justify-content: flex-start
    }
}

@media (max-width: 680px) {
    .modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea .butnGroup {
        flex-wrap: wrap;
        row-gap: 10px;
        justify-content: center
    }
}

.modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea .butnGroup .cmnBtnBorder {
    max-width: 190px;
    width: 100%;
    height: 50px;
    border-radius: 0;
    text-align: center
}

@media (max-width: 680px) {
    .modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea .butnGroup .cmnBtnBorder {
        height: 45px;
        min-width: 135px
    }
}

.modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea .butnGroup .cmnBtnBorder:hover {
    color: #2E2E2E;
    border: 1px solid #2E2E2E;
    background-color: transparent
}

    .modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea .butnGroup .cmnBtnBorder:hover svg path {
        fill: var(--black)
    }

.modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea .butnGroup .cmnBtnWht {
    border-radius: 0;
    border: 1px solid #707070;
    max-width: 190px;
    width: 100%;
    height: 50px;
    color: var(--white);
    padding: 2px 20px;
    transition: right 0.4s ease-out;
    background-color: var(--black);
    will-change: right
}

@media (max-width: 680px) {
    .modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea .butnGroup .cmnBtnWht {
        height: 45px;
        min-width: 135px
    }
}

.modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea .butnGroup .cmnBtnWht:hover svg {
    opacity: 1;
    right: -2rem
}

.modalWidet.we-use-cookies .modalRow .cookeisInnerdiv .modalCntArea .butnGroup .cmnBtnWht:hover span {
    transform: translate3d(-1rem, 0, 0)
}

.modalWidet.cookiesPopupPolicy .modalRow {
    max-width: 954px;
    padding: 66px 40px 36px 40px;
    border-radius: 25px
}

@media (max-width: 991px) {
    .modalWidet.cookiesPopupPolicy .modalRow {
        border-radius: 18px
    }
}

@media (max-height: 800px) {
    .modalWidet.cookiesPopupPolicy .modalRow {
        max-width: 810px;
        padding: 48px 40px 39px 40px
    }
}

@media (max-width: 767px) {
    .modalWidet.cookiesPopupPolicy .modalRow {
        padding: 35px 15px 25px 15px
    }
}

@media (max-width: 680px) {
    .modalWidet.cookiesPopupPolicy .modalRow {
        border-radius: 10px
    }
}

.modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt {
    max-height: 491px;
    overflow-y: auto;
    padding-right: 20px
}

    .modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt::-webkit-scrollbar {
        width: 8px;
        margin-left: 5px;
        left: 5px;
        border-radius: 25px
    }

    .modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt::-webkit-scrollbar-track {
        background: #f5f5f5;
        border-radius: 25px
    }

    .modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt::-webkit-scrollbar-thumb {
        background: var(--theme-colour1) !important;
        border-radius: 25px
    }

    .modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
        color: var(--black);
        margin-bottom: 16px;
        text-align: left
    }

@media (max-width: 767px) {
    .modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px
    }
}

.modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    color: var(--c2d);
    margin-bottom: 16px;
    text-align: left
}

@media (max-width: 767px) {
    .modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px
    }
}

.modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt h4 {
    font-size: 30px;
    font-weight: 600;
    line-height: 32px;
    color: var(--c2d);
    margin-bottom: 25px;
    text-align: left
}

@media (max-width: 767px) {
    .modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt h4 {
        font-size: 25px;
        line-height: 27px;
        margin-bottom: 15px
    }
}

.modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: var(--c2d);
    margin-bottom: 36px;
    text-align: left
}

@media (max-width: 767px) {
    .modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt h5 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px
    }
}

.modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt p {
    margin: 0px 0 36px;
    text-align: left;
    color: var(--c2d)
}

@media (max-width: 767px) {
    .modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt p {
        margin-bottom: 15px
    }
}

.modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt ul {
    margin-bottom: 30px;
    margin-bottom: 25px;
    padding-left: 24px
}

@media (max-width: 767px) {
    .modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt ul {
        margin-bottom: 15px;
        padding-left: 0
    }
}

.modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--c2d);
    margin-bottom: 5px;
    text-align: left;
    position: relative;
    padding-left: 22px
}

@media (max-width: 767px) {
    .modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt ul li {
        font-size: 15px;
        line-height: 22px;
        padding-left: 16px
    }
}

.modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt ul li::before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: var(--theme-colour1);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6px
}

@media (max-width: 767px) {
    .modalWidet.cookiesPopupPolicy .modalRow .cookiesPopupPolicyCnt ul li::before {
        width: 8px;
        height: 8px
    }
}

.modalWidet.cookiesPopupPolicy .cookie-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

    .modalWidet.cookiesPopupPolicy .cookie-btn .applyBtn {
        padding: 5px 38px;
        min-height: 62px
    }

@media (max-width: 991px) {
    .modalWidet.cookiesPopupPolicy .cookie-btn .applyBtn {
        padding: 5px 30px;
        min-height: 52px
    }
}

@media (max-height: 800px) {
    .modalWidet.cookiesPopupPolicy .cookie-btn .applyBtn {
        padding: 5px 30px;
        min-height: 52px
    }
}

@media (max-width: 767px) {
    .modalWidet.cookiesPopupPolicy .cookie-btn .applyBtn {
        padding: 5px 30px;
        min-height: 42px
    }
}

.cookies-btns {
    max-width: 300px !important
}

@media (max-width: 680px) {
    .cookies-btns {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        max-width: initial !important
    }
}

.cookies-btns .cmnBtnReset {
    background-color: white !important
}

    .cookies-btns .cmnBtnReset span {
        color: var(--c2d)
    }

.cookies-btns .cmnBtnsize {
    padding: 5px 38px;
    min-height: 62px
}

@media (max-width: 991px) {
    .cookies-btns .cmnBtnsize {
        padding: 5px 30px;
        min-height: 52px
    }
}

@media (max-height: 800px) {
    .cookies-btns .cmnBtnsize {
        padding: 5px 30px;
        min-height: 52px
    }
}

@media (max-width: 767px) {
    .cookies-btns .cmnBtnsize {
        padding: 5px 30px;
        min-height: 42px
    }
}
/*# sourceMappingURL=app.css.map */