@use;

:root {
    --theme-color: #444698;
    --gr-color2: #444698;
    --title-color: #101111;
    --body-color: #6E7070;
    --smoke-color: #fff4eb;
    --smoke-color2: #ECF1FF;
    --black-color: #000000;
    --black-color2: #101018;
    --gray-color: #999999;
    --white-color: #ffffff;
    --body-bg: #F6FAFF;
    --light-color: #E1E4E5;
    --yellow-color: #E2B93B;
    --success-color: #27AE60;
    --error-color: #EB5757;
    --th-border-color: #E1E4E5;
    --title-font: 'Barlow', sans-serif;
    --body-font: 'Roboto', sans-serif;
    --body-font2: 'Roboto', sans-serif;
    --body-font3: 'Roboto', sans-serif;
    --style-font: 'Roboto', sans-serif;
    --icon-font: "Font Awesome 6 Pro";
    --main-container: 1290px;
    --container-gutters: 24px;
    --section-space: 60px;
    --section-space-mobile: 80px;
    --section-title-space: 60px;
    --ripple-ani-duration: 5s
}

.bank-web {
    /* --theme-color: #e6873c; */
    background-color: #F6FAFF;
}

html,body {
    scroll-behavior: auto !important
}

body {
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 400;
    color: var(--body-color);
    line-height: 26px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased
}

iframe {
    border: none;
    width: 100%
}

.slick-slide:focus,button:focus,a:focus,a:active,.langauge a.nice-select.open,a.nice-select.open,.currency-menu a.nice-select.open,input,input:hover,input:focus,input:active,.langauge input.nice-select.open,input.nice-select.open,.currency-menu input.nice-select.open,textarea,textarea:hover,textarea:focus,textarea:active,.langauge textarea.nice-select.open,textarea.nice-select.open,.currency-menu textarea.nice-select.open {
    outline: none
}

input:focus {
    outline: none;
    box-shadow: none
}

img:not([draggable]),embed,object,video {
    max-width: 100%;
    height: auto
}

ul {
    list-style-type: disc
}

ol {
    list-style-type: decimal
}

table {
    margin: 0 0 1.5em;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid var(--th-border-color)
}

th {
    font-weight: 700;
    color: var(--title-color)
}

td,th {
    border: 1px solid var(--th-border-color);
    padding: 9px 12px
}

a {
    color: var(--theme-color);
    text-decoration: none;
    outline: 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s
}

a:hover {
    color: var(--title-color)
}

a:active,.langauge a.nice-select.open,a.nice-select.open,.currency-menu a.nice-select.open,a:focus,a:hover,a:visited {
    text-decoration: none;
    outline: 0
}

button {
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s
}

img {
    border: none;
    max-width: 100%
}

ins {
    text-decoration: none
}

pre {
    font-family: var(--body-font);
    background: #f5f5f5;
    color: #666;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre-wrap;
    word-wrap: break-word
}

span.ajax-loader:empty,p:empty {
    display: none
}

p {
    font-family: var(--body-font);
    margin: 0 0 18px 0;
    color: var(--body-color);
    line-height: 1.625
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a,span a {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit
}

.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6 {
    font-family: var(--title-font);
    color: var(--title-color);
    text-transform: none;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 15px 0
}

.h1,h1 {
    font-size: 72px;
    line-height: 1.208
}

.h2,h2 {
    font-size: 40px;
    line-height: 1.2
}

.h3,h3 {
    font-size: 32px;
    line-height: 1.278
}

.h4,h4 {
    font-size: 30px;
    line-height: 1.333
}

.h5,h5 {
    font-size: 24px;
    line-height: 1.417
}

.h6,h6 {
    font-size: 20px;
    line-height: 1.5
}

@media (max-width: 1199px) {
    .h1,h1 {
        font-size:44px;
        line-height: 1.3
    }

    .h2,h2 {
        font-size: 36px;
        line-height: 1.3
    }

    .h3,h3 {
        font-size: 30px
    }

    .h4,h4 {
        font-size: 24px
    }

    .h5,h5 {
        font-size: 20px
    }

    .h6,h6 {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .h1,h1 {
        font-size:40px
    }

    .h2,h2 {
        font-size: 34px;
        line-height: 1.3
    }

    .h3,h3 {
        font-size: 26px
    }

    .h4,h4 {
        font-size: 22px
    }

    .h5,h5 {
        font-size: 18px
    }

    .h6,h6 {
        font-size: 16px
    }
}

@media (max-width: 575px) {
    .h1,h1 {
        font-size:34px;
        line-height: 1.35
    }

    .h2,h2 {
        font-size: 28px;
    }
}

@media (max-width: 375px) {
    .h1,h1 {
        font-size:32px;
    }
}

.background-image{
    background-image: url('../img/top-image-page.png');
}

.breadcumb-wrapper {
    text-align: center;
    padding: 51px 0px;
    overflow: hidden;
}

.breadcumb-menu {
    max-width: 100%;
    list-style-type: none;
    position: relative;
    padding: 0px;
    margin: 31px 0px -0.5em;
}

.breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {
    word-break: break-word;
    font-weight: 400;
    font-size: 15px;
    color: var(--theme-color);
    white-space: normal;
}

.breadcumb-menu li {
    display: inline;
    margin-right: 3px;
    padding-right: 5px;
    position: relative;
    list-style: none;
}

.breadcumb-menu li a::after{
    content: "";
    position: relative;
    margin-left: 10px;
    font-weight: 400;
    font-size: 15px;
    color: var(--theme-color);
    font-family: var(--icon-font);
}
.breadcumb-menu li:last-child {
    padding-right: 0px;
    margin-right: 0px;
}

.breadcumb-title{
    font-size: 51px;
}

/*** Header CSS Start ***/

/* .th-header .sticky-wrapper.sticky {
    top: 32px
} */
.th-header {
    position: relative;
    z-index: 41
}

.th-header .icon-btn {
    --btn-size: 45px;
    line-height: 43px;
    border: 1px solid #d0dbe9;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.th-header .icon-btn:hover {
    border-color: var(--theme-color)
}

.th-header .th-btn {
    padding: 19px 29px
}
.header-layout1 .header-top {
    --body-color: #fff;
    background-color: var(--theme-color);
    padding: 7px 0;
    position: relative;
    z-index: 3
}

.header-layout1 .header-top a:hover {
    color: var(--title-color)
}

.header-layout1 .header-top .header-links.header-right li:first-child {
    padding-right: 60px
}

@media (min-width: 1921px) and (max-width: 2520px) {
    .header-layout1 .header-top .header-links.header-right li:first-child {
        padding-right: 0
    }
}

@media (min-width: 1601px) and (max-width: 1870px) {
    .header-layout1 .header-top .header-links.header-right li:first-child {
        padding-right: 0
    }
}

@media (max-width: 1600px) {
    .header-layout1 .header-top .header-links.header-right li:first-child {
        padding-right: 60px
    }
}

@media (min-width: 1501px) and (max-width: 1550px) {
    .header-layout1 .header-top .header-links.header-right li:first-child {
        padding-right: 0
    }
}

@media (min-width: 1055px) and (max-width: 1199px) {
    .header-layout1 .header-top .header-links.header-right li:first-child {
        padding-right: 0
    }
}

.header-layout1 .header-top .header-links.header-right li:not(:last-child):before {
    display: none
}

.header-layout1 .header-top .header-links.header-right li a i {
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.header-layout1 .header-top .header-links.header-right li a:hover i {
    color: var(--title-color);
}

@media (max-width: 991px) {
    .header-layout1 .header-top .header-links.header-right li {
        /*display: none*/
    }

    .header-layout1 .header-top .header-links.header-right li:first-child {
        /*display: block;*/
        margin: 0;
        padding: 0
    }
}

.header-layout1 .header-top:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: calc(100% - 208px);
    border-radius: 0 0 0 50px;
    background: var(--white-color);
    z-index: -1
}

@media (min-width: 1922px) {
    .header-layout1 .header-top:after {
        width: calc(100% - 326px)
    }
}

/*@media (min-width: 1921px) and (max-width: 2520px) {
    .header-layout1 .header-top:after {
        width: 100%;
        border-radius: 0
    }
}*/

/*@media (min-width: 1601px) and (max-width: 1870px) {
    .header-layout1 .header-top:after {
        width: 100%;
        border-radius: 0
    }
}*/

@media (max-width: 1600px) {
    .header-layout1 .header-top:after {
        width: calc(100% - 88px);
        border-radius: 0 0 0 50px;
    }
}

/*@media (min-width: 1501px) and (max-width: 1550px) {
    .header-layout1 .header-top:after {
        width: 100%;
        border-radius: 0
    }
}*/

@media (max-width: 1500px) {
    .header-layout1 .header-top:after {
        width: calc(100% - 205px)
    }
}

@media (max-width: 1399px) {
    .header-layout1 .header-top:after {
        width: calc(100% - 62px)
    }
}

/*@media (min-width: 1055px) and (max-width: 1199px) {
    .header-layout1 .header-top:after {
        width: 100%;
        border-radius: 0
    }
}*/

/*@media (max-width: 991px) {
    .header-layout1 .header-top:after {
        width: 100%;
        border-radius: 0
    }
}*/

.header-layout1 .menu-area {
    background-color: var(--white-color);
    position: relative;
    z-index: 0
}

.header-layout1 .menu-area:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: var(--theme-color);
    height: 100%;
    width: 37%;
    border-radius: 0 80px 0 0;
    z-index: -1
}

@media (min-width: 1922px) {
    .header-layout1 .menu-area:after {
        width: 39%;
    }
}

/*@media (min-width: 1921px) and (max-width: 2520px) {
    .header-layout1 .menu-area:after {
        width: 100%
    }
}*/

/*@media (min-width: 1601px) and (max-width: 1870px) {
    .header-layout1 .menu-area:after {
        width: 100%
    }
}*/

@media (max-width: 1600px) {
    .header-layout1 .menu-area:after {
        width: 37%;
    }
}

/*@media (min-width: 1501px) and (max-width: 1550px) {
    .header-layout1 .menu-area:after {
        width: 100%
    }
}*/

/*@media (max-width: 1500px) {
    .header-layout1 .menu-area:after {
        width: 100%;
    }
}*/

@media (max-width: 991px) {
    .header-layout1 .menu-area:after {
        border-radius: 0 49px 0 0;
    }
}

@media (max-width: 768px) {
    .header-layout1 .menu-area:after {
        width: 74%;
    }
}

.header-layout1 .th-btn {
    padding: 18px 29px
}

@media (max-width: 1299px) {
    .header-layout1 .header-button .icon-btn {
        display: none;
    }
}

.header-layout1 .sticky-wrapper.sticky .menu-area {
    background: var(--white-color);
}

.header-layout1 .sticky-wrapper.sticky .menu-area:after {
    display: none;
}
.header-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.header-links li:not(:last-child) {
    padding: 0 20px 0 0;
    margin: 0 17px 0 0;
}

.header-links li, .header-links span, .header-links p, .header-links a {
    font-family: var(--body-font);
    color: var(--body-color);
}
.header-links li {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
}
.header-links li:not(:last-child):before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    width: 1px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header-links li>i {
    margin-right: 10px;
}

.header-links i {
    color: var(--theme-color);
}
.header-links li, .header-links span, .header-links p, .header-links a {
    font-family: var(--body-font);
    color: var(--theme-color);
}
.sticky-wrapper {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.sticky-wrapper.sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: var(--white-color);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
    -webkit-animation: stickyAni 0.4s ease-in-out;
    animation: stickyAni 0.4s ease-in-out
}

@keyframes stickyAni {
    0% {
        -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
        transform: translate3d(0, -40px, 0) scaleY(0.8);
        opacity: 0.7
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scaleY(1);
        transform: translate3d(0, 0, 0) scaleY(1);
        opacity: 1
    }
}
.header-layout-default .sticky-wrapper.sticky .menu-area {
    background: var(--white-color)
}

.header-layout-default .sticky-wrapper.sticky .menu-area .header-logo {
    margin-top: 0
}

.header-layout-default .sticky-wrapper.sticky .menu-area .logo-bg {
    border-radius: 0
}
.header-logo-width {
    width: 370px;
}

@media (min-width: 1055px) and (max-width: 1199px) {
    .header-logo-width {
        width: 302px;
    }
}

@media (max-width: 768px) {
    .header-logo-width {
        width: 210px;
    }
}

.header-logo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.main-menu ul {
    margin: 0;
    padding: 0;
}

.main-menu ul li:first-child {
    margin-left: 0 !important;
}

.main-menu ul li {
    list-style-type: none;
    display: inline-block;
    position: relative;
}
.main-menu>ul>li {
    margin: 0 13px;
}
.main-menu>ul>li>a {
    padding: 30.5px 0;
}
.main-menu a {
    display: block;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    color: #7c7070;
    text-transform: capitalize;
}

.main-menu .sub-menu a{
    color: var(--white-color);
}

.main-menu ul li {
    list-style-type: none;
    display: inline-block;
    position: relative;
}

.main-menu>ul>li {
    margin: 0 13px;
}

.main-menu ul li.menu-item-has-children>a:after {
    content: "\f107";
    position: relative;
    font-family: var(--icon-font);
    margin-left: 5px;
    top: 1px;
}
.main-menu ul.sub-menu {
    padding: 18px 20px;
    left: -27px;
}

.main-menu ul.sub-menu, .main-menu ul.mega-menu {
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    background-color: #44469880;
    visibility: hidden;
    min-width: 190px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 7px;
    left: -14px;
    opacity: 0;
    z-index: -1;
    border: 1px solid #444698;
    border-radius: 10px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    backdrop-filter: blur(5px);
}
.main-menu ul.sub-menu li {
    display: block;
    margin: 0 0;
    padding: 0px 9px;
}

.main-menu ul li:first-child {
    margin-left: 0 !important;
}
.main-menu ul li {
    list-style-type: none;
    display: inline-block;
    position: relative;
}
.main-menu ul.sub-menu li a {
    position: relative;
    /* padding-left: 23px; */
    text-transform: capitalize;
}

.main-menu ul.sub-menu a, .main-menu ul.mega-menu a {
    font-size: 16px;
    line-height: 30px;
}

.main-menu ul li:hover>ul.sub-menu, .main-menu ul li:hover ul.mega-menu{
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 9;
}

/*** Header CSS END ***/

/*** Start mobile menu css ***/
.th-menu-wrapper {
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    background-color: #0009;
    width: 100%;
    height: 100%;
    transition: all .8s;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0
}

.th-menu-wrapper .mobile-logo {
    text-align: center;
    background-color: #1cb9c81a;
    padding-top: 23px;
    padding-bottom: 23px;
    display: block
}

.th-menu-wrapper .mobile-logo svg {
    max-width: 185px
}

.th-menu-wrapper .th-menu-toggle {
    z-index: 1;
    width: 33px;
    height: 33px;
    color: var(--bs-white);
    background-color: var(--theme-color);
    border: none;
    border-radius: 50%;
    padding: 0;
    font-size: 18px;
    line-height: 31px;
    position: absolute;
    top: 25px;
    right: -16.5px
}

.th-menu-wrapper .th-menu-toggle:hover {
    background-color: var(--theme-color);
    color: var(--bs-white);
}

.th-menu-wrapper .th-menu-area {
    border-right: 3px solid var(--theme-color);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    max-width: 310px;
    height: 100%;
    transition: all 1s;
    position: relative;
    left: -110%
}

.th-menu-wrapper.th-body-visible {
    opacity: 1;
    visibility: visible
}

.th-menu-wrapper.th-body-visible .th-menu-area {
    opacity: 1;
    visibility: visible;
    left: 0
}

.th-mobile-menu {
    text-align: left;
    max-height: calc(100vh - 200px);
    margin-top: 33px;
    padding-bottom: 40px;
    overflow-y: scroll
}

.th-mobile-menu .new-label {
    background-color: var(--theme-color);
    color: var(--white-color);
    border-radius: 4px;
    padding: 2px 5px;
    font-size: 13px;
    position: relative;
    top: -1px
}

.th-mobile-menu ul {
    margin: 0;
    padding: 0
}

.th-mobile-menu ul li {
    border-bottom: 1px solid #fdedf1;
    list-style-type: none
}

.th-mobile-menu ul li li:first-child {
    border-top: 1px solid #fdedf1
}

.th-mobile-menu ul li a {
    text-transform: capitalize;
    color: var(--title-color);
    padding: 12px 0 12px 18px;
    font-size: 16px;
    line-height: 1.4;
    text-decoration: none;
    display: block;
    position: relative;
}

.th-mobile-menu ul li.th-active>a {
    color: var(--theme-color)
}

.th-mobile-menu ul li.th-active>a .toggleIcon {
    transform: rotate(90deg)
}

.th-mobile-menu ul li ul li {
    padding-left: 20px
}

.th-mobile-menu ul li ul li:last-child {
    border-bottom: none
}

.th-mobile-menu ul li a::before {
    content: "";
    font-family: var(--icon-font);
    position: absolute;
    left: 0px;
    top: 12px;
    margin-right: 10px;
    display: inline-block;
}

.th-mobile-menu ul .th-item-has-children>a .th-mean-expand {
    text-align: center;
    background-color: var(--theme-color);
    width: 25px;
    height: 25px;
    color: var(--bs-white);
    border-radius: 50%;
    margin-top: -12.5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    box-shadow: 0 0 20px -8px #ad885880
}

.th-mobile-menu>ul {
    padding: 0 40px 0 20px!important
}

.th-mobile-menu>ul>li:last-child {
    border-bottom: none
}

.th-mobile-menu ul .th-item-has-children > a .th-mean-expand::before {
    content: "";
    font-family: var(--icon-font);
}

.th-mobile-menu ul .th-item-has-children > a::after {
    content: "";
    font-family: var(--icon-font);
    width: 22px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    background-color: var(--smoke-color);
    float: right;
    margin-top: 1px;
    border-radius: 50px;
}

.th-mobile-menu ul .th-item-has-children.th-active > a .th-mean-expand::before {
    content: "";
}

@media (max-width: 400px) {
    .th-menu-wrapper .th-menu-area {
        width:100%;
        max-width: 270px
    }

    .th-mobile-menu>ul {
        padding: 0 20px
    }
}

.th-mean-expand {
    transition: transform .3s
}

.animate-rotate-in {
    animation: .2s ease-out rotateIn
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        transform: rotate(-90deg)
    }

    to {
        opacity: 1;
        transform: rotate(0)
    }
}

.header-sticky {
    z-index: 999;
    width: 100%;
    animation: .5s ease-in-out fadeInDown;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 8px 6px -6px #e6eeffd1;
    background-color: #fff!important
}

.header-sticky.is-sticky {
    position: -webkit-sticky
}

.auto-navbar {
    background-color: var(--whiteColor);
    border-top: 2px solid var(--theme-color);
    margin: 0
}

.navbar-light .navbar-brand {
    padding: 0 0 8px
}

@media only screen and (max-width: 576px) {
    .navbar-light .navbar-brand img {
        max-width:220px!important
    }
}

.navbar-light .navbar-brand img {
    max-width: 330px
}

.auto-navbar .navbar-nav .nav-link {
    color: #444;
    text-transform: capitalize;
    padding: 15px 10px;
    font-size: 16px;
    font-weight: 500
}

.auto-navbar .navbar-nav .nav-link:focus,.auto-navbar .navbar-nav .nav-link:hover {
    color: var(--theme-color);
    background: 0 0!important
}

.auto-navbar .navbar-nav .dropdown-item {
    text-transform: capitalize;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 500
}

.auto-navbar .navbar-nav .dropdown-item:hover,.auto-navbar .navbar-nav .dropdown-item:focus {
    color: var(--theme-color);
    background: #dfeaff;
    border-radius: 7px
}

.dropdown-menu.mega-menu {
    background-color: var(--whiteColor);
    width: 655px;
    padding: 10px;
    left: -100%;
    overflow: hidden
}

.mega-menu .sub-menu-heading {
    color: var(--theme-color);
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px!important
}

.mega-menu p {
    margin-bottom: 0
}

.mega-menu p a {
    color: #212529;
    padding: 6px 0;
    font-size: 15px;
    display: block
}

.mega-menu p a:hover {
    background: var(--theme-color);
    color: var(--whiteColor);
    padding-left: 7px
}

.navbar-inner-image-slider .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.navbar-inner-image-slider .owl-nav {
    margin: 0
}

.navbar-inner-image-slider .owl-dots .owl-dot span {
    background: var(--whiteColor);
    margin: 0 3px;
    transition: all .4s
}

.navbar-inner-image-slider .owl-dots .owl-dot.active span,.navbar-inner-image-slider .owl-dots .owl-dot:hover span {
    background: var(--theme-color)
}

.dropdown-menu .dropdown-item {
    color: #212529
}

@media (max-width: 500px) {
    .mega-menu {
        width:300px
    }
}

.auto-navbar .navbar-nav .active>.nav-link,.auto-navbar .navbar-nav .nav-link.active,.auto-navbar .navbar-nav .nav-link.show,.auto-navbar .navbar-nav .show>.nav-link {
    color: var(--theme-color)
}

.auto-navbar .dropdown-item.active,.auto-navbar .dropdown-item:active {
    color: #fff;
    background-color: var(--theme-color);
    border-radius: 6px
}

.auto-navbar i.icofont-search {
    font-size: 18px
}

.auto-navbar i.icofont-cart-alt {
    font-size: 20px
}

.dropdown-menu {
    border-radius: 0;
    margin: 0;
    padding: 0;
    border: 1px solid #143884!important;
    padding: 10px!important;
    box-shadow: 0 7px 36px -8px #1c47a138!important
}

.auto-navbar .collapse ul>li:hover>a {
    background: #f5f5f5
}

.auto-navbar .collapse ul ul>li:hover>a,.navbar .show .dropdown-menu>li>a:focus,.navbar .show .dropdown-menu>li>a:hover {
    background: var(--whiteColor);
    color: var(--theme-color)
}

@media only screen and (max-width: 991px) {
    .auto-navbar .show>.dropdown-toggle:after {
        transform:rotate(-90deg)
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        gap:21px
    }
}

@media only screen and (min-width: 991px) {
    .auto-navbar .dropdown>.dropdown-menu,.auto-navbar .cart-item .dropdown-menu {
        transform-origin:top;
        transition: all .5s;
        display: block;
        overflow: hidden;
        transform: scaleY(0)
    }

    .auto-navbar .dropdown:hover>.dropdown-menu,.auto-navbar .cart-item:hover .dropdown-menu {
        transform: scale(1)
    }

    .auto-navbar .collapse ul li {
        position: relative
    }

    .auto-navbar .dropdown ul li:hover>ul {
        display: block
    }

    .auto-navbar .collapse ul ul {
        min-width: 250px;
        display: none;
        position: absolute;
        top: 100%;
        left: 0
    }

    .auto-navbar .collapse ul .cart-item ul {
        width: 300px;
        left: auto;
        right: 0
    }

    .auto-navbar .collapse ul ul li {
        position: relative
    }

    .auto-navbar .collapse ul ul li:hover>ul {
        display: block
    }

    .auto-navbar .collapse ul ul ul {
        min-width: 250px;
        display: none;
        position: absolute;
        top: 0;
        left: 100%
    }

    .auto-navbar .collapse ul ul ul li {
        position: relative
    }

    .auto-navbar .collapse ul ul ul li:hover ul {
        display: block
    }

    .auto-navbar .collapse ul ul ul ul {
        z-index: 1;
        min-width: 250px;
        display: none;
        position: absolute;
        top: 0;
        left: -100%
    }
}

.auto-navbar .navbar-brand {
    z-index: 20
}

@media only screen and (min-width: 1024px) {
    .auto-navbar:before {
        width:270px
    }
}

@media only screen and (min-width: 1700px) {
    .auto-navbar:before {
        width:700px
    }
}

.th-menu-toggle {
    background-color: var(--theme-color);
    width: 50px;
    height: 50px;
    color: var(--bs-white);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 5px;
    padding: 0;
    display: inline-block
}

.th-menu-toggle:hover {
    background-color: var(--theme-color)
}

/*** End Mobile Menu CSS ***/

/*** Start Footer CSS ***/
.footer-wrap {
    position: relative;
}
.footer-wrap .footer-top {
    background-color: var(--theme-color);
}
.footer-wrap .footer-top .footer-widget {
    margin: 0 0 30px;
}
.footer-wrap .footer-top .footer-widget .footer-logo {
    margin: 0 0 20px;
    display: block;
}
.footer-wrap .footer-top .footer-widget .footer-widget-title, .footer-wrap .footer-top .footer-widget p, .footer-wrap .footer-top .footer-widget a {
    color: #fff;
}
.footer-contact-address {
    margin: 0 0 9px;
}
.footer-contact-address li {
    position: relative;
    color: #fff;
    padding-left: 30px;
    line-height: 32px;
    padding-bottom: 12px;
    list-style: none;
}
.footer-contact-address li i {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 20px;
    line-height: 1;
    color: var(--white-color);
}
.footer-wrap .footer-top .footer-widget .share-on span {
    color: #fff;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    margin: 0 0 20px;
    padding: 0 0 8px;
    display: block;
}
.footer-wrap .footer-top .footer-widget .share-on span:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    background-color: var(--white-color);
    width: 50px;
    height: 1px;
}
.social-profile li {
    display: inline-block;
    margin: 0 10px 0 0;
}
.footer-wrap .footer-top .footer-widget .share-on .social-profile li a {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-color: transparent;
    -webkit-transition: .3s;
    transition: .3s;
}
.footer-wrap .footer-top .footer-widget .share-on .social-profile li a i {
    color: var(--theme-color);
    font-size: 16px;
    line-height: 27px;
}
.footer-wrap .footer-top .footer-widget .share-on .social-profile li a:hover {
    background-color: var(--theme-color);
}
.footer-wrap .footer-top .footer-widget .share-on .social-profile li a:hover i {
    color: #fff;
}
.social-profile li a {
    display: block;
    color: #4c4c4c;
    font-size: 16px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #4c4c4c;
    -webkit-transition: .3s;
    transition: .3s;
}
.footer-wrap .footer-top .footer-widget .footer-widget-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 25px;
    padding: 0 0 10px;
    position: relative;
}
.footer-wrap .footer-top .footer-widget .footer-widget-title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    background-color: var(--white-color);
    width: 50px;
    height: 1px;
}
.footer-wrap .footer-top .footer-widget .footer-menu li {
    padding-bottom: 10px;
    display: block;
}
.footer-wrap .footer-top .footer-widget .footer-menu li a {
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    -webkit-transition: .4s;
    transition: .4s;
}
.footer-wrap .footer-top .footer-widget .footer-menu li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    content: "";
    background-color: var(--theme-color);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}
.footer-wrap .footer-top .footer-widget .footer-menu li a:hover {
    color: #1c456e;
}
.footer-wrap .footer-top .footer-widget .footer-menu li a:hover:after {
    width: 100%;
    visibility: visible;
    opacity: 1;
}
.footer-widget .footer-menu, .footer-contact-address, .DICGC_Assurance {
    padding-left: 0px;
}
.footer-wrap .footer-bottom {
    background-color: #2d2f85;
    padding: 16px 0;
}
.footer-wrap .footer-bottom .copyright-text {
    text-align: left;
}
.footer-wrap .footer-bottom .copyright-text p {
    color: #fff;
    margin: 0;
    font-size: 15px;
}
.footer-wrap .footer-bottom .copyright-text p a {
    color: var(--white-color);
    font-weight: 700;
}
.social-links {
    padding-left: 0;
    text-align: end;
    margin-bottom: 0;
    list-style-type: none;
}
.social-profile{
    padding-left: 0;
}
.footer-count {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    width: 110px;
    text-align: center;
}
.DICGC_Assurance{
    display: flex;
    gap: 15px;
    list-style-type: none;
}
/*** END Footer CSS ***/

/*** Start scroll-top CSS ***/
.scroll-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    z-index: 10000;
    opacity: 1;
    visibility: hidden;
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear
}

.scroll-top:after {
    content: "\f062";
    font-family: var(--icon-font);
    position: absolute;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: var(--theme-color);
    left: 0;
    top: 0;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    z-index: 1;
    border: 2px solid var(--theme-color);
    box-shadow: none;
    border-radius: 50%
}

.scroll-top svg {
    color: var(--theme-color);
    border-radius: 50%;
    background: var(--white-color)
}

.scroll-top svg path {
    fill: none
}

.scroll-top .progress-circle path {
    stroke: var(--theme-color);
    stroke-width: 20px;
    box-sizing: border-box;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear
}

.scroll-top.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
/*** END scroll-top CSS ***/

/*** Start Hero Section CSS ***/
.hero-1 {
    overflow: hidden;
}

.th-hero-wrapper {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.hero-1 .hero-img {
    position: absolute;
    top: 60px;
    right: 10%;
    z-index: 3
}

.text-theme {
    color: var(--theme-color);
}

.hero-1 .hero-img:before {
    content: '';
    width: 500px;
    height: 500px;
    background-color: #F2BA4C;
    opacity: 0.3;
    -webkit-filter: blur(300px);
    filter: blur(300px);
    border-radius: 50%;
    position: absolute;
    right: -40px;
    top: -180px;
    z-index: -1;
    -webkit-animation: bgColor 8s ease-in-out infinite;
    animation: bgColor 8s ease-in-out infinite
}

.hero-style1 {
    position: relative;
    z-index: 6;
    padding: 105px 0 115px 0;
    max-width: 710px
}

.hero-subtitle {
    font-family: var(--title-font);
    color: var(--theme-color);
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 17px;
    text-transform: uppercase;
    margin-top: -0.24em
}

.hero-title {
    font-size: 74px;
    font-weight: bold;
    line-height: 1.135;
    margin-bottom: 0
}

.hero-title:last-of-type {
    margin-bottom: 21px
}

.hero-text {
    margin-bottom: 43px
}

.hero-1 .hero-shape1,.hero-1 .hero-shape2,.hero-1 .hero-shape3 {
    position: absolute;
    z-index: 2
}

.hero-1 .hero-shape1,.hero-1 .hero-shape2 {
    top: 10%;
    right: 0;
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite
}

.hero-1 .hero-shape2 {
    -webkit-animation: jumpReverseAni 7s linear infinite;
    animation: jumpReverseAni 7s linear infinite
}

.hero-1 .hero-shape3 {
    bottom: -80px;
    left: -60px;
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite
}

.call-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.btn-group:has(.call-btn) {
    gap: 50px;
}

.play-btn {
    display: inline-block;
    position: relative;
    z-index: 1;
}
.call-btn .play-btn:before, .call-btn .play-btn:after {
    background-color: var(--theme-color);
}
.play-btn:after {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.play-btn:after, .play-btn:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--white-color);
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    -webkit-animation-duration: var(--ripple-ani-duration);
    animation-duration: var(--ripple-ani-duration);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: ripple;
    animation-name: ripple;
 }
 @keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }

    30% {
        opacity: 0.4;
    }
    100% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }
 }
.media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.call-btn .btn-title {
    font-size: 16px;
}

.call-btn .btn-title {
    font-size: 20px;
    color: var(--title-color);
    font-weight: 600;
}
.call-btn .btn-text {
    font-size: 16px;
}

.call-btn .btn-text {
    font-size: 14px;
    font-weight: 500;
    display: block;
}
.call-btn .play-btn>i {
    --icon-size: 56px;
    background-color: var(--theme-color);
    color: var(--white-color);
}

.call-btn i {
    width: 51px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    border-radius: 50%;
    background: #CCD6FF;
    color: var(--theme-color);
    font-size: 24px;
}
.play-btn>i {
    display: inline-block;
    width: var(--icon-size, 60px);
    height: var(--icon-size, 60px);
    line-height: var(--icon-size, 60px);
    text-align: center;
    background-color: var(--white-color);
    color: var(--theme-color);
    font-size: var(--icon-font-size, 1.1em);
    border-radius: 50%;
    z-index: 1;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.call-btn a:hover {
    color: var(--theme-color);
}
.call-btn .play-btn:hover:before, .call-btn .play-btn:hover:after {
    background-color: var(--title-color);
}
.call-btn .play-btn:hover>i {
    background-color: var(--title-color);
}

@keyframes bgColor {
    0% {
        background-color: #F2BA4C;
    }
    25% {
        background-color: #81F24C;
    }
    50% {
        background-color: #41F27D;
    }
    75% {
        background-color: #0500FF;
    }
    100% {
        background-color: #F2BA4C;
    }
}

@keyframes jumpAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes jumpReverseAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width: 1922px) {
    .hero-1 .hero-img {
        right:18%
    }
}

@media (max-width: 1700px) {
    .hero-1 .hero-img {
        right:1%
    }
}

@media (max-width: 1400px) {
    .hero-1 .hero-img {
        top:20px
    }
    .hero-style1 {
        padding: 180px 0
    }
    .hero-title {
        font-size: 68px
    }
}

@media (max-width: 1299px) {
    .hero-1 .hero-img {
        max-width:485px
    }
    .hero-style1 {
        padding: 150px 0
    }
}
@media (max-width: 1199px) {
    .hero-title {
        font-size:60px;
    }
    .hero-1 .hero-img {
        right: -10%;
    }
    .hero-1 .hero-shape1,.hero-1 .hero-shape2 {
        max-width: 600px;
    }
    .hero-1 .hero-shape3 {
        max-width: 600px;
    }
}
@media (max-width: 991px) {
    .hero-title {
        font-size:54px;
        line-height: 1.2
    }
    .hero-style1 {
        padding: 54px 0 0;
        text-align: center
    }

    .hero-style1 .btn-group {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .hero-style1 .hero-text {
        margin-left: auto;
        margin-right: auto
    }

    .hero-1 .hero-img {
        position: relative;
        margin-top: 30px;
        margin-bottom: -60px;
        text-align: center;
        right: 0;
        top: 0;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (max-width: 767px) {
    .hero-subtitle {
        font-size:18px
    }

    .hero-title {
        font-size: 48px
    }
}

@media (max-width: 575px) {
    .hero-subtitle {
        font-size:16px;
        margin-bottom: 12px;
    }

    .hero-title {
        font-size: 38px;
        line-height: 1.24
    }

    .hero-title:last-of-type {
        margin-bottom: 16px
    }

    .hero-text {
        margin-bottom: 28px
    }
}

@media (max-width: 390px) {
    .hero-title {
        font-size:34px;
        line-height: 1.3
    }
}

@media (max-width: 330px) {
    .hero-title {
        font-size:30px
    }
}
/*** End Hero Section CSS ***/

/*** Start btn CSS ***/

.th-btn:before, .th-btn:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--title-color);
    z-index: -1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border-radius: 99px;
    -webkit-transform: scaleY(1.1);
    -ms-transform: scaleY(1.1);
    transform: scaleY(1.1);
}
.th-btn:before {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}
.th-btn:after {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}
.th-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: var(--theme-color);
    color: var(--white-color);
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 20.5px 20px;
    min-width: 144px;
    border-radius: 4px;
}
.th-btn:hover, .th-btn.active {
    color: var(--white-color);
    box-shadow: none;
}
a:active, a:focus, a:hover, a:visited {
    text-decoration: none;
    outline: 0;
}
.th-btn:hover::before, .th-btn:hover:after, .th-btn.active::before, .th-btn.active:after {
    border-radius: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
/*** End btn CSS ***/

.px-5 {
    padding-right: 5px;
    padding-left: 5px
}

.px-10 {
    padding-right: 10px;
    padding-left: 10px
}

.px-15 {
    padding-right: 15px;
    padding-left: 15px
}

.px-20 {
    padding-right: 20px;
    padding-left: 20px
}

.px-25 {
    padding-right: 25px;
    padding-left: 25px
}

.px-30 {
    padding-right: 30px;
    padding-left: 30px
}

.px-35 {
    padding-right: 35px;
    padding-left: 35px
}

.px-40 {
    padding-right: 40px;
    padding-left: 40px
}

.px-45 {
    padding-right: 45px;
    padding-left: 45px
}

.px-50 {
    padding-right: 50px;
    padding-left: 50px
}

.py-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-25 {
    padding-top: 25px;
    padding-bottom: 25px
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.py-35 {
    padding-top: 35px;
    padding-bottom: 35px
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.py-45 {
    padding-top: 45px;
    padding-bottom: 45px
}

.py-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-35 {
    padding-top: 35px
}

.pt-40 {
    padding-top: 40px
}

.pt-45 {
    padding-top: 45px
}

.pt-50 {
    padding-top: 50px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-35 {
    padding-bottom: 35px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-45 {
    padding-bottom: 45px
}

.pb-50 {
    padding-bottom: 50px
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-25 {
    padding-left: 25px
}

.pl-30 {
    padding-left: 30px
}

.pl-35 {
    padding-left: 35px
}

.pl-40 {
    padding-left: 40px
}

.pl-45 {
    padding-left: 45px
}

.pl-50 {
    padding-left: 50px
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-25 {
    padding-right: 25px
}

.pr-30 {
    padding-right: 30px
}

.pr-35 {
    padding-right: 35px
}

.pr-40 {
    padding-right: 40px
}

.pr-45 {
    padding-right: 45px
}

.pr-50 {
    padding-right: 50px
}

.pb-60 {
    padding-bottom: 60px
}

.p-24 {
    padding: 24px
}

.pt-60 {
    padding-top: 60px
}

.mb-24 {
    margin-bottom: 24px
}

.mb-12 {
    margin-bottom: 12px
}

.mx-5 {
    margin-right: 5px;
    margin-left: 5px
}

.mx-10 {
    margin-right: 10px;
    margin-left: 10px
}

.mx-15 {
    margin-right: 15px;
    margin-left: 15px
}

.mx-20 {
    margin-right: 20px;
    margin-left: 20px
}

.mx-25 {
    margin-right: 25px;
    margin-left: 25px
}

.mx-30 {
    margin-right: 30px;
    margin-left: 30px
}

.mx-35 {
    margin-right: 35px;
    margin-left: 35px
}

.mx-40 {
    margin-right: 40px;
    margin-left: 40px
}

.mx-45 {
    margin-right: 45px;
    margin-left: 45px
}

.mx-50 {
    margin-right: 50px;
    margin-left: 50px
}

.my-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.my-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.my-25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.my-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.my-35 {
    margin-top: 35px;
    margin-bottom: 35px
}

.my-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.my-45 {
    margin-top: 45px;
    margin-bottom: 45px
}

.my-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-45 {
    margin-top: 45px
}

.mt-50 {
    margin-top: 50px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-45 {
    margin-bottom: 45px
}

.mb-50 {
    margin-bottom: 50px
}

.ml-5 {
    margin-left: 5px
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-25 {
    margin-left: 25px
}

.ml-30 {
    margin-left: 30px
}

.ml-35 {
    margin-left: 35px
}

.ml-40 {
    margin-left: 40px
}

.ml-45 {
    margin-left: 45px
}

.ml-50 {
    margin-left: 50px
}

.mr-5 {
    margin-right: 5px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-25 {
    margin-right: 25px
}

.mr-30 {
    margin-right: 30px
}

.mr-35 {
    margin-right: 35px
}

.mr-40 {
    margin-right: 40px
}

.mr-45 {
    margin-right: 45px
}

.mr-50 {
    margin-right: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-33 {
    margin-bottom: 33px
}

.mb-28 {
    margin-bottom: 28px
}

.mt-n1 {
    margin-top: -.25rem
}

.mt-n2 {
    margin-top: -.45rem
}

.mt-n3 {
    margin-top: -0.8rem
}

.mt-n4 {
    margin-top: -1.5rem
}

.mt-n5 {
    margin-top: -3rem
}

.mb-n1 {
    margin-bottom: -.25rem
}

.mb-n2 {
    margin-bottom: -.45rem
}

.mb-n3 {
    margin-bottom: -0.8rem
}

.mb-n4 {
    margin-bottom: -1.5rem
}

.mb-n5 {
    margin-bottom: -3rem
}

.mt-48 {
    margin-top: 48px
}

.fs-70 {
    font-size: 70px
}

@media (max-width: 767px) {
    .fs-70 {
        font-size:40px
    }
}