body {
    font-family: 'Lato', sans-serif;
}

header {
    margin-bottom: 45px;
}

header .container-fluid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 15px;

    /* position: fixed;
    top:0px;
    left:0px;
    width: 100%; */
}

.container-fluid {
    padding-inline: 100px;
}

.style__div {
    position: relative;
}

header .contact__a {
    border: 1px solid transparent;
    background-color: #F05148;
    outline: none;
    width: 176px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

header .contact__a:hover {
    background-color: transparent !important;
    color: #F05148;
    border-color: #F05148;
    cursor: pointer;
    text-decoration: none;
}

.first-section {
    /* padding-top:76px; */
    /* padding-bottom: 170px; */
    padding-bottom: 120px;
    background-image: url(bg.png);
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.first-section h1 {
    font-size: 48px;
    font-weight: 900;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}

.first-section p {
    font-size: 22px;
    color: #9E9E9E;
    text-align: center;
    width: 66%;
    margin-inline: auto;
    line-height: 30px;
    margin-bottom: 0px;
}

@media(max-width:1800px) {
    .first-section p {
        font-size: 22px;
    }
}

@media(max-width:1600px) {
    .first-section p {
        width: 75%;
    }
}

@media(max-width:1400px) {
    .first-section p {
        width: 85%;
    }
}

@media(max-width:1200px) {
    .first-section p {
        font-size: 20px;
    }
}

@media(max-width:992px) {
    .first-section p {
        font-size: 20px;
    }
}

@media(max-width:768px) {
    .first-section p {
        font-size: 12px !important;
        width: 95% !important;
    }
}

/* @media(max-width:480px){
    .first-section p {
        font-size: 7px!important;
        width: 97%!important;
        line-height: 16px;
    }
} */
.first-section__imgs {
    position: relative;
}

.first-section__img {
    display: block;
    margin-inline: auto;
    margin-top: 50px;
}

.first-section__img--left {
    position: absolute;
    left: 20%;
    top: calc(50% + 100px);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -webkit-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -moz-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -ms-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -o-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
}

.first-section__img--left--show {
    left: -14% !important
}

.first-section__img--right {
    position: absolute;
    right: 20%;
    top: calc(50% + 100px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -webkit-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -moz-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -ms-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -o-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
}

.first-section__img--right--show {
    right: -23% !important
}

.slider {

    overflow: hidden;
}

.slider__div {
    /* padding-block: 78px; */
    min-height: 100vh;
    /* padding-bottom: 150px; */
    padding-top: 30px;
    padding-bottom: 30px;
}

.slider__span {
    font-size: 14px;
    color: #9E9E9E;
    display: block;
    margin-bottom: 20px;
}

.slider__h1 {
    font-size: 40px;
    font-weight: bold;
    margin: 0px;
    font-weight: 900;
    margin-bottom: 35px;
    text-transform: uppercase;
}

.slider__h1 span {
    color: #F05148;
}

.slider__p {
    font-size: 18px;
    color: #9E9E9E;
    margin: 0px;
    width: 48%;
}

.slider__svg {
    /* margin-top: 60px; */
    margin-top: 24px;
    margin-bottom: 25px;
}

.custom-design h2 {
    font-size: 24px;
    font-weight: 900;
    margin-block: 25px;
}

.custom-design p {
    color: #9E9E9E;
    font-size: 20px;
    width: 70%;
}

.slider__div .container-fluid {
    display: flex;
    align-items: center;
}

.slider__div--bg1 {
    background-image: url(bg1.png);
    background-repeat: no-repeat;
    background-position: 140%;
    /* background-size: 65%; */
}

.slider__div--bg2 {
    background-image: url(bg2-2.png);
    background-repeat: no-repeat;

    background-position: 140%;
    background-size: 62.5%;
}

.mouse__div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    position: absolute;
    left: calc(50% + 44px);
    /* top:calc(100vh - 50px); */
    transform: translateX(-50%) translateY(-100%);
    bottom: -3px;
    /**/
    /*top:;
    calc(100vh-50px)*/
    -webkit-transform: translateX(-50%) translateY(-100%);
    -moz-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    -o-transform: translateX(-50%) translateY(-100%);
    -webkit-transform: translateX(-50%) translateY(-100%);
}

.mouse {
    width: 22px;
    height: 33px;
    border: 2px solid #000000;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    cursor: pointer;
}

.mouse span {
    height: 5.6px;
    width: 2px;
    background-color: #000;
    display: block;
    margin-top: 6px;
}

.mouse__div__span {
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: block;
    margin-top: 7px;
}

.progressbar-container {
    position: relative;
}

.slider-progressbar {
    width: 168px;
    height: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background-color: #EBEBEB;
    display: flex;
    align-items: center;
    justify-content: flex-start;

}

.slider-progressbar span {
    display: block;
    width: 75px;
    height: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background-color: #FF6363;
}

.second-section {
    position: relative;
    overflow: hidden;
}

.second-section .progressbar-container {
    /* position: fixed; */
    left: 55px;
    /* bottom: 114px; */
    display: flex;
    align-items: center;
    gap: 5px;
    z-index: 5;
    /* top: calc(100vh - 80px); */
    /* display: none; */
    /* bottom: 78px; */
    bottom: 50px;

}

@media(max-width:1200px) {
    .second-section .progressbar-container {
        bottom: 30px;
    }
}

@media(max-width:992px) {
    .second-section .progressbar-container {
        /* bottom: 11px!important; */
        bottom: 25px !important
    }
}

.start,
.end {
    font-size: 16px;
    font-weight: bold;
    color: #C7C7C7;
    transition: all 1000ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -webkit-transition: all 1000ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -moz-transition: all 1000ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -ms-transition: all 1000ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -o-transition: all 1000ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
}

.start {
    position: absolute;
    left: 75px;
}

.end {
    position: absolute;
    left: 273px;
}

html {
    scroll-behavior: smooth;
}

.bg1 {
    position: absolute;
    right: -16%;
    top: 50%;
    /*transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    */
    z-index: -1;
    transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -webkit-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -moz-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -ms-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -o-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    transform-origin: center;

}

.bg2 {
    position: absolute;
    right: -35%;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    z-index: -1;
    transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -webkit-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -moz-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -ms-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    -o-transition: all 520ms cubic-bezier(0.45, 0.78, 0, 1) 0s;
    transform-origin: center;

}

.slider__div__img {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.bg1.swipe,
.bg2.swipe {
    transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
}

.chat {
    position: fixed;
    right: 55px;
    bottom: 80px;

    width: fit-content;
}

.chat:hover {
    animation-play-state: paused
}

.chat button {
    width: 65px;
    height: 65px;
    border: none;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #F05148;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.chat button:hover {
    cursor: pointer;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);

}

.slider .slick-next {
    /* bottom: 105px; */
    /* top: calc(100vh - 87px); */
    transform: none;
    right: unset;
    left: 355px;
    cursor: pointer;
    /* position: fixed!important;
    display: none!important; */
    /* bottom: 67px; */
    bottom: 37px;
    top: unset !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;

}

@media(max-width:1200px) {
    .slider .slick-next {
        bottom: 18px !important;
    }
}

@media(max-width:992px) {
    .slider .slick-next {
        /* bottom: -1px!important; */
        bottom: 13px !important;
    }
}

.slider .slick-next:before {
    content: url(arrow-right.png);

    z-index: 10;

}

.slider .slick-prev {
    left: 100px;
    /*bottom: 105px;
    */
    /*position: fixed!important;
    */
    /*top: calc(100vh - 87px);
    */
    transform: none;
    cursor: pointer;
    z-index: 10;
    /*display: none!important;
    /* 
    */
    /*bottom: 67px; */
    bottom: 37px;
    top: unset !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

@media(max-width:1200px) {
    .slider .slick-prev {
        bottom: 18px !important;
    }
}

@media(max-width:992px) {
    .slider .slick-prev {
        /* bottom: -1px!important; */
        bottom: 13px !important;
    }
}

.slider .slick-next.show,
.slider .slick-prev.show {
    display: block !important;
}

.slider .slick-prev:before {
    content: url(arrow-left.png);

    z-index: 10;

}

.active {
    color: #FF6363
}

@media(max-width:1700px) {
    .first-section__img--left {
        left: 14%;
    }

    .first-section__img--right {
        right: 14%;
    }

}

@media(max-width:1400px) {
    .first-section__img--left {
        left: 6%;
    }

    .first-section__img--right {
        right: 6%;
    }
}

@media(max-width:1200px) {
    .first-section {
        padding-bottom: 80px;
    }

    .first-section__img {
        width: 60%;
    }

    .first-section__img--left {
        width: 200px;
        left: 12%;
        top: calc(50% + 83px)
    }

    .first-section__img--right {
        width: 360px;
        top: calc(50% + 94px);
        right: 12%;
    }

    .mouse__div {
        left: calc(50% + 18px);
    }
}

@media(max-width:992px) {
    .first-section__img--left {
        width: 170px;
        top: calc(50% + 73px);
    }

    .first-section__img--right {
        width: 280px;
    }
}

@media(max-width:768px) {
    .container-fluid {
        padding-inline: 30px;
    }

    .first-section h1 {
        font-size: 33.6px;
    }

    .first-section p {
        font-size: 16.9px;
    }

    .first-section__img--left {
        width: 140px;
        top: calc(50% + 60px);
    }

    .first-section__img--right {
        width: 225px;
        top: calc(50% + 75px);
    }

    header button {
        width: 123px;
        font-size: 12.6px;
        height: 33.6px;
    }

    .logo img {
        width: 124px;
    }

    /* .first-section{
        padding-top:30px;
    } */
    .first-section__img {
        margin-top: 20px;
    }

    .first-section p {
        width: 85%;
    }
}

@media(max-width:575px) {
    .first-section__img {
        width: 78%;
    }

    .first-section__img--left {
        left: 0%
    }

    .first-section__img--right {
        right: 0%;
    }
}

@media(max-width:480px) {
    .first-section__img--left {
        top: calc(50% + 53px);
        width: 115px;
    }

    .first-section__img--right {
        width: 175px;
    }
}


/* Second Section */

@media(max-width:1700px) {
    .bg1 {
        right: -20%;
    }

    .bg2 {
        right: -29%;
    }
}

@media(max-width:1500px) {
    .bg1 {
        width: 900px;
    }

    .bg2 {
        width: 1000px;
        right: -20%
    }

    .slider__div__img img:first-child {
        width: 425px;
    }

}

.slider__div .container-fluid {
    padding-inline-end: 0px;
}

@media(max-width: 1200px) {
    .bg1 {

        width: 740px;
    }

    .bg2 {
        width: 840px;
    }

    .slider__p {
        width: 55%;
    }

    .custom-design p {
        width: 75%;
    }

    .slider__div__img img:first-child {
        width: 380px;
    }
}

@media(max-width:992px) {
    .slider__div__img img:first-child {
        width: 340px;
    }

    .bg1 {
        width: 575px;
    }

    .bg2 {
        width: 640px;
    }

    .slider__p {
        width: 70%;
    }

    .custom-design p {
        width: 82%;
    }

    .slider__div {
        min-height: unset;
    }

    .slider__div__img {
        min-height: unset;
    }
}

@media(max-width:768px) {
    .slider__h1 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .custom-design h2 {
        font-size: 17.8px;
        margin-block: 17.5px;
    }

    .bg1 {
        width: 460px;
    }

    .bg2 {
        width: 500px;
    }

    .slider__div {
        padding-block: 30px;
    }

    .second-section .progressbar-container {
        bottom: 25px !important;
    }

    .slider .slick-next,
    .slider .slick-prev {
        bottom: 14px !important;
    }

    .custom-design p {
        font-size: 12.6px;
    }

    .slider__p {
        font-size: 12.6px;
    }

    .slider__svg {
        /* margin-top: 42px; */

    }

    .slider .slick-prev {
        left: 30px;
        /* top: calc(100vh - 61px) */
    }

    .slider .slick-next {
        /* top: calc(100vh - 61px); */
        left: 285px;
    }

    .start {
        left: 5px;
    }

    .end {
        left: 205px;
    }

    .slider__div__img img:first-child {
        width: 290px;
    }
}

@media(max-width:575px) {
    .slider__div .container-fluid {
        flex-direction: column;
    }

    .slider__div__img {
        width: 100%;
        justify-content: flex-end;
        min-height: unset;
        height: 390px;
        position: relative;
    }

    .bg1,
    .bg2 {
        top: unset;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        bottom: 0px;
        width: 415px;
        /*width: 385px;
        */
    }

    .bg2 {
        width: 460px;
    }

    .slider__div__img img:first-child {
        width: 350px;
    }
}

@keyframes animated-mouse {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

.mouse span {
    -webkit-animation: animated-mouse 1.2s ease infinite;
    moz-animation: mouse-animated 1.2s ease infinite;
}


@keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}


.mouse__div__span {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite:
}

@keyframes sun-rise {
    from {
        transform: translateY(-50%) rotate(0deg);
        -webkit-transform: translateY(-50%) rotate(0deg);
        -moz-transform: translateY(-50%) rotate(0deg);
        -ms-transform: translateY(-50%) rotate(0deg);
        -o-transform: translateY(-50%) rotate(0deg);
    }

    to {
        transform: translateY(-50%) rotate(-180deg);
        -webkit-transform: translateY(-50%) rotate(-180deg);
        -moz-transform: translateY(-50%) rotate(-180deg);
        -ms-transform: translateY(-50%) rotate(-180deg);
        -o-transform: translateY(-50%) rotate(-180deg);
    }
}

@keyframes sun-rise-m {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
    }
}

.bg1,
.bg2 {
    animation: 10s linear 0s infinite alternate sun-rise;
    -webkit-animation: 10s linear 0s infinite alternate sun-rise;
}

@media(max-width:575px) {
    .bg1 {
        animation: 10s linear 0s infinite alternate sun-rise-m;
        -webkit-animation: 10s linear 0s infinite alternate sun-rise-m;
    }
}

/* Contact us */

.contact-us header .container-fluid {
    display: flex;
    justify-content: center;

}

.contact-us header {
    margin-bottom: 0px;
}

.contact-us form {
    width: 40%;
    margin-inline: auto;
}

.contact-us label {
    display: block;
    margin: 0px;
    font-weight: 600;
}

.contact-us input {
    height: 35px;
    padding-inline: 15px;
    border: 1.5px solid #cdcdcd;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: block;
    margin-top: 10px;
    width: 100%;
    max-width: 100%;
}

.contact-us form {
    margin-bottom: 20px;
}

.contact-us textarea {
    border: 1.5px solid #cdcdcd;
    margin-top: 10px;
    width: 100%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    padding: 15px;
    height: 120px;
    resize: none;
    max-width: 100%;
}

form {
    padding-top: 30px;
    padding-bottom: 50px;
}

.contact-us button {
    cursor: pointer;
    border: 1.5px solid transparent;
    width: 40%;
    height: 45px;
    color: #fff;
    font-size: 18px;
    background-color: #FF6363;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    margin-inline: auto;
    margin-top: 30px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.contact-us button:hover {
    background-color: transparent;
    color: #FF6363;
    border-color: #FF6363;
}

.form-group {
    margin-bottom: 15px;
}

@media(max-width:768px) {
    .contact-us form {
        width: 65%;
    }

    .contact-us input {
        height: 30px;
        font-size: 14px;
    }

    .contact-us label {
        font-size: 14px;
    }

    .contact-us input::placeholder,
    .contact-us textarea::placeholder {
        font-size: 12px;
    }
}

@media(max-width:575px) {
    .contact-us form {
        width: 70%;
    }

    .contact-us button {
        min-width: 120px;
        height: 35px;
        font-size: 15px;
    }
}

.error {
    font-size: 14px;
    font-style: italic;
    color: red;
    font-weight: 400 !important;
    margin-top: 4px !important;
}

@media(min-width:1200px) {
    .slider .slick-next {
        bottom: 23px !important;
    }

    .slider .slick-prev {
        bottom: 23px !important
    }

    .second-section .progressbar-container {
        bottom: 35px !important;
    }
}

footer {
    background-color: rgb(249, 249, 249);
    border-top: 1px solid rgb(224, 224, 224);

}

footer .container-fluid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
}

@media (max-width: 767px) {
    footer .container-fluid {
        height: auto;
    }
}

footer p {
    margin-bottom: 0px;
    font-family: 'Lato', sans-serif;
    color: rgb(112, 112, 112)
}

footer .social-icons {
    display: flex;
    gap: 15px
}

footer a {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

footer .social-icons a:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.slide-img {
    max-width: 650px;
    border-radius: 10px;
}

.benefits {
    margin-left: auto;
    color: #F05148 !important;
    background-color: #FFF !important;
    text-decoration: none;
    width: auto !important;
    padding-left: 10px;
    padding-right: 10px;
    border: 0 !important;
    background: white !important;
}

.benefits:hover {
    border: 0;
    text-decoration: none;
}

.minus-icon {
    width: 15px;
}

.plus-icon {
    width: 15px;
}

.contact:hover {
    text-decoration: none;
}

.close-img {
    width: 15px;
}

.mobile-contact {
    flex-wrap: wrap;
}

.mobile-contact a {
    flex: 0 0 90%;
}

.mobile-contact a.nosec {
    margin-left: 32px;
}

.insta {
    width: 30px;
}

.benefits-page.main-layout {
    display: block;
}

.main-layout .left-section {
    width: 100%;
    margin-bottom: 52px;
}

.main-layout.benefits-page .benefits-section {
    width: 100%;
}

.main-layout .left-section p {
    border-bottom: 0px !important;
    max-width: 1000px;
    margin: auto;
}

.max-limit {
    max-width: 900px;
}

@media (max-width:1599.98px) {
    /* .benefits-page.main-layout>.row:last-child>div:last-child .row {
        margin: 15px;
    }

    .benefits-page.main-layout>.row:last-child>div {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    } */
}

.main-layout.benefits-page article p {
    max-width: 80%;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}

@media (max-width: 991.98px) {
    .main-layout.benefits-page article p {
        max-width: 100%;

    }
}

@media (max-width: 575.98px) {
    .main-layout.benefits-page article p {
        font-size: 16px;

    }
}

.main-layout.benefits-page article ul {
    margin-top: 40px;
    width: 500px;
}

@media (max-width: 767.98px) {
    .main-layout.benefits-page article ul {
        width: 100%;

    }
}

.main-layout.benefits-page article ul li {
    display: flex;
    align-items: center;
    column-gap: 7px;
    padding-bottom: 24px;
    margin-bottom: 24px;

}

.main-layout.benefits-page article ul li:not(:last-child) {
    border-bottom: 1px solid #E0E0E0;
}


.main-layout.benefits-page .benefits-section.our-pick {
    top: -40px;
}
.main-layout.benefits-page .benefits-section{
    padding-top: 0;
}
.main-layout.benefits-page .benefits-section.competitors:not(.engine) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.main-layout.benefits-page .benefits-section.competitors.engine {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media (max-width: 575.98px) {
    .main-layout.benefits-page .benefits-section.our-pick {
        top: 0;
    }
    .main-layout.benefits-page .benefits-section.competitors:not(.engine) {
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
    }
    
    .main-layout.benefits-page .benefits-section.competitors.engine {
        border-top-left-radius: 24px;
        border-bottom-left-radius: 24px;
    }
}



.main-layout.benefits-page .benefits-section.our-pick ul li:not(:last-child) {
    margin-bottom: 28px;

}

.main-layout.benefits-page .benefits-section.our-pick ul li:last-child {
    margin-bottom: 0;

}


.main-layout.benefits-page .benefits-section ul li {
    font-size: 15px;
}
.main-layout.benefits-page .benefits-section ul li:not(:last-child){
    margin-bottom: 15px;
}
.main-layout.benefits-page .benefits-section ul li:last-child{
    margin-bottom: 0;
}


.main-layout.benefits-page .benefits-section ul {
    padding:27px 27px 40px;
}

.main-layout.benefits-page .benefits-section .card-header{
    padding: 35px 0 25px ;
}

@media (max-width:1599.98px){
    .main-layout.benefits-page .benefits-section ul li{
        font-size: 12px;
    }
    .main-layout.benefits-page .benefits-section ul {
        padding-left:  10px ;
        padding-right: 10px ;
    }
}

@media (max-width: 991.98px) {
    .main-layout.benefits-page .benefits-section ul li {
        font-size: 12px;
    }
}
.main-layout {
    background-size: cover;
}

.main-layout.benefits-page {
    min-height: auto;
}

.contact__a {

    background: radial-gradient(circle, rgb(224, 63, 87) 67%, rgb(240, 81, 72) 100%);

}

@media (max-width: 768px) {
    .main-layout.benefits-page .benefits-section {
        margin-bottom: 20px;
        margin-top: 10px;
    }
}

@media (max-width: 580px) {
    .logo img {
        width: 120px;
    }

    footer p {
        font-size: 11px;
    }

    .contact__a {
        padding: 5px 25px !important;
        font-size: 15px !important;
        width: auto !important;
        height: auto !important;
    }

    header .container-fluid {
        padding-block: 10px;
    }
}

header .contact__a:hover {
    background: transparent !important;
}

.benefits-section {
    margin: 20px 0;
}

@media(min-width: 1400px) {

    .second-section .progressbar-container {
        position: absolute;
        /* bottom: 35px!important; */
        bottom: unset !important;
        top: calc(100% - 200px);
    }
}

@media(min-width: 1400px) {
    .slider .slick-prev {
        bottom: unset !important;
        top: calc(100% - 205px) !important;
    }

    .slider .slick-next {
        bottom: unset !important;
        top: calc(100% - 205px) !important;
    }
}

@media(min-width: 1600px) {

    .second-section .progressbar-container {
        position: absolute;
        /* bottom: 35px!important; */
        bottom: unset !important;
        top: calc(100% - 250px);
    }
}

@media(min-width: 1600px) {
    .slider .slick-prev {
        bottom: unset !important;
        top: calc(100% - 255px) !important;
    }

    .slider .slick-next {
        bottom: unset !important;
        top: calc(100% - 255px) !important;
    }
}

.bottom-cont-btn .contact__a {
    border: 1px solid transparent;
    background-color: #F05148;
    outline: none;
    width: 176px !important;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    margin: 0 auto;
}

.bottom-cont-btn .contact__a:hover {
    background: transparent !important;
    color: #F05148;
    border-color: #F05148;
    cursor: pointer;
    text-decoration: none;
}



@media (min-width: 768px) {
    footer p {
        margin-left: -50px;
    }
}

@media (max-width: 768px) {
    .main-layout.benefits-page .left-section {
        margin: 20px 0;
    }

    footer .container-fluid {
        flex-direction: column;
    }

    footer p {
        margin: 10px 0;
    }

    footer .logo {
        margin-top: 10px;
    }

    header .benefits {
        display: none;
    }

    .mouse__div {
        display: none;
    }
}

.slide-number {
    display: flex;
    gap: 6px;
    color: #666;
    position: absolute;
    /* left: 205px; */
    left: 100px;
    z-index: 7;
    width: fit-content;
    padding: 0px;
}

.slide-number span {
    font-weight: 700;

    font-size: 16px;
}

/* @media(min-width:1200px){
        .slide-number{
            bottom: 0px;
        }
        .slick-dots{
            bottom: 0px;
        }
    } */
/* @media(min-width:1400px){
        .slide-number{
            top: calc(100% - 175px);
        }
      
    } */
/* @media(min-width:1600px){
        .slide-number{
            top: calc(100% - 225px);
        }
       
    } */

/* @media(max-width:1200px){
        .slide-number{
            bottom: 0px;
        }
       
    }
    @media(max-width:992px){
        .slide-number{
            bottom: -4px;
        } 
       
    } */
@media(max-width:768px) {
    .slide-number {
        left: 30px;
    }
}

.progressbar-container {
    display: none !important;
}

.slider .slick-dots {
    /* position: relative; */

    display: flex;
    align-items: center;
    gap: 18px;
    justify-content: flex-start;
    padding-inline: 0px;
    height: fit-content;
    padding-inline-start: 265px;
}

@media(min-width:1920px) {

    .slider .slick-dots {
        bottom: 200px;
    }

    .slide-number {
        bottom: 220px;
    }
}

@media(max-width:1920px) {
    .slider .slick-dots {
        bottom: 100px;
    }

    .slide-number {
        bottom: 120px;
    }
}

/* @media(max-width:1600px){
    .slider .slick-dots{
        bottom: 300px;
    }
    .slide-number{
        bottom: 300px;
    }
}
@media(max-width:1200px){
   
    .slider .slick-dots{
        bottom: 300px;
    }
    .slide-number{
        bottom: 300px;
    }
} */
@media(max-width:1400px) {

    .slider .slick-dots {
        bottom: 30px;
    }

    .slide-number {
        bottom: 50px;
    }
}

@media(max-width:768x) {

    .slider .slick-dots {
        bottom: 30px;
    }

    .slide-number {
        bottom: 58px;
    }
}

/* @media(max-width:768px){
   .slide-number{
    left:0px!important;
   justify-content: center;
    bottom:0px;
    width:100%;
}

  
} */
.slider .slick-dots button {
    width: 18px;
    height: 18px;
    background-color: transparent;
    /*border: 1px solid #FF6363;
        */
    transition: all .2s linear;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    /*  */
    border: 1px solid #666;
    display: block;
    box-sizing: border-box;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    opacity: 1;

}

/* .slider .slick-dots button::before{
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid #666;
        display: block;
        box-sizing: border-box;
        transition: all .2s linear;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        opacity: 1;
} */

.slider .slick-dots .slick-active button {
    opacity: 1;
    transform: scale(1.5);
    border: 1px solid #FF6363;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);

    background-color: #FF6363;
}

.slider .slick-dots button:hover {
    border: 1px solid #FF6363;
    cursor: pointer;
}

.current-slide {
    font-weight: 700 !important;
    font-size: 36px !important;
    line-height: 1.2 !important;
    margin-inline-end: 25px;
    color: #FF6363 !important;
}

.total-slides {
    font-size: 14px !important;

    color: #666 !important;

}

@media(max-width:768px) {
    .current-slide {
        font-size: 26px !important;
        line-height: 1 !important;
    }
}

.cont-img {
    margin: 0px 50px;
}

.contact-us-page {
    flex-wrap: wrap;
}

.contact-us-page.main-layout .left-section {
    flex: 1 0 500px;
}

.contact-us-page.main-layout .send-message {
    flex: 1 0 400px;
}

footer .logo img {
    width: 110px;
}

.cont-img {
    flex: 1 0 400px;
}

footer .social-icons i {
    font-size: 25px;
}

footer .social-icons i.fa-facebook {
    color: #4267B2;
}


footer .social-icons i.fa-instagram {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.contact-us-page.main-layout {
    min-height: auto;
    padding: 40px 0;
}

@media(max-width:768px) {
    .slider .slick-dots {
        padding-inline-start: 145px;
    }

    .contact-us-page.main-layout .left-section {
        flex: auto;
    }

    .cont-img {
        flex: auto;
    }

    .contact-us-page.main-layout {
        padding: 20px 0;
    }
}

@media screen and (min-width: 1090px) and (max-width:1700px) {

    .cont-img {
        flex: 1 0 250px;
    }

    .contact-us-page.main-layout .send-message {
        flex: 1 0 250px;
    }

    .contact-us-page.main-layout .left-section {
        flex: 1 0 250px;
    }
}

.slick-dots li button::before {
    display: none;
}

.whatsapp-icon img{
    filter: invert(35%) sepia(81%) saturate(1142%) hue-rotate(331deg) brightness(100%) contrast(88%);
}