.h4-ft-product-card .product-card-bottom .product-title {
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
}

.feedback-slider{
    max-width: 100%;
    margin-bottom: 100px;
}

.feedback-section {
    max-height: 100%;
}

.feedback-section::before {
    content: "";
    background: -webkit-gradient(linear, left top, right top, color-stop(50.22%, #2a3fd6e8), to(rgb(247 18 35 / 89%) 100%));
    background: linear-gradient(to right, #2a3fd6e8 50.22%, rgb(247 18 35 / 89%) 100%);
}

.text-white{
    color:#fff;
}

.footer-contact-info li span {
    font-size: 22px;
}

.hero-3 {
    margin-top: -55px !important;
}

.bg-theme-color{
    background-color: #2a3fd6;
}

.hero3-single-slide {
    padding: 150px 0 100px 0;
}

.flash-sales-countdown-area::before {
    background:  #2a3fd6;
}

.h4-ft-product-card .product-card-bottom {
    padding: 20px 24px 20px;
    background-color: #2a3fd6;
}

.h4-ft-product-card .product-card-bottom .product-title {
    color:#fff;
}

.footer-style-3::before {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(#2a3fd6), to(rgb(22 21 72) 100%));
    background: linear-gradient(180deg, #2a3fd6 0%, rgb(22 21 72) 100%);
}

.widget-gallery {
    max-width: 100%;
}

.masonry {
	column-count: 3;
	column-gap: 16px;
}

.masonry .mItem {
  display: inline-block;
  margin-bottom: 16px;
  width: 100%;
}


.footer-style-3.has-features {
    margin-top: 0px;
    padding-top: 100px;
}

.bg-mopasa-gradient{
    background:linear-gradient(180deg, #2a3fd6 0%, rgb(255 255 255 / 41%) 100%);
}


.footer-nav li {
    margin-top: 6px;
}
.footer-widget .product-nav li{
     width: 50%;
    float: left; 
}

@media(max-width: 767px) {
    .top-bar-hide-mb {
        display: none;
    }
}

.hero3-slider .slick-dots {
    display: none !important;
}

@media (max-width: 1199.98px) {
    .hero3-slider .slick-dots {
        bottom: 0;
        display: block !important;
    }
}

@media(max-width: 575.98px){
    .flash-sales-slider .flash-controls.flash-button-prev {
        /* left: calc(50% - 27px); */
        left: 0;
    }

    .flash-sales-slider .flash-controls.flash-button-next {
        left: unset;
        right: 0;
    }

    .flash-sales-slider .flash-controls {
        top: calc(50% - 80px);
    }
}


.copyright-style-2 {
    font-size: 13px;
}





.hero3-slider .slick-next.pull-right.slick-arrow {
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #263dc9;
    color: white;
    width: 50px;
    height: 50px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    transition: 0.5s;
    z-index: 1;
}
.hero3-slider .slick-next.pull-right.slick-arrow:hover{
    background: #D62A3F;
}

.hero3-slider .slick-prev.pull-left.slick-arrow {
    position: absolute;
    left: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #263dc9;
    color: white;
    width: 50px;
    height: 50px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    transition: 0.5s;
    z-index: 1;
}
.hero3-slider .slick-prev.pull-left.slick-arrow:hover{
    background: #D62A3F;
}


@media (max-width: 991px) {
    .hero3-slider .slick-next.pull-right.slick-arrow {
        display: none !important;
    }

    .hero3-slider .slick-prev.pull-left.slick-arrow {
        display: none !important;
    }

    .hero3-slider p.lead {
        font-size: 30px;
    }
}




.top-header-height{
    height: 130px;
}
.top-header-height-internal{
    height: 75px;
}
@media (max-width: 767px) {
    .top-header-height-internal{
        height: 60px;
    } 
}
.eq-header-infobar{
    padding: 10px 0 !important;
}
/* .eq-header-nav .logo img{
    max-width: 200px;
} */
.header-5.sticky-on {
    height: 110px !important;
}

.at_nav_menu ul li a.active {
    color:#2a3fd6;
}

.breadcrumb-section {
    /* padding: 180px 0 90px 0; */      padding: 180px 0 80px 0;
    margin-top: -55px !important;
}
.breadcrumb-section::before {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(#15123d), to(rgb(42 63 214)));
    background: linear-gradient(180deg, #15123d 0%, rgb(42 63 214) 100%);
    z-index: -1;
}





/* VISION MISSION FLIP CARD STYLE */

.square-flip{
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;

    -webkit-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -ms-transform: perspective(1000px);
    transform: perspective(1000px);

    -webkit-transform-style: preserve-3d; 
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
    transform-style: preserve-3d; 

    /*border:1px solid #efefef;*/
  
    position:relative;
    float:left;
    /* margin:20px; */
}
.square-flip{
    width:400px;
    height:240px;
}
.square,.square2{
    width:100%;
    height:100%;
}
.square{

    background-size: cover;
    background-position:center center;

    -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
        transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
        -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
    overflow: hidden;

    position:absolute;
    top:0;


    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden;
}
.square-flip .square{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    transform-style: preserve-3d;
    z-index:1;
}
.square-flip:hover .square{
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
}
.square2{

    background-size: cover;
    background-position:center center;

    -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
        transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
        -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
    overflow: hidden;

    position:absolute;
    top:0;

    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden;
}
.square-flip .square2{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    transform-style: preserve-3d;
    z-index:1;
}
.square-flip:hover .square2{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    transform-style: preserve-3d;
}

/*Square content*/
.square-container{
    padding:40px;
    text-align:center;
    position:relative;
    top:50%;

    -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
    transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
    -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);

    -webkit-transform: translateY(-50%) translateX(0px)  scale(1);
    -ms-transform: translateY(-50%) translateX(0px)  scale(1);
    transform: translateY(-50%) translateX(0px)  scale(1);
    transform-style: preserve-3d;
    z-index:2;
}
.square-flip:hover .square-container{ 
    -webkit-transform: translateY(-50%) translateX(-650px)  scale(.88);
    -ms-transform: translateY(-50%) translateX(-650px)  scale(.88);
    transform: translateY(-50%) translateX(-650px)  scale(.88);
    transform-style: preserve-3d;
}

.square-container2{
    /* padding:40px; */   padding:0 40px;
    text-align:center;
    position:relative;
    top:50%;

    -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
    transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
    -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);

    -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
    -ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
    transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);

    transform-style: preserve-3d;
    z-index:2;
}

.square-flip:hover .square-container2{  
    -webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
    -ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
    transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
    transform-style: preserve-3d;
}


/*Style text*/
.square-flip h2{
    color:white;
    font-weight:700;
    font-size:50px;
}

/*Elements*/
.flip-overlay{
    display:block;
    background: rgb(21,18,62);
    background: linear-gradient(17deg, rgba(21,18,62,1) 0%, rgba(42,63,214,1) 47%, rgba(28,46,146,1) 100%);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}
.align-center{
    margin:0 auto;
}


/*ADD SHADOWS OPTIONAL*/
.square-flip .square .boxshadow, .square-flip .square .textshadow, .square-flip .square2 .boxshadow, .square-flip .square2 .textshadow{
    -ms-transition: 0.60s;
    transition: 0.60s;
    -webkit-transition: 0.60s;
}

.square-flip .square .boxshadow{
    -webkit-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
    -moz-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
    box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
}
.square-flip .square .textshadow{
    -webkit-text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
    -moz-text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
    text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
}
.square-flip:hover .square .boxshadow, .square-flip:hover .square .textshadow{
    -webkit-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
    -moz-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
    box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
}

.square-flip .square2 .boxshadow{
    -webkit-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
    -moz-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
    box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
}
.square-flip .square2 .textshadow{
    -webkit-text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
    -moz-text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
    text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
}
.square-flip:hover .square2 .boxshadow, .square-flip:hover .square2 .textshadow{
    -webkit-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
    -moz-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
    box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
}

    
/*You can delete this style*/
.centerflipcards{
    display:block;
    width:100%;
    height:auto;
    text-align:center;
    margin:0 auto;
    margin-top:30px;
}
.clearfix{clear:both;}

.centerflipcards p {
    font-size: 16px;
    font-weight: 500;
    color: white;
}




.input-field .border{
    border: 1px solid #2a3fd64d !important;
}
input {
    color: #000 !important;
    font-weight: 600;
}




.brands-filter .nav-tabs li a span {
    font-size: 18px;
}

.brands-filter .nav-tabs {
    gap: 35px;
}

.brands-filter ul li a.active {
    background: #2a3fd6;
    color: #fff;
    -webkit-box-shadow: 0px 10px 40px rgb(42 63 214 / 30%);
    box-shadow: 0px 10px 40px rgb(42 63 214 / 30%);
}

.slider-height{
    height: 300px;
}


.text-shadow-1{
    text-shadow: 3px 4px 7px rgb(0 0 0);
}

@media (max-width: 420px) {
    .hero3-single-slide {
        padding: 95px 0 0px 0;
    }
    .hero3-slider p.lead {
        font-size: 20px;
    }
    .slider-height{
        height: 250px;
    }
}



.flash-sales-slider-area {
    margin-top: -100px;
}
.flash-sales-countdown-area {
    padding-bottom: 100px !important;
}
@media (max-width: 991px) {
    .flash-sales-countdown-area {
        padding-bottom: 100px !important;
    }
}
@media(max-width: 767px) {
    .flash-sales-countdown-area {
        padding-bottom: 60px !important;
        padding-top: 40px !important;
    }
    .flash-sales-slider-area {
        margin-top: -65px;
    }
}






.rental-feature-box {
    padding: 60px 0px 0px;
}
.about-box-1{
    padding-top: 0px; 
    margin-top: -30px;
}
.about-box{
    padding-top: 30px;
}
@media (max-width: 1399px) {
    .about-box-1{
        padding-top: 30px; 
        margin-top: 0px;
    }
    .about-car-img{
        margin-top: 150px;
        margin-bottom: 0 !important;
    }
}
@media (max-width: 1199px) {
    .about-car-img{
        margin-top: 0px;
        margin-bottom: 0 !important;
    }
}




.h4-ft-product-card .product-card-bottom .product-title {
    text-transform: none;
}

.box-shadow-style{
    box-shadow: 20px 20px 100px rgb(73 73 73 / 15%);
}

.h3-car-card {
    padding: 24px 24px 24px;
}





/****** CONTACT FORM VALIDATE STYLE START ******/
.demoInputBox{padding:10px; border:#F0F0F0 1px solid; border-radius:25px;}
.error{background-color: #FF6600;border:#AA4502 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
.success{background-color: #12CC1A;border:#0FA015 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
.info{font-size:.8em;color: #ff1515;letter-spacing:2px; padding: 5px 0px 0px 0px; display: block; font-weight:600;}
/****** CONTACT FORM VALIDATE STYLE END ******/


#loader-icon {
    display: none;
}
#captcha_code {
    width: 120px;
}
.captcha-label {
    display:block;
}
.btnRefresh{
    font-size: 15px;
    color: #222231;
}
.btnRefresh:hover{
    color: #2a3fd6 !important;
}

textarea {
    color: #000000 !important;
    font-weight: 600;
}






.eq-header-info a.text-white:hover {
    color: #d62a3f !important;
}
.contact-info p a {
    color: #575757;
}
.contact-info p a:hover {
    color: #d62a3f !important;
}
.at_canvus_address li a {
    color: #575757;
}
.at_canvus_address li a:hover {
    color: #d62a3f !important;
}




.el-feedback-single img{
    width: 64px;
}
.el-feedback-single p{
    font-size: 20px;
}