body {
    overflow-x: hidden !important;
    font-family: 'Poppins', sans-serif !important;
}

.color-peach {
    color: #e4b8ad !important;
}

.color-peach2 {
    color: #e5b7ab !important;
}

.color-grey {
    color: #838383 !important;
}

.color-blue {
    color: #1eb0e6 !important;
}

.color-dark-grey {
    color: #5b5b5b !important;
}

.f-s-20 {
    font-size: 20px;
}

.f-s-25 {
    font-size: 25px;
}


.f-s-35 {
    font-size: 35px;
}


.f-s-30 {
    font-size: 30px;
}


.f-s-50 {
    font-size: 50px;
}


.f-s-17 {
    font-size: 17px;
}

.f-s-13 {
    font-size: 13px;
}

.f-s-14 {
    font-size: 14px;
}

.f-s-18 {
    font-size: 18px;
}

.f-s-24 {
    font-size: 24px;
}

.f-s-40 {
    font-size: 40px;
}

.l-h-35 {
    line-height: 35px;
}

.l-h-19 {
    line-height: 19px;
}

.l-h-20 {
    line-height: 20px;
}

.l-h-22 {
    line-height: 22px;
}

.width25 {
    width: 25px;
}

.width20 {
    width: 20px;
}

.arrow-hover:hover {
    margin-left: 3px;
    transition: all 0.5s;
}

.slide-bg {
    background-color: #fffcf7;
    padding-top: 20px;
}

.card-bg {
    background-color: #6a6a72 !important;
}

.card-bg1 {
    background-color: #fafafa !important;
}

.btn-grey {
    background-color: #6a6a72 !important;
    color: #fff !important;
}

.btn-grey {
    background-color: #fff !important;
    color: #6a6a72 !important;
}


.special {
    background-image: url(../image/specialized-bg.png);
    background-position: bottom;
    background-size: 100% 100%;
    padding: 100px;
    padding-top: 170px;
}


/*animations*/

@keyframes animation1 {
    0% {
        top: 50px;
    }

    50% {
        top: 0px;
    }

    100% {
        top: 50px;
    }


}

.anime1 {
    animation-name: animation1;
    animation-duration: 3s;
    animation-iteration-count: 10;
    animation-timing-function: ease-in-out;
}

@keyframes animation2 {
    0% {
        top: 0px;
    }

    50% {
        top: 50px;
    }

    100% {
        top: 0px;
    }

}

.anime2 {
    animation-name: animation2;
    animation-duration: 3s;
    animation-iteration-count: 10;
    animation-timing-function: ease-in-out;
}

.bg-black {
    background-color: #404040;
}

.footer-pic {
    top: -100px;
    left: 10px;
}

.border-bot {
    border-bottom: 1px solid #fff;
}

.m-bottom {
    margin-bottom: -125px;
}


.slider-card {
    position: absolute;
    width: 499px;
    background-color: #0000006e;
    color: #fff;
    height: 320px;
    padding-top: 65px;
    right: 100px;
    bottom: 10px;
}


@media (max-width:600px) {
    .slider-card {
        width: 100%;
        right: 0;
        bottom: 10px;
    }

    .f-s-50 {
        font-size: 45px !important;
    }
}

.f-s-60 {
    font-size: 60px;
}


.f-s-50 {
    font-size: 50px;
}

.f-s-16 {
    font-size: 16px !important;
}

.f-s-18 {
    font-size: 18px !important;
}

.f-s-14 {
    font-size: 14px !important;
}

.f-s-12 {
    font-size: 12px !important;
}

.w-120 {
    width: 120px;
}

@media (max-width: 1200px) {
    .top-nav {
        display: none !important;
    }
}

.top-nav {
    position: absolute;
    z-index: 11111;
    top: 25px;
    right: 0;
}

.bg-blue-gradient {
    /*    background-image: linear-gradient(to right, #2472ba, #123d60);*/
    background-image: url(rect-bg.png);
}

.black-button {
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
}

.black-button:hover {
    color: #fff;
}


.trans-bg-image1 {
    background-image: url(about-trans-bg.png);
    background-size: 100%;
}


.trans-bg-image2 {
    background-image: url(about-trans-bg.png);
    background-size: 100%;
}

.products {
    background-color: #ecf9ff;
}


.w-100px {
    width: 100px;
}

.w-150px {
    width: 150px;
}

.color-green {
    color: #0a3739;
}

.bg-light-white {
    background-color: #f7f8fa;
}

.bg-light-grey {
    background-color: #fcfcfc;
}

.card-bx {
    box-shadow: 0 0 0px 2px #00000026;
}

.read-border {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.cloud:hover {
    color: #1eb0e6 !important;
}

.footer {
    z-index: auto !important;
}

.card-hover {
    transition: all 0.5s;
}


.card-hover:hover {
    transform: translatey(-20px);
}

.color-blue {
    color: #1cadea;
}

.img-bx {
    box-shadow: 0 0 9px 1px #00000075;
}

.card-head-bg {
    background-color: #22b1ed;
    color: #fff !important;
    font-size: 22px;
}

.card-bx {
    box-shadow: 0 0 0px 2px #0000001c;
}

/*.zoom {*/
/*    transition: transform .2s;*/
/*}*/

/*.zoom:hover {*/
/*    transform: scale(1.1);*/
/*    box-shadow: 0 0 11px 3px #0000002b;*/
/*}*/

.banner-head {
    position: absolute;
    top: 45%;
    left: 10%;
    color: #fff;
    font-size: 50px;
}

@media (max-width:600px) {
    .banner-head {
        font-size: 22px;
    }
}

.flickity-button {
    background-color: #ffffff9c !important;
}


.color-light-black {
    color: #66666d !important;
}


.color-light-black:hover {
    color: #05ace8 !important;
}

.text-black {
    color: #000 !important;
}

@media (max-width:500px) {
    .my-head {
        font-size: 20px;
    }
}