:root {
    --first-color: #EF6507;
    --second-color: #F3770D;
    --third-color: #ffa800;
}
.fs-sm2 {
    font-size: .875rem!important;
}



@media screen and (min-width: 990px) {
    body {
        overflow-y: hidden;
    }
}

body a,
body a:hover {
    text-decoration: none!important;
    color: #000;
}

/*Global Background*/
.bg-soft-yellow {background: #f1e9cd !important}
.bg-soft-light {background: #fafafa !important}
.bg-medium-light {background: #F0F1F1 !important}

/*Text Color*/
.text-gray { color: #888888 !important;}
.text-orangered {color: orangered!important;}

/*Button Color*/
.btn-at-gradation {
    background: -webkit-linear-gradient(90deg, var(--c1, #f6d365), var(--c2, #fda085) 51%, var(--c1, #f6d365)) var(--x, 0)/ 200%;
    background: -moz-linear-gradient(90deg, var(--c1, #f6d365), var(--c2, #fda085) 51%, var(--c1, #f6d365)) var(--x, 0)/ 200%;
    background: -o-linear-gradient(90deg, var(--c1, #f6d365), var(--c2, #fda085) 51%, var(--c1, #f6d365)) var(--x, 0)/ 200%;
    background: linear-gradient(90deg, var(--c1, #f6d365), var(--c2, #fda085) 51%, var(--c1, #f6d365)) var(--x, 0)/ 200%;
    color: #000000 !important;
    border-color: var(--first-color) !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.btn:hover {
    --x: 100%;
    color: #000000 !important;
}

.btn-1 {
    --c1: var(--first-color);
    --c2: var(--third-color);
}

.btn-2 {
    --c1: #fbc2eb;
    --c2: #a6c1ee;
}

.btn-3 {
    --c1: #84fab0;
    --c2: #8fd3f4;
}

.btn-4 {
    --c1: #a1c4fd;
    --c2: #c2e9fb;
}

.btn-5 {
    --c1: #ffecd2;
    --c2: #fcb69f;
}
.no-transition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.btn-transition {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.btn-check:checked+.btn, .btn.active, .btn.show,
.btn:first-child:active, :not(.btn-check)+.btn:active {
    color: #fff;
    background-color: var(--first-color);
    border-color: var(--first-color);
}
.btn-check:active+.btn-outline-at,
.btn-check:checked+.btn-outline-at,
.btn-outline-at.active,
.btn-outline-at.dropdown-toggle.show,
.btn-outline-at:active {
    color: #fff;
    background-color: var(--first-color);
    border-color: var(--first-color);
}

/*Shadow*/
.shadow-md {
    box-shadow: 0 .5rem 1.8rem rgba(0,0,0,.175)!important;
}

/*Width & height*/
.w-45 {width: 45%!important;}
.w-35 {width: 35%!important;}
.w-65 {width: 65%!important;}
.w-80 {width: 80%!important;}
.w-90 {width: 90%!important;}

.h-250rem {height: 15rem;}
.h-280rem {height: 18.75rem;}
.h-380rem {height: 23.75rem;}
.h-inherit {
    height: inherit !important;
}
/*.container {*/
/*border-left: 1px solid red;*/
/*border-right: 1px solid red;*/
/*}*/

/*Padding & Margin*/
.p-6 {padding: 4rem !important;}
.pt-6 {padding-top: 10.5rem !important;}
.py-6 {
    padding-top: 10.5rem !important;
    padding-bottom: 10.5rem !important;
}
.px-6 {
    padding-left: 10.5rem !important;
    padding-right: 10.5rem !important;
}
.mtm-3 {margin-top: -3rem!important;}
.mtm-5 {margin-top: -5rem!important;}
.mtm-6 {margin-top: -6rem!important;}
.mxm-2 {margin: 0 -5px}

.pointer {cursor: pointer!important}
.default {cursor: default!important}

/*Font Custom*/
.fs-xs { font-size: .675rem!important}
.fs-sm { font-size: .775rem!important}
.fs-md { font-size: .950rem!important}
.fs-lg {font-size: 1.125rem !important;}
.fs-xl {font-size: 1.1rem!important;}
.fs-xxl {font-size: 3rem!important;}
.fs-xxxl {font-size: 4rem!important;}
.text-nowrap {white-space: nowrap!important;}
.fw-light {font-weight: 400!important;}
.fw-normal {font-weight: 300!important;}
.fw-medium {font-weight: 600!important;}
.over-hidden-x {overflow-x: hidden !important}
.full-index {z-index: 10!important}

/*Sticky Custom*/
.sticky-offset-2 {
    top: 1.5rem !important;
    z-index: 10;
}
.sticky-offset-3 {
    top: 3rem !important;
    z-index: 10;
}
.sticky-offset-4 {
    top: 3.9rem !important;
    z-index: 10;
}
.sticky-offset-5 {
    top: 5.5rem !important;
    z-index: 10;
}
.sticky-offset-6 {
    top: 6rem!important;
    padding-top: 0;
    z-index: 10;
}
.bg-img-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    z-index: 1;
}
.bg-img-hero::before {
    content: "";
    /*background-image: linear-gradient(to bottom,rgba(30,32,34,.3) 0, rgba(33, 38, 78, 0.45) 100%);*/
    background-image: linear-gradient(to bottom, rgba(30, 32, 34, .3) 0, rgba(14, 16, 33, 0.93) 100%);
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: All .3s linear;
    -moz-transition: All .3s linear;
    -ms-transition: All .3s linear;
    -o-transition: All .3s linear;
    transition: All .3s linear;
}
.bg-img-hero:hover::before {
    background-image: linear-gradient(to bottom, rgba(30, 32, 34, .3) 0, rgba(14, 16, 33, 0.93) 100%);
}

/*Image Custom Wrap*/
.imgCont {overflow: hidden}
.imgCont img {
    max-width: 100%;
    max-height: 100%;
}
.img-long img {
    object-fit: initial;
    height: initial;
}
.full-size img {
    object-fit: cover;
    min-height: 100%;
}


/*List Check*/
ul.list-check {
    list-style: none;
    /*padding-left: .5rem !important;*/
}
ul.list-check li {
    position: relative;
    padding-left: 1.3rem;
    margin-bottom: 0;
}
ul.list-check li::before {
    font-family: bootstrap-icons !important;
    content: "\f26a";
    color: #198754;
    position: absolute;
    left: 0;
}

/*Limit Text*/
.limit-text-1,
.limit-text-2,
.limit-text-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
}
.limit-text-1 {-webkit-line-clamp: 1;}
.limit-text-2 {-webkit-line-clamp: 2;}
.limit-text-3 {-webkit-line-clamp: 3;}



/*NAVBAR*/
.navbar {
    background-color: #FFFFFF;
    color: #000000;
}
.navbar .navbar-brand {
    max-width: 12rem;
}
.navbar .navbar-brand img {
    max-width: 100%;
}

/*Highlist Hover*/
.highlist-hover::before {
    content: '';
    background: rgba(236, 236, 236, 0.19);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
}
.card:hover .highlist-hover::before,
.imgContBig.highlist-hover:hover::before {
    -webkit-transform: scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
    transform: scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
}




/*TOP HEADLINE*/
.top-headline .ico-custom {
    min-width: 3.5rem;
    min-height: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
}
.top-headline .accordion-button {
    color: #6c757d !important;
    font-weight: 400 !important;
}
.top-headline .accordion-button[aria-expanded="true"] {
    color: #000000 !important;
    font-weight: 500 !important;
}
.top-headline .accordion-body {
    padding-left: 0 !important;
}
.top-headline h1 {
    font-size: 3.5rem !important;
}
.top-headline .big-banner img {
    min-width: 100%;
}


.form-register .shapes1 {
    clip-path: polygon(-7% 61%, 240% 120%, 100% 100%, 0% 100%);
    background: #f0f1f1;
    /*background: url(../img/PROGRAMS/at_community/brands_2.webp);*/
    /*background-attachment: fixed;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    width: 36%;
    height: 30rem;
    top: -23rem;
    left: 0;
    right: 0;
}
.form-register .shapes2 {
    clip-path: polygon(-8% 100%, 135% 0, 100% 100%, 0 100%);
    background: #f0f1f1;
    /* background: url(../img/PROGRAMS/at_community/brands_2.webp); */
    /* background-attachment: fixed; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    height: 11rem;
    top: -8rem;
    right: 25rem;
    left: 0;
}
.form-register .shapes3 {
    clip-path: polygon(0 6%, 100% 73%, 100% 100%, 0 100%);
    background: #f0f1f1;
    width: 25rem;
    height: 11rem;
    top: -6rem;
    right: 0;
}
.form-register #cardHomeSlider .slick-list {
    padding-left: 0 !important; // half partial
}
.form-register #cardHomeSlider .card-desc {
    min-height: 13rem;
}
.slick-slider#cardHomeSlider .slick-arrow {
    width: 3rem;
    height: 3rem;
    -webkit-transform: translateY(-190%);
    -moz-transform: translateY(-190%);
    -ms-transform: translateY(-190%);
    -o-transform: translateY(-190%);
    transform: translateY(-190%);
}
.form-register .card-desc ul li {
    margin-bottom: .3rem;
}
@media screen and (min-width: 995px) {
    .top-headline .big-banner {
        width: 40rem;
        bottom: -1rem;
        right: -5rem;
        position: absolute;
        z-index: 0;
    }
}
@media screen and (min-width: 1200px) {
    .top-headline h1 {
        font-size: 5.3rem !important;
    }
    .top-headline h2 {
        font-size: 2.5rem !important;
    }
    .top-headline .big-banner {
        width: 50rem;
        bottom: -1rem;
        right: -9rem;
        z-index: 0;
    }
}
@media screen and (min-width: 1400px) {
    .top-headline .big-banner {
        width: 52rem;
    }
}
@media screen and (max-width: 1000px) {
    .w-90, .w-80, .w-75, .w-65 {
        width: 100%!important;
    }
}
@media screen and (max-width: 995px) {
    .top-headline h1 {
        font-size: 3.5rem !important;
    }
    .top-headline h2 {
        font-size: 1.8rem !important;
    }
    .top-headline .big-banner {
        width: 35rem;
        bottom: -1rem;
        right: initial;
        position: relative !important;
    }
    .top-headline .big-banner img {
        max-width: 100%;
    }
    .top-headline .accordion {
        width: 100% !important;
        max-width: 100% !important;
    }
    .form-register .shapes1 {
        clip-path: polygon(0 65%, 263% 100%, 100% 100%, 0% 100%);
        width: 40%;
        left: 0;
        right: 0;
    }
    .form-register .shapes2 {
        clip-path: polygon(-6% 100%, 135% 0, 100% 100%, 0 100%);
        right: 20%;
        left: 0;
    }
    .form-register .shapes3 {
        clip-path: polygon(0 6%, 100% 73%, 100% 100%, 0 100%);
        width: 20%;
        right: 0;
    }
}

@media screen and (max-width: 580px) {
    .top-headline .big-banner {
        width: 30rem;
    }
    .form-register .shapes2 {
        clip-path: polygon(-6% 100%, 180% 0, 100% 100%, 0 100%);
    }
    .form-register .shapes3 {
        clip-path: polygon(0 25%, 100% 73%, 100% 100%, 0 100%);
    }
}



/*FOOTER*/
footer {}
footer .shapes1 {
    clip-path: polygon(80% 9%, 100% 0%, -60% 90%, 0% 0%);
    background: #f0f1f1;
    width: 26%;
    height: 10rem;
    top: -2rem;
    left: 0;
}
footer .shapes2 {
    clip-path: polygon(-35% 0%, 220% 0%, 110% 0%, 90% 50%);
    background: #f0f1f1;
    height: 10rem;
    top: -2rem;
    left: 0;
    right: 0;
}
footer a { color: #000000}
footer a:hover { color: var(--second-color) !important;}




/*Slick Slider*/
.all-slider {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}
.all-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
}
.slick-slide img {
    min-width: 100%!important;
    max-width: 100%!important;
    height: 100%;
    object-fit: cover;
}
.slick-slide .container,
.slick-slide .container-fluid {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}



/*Slick dot*/
.slick-dots {}
.slick-dots li {
    background-color: #ccc;
    width: 9px;
    height: 9px;
    border: 0;
    /*margin-bottom: 1.1rem;*/
    position: relative;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    -webkit-transition: All 200ms linear;
    -moz-transition: All 200ms linear;
    -ms-transition: All 200ms linear;
    -o-transition: All 200ms linear;
    transition: All 200ms linear;
    display: inline-block;
}
.slick-dots li button {
    display: none;
}
.slick-dots li.slick-active {
    background-color: #f17420!important;
    width: 1.8rem;
}


/*Slick Arrow*/
.slick-slider .slick-arrow,
.arrow-custom .slick-arrow {
    background: #fff!important;
    backdrop-filter: blur(5px);
    width: 3.5rem;
    height: 3.5rem;
    top: 50%;
    z-index: 5;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /*-webkit-transition: all 0.1s ease-in-out;*/
    /*-moz-transition: all 0.1s ease-in-out;*/
    /*-ms-transition: all 0.1s ease-in-out;*/
    /*-o-transition: all 0.1s ease-in-out;*/
    /*transition: all 0.1s ease-in-out;*/
    -webkit-box-shadow: 0 0 7px -3px #000;
    -moz-box-shadow: 0 0 7px -3px #000;
    box-shadow: 0 0 7px -3px #000;
}
.slick-slider .slick-arrow.slick-disabled,
.slick-slider .slick-arrow.slick-disabled:hover,
.slick-slider .slick-arrow.slick-disabled:visited,
.slick-slider .slick-arrow.slick-disabled:active {
    background: #fff!important;
    cursor: default!important;
}
.slick-slider .slick-arrow.slick-disabled::before {
    color: #333!important;
}
.slick-slider .slick-arrow:active {
    background: #efefef !important;
    /*backdrop-filter: blur(0);*/
}
/*.slick-slider .slick-prev.slick-disabled {left: -5rem!important;}*/
/*.slick-slider .slick-nextslick-disabled {right: -5rem!important;}*/
.slick-slider .slick-prev,
.slick-slider:hover .slick-prev {left: -.5rem !important}
.slick-slider .slick-next,
.slick-slider:hover .slick-next {right: -.5rem !important}

.arrow-custom .slick-next {right: 0 !important;}
.arrow-custom .slick-prev {left: 0 !important;}

.expArrow.arrow-custom .slick-next {right: -4rem !important;}
.expArrow.arrow-custom .slick-prev {left: -4rem !important;}

.slick-slider .slick-arrow::before,
.arrow-custom .slick-arrow::before {
    font-family: bootstrap-icons !important;
    font-size: 2rem;
    color: #f17420;
}
.expArrow.arrow-custom .slick-arrow {
    background-color: #f7f8f9 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.expArrow.arrow-custom .slick-arrow::before {
    color: var(--first-color);
}
.slick-slider .slick-arrow:active::before,
.arrow-custom .slick-arrow:active::before,
.expArrow.arrow-custom .slick-arrow:active::before {
    color: var(--second-color);
}
.slick-slider .slick-prev::before,
.arrow-custom .slick-prev::before {
    content: "\f284";
}
.slick-slider .slick-next::before,
.arrow-custom .slick-next::before {
    content: "\f285";
}

/*slick Arrow Custom*/
.nav-arrows {
    width: 5.2rem;
    max-height: 338px;
    top: 0;
    bottom: 0;
}
.nav-arrows .slick-arrow {
    background: transparent !important;
    border: 0 !important;
    width: 100%;
    height: 25px;
    line-height: 30px;
    text-align: center;
    justify-content: center;
    left: 50%;
    z-index: 11;
    box-shadow: none !important;
    transform: translate(-50%, 0);
    transition: all 100ms linear;
    opacity: 0;
    visibility: hidden;
    display: grid !important;
}
.nav-arrows .slick-arrow:not(.slick-disabled):active::before {
    color: #ef5f00   !important;
}
.sliderProduct:hover .nav-arrows .slick-arrow {
    opacity: 1;
    visibility: visible;
}
.nav-arrows .slick-prev {
    top: 15px;
}
.sliderProduct:hover .nav-arrows .slick-prev {
    top: 0;
}
.nav-arrows .slick-prev::before {
    font-family: bootstrap-icons !important;
    content: "\f286";
    margin-top: 2px;
    font-size: 2rem;
}
.nav-arrows .slick-next {
    top: initial;
    bottom: 15px;
}
.sliderProduct:hover .nav-arrows .slick-next {
    bottom: 0;
}
.nav-arrows .slick-next::before {
    font-family: bootstrap-icons !important;
    content: "\f282";
    margin-top: 3px;
    font-size: 2rem;
}
.main-content {
    /*background-color: #dcdcdc;*/
    /*min-height: calc(100vh - 111px);*/
}



.main-content {
    margin-top: 3.5rem;
}
@media screen and (min-width: 990px) {
    body {
        overflow-y: hidden;
    }
    .main-content {
        height: calc(100vh - 7.5rem);
    }
    .main-content .container {
        overflow-y: auto;
    }
}
footer {
    /*height: 3.5rem;*/
}
footer .container {
    min-height: 2.7rem;
    line-height: 2rem;
}

@media screen and (max-width: 990px) {
    body.overflow-y-hidden {
        overflow-y: auto !important;
    }
    .navbar .container {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    .main-content {
        height: auto !important;
    }
    .main-content section {
        min-height: 678px !important;
    }
    footer {
        position: static !important;
        right: initial !important;
        bottom: initial !important;
        left: initial !important;
        z-index: 1 !important;
    }
    footer .container {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}
@media screen and (min-width: 990px) {
    .navbar {
        top: 8px;
    }

    footer {
        bottom: 8px !important;
    }
}



/*BACK TO TOP SCROLL*/
.btn-scroll-top.active-progress {
    transform: translateY(0);
    visibility: visible;
}
.btn-scroll-top, .btn-scroll-top:after {
    cursor: pointer;
    display: block;
    height: 3rem;
    width: 3rem;
}
.btn-scroll-top:after {
    color: #000000;
    content: "\f145";
    font-family: bootstrap-icons !important;
    font-size: 1.7rem;
    left: 0;
    line-height: 3rem;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all .2s linear;
    z-index: 1;
}
.btn-scroll-top {
    background-color: var(--bs-white);
    border-radius: 10px;
    box-shadow: inset 0 0 0 .1rem rgba(227, 229, 233, .25);
    opacity: 0;
    position: fixed;
    right: .7rem;
    bottom: 3rem;
    transform: translateY(.75rem);
    transition: all .2s linear, margin-right 0s;
    visibility: hidden;
    z-index: 1010;
}
.btn-scroll-top.under {
    bottom: 4rem;
}
.btn-scroll-top svg.progress-square path {
    stroke: var(--second-color);
    stroke-width: 2;
    box-sizing: border-box;
    transition: all .2s linear;
}
.btn-scroll-top svg path {
    fill: none;
}


/*All Shape*/
.shapeTopLeft {
    left: -5rem;
    top: -4rem;
    transform: rotate(135deg);
}
.shapeTopLeft svg {
    max-width: 21rem;
}
.shapeTopLeft svg path {
    fill: #e3e3e3 !important;
}


.shapeTopRight {
    right: -5rem;
    top: -4rem;
}
.shapeTopRight svg {
    max-width: 21rem;
}
.shapeTopRight svg path {
    fill: #e3e3e3 !important;
}

.shapeBottomRight {
    margin-right: -35%;
    right: 50%;
    bottom: -4rem;
    transform: rotate(-27deg);
}
.shapeBottomRight svg {
    max-width: 30rem;
}
.shapeBottomRight svg path {
    fill: #e3e3e3 !important;
}

/*Accordion*/
.accordion-button::after {
    font-family: bootstrap-icons !important;
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
}
.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}

.accordion:not(#accordionHeadline) .accordion-button:not(.collapsed) {
    background: -webkit-linear-gradient(90deg, var(--c1, #f6d365), var(--c2, #fda085) 51%, var(--c1, #f6d365)) var(--x, 0) / 200%;
    background: -moz-linear-gradient(90deg, var(--c1, #f6d365), var(--c2, #fda085) 51%, var(--c1, #f6d365)) var(--x, 0) / 200%;
    background: -o-linear-gradient(90deg, var(--c1, #f6d365), var(--c2, #fda085) 51%, var(--c1, #f6d365)) var(--x, 0) / 200%;
    background: linear-gradient(90deg, var(--c1, #f6d365), var(--c2, #fda085) 51%, var(--c1, #f6d365)) var(--x, 0) / 200%;
    color: #000000 !important;
    font-weight: 600;
    border-color: var(--first-color) !important;
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: transparent;
    box-shadow: inset 0 calc(-1* var(--first-color)) 0 #fec007;
}




.finance-list {}
.nav-pills .nav-link {
    background-color: #ffffff;
    color: #6c6c6c;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: -webkit-linear-gradient(90deg, var(--c1, #f6d365), var(--c2, #fda085) 51%, var(--c1, #f6d365)) var(--x, 0) / 200%;
    background: -moz-linear-gradient(90deg, var(--c1, #f6d365), var(--c2, #fda085) 51%, var(--c1, #f6d365)) var(--x, 0) / 200%;
    background: -o-linear-gradient(90deg, var(--c1, #f6d365), var(--c2, #fda085) 51%, var(--c1, #f6d365)) var(--x, 0) / 200%;
    background: linear-gradient(90deg, var(--c1, #f6d365), var(--c2, #fda085) 51%, var(--c1, #f6d365)) var(--x, 0) / 200%;
    color: #000000 !important;
    /*font-weight: 600;*/
    border-color: var(--first-color) !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


@media screen and (max-width: 640px) {
    .w-65 {
        width: 100%!important;
    }
}
@media screen and (max-width: 580px) {
    .slick-dots li {
        margin-bottom: 0;
    }
    .slick-dots li.slick-active {
        width: 9px;
        height: 9px;
        background-color: var(--second-color) !important;
    }
}