/* Starting Cairo Font */

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo/Cairo-ExtraBold.woff2') format('woff2'),
        url('../fonts/Cairo/Cairo-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo/Cairo-Black.woff2') format('woff2'),
        url('../fonts/Cairo/Cairo-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo/Cairo-Bold.woff2') format('woff2'),
        url('../fonts/Cairo/Cairo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo/Cairo-Medium.woff2') format('woff2'),
        url('../fonts/Cairo/Cairo-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo/Cairo-Light.woff2') format('woff2'),
        url('../fonts/Cairo/Cairo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo/Cairo-ExtraLight.woff2') format('woff2'),
        url('../fonts/Cairo/Cairo-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo/Cairo-Regular.woff2') format('woff2'),
        url('../fonts/Cairo/Cairo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo/Cairo-SemiBold.woff2') format('woff2'),
        url('../fonts/Cairo/Cairo-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Ending Cairo Font */

/* Starting Global Style */

:root {
    --main-color: #141821;
    --primary-color: #ff6800;
    --white-color: #fff
}

.container,
.container-fluid { padding: 0 15px; }

.row { margin: 0 -15px; }

.row > div { padding: 0 15px; }

ul { padding: 0; }

a, a:hover { text-decoration: none; }

.navbar-toggler:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.dropdown-item:focus, .dropdown-item:hover { background: transparent; }

a,
button,
.btn,
.dropdown-menu,
.swiper-button-prev, .swiper-button-next,
.carousel-control-next, .carousel-control-prev,
.site-header .navbar-collapse,
.slidenav-item .thumbnail ,
.slidenav-item .thumbnail::before,
.slidenav-item .thumbnail::after,
.slidenav-item .info > div,
.slidenav-item .info i,
.slidenav-item .info .title,
.slidenav-item .info span,
.global-item .image > img,
.services .global-item .details > div, 
.services .global-item .details > div > div,
.other-services .item .image::before,
.other-services .item .image::after,
.more,
.c-register .image img,
.c-reviews .image img,
.certified-members .item,
.posts li .title,
.c-btn::before,
.our-mission .item::before,
.single-details .pagination .page-link i,
.recent-posts li,
.other-products .item .image img,
.wizard > .steps > ul > li:not(:last-child)::after,
.add-file .add {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

img { margin: 0; }

.form-control:focus,
input:focus,
button:focus { 
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.btn-link.focus, .btn-link:focus { text-decoration: none; }

.btn-check:checked+.btn, .btn.active, .btn.show, 
.btn:first-child:active, :not(.btn-check)+.btn:active {
    border: 0;
}

.owl-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    height: 0;
    top: 100px;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0 20px
}

.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev { 
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.swiper-button-prev, .swiper-button-next,
.carousel-control-next, .carousel-control-prev,
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    font-size: 0;
    border: 0;
    opacity: 1;
    margin: 0;
    background: rgba(255, 255, 255, .8) url(../images/right-arrow.svg) no-repeat center;
    background-size: 8px
}

.swiper-button-prev:hover, .swiper-button-next:hover,
.carousel-control-next:focus, .carousel-control-next:hover, 
.carousel-control-prev:focus, .carousel-control-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover, 
.owl-carousel .owl-nav button.owl-prev:hover {
    background: rgb(176 18 22 / 80%) url(../images/white-arrow.svg) no-repeat center;
    background-size: 8px
}

.carousel-indicators { margin-bottom: 10px; }

.owl-theme .owl-nav.disabled+.owl-dots,
.owl-theme .owl-dots { margin-top: 45px; }

.carousel-indicators [data-bs-target],
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    font-size: 0;
    padding: 0;
    margin: 0 6px;
    background: #E2E2E2;
    border: 0;
    opacity: 1;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #E2E2E2;
}

.carousel-indicators .active,
.owl-theme .owl-dots .owl-dot.active span {
    background: var(--primary-color);
}

.owl-carousel .owl-item img { width: auto; max-height: 100%; }

.swiper-button-prev, .swiper-button-next {
    width: 75px;
    height: 75px;
    background-size: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.swiper-button-prev:hover, .swiper-button-next:hover { background-size: auto; }

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 1!important; }

.swiper-button-prev:after, .swiper-button-next:after {
    display: none;
}

.more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 300;
    height: 46px;
    padding: 0 31px;
    border: 1px solid;
}

.modal {
    background: #000000de;
    z-index: 99999999;
}

.modal .modal-body,.modal .modal-content {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: 0 0
}

.modal .modal-content {
    background: 0 0;
    border: 0;
    padding: 0
}

.modal .close,#form_modal .close {
    position: fixed;
    top: 10px;
    cursor: pointer;
    opacity: 1;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
    margin: 0
}

.modal .close i,#form_modal .close i {
    margin: 0;
    line-height: 40px;
    font-size: 40px;
    font-weight: 300;
    font-style: normal
}

.modal iframe {
    width: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,.8);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.8);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.8);
    -khtml-box-shadow: 0 0 20px rgba(0,0,0,.8);
    -o-box-shadow: 0 0 20px rgba(0,0,0,.8);
    height: 500px;
}

.modal .btn-close {
    display: flex;
    align-items: center;
    position: fixed;
    top: 10px;
    cursor: pointer;
    opacity: 1;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
    padding: 0;
    margin: 0;
    width: auto;
    font-size: 60px;
    font-family: "Cairo";
    font-weight: 100;
    background: transparent;
    color: #727272;
}

.modal .btn-close:hover { opacity: 1; }

.c-scroll { direction: rtl; }

.c-btn:hover { opacity: .9; border-color: transparent!important; }

.main-wrapper { overflow: hidden; }

.iti { width: 100%; }

.iti-mobile .iti--container { z-index: 9999999;}

 
.iti__selected-flag { padding: 0; }

.iti__selected-flag::after {
    content: "";
    width: 0;
    height: 22px;
    position: relative;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: transparent; }

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { padding: 0; }

.iti__country-list { max-width: 330px; }

.iti__country { display: flex; font-size: 13px; padding: 0 10px!important; margin-bottom: 10px; }

.iti__arrow {
    width: auto;
    height: auto;
    border: 0;
    font-size: 9px;
    color: #ACACAC;
}

.iti__arrow::before {
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
}

.iti__selected-flag::after {
    content: "";
    width: 0;
    height: 22px;
    position: relative;
}
.iti__flag {
    border-radius: 0 !important;
}

/* Ending Global Style */

/* Starting Grouping */

.dropdown-menu,
.s-form .form-control,
.s-form .btn {
    border: 0;
}

.slideshow .gallery-top .details .watch-video .icon-play,
.slideshow .gallery-top .details .watch-video .icon-play:before,
.slideshow .gallery-top .details .watch-video .icon-play:after,
.swiper-button-prev, .swiper-button-next,
.carousel-control-next, .carousel-control-prev,
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev,
.scrolltop,
.single-details .content li::before,
.form-steps .steps li .icon i,
.custom-checkbox,
.custom-checkbox::before,
.custom-radio,
.custom-radio::before,
.iti__flag,
.c-msg .completed { 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.slidenav-item .info span,
.other-services .all,
.more,
.c-register a, .c-reviews a,
.get-quote .quote .details a,
.logistic-info .all,
.site-footer .top-content a,
.posts .all,
.product-wrapper .add-cart,
.progress-bar {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.slidenav-item .thumbnail,
.slideshow .gallery-top .details a,
.other-services .image,
.other-services .image img,
.other-services .item .image::before,
.other-services .item .image::after,
.other-services .details,
.c-register, .c-reviews,
.logistic-info .item .image,
.certified-members .item,
.site-footer .top-content .barcode,
.contact-info .item,
.map-location iframe,
.c-form .form-control,
.about-details .main-content,
.our-mission .item,
.networks .wrapper,
.networks a,
.main-aside .sidebar,
.main-aside .req-call,
.form-wrapper,
.posts li .image,
.main-aside .download,
.single-details .thumbnails > div,
.single-details .content img,
.single-details .pagination .page-link,
.accordion-item,
.product-wrapper,
.product-wrapper .image,
.other-products .item,
.other-products .item .image,
.form-steps,
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active,
.add-file > label,
.add-file .add,
.add-file > label > div,
.wizard .previous a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.global-item:hover .image > img,
.c-register:hover .image img,
.c-reviews:hover .image img,
.our-mission .item:hover:before,
.other-products .item:hover .image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.site-footer .social-media li a:hover,
.single-details .social-share a:hover,
.product-wrapper .social-share a:hover { 
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
}

/* Ending Grouping */

/* Starting Header */

.site-header { position: relative; z-index: 9999999; }

.top-bar { display: flex ; padding: 15px 0 ; min-height: 100px; }

.top-bar .navbar-brand { max-width: 145px; margin: 0; }

.top-bar .navbar-brand img { display: block; max-width: 100%; }

.top-bar ul { margin-bottom: 0; }

.top-bar ul.quick-links li { display: flex; align-items: center; }

.top-bar ul.quick-links > li:not(:last-of-type)::after {
    content: "";
    width: 0;
    height: 14px;
    margin: 0 10px;
}

.quick-links .nav-link { display: flex; align-items: center; }

.top-bar ul li a { 
    display: flex;
    align-items: center;
    font-size: 13px; 
    font-weight: 500; 
    color: var(--main-color);
}

.top-bar ul li a:hover { color: var(--primary-color); }

li.ar a {
    font-family: 'Cairo';
}

.s-form {
    display: flex;
    width: 146px;
    height: 34px;
    border: 1px solid #707070;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
}

.s-form .form-control {
    font-size: 12px;
    margin: 0;
    background: transparent;
}

.form-control::placeholder { color: #B1B1B1; }
  
.form-control:-ms-input-placeholder { color: #B1B1B1; }
  
.form-control::-ms-input-placeholder { color: #B1B1B1; }

.s-form .btn {
    padding: 0;
    color: var(--main-color);
}

.dropdown-toggle::after {
    border: 0;
    width: 8px;
    height: 6px;
    background: url(../images/arrowdown.svg) no-repeat center;
    background-size: contain;
}

.site-header .navbar {
    background: var(--main-color);
    padding: 0;
    border-bottom: 2px solid var(--primary-color);
}

.site-header .navbar-nav { width: 100%; justify-content: center; }

.site-header .navbar-nav > .nav-item { display: flex; align-items: center; }

.site-header .navbar-nav > .nav-item:not(:last-of-type)::after {
    content: "";
    width: 0;
    height: 14px;
}

.site-header .navbar-nav > .nav-item > .nav-link {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1.59px;
    text-transform: uppercase;
    color: var(--white-color);
    height: 64px;
    padding: 10px 26px;
}

.site-header .navbar-nav > .nav-item:hover > .nav-link,
.site-header .navbar-nav .nav-link.active, 
.site-header .navbar-nav .nav-link.show { 
    background: var(--primary-color); 
}

.site-header .navbar-nav > .nav-item:hover .dropdown-toggle::after, 
.site-header .navbar-nav .nav-link.active .dropdown-toggle::after, .site-header .navbar-nav .nav-link.show .dropdown-toggle::after {
    filter: brightness(10);
}

.site-header .dropdown-menu .dropdown-toggle { display: flex; justify-content: space-between; align-items: center; }

/* Ending Header */

/* Starting SlideShow */

.slideshow .gallery-top { 
    background: #000; position: relative;
}

.slideshow .gallery-top .item, 
.slideshow .gallery-top .item .image { position: relative; height: calc(100vh - 166px); min-height: 930px; max-height: 930px; }

.slideshow .gallery-top .item .image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/abstract-background-with-red-lines.jpg) no-repeat;
    background-size: 100% 100%;
    opacity: .23;
}

.slideshow .gallery-top .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slideshow .gallery-top .details { 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
}

.slideshow .gallery-top .details .icon { max-width: 140px; margin-bottom: 20px; }

.slideshow .gallery-top .details .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.slideshow .gallery-top .details .title {
    font-size: 76px;
    font-weight: 700;
}

.slideshow .gallery-top .details p { 
    width: 95%;
    font-size: 25px; 
    font-weight: 400; 
    line-height: 38px; 
    margin-bottom: 60px; 
}

.slideshow .gallery-top .details a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 66px;
    padding: 0 70px;
    font-size: 19px;
    font-weight: 400;
    background: var(--white-color);
    color: var(--main-color);
}

.slideshow .gallery-top .details a:hover { 
    background: var(--primary-color); 
    color: var(--white-color); 
    -webkit-box-shadow: 0px 0px 40px 6px rgb(0 0 0 / 44%);
    -moz-box-shadow: 0px 0px 40px 6px rgb(0 0 0 / 44%);
    -ms-box-shadow: 0px 0px 40px 6px rgb(0 0 0 / 44%);
    -o-box-shadow: 0px 0px 40px 6px rgb(0 0 0 / 44%);
    box-shadow: 0px 0px 40px 6px rgb(0 0 0 / 44%);
}

.slideshow .gallery-top .details .watch-video {
    display: flex;
    align-items: center;
    font-size: 19px;
    font-weight: 300;
    cursor: default;
}

.slideshow .gallery-top .details .watch-video .icon-play { 
    width: 113px;
    height: 113px;
    background: url(../images/v-play.svg) no-repeat center;
    background-size: contain;
    cursor: pointer;
    position: relative;
}

.slideshow .gallery-top .details .watch-video .icon-play:before,
.slideshow .gallery-top .details .watch-video .icon-play:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-animation: circle1 2.5s infinite;
    -moz-animation: circle1 2.5s infinite;
    -o-animation: circle1 2.5s infinite;
    animation: circle1 2.5s infinite;
    z-index: 1;
    cursor: pointer;
    position: absolute;
}

.slideshow .gallery-top .details .watch-video .icon-play:after {
    -webkit-animation: circle 2.5s infinite;
    -moz-animation: circle2 2.5s infinite;
    -o-animation: circle2 2.5s infinite;
    animation: circle2 2.5s infinite;
}

.slideshow .gallery-top .details .watch-video span { cursor: pointer; }

@-webkit-keyframes circle1 {
    0% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    60% {
        opacity: 0;
        -webkit-box-shadow: 0 0 0 10px #ab212354;
        -moz-box-shadow: 0 0 0 10px #ab212354;
        -ms-box-shadow: 0 0 0 10px #ab212354;
        -o-box-shadow: 0 0 0 10px #ab212354;
        box-shadow: 0 0 0 10px #ab212354;
    }

    100% {
        opacity: 0
    }
}

@keyframes circle1 {
    0% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    60% {
        -webkit-box-shadow: 0 0 0 10px #ab212354;
        -moz-box-shadow: 0 0 0 10px #ab212354;
        -ms-box-shadow: 0 0 0 10px #ab212354;
        -o-box-shadow: 0 0 0 10px #ab212354;
        box-shadow: 0 0 0 10px #ab212354;
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes circle2 {
    0% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    60% {
        opacity: 0;
        -webkit-box-shadow: 0 0 0 20px #aa21239e;
        -moz-box-shadow: 0 0 0 20px #aa21239e;
        -ms-box-shadow: 0 0 0 20px #aa21239e;
        -o-box-shadow: 0 0 0 20px #aa21239e;
        box-shadow: 0 0 0 20px #aa21239e;
    }

    100% {
        opacity: 0
    }
}

@keyframes circle2 {
    0% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    60% {
        -webkit-box-shadow: 0 0 0 20px #aa21239e;
        -moz-box-shadow: 0 0 0 20px #aa21239e;
        -ms-box-shadow: 0 0 0 20px #aa21239e;
        -o-box-shadow: 0 0 0 20px #aa21239e;
        box-shadow: 0 0 0 20px #aa21239e;
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.slideshow .gallery-thumbs { margin-top: -117px; }

.gallery-thumbs .swiper-wrapper {
    display: flex;
    height: 322px;
    align-items: flex-end;
}

.slidenav-item { 
    position: relative; 
    margin-top: 5px;
    height: 198px;
    cursor: pointer;
}

.slidenav-item .timer {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: #ffffff;
    position: absolute;
    bottom: 316px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    opacity:0;
    z-index: 999;
}

.slidenav-item.swiper-slide-thumb-active .timer {
    opacity: 1;    
}

.slidenav-item .thumbnail {
    height: inherit;
    position: relative;
    overflow: hidden;
}

.slidenav-item.swiper-slide-thumb-active .thumbnail,
.slidenav-item:hover .thumbnail {
    -webkit-transform: scaleY(1.6);
    -moz-transform: scaleY(1.6);
    -ms-transform: scaleY(1.6);
    -o-transform: scaleY(1.6);
    transform: scaleY(1.6);
    -webkit-transform-origin: bottom; 
    -moz-transform-origin: bottom; 
    -ms-transform-origin: bottom; 
    -o-transform-origin: bottom; 
    transform-origin: bottom; 
}

.slidenav-item .thumbnail::before,
.slidenav-item .thumbnail::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.slidenav-item .thumbnail::before {
    background: rgb(28,32,43);
    background: -moz-linear-gradient(top,  rgba(28,32,43,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(28,32,43,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,  rgba(28,32,43,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c202b', endColorstr='#000000',GradientType=0 );
}
.slidenav-item.swiper-slide-thumb-active .thumbnail::before,
.slidenav-item:hover .thumbnail::before { opacity: 0; }

.slidenav-item .thumbnail::after {
    background: rgb(255, 104, 0); /* Fallback for older browsers */
    background: -moz-linear-gradient(top, rgba(255, 104, 0, 1) 0%, rgba(88, 9, 11, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 104, 0, 1) 0%, rgba(88, 9, 11, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 104, 0, 1) 0%, rgba(88, 9, 11, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6800', endColorstr='#58090b', GradientType=0);
    opacity: 0;
}


.slidenav-item.swiper-slide-thumb-active .thumbnail::after,
.slidenav-item:hover .thumbnail::after { opacity: 1; }

.slidenav-item .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .16;
}

.slidenav-item .info { 
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 50px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
}

.slidenav-item .info > div { position: relative; top: 40px; }

.slidenav-item.swiper-slide-thumb-active .info > div,
.slidenav-item:hover .info > div { top: -60px; }

.slidenav-item .info i { display: inline-flex; max-width: 74px; margin-bottom: 10px; position: relative; top: 0; }

.slidenav-item .info .title {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
}

.slidenav-item.swiper-slide-thumb-active .info .title,
.slidenav-item:hover .info .title { margin-top: 20px; }

.slidenav-item .info .more {
    min-height: 46px;
    padding: 0 20px;
    opacity: 0;
    position: relative;
    top: 0;
}

.slidenav-item.swiper-slide-thumb-active .info span,
.slidenav-item:hover .info span { opacity: 1; margin-top: 30px; }

/* Ending SlideShow */

/* Starting Section Heading */

.s-heading { margin-bottom: 28px; }

.s-heading .heading {
    font-size: 35px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--main-color);
    margin-bottom: 8px;
}

.s-heading p {
    font-size: 18px;
    font-weight: 500;
    color: var(--primary-color);
    margin: 0;
}

/* Ending Section Heading */

/* Staring Global Items */

.global-items { margin:  0 -10px; }

.global-items > div { padding: 0 10px; }

.global-items > div:first-of-type .image {
    background: #eac95b;
    background: -moz-linear-gradient(top,  #eac95b 0%, #000000 100%);
    background: -webkit-linear-gradient(top,  #eac95b 0%,#000000 100%);
    background: linear-gradient(to bottom,  #eac95b 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac95b', endColorstr='#000000',GradientType=0 );
}

.global-items > div:nth-of-type(2) .image {
    background: #9cdd8c;
    background: -moz-linear-gradient(top,  #9cdd8c 0%, #000000 100%);
    background: -webkit-linear-gradient(top,  #9cdd8c 0%,#000000 100%);
    background: linear-gradient(to bottom,  #9cdd8c 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cdd8c', endColorstr='#000000',GradientType=0 );
}

.global-items > div:nth-of-type(3) .image {
    background: #c08715;
    background: -moz-linear-gradient(top,  #c08715 0%, #000000 100%);
    background: -webkit-linear-gradient(top,  #c08715 0%,#000000 100%);
    background: linear-gradient(to bottom,  #c08715 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c08715', endColorstr='#000000',GradientType=0 );
}

.global-items > div:nth-of-type(4) .image {
    background: #f25b5f;
    background: -moz-linear-gradient(top,  #f25b5f 0%, #000000 100%);
    background: -webkit-linear-gradient(top,  #f25b5f 0%,#000000 100%);
    background: linear-gradient(to bottom,  #f25b5f 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25b5f', endColorstr='#000000',GradientType=0 );
}

.global-item {
    display: flex;
    height: 338px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    color: var(--white-color);
    margin-bottom: 20px;
}

.global-item .image { width: 100%; }

.global-item .image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: soft-light;
    opacity: .93;
}

.global-item .details {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 45px;
}

.global-item .details i { display: block; max-width: 108px; max-height: 100px; margin-top: auto; margin-bottom: 10px; }

.global-item .details i img { max-width: 100%; max-height: inherit; }
 
.global-item .details .title { font-size: 30px; font-weight: 600; }

.global-item .details p { font-size: 16px; }

/* Ending Global Items */

/* Starting Services */

.services { padding: 45px 0 0; }

.services .s-heading { padding-top: 57px; background: url(../assets/images/whitelogo.png) no-repeat 49.4% top; }

.services .global-item .details > div { position: relative; top: 86px; }

.services .global-item:hover .details > div { top: 0; }

.services .global-item .details > div > div {
    position: relative;
    top: 100%;
}

.services .global-item:hover .details > div > div { top: 0; }

/* Ending Services */

/* Starting Get Quote */

.get-quote { padding-bottom: 75px; overflow: hidden; }

.get-quote .quote { 
    display: flex;
    background: #ff6800;
    background: -moz-linear-gradient(top,  #ff6800 0%, #58090b 100%);
    background: -webkit-linear-gradient(top,  #ff6800 0%,#58090b 100%);
    background: linear-gradient(to bottom,  #ff6800 0%,#58090b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6800', endColorstr='#58090b',GradientType=0 );
    border-radius: 5px;
    min-height: 412px;
    position: relative;
    color: var(--white-color);
}

.get-quote .quote::before { 
    content: "";
    position: absolute;
    width: 58.5%;
    height: 100%;
    background: url(../images/plane.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.get-quote .quote::after { 
    content: "";
    position: absolute;
    width: 330px;
    height: 316px;
    background: url(../images/contact-form.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .14;
    bottom: 34px;
    z-index: 1;
}

.get-quote .quote > * { position: relative; z-index: 2; }

.get-quote .image {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex:  0 0 auto;
    width: 36%;
    padding: 0 15px;
    margin-top: auto;
}

.get-quote .image img { position: relative; top: 1px; }

.get-quote .quote .details { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
    flex: 0 0 auto;
    width: 64%;
    padding: 15px;
}

.get-quote .quote .title { font-size: 35px; font-weight: 600; margin-bottom: 10px; }

.get-quote .quote .details > i { max-width: 75px ; margin-bottom: 15px; }

.get-quote .quote .details .title { font-size: 35px ; line-height: 31px ; margin-bottom: 20px; }

.get-quote .quote .details p { width: 82%; font-size: 22px; font-weight: 300 ; margin-bottom: 30px; }

.get-quote .quote .details a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    font-size: 17px;
    background: #ff6800;
    color: var(--white-color);
    border: 1px solid #EB5458;
    font-weight: 400;
    padding: 0 104px;
}

.get-quote .quote .details a:hover { opacity: .9; border-color: transparent; }

/* Ending Get Quote */

/* Starting Other Services */

.other-services {
    padding: 130px 0;
    background: #000000;
    position: relative;
    overflow: hidden;
}

.other-services::before { 
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .43;
}

.other-services > * { position: relative; }

.other-services .heading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    color: var(--white-color);
}

.other-services .heading .icon {
    display: inline-block;
    max-width: 100px;
    margin-bottom: 18px;
}

.other-services .heading p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}

.other-services .heading .title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 50px;
}

.other-services .all {
    display: inline-flex;
    height: 46px;
    line-height: 46px;
    padding: 0 42px;
    font-size: 13px;
    font-weight: 300;
    background: var(--primary-color);
    color: var(--white-color);
    border: 1px solid #E87A7D;
}

.other-services .item {
    display: block;
    position: relative;
    color: var(--white-color);
    overflow: hidden;
}

.other-services .item .image {
    height: 544px;
    overflow: hidden;
}

.other-services .item .image::before,
.other-services .item .image::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(8,8,8,0) 43%, rgba(9,9,9,0.09) 48%, rgba(0,0,0,0.11) 49%, rgba(0,0,0,0.13) 50%, rgba(6,6,6,0.15) 51%, rgba(6,6,6,0.17) 52%, rgba(10,10,10,0.21) 54%, rgba(9,9,9,0.23) 55%, rgba(4,4,4,0.25) 56%, rgba(8,8,8,0.27) 57%, rgba(10,10,10,0.3) 59%, rgba(10,10,10,0.32) 60%, rgba(11,11,11,0.35) 62%, rgba(11,11,11,0.37) 63%, rgba(10,10,10,0.39) 64%, rgba(12,12,12,0.41) 65%, rgba(11,11,11,0.44) 67%, rgba(14,14,14,0.46) 68%, rgba(15,15,15,0.48) 69%, rgba(14,14,14,0.51) 71%, rgba(16,16,16,0.53) 72%, rgba(17,17,17,0.55) 73%, rgba(16,16,16,0.57) 74%, rgba(16,16,16,0.59) 75%, rgba(19,19,19,0.61) 76%, rgba(17,17,17,0.63) 77%, rgba(18,18,18,0.65) 78%, rgba(21,21,21,0.7) 81%, rgba(22,22,22,0.72) 82%, rgba(23,23,23,0.74) 83%, rgba(21,21,21,0.76) 84%, rgba(24,24,24,0.79) 86%, rgba(23,23,23,0.82) 88%, rgba(24,24,24,0.85) 90%, rgba(27,27,27,0.88) 92%, rgba(26,26,26,0.9) 93%, rgba(29,29,29,1) 99%, rgba(32,32,32,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(8,8,8,0) 43%,rgba(9,9,9,0.09) 48%,rgba(0,0,0,0.11) 49%,rgba(0,0,0,0.13) 50%,rgba(6,6,6,0.15) 51%,rgba(6,6,6,0.17) 52%,rgba(10,10,10,0.21) 54%,rgba(9,9,9,0.23) 55%,rgba(4,4,4,0.25) 56%,rgba(8,8,8,0.27) 57%,rgba(10,10,10,0.3) 59%,rgba(10,10,10,0.32) 60%,rgba(11,11,11,0.35) 62%,rgba(11,11,11,0.37) 63%,rgba(10,10,10,0.39) 64%,rgba(12,12,12,0.41) 65%,rgba(11,11,11,0.44) 67%,rgba(14,14,14,0.46) 68%,rgba(15,15,15,0.48) 69%,rgba(14,14,14,0.51) 71%,rgba(16,16,16,0.53) 72%,rgba(17,17,17,0.55) 73%,rgba(16,16,16,0.57) 74%,rgba(16,16,16,0.59) 75%,rgba(19,19,19,0.61) 76%,rgba(17,17,17,0.63) 77%,rgba(18,18,18,0.65) 78%,rgba(21,21,21,0.7) 81%,rgba(22,22,22,0.72) 82%,rgba(23,23,23,0.74) 83%,rgba(21,21,21,0.76) 84%,rgba(24,24,24,0.79) 86%,rgba(23,23,23,0.82) 88%,rgba(24,24,24,0.85) 90%,rgba(27,27,27,0.88) 92%,rgba(26,26,26,0.9) 93%,rgba(29,29,29,1) 99%,rgba(32,32,32,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(8,8,8,0) 43%,rgba(9,9,9,0.09) 48%,rgba(0,0,0,0.11) 49%,rgba(0,0,0,0.13) 50%,rgba(6,6,6,0.15) 51%,rgba(6,6,6,0.17) 52%,rgba(10,10,10,0.21) 54%,rgba(9,9,9,0.23) 55%,rgba(4,4,4,0.25) 56%,rgba(8,8,8,0.27) 57%,rgba(10,10,10,0.3) 59%,rgba(10,10,10,0.32) 60%,rgba(11,11,11,0.35) 62%,rgba(11,11,11,0.37) 63%,rgba(10,10,10,0.39) 64%,rgba(12,12,12,0.41) 65%,rgba(11,11,11,0.44) 67%,rgba(14,14,14,0.46) 68%,rgba(15,15,15,0.48) 69%,rgba(14,14,14,0.51) 71%,rgba(16,16,16,0.53) 72%,rgba(17,17,17,0.55) 73%,rgba(16,16,16,0.57) 74%,rgba(16,16,16,0.59) 75%,rgba(19,19,19,0.61) 76%,rgba(17,17,17,0.63) 77%,rgba(18,18,18,0.65) 78%,rgba(21,21,21,0.7) 81%,rgba(22,22,22,0.72) 82%,rgba(23,23,23,0.74) 83%,rgba(21,21,21,0.76) 84%,rgba(24,24,24,0.79) 86%,rgba(23,23,23,0.82) 88%,rgba(24,24,24,0.85) 90%,rgba(27,27,27,0.88) 92%,rgba(26,26,26,0.9) 93%,rgba(29,29,29,1) 99%,rgba(32,32,32,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#202020',GradientType=0 );    
    z-index: 1;
    opacity: 1;
}

.other-services .item .image::after {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(170,0,0,0) 42%, rgba(159,0,0,0.02) 43%, rgba(170,21,21,0.04) 44%, rgba(191,16,32,0.06) 45%, rgba(170,12,12,0.08) 46%, rgba(173,20,20,0.1) 47%, rgba(176,18,26,0.12) 48%, rgba(178,15,15,0.14) 49%, rgba(174,13,20,0.16) 50%, rgba(176,18,24,0.18) 51%, rgba(179,16,22,0.2) 52%, rgba(175,15,20,0.22) 53%, rgba(176,19,23,0.24) 54%, rgba(173,17,22,0.26) 55%, rgba(175,16,20,0.28) 56%, rgba(174,15,18,0.3) 57%, rgba(175,18,22,0.32) 58%, rgba(177,20,23,0.34) 59%, rgba(174,16,22,0.36) 60%, rgba(174,18,21,0.38) 61%, rgba(179,20,23,0.4) 62%, rgba(174,16,21,0.42) 63%, rgba(175,16,21,0.44) 64%, rgba(176,17,22,0.46) 65%, rgba(177,19,21,0.48) 66%, rgba(175,18,20,0.5) 67%, rgba(174,18,20,0.52) 68%, rgba(176,17,21,0.54) 69%, rgba(175,16,20,0.55) 70%, rgba(175,18,22,0.57) 71%, rgba(174,17,21,0.58) 72%, rgba(177,19,22,0.6) 73%, rgba(177,18,22,0.61) 74%, rgba(175,17,23,0.63) 75%, rgba(177,19,22,0.64) 76%, rgba(177,18,23,0.7) 80%, rgba(177,19,22,0.73) 82%, rgba(177,19,21,0.75) 83%, rgba(175,17,21,0.78) 85%, rgba(176,17,21,0.79) 86%, rgba(175,17,21,0.82) 88%, rgba(177,19,22,0.84) 89%, rgba(176,18,22,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(170,0,0,0) 42%,rgba(159,0,0,0.02) 43%,rgba(170,21,21,0.04) 44%,rgba(191,16,32,0.06) 45%,rgba(170,12,12,0.08) 46%,rgba(173,20,20,0.1) 47%,rgba(176,18,26,0.12) 48%,rgba(178,15,15,0.14) 49%,rgba(174,13,20,0.16) 50%,rgba(176,18,24,0.18) 51%,rgba(179,16,22,0.2) 52%,rgba(175,15,20,0.22) 53%,rgba(176,19,23,0.24) 54%,rgba(173,17,22,0.26) 55%,rgba(175,16,20,0.28) 56%,rgba(174,15,18,0.3) 57%,rgba(175,18,22,0.32) 58%,rgba(177,20,23,0.34) 59%,rgba(174,16,22,0.36) 60%,rgba(174,18,21,0.38) 61%,rgba(179,20,23,0.4) 62%,rgba(174,16,21,0.42) 63%,rgba(175,16,21,0.44) 64%,rgba(176,17,22,0.46) 65%,rgba(177,19,21,0.48) 66%,rgba(175,18,20,0.5) 67%,rgba(174,18,20,0.52) 68%,rgba(176,17,21,0.54) 69%,rgba(175,16,20,0.55) 70%,rgba(175,18,22,0.57) 71%,rgba(174,17,21,0.58) 72%,rgba(177,19,22,0.6) 73%,rgba(177,18,22,0.61) 74%,rgba(175,17,23,0.63) 75%,rgba(177,19,22,0.64) 76%,rgba(177,18,23,0.7) 80%,rgba(177,19,22,0.73) 82%,rgba(177,19,21,0.75) 83%,rgba(175,17,21,0.78) 85%,rgba(176,17,21,0.79) 86%,rgba(175,17,21,0.82) 88%,rgba(177,19,22,0.84) 89%,rgba(176,18,22,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(170,0,0,0) 42%,rgba(159,0,0,0.02) 43%,rgba(170,21,21,0.04) 44%,rgba(191,16,32,0.06) 45%,rgba(170,12,12,0.08) 46%,rgba(173,20,20,0.1) 47%,rgba(176,18,26,0.12) 48%,rgba(178,15,15,0.14) 49%,rgba(174,13,20,0.16) 50%,rgba(176,18,24,0.18) 51%,rgba(179,16,22,0.2) 52%,rgba(175,15,20,0.22) 53%,rgba(176,19,23,0.24) 54%,rgba(173,17,22,0.26) 55%,rgba(175,16,20,0.28) 56%,rgba(174,15,18,0.3) 57%,rgba(175,18,22,0.32) 58%,rgba(177,20,23,0.34) 59%,rgba(174,16,22,0.36) 60%,rgba(174,18,21,0.38) 61%,rgba(179,20,23,0.4) 62%,rgba(174,16,21,0.42) 63%,rgba(175,16,21,0.44) 64%,rgba(176,17,22,0.46) 65%,rgba(177,19,21,0.48) 66%,rgba(175,18,20,0.5) 67%,rgba(174,18,20,0.52) 68%,rgba(176,17,21,0.54) 69%,rgba(175,16,20,0.55) 70%,rgba(175,18,22,0.57) 71%,rgba(174,17,21,0.58) 72%,rgba(177,19,22,0.6) 73%,rgba(177,18,22,0.61) 74%,rgba(175,17,23,0.63) 75%,rgba(177,19,22,0.64) 76%,rgba(177,18,23,0.7) 80%,rgba(177,19,22,0.73) 82%,rgba(177,19,21,0.75) 83%,rgba(175,17,21,0.78) 85%,rgba(176,17,21,0.79) 86%,rgba(175,17,21,0.82) 88%,rgba(177,19,22,0.84) 89%,rgba(176,18,22,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ff6800',GradientType=0 );
    opacity: 0;
}

.other-services .item:hover .image::before { opacity: 0; }

.other-services .item:hover .image::after { opacity: 1; }

.other-services .item .image img { height: 100%; width: 100%; object-fit: cover; }

.other-services .details {
    position: absolute;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding: 50px 34px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    overflow: hidden;
}

.other-services .details .title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
}

.other-services .details p {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 20px;
}

.other-services .item:hover .details .more { background: #e7dedb45; border-color: transparent; }

.other-services .owl-theme .owl-nav {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.other-services .owl-dots {position: absolute;width: 100%; padding-bottom: 30px; }

/* Ending Other Services */

/* Starting Why Us */

.why-us { padding: 75px 0 40px; }

.why-us .global-item .title { font-size: 25px; }

.why-us .global-item p { font-size: 13px; line-height: 20px; margin: 0; }

/* Ending Why Us */

/* Starting About Us */

.about-us { padding: 50px 0; }

.about-us .intro {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}

.about-us .more {
    display: table;
    line-height: 46px;
    margin: auto;
    color: var(--main-color);
    border: 1px solid #C7C7C7;
}

.about-us .more:hover { color: var(--primary-color); border-color: var(--primary-color); }

.about-us .nav-tabs { 
    display: flex; 
    justify-content: space-between; 
    margin-top: 44px;
    margin-bottom: 44px;
    border: 0;
}

.about-us .nav-tabs .nav-item { width: calc((100% - 30px) / 4) }

.about-us .nav-tabs .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 66px;
    font-size: 18px;
    font-weight: 500;
    background: var(--primary-color);
    color: var(--white-color);
    border: 0;
    position: relative;
}

.about-us .nav-tabs .nav-link::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: 100%;
}


.about-us .nav-tabs .nav-item.show .nav-link::after , 
.about-us .nav-tabs .nav-link.active::after {
    border-top: 15px solid var(--main-color);
}

.about-us .nav-tabs .nav-item.show .nav-link, 
.about-us .nav-tabs .nav-link.active {
    background: var(--main-color);
}

.about-us .tab-pane p {
    font-size: 13px;
    font-weight: 500;
    color: var(--main-color);
    line-height: 20px;
    margin-bottom: 30px;
}

/* Ending About Us */

/* Starting Register and Customer Reviews */

.s-wrapper {
    padding: 80px 0 0;
    background: url(../images/bg.jpg) no-repeat center top;
    background-size: 100% 100%;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
}

.c-register, .c-reviews {
    height: 607px;
    overflow: hidden;
    color: var(--white-color);
    position: relative;
}

.c-register {
    background: #1c202b;
    background: -moz-linear-gradient(top,  #1c202b 0%, #000000 100%);
    background: -webkit-linear-gradient(top,  #1c202b 0%,#000000 100%);
    background: linear-gradient(to bottom,  #1c202b 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c202b', endColorstr='#000000',GradientType=0 );

}

.c-reviews {
    background: #ff6800;
    background: -moz-linear-gradient(top,  #ff6800 0%, #58090b 100%);
    background: -webkit-linear-gradient(top,  #ff6800 0%,#58090b 100%);
    background: linear-gradient(to bottom,  #ff6800 0%,#58090b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6800', endColorstr='#58090b',GradientType=0 );
}

.c-register .image,
.c-reviews .image {
    opacity: .93;
    mix-blend-mode: soft-light;
}

.c-register .details, .c-reviews .details {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px;
    padding-top: 150px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.c-register .icon, .c-reviews .icon {display: flex;justify-content: flex-end;max-width: 85px;height: 80px;margin-bottom: 10px;}

.c-register p, .c-reviews p { 
    width: 65%;
    font-size: 18px;
    font-weight: 300;
    line-height: 29px;
    margin-bottom: 10px;
}

.c-register .heading, .c-reviews .heading { 
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 30px;
}

.c-register a, .c-reviews a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
}

.c-register a {
    padding: 0 54px;
    background: var(--primary-color);
    color: var(--white-color);
    border: 1px solid #E87A7D;
}

.c-reviews a {
    width: 276px;
    background-color: var(--white-color);
    color: var(--main-color);
}

.c-reviews a:not(:last-of-type) { margin-bottom: 25px; }

.c-reviews a:hover { opacity: .9; }

/* Ending Register and Customer Reviews */

/* Starting Statistics */

.statistics {
    margin-top: 30px;
    padding: 60px 0 95px;
    background: url(../images/world.svg) no-repeat top center;
}

.statistics .row { margin-top: 80px; }

.statistics .row > div { position: relative; }

.statistics .row > div:not(:last-of-type):after {
    content: "";
    display: block;
    width: 0;
    height: 180px;
    position: absolute;
    top: 10px;
    margin: auto;
}

.statistics .item { text-align: center; }

.statistics .item .icon { display: block; max-width: 100px; margin: auto; margin-bottom: 40px; }

.statistics .item .icon img { display: block; max-width: 100%; }

.statistics .item .title { font-size: 18px ; font-weight: 700; color: var(--primary-color); margin-bottom: 25px; }

.statistics .item .counter { font-size: 49px; font-weight: 700; color: var(--main-color); }

/* Ending Statistics */

/* Starting Logistics Information */

.logistic-info { padding: 110px 0 50px; text-align: center; }

.logistic-info .owl-carousel { margin-top: 40px; }

.logistic-info .item { color: #444246; }

.logistic-info .item .image {
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
}

.logistic-info .item .image img {
    width: 100%;
    height: 100%;
}

.logistic-info .item .title {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.logistic-info .item p {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}

.logistic-info .item .details > div { margin-bottom: 20px; }

.logistic-info .item .details > div > div { align-items: center; }

.logistic-info .item .details > div span { font-size: 13px; margin-top: 3px; }

.logistic-info .item .more {
    height: 42px;
    padding: 0 20px;
    margin: 0 1px;
}

.logistic-info .item:hover .more {
    background: var(--primary-color);
    color: var(--white-color);
}

.logistic-info .all {
    display: inline-flex;
    align-items: center;
    height: 46px;
    padding: 0 70px;
    margin: auto;
    background: var(--primary-color);
    color: var(--white-color);
    margin-top: 30px;
}

/* Ending Logistics Information */

/* Starting Certified Members */

.certified-members { padding: 70px 0 40px; background: #F9F9F9;border-top: 1px solid #E2E2E2; }

.certified-members .owl-carousel { margin-top: 36px; }

.certified-members .item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 213px;
    background: #fff;
    border: 1px solid #E2E2E2;
    overflow: hidden;
    cursor: pointer;
}

.certified-members .item:hover {
    opacity: .8;
}

/* Ending Certified Members */

/* Starting Footer */

.site-footer { color: var(--white-color); }

.site-footer .top-links {
    padding: 55px 0 90px;
    background: #ff6800;
    background: -moz-linear-gradient(top,  #ff6800 0%, #58090b 100%);
    background: -webkit-linear-gradient(top,  #ff6800 0%,#58090b 100%);
    background: linear-gradient(to bottom,  #ff6800 0%,#58090b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6800', endColorstr='#58090b',GradientType=0 );
    position: relative;
}

.site-footer .top-links:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/footerbgnew.png) no-repeat top left;
    background-size: cover;
    mix-blend-mode: soft-light;
    opacity: .66;
}

.site-footer .top-links > * { position: relative; }

.site-footer .top-content {
    display: flex;
    padding-bottom: 45px;
    margin-bottom: 45px;
    border-bottom: 1px solid #fd7072a3;
    position: relative;
}

.site-footer .top-content::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/downloadxl.svg) no-repeat right center;
    opacity: .3;
    position: absolute;
    bottom: 16px;
}

.site-footer .top-content > * { position: relative; }

.site-footer .top-content .barcode {
    flex: 0 0 auto;
    width: 185px;
    height: 185px;
    overflow: hidden;
}

.site-footer .top-content .title { 
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 15px;
}

.site-footer .top-content p { 
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 20px;
}

.site-footer .top-content a {
    display: inline-flex;
    align-items: center;
    padding: 0 37px;
    height: 46px;
    font-size: 13px;
    background: var(--white-color);
    color: var(--main-color);
}

.site-footer .top-content a:hover { opacity: .9; }

.site-footer .heading {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 35px;
}

.site-footer li a { color: var(--white-color); }

.site-footer ul li {
    display: flex;
    align-items: flex-start;
    font-size: 13px;
    font-weight: 300;
}

.site-footer .info li { align-items: flex-start; }

.site-footer .info li:not(:last-of-type),
.site-footer .links li:not(:last-of-type) { margin-bottom: 22px; }

.site-footer .info li .map-marker { margin-top: 3px; } 

.site-footer .links li::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/link-arrow.svg) no-repeat;
    background-size: contain;
    margin-top: 2px;
}

.site-footer .footer-bottom {
    padding-top: 65px;
    background: #1c202b;
    background: -moz-linear-gradient(top,  #1c202b 0%, #000000 100%);
    background: -webkit-linear-gradient(top,  #1c202b 0%,#000000 100%);
    background: linear-gradient(to bottom,  #1c202b 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c202b', endColorstr='#000000',GradientType=0 );
    position: relative;
}

.site-footer .footer-bottom:before {
    content: "";
    position: absolute;
    width: 53%;
    height: 65%;
    bottom: 9.8%;
    background: url(../images/footerhorse.png) no-repeat right center;
    background-size: contain;
}

.site-footer .footer-bottom > * { position: relative; }

.site-footer .footer-bottom .heading { margin-bottom: 22px; }

.site-footer .about { margin-bottom: 40px; }

.site-footer .about p { 
    width: 90%;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}

.site-footer .social-media { margin-bottom: 40px; }

.site-footer .social-media ul { flex-wrap: wrap; }

.site-footer .social-media li a { width: 43px; height: 43px; }

.site-footer .social-media li img { display: block; max-width: 100%; }

.site-footer .payment { margin-bottom: 40px; }

.footer-logo > span { margin-bottom: 11px; }

.site-footer .footer-bottom .links li:not(:last-of-type) { margin-bottom: 16px; }

.site-footer .footer-bottom .links li::before { opacity: .5; }

.site-footer .footer-bottom .links li:hover::before { opacity: 1; }

.site-footer .footer-bottom .links li:hover a { color: var(--primary-color); }

.posts { margin-bottom: 45px; }

.posts ul { margin: 0; }

.posts li { margin-bottom: 20px; }

.posts li a { display: flex; }

.posts li:hover .title { color: var(--primary-color); }

.posts li .image {
    flex: 0 0 auto;
    width: 90px;
    height: 80px;
    overflow: hidden;
}

.posts li .image img { height: 100%; object-fit: cover; }

.posts .title { 
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 6px;
}

.posts .date {
    display: flex;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
}

.posts .date::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 14px;
    background: url(../images/calendar.svg) no-repeat center;
    background-size: contain;
    filter: brightness(100);
    opacity: .3;
}

.posts .all {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 28px;
    font-size: 10px;
    text-transform: capitalize;
    color: #717171;
    border: 1px solid;
    margin-top: 10px;
}

.posts .all:hover { background: var(--primary-color); color: var(--white-color); border-color: var(--primary-color); }

.download ul { display: flex; }

.copyrights { padding: 35px 0; margin-top: 35px; border-top: 1px solid #5A5A67; }

.copyrights p { 
    font-size: 13px;
    font-weight: 300;
    margin: 0;
}

.copyrights p:first-of-type a { color: var(--primary-color); }

.copyrights p:last-of-type a { color: #1aa1ed; }

/* Ending Footer */

/* Starting Scroll Top */

.scrolltop {
    position: fixed;
    bottom: 20px;
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 30px;
    background: var(--primary-color) url(../images/white-arrow.svg) no-repeat center;
    background-size: 9px;
    color: var(--white-color);
    -webkit-box-shadow: 0px 0 16px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0 16px 0px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0px 0 16px 0px rgb(0 0 0 / 30%);
    -o-box-shadow: 0px 0 16px 0px rgb(0 0 0 / 30%);
    box-shadow: 0px 0 16px 0px rgb(0 0 0 / 30%);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 999999;
    cursor: pointer;
    display: none;
}

/* Ending Scroll Top */

/* Starting Loading Screen */

.loading-screen {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
    color: var(--primary-color);
	z-index: 9999999999;
}

.loader {
    transform: rotateZ(45deg);
    perspective: 1000px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    color: var(--main-color);
}

.loader:before,
.loader:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    transform: rotateX(70deg);
    animation: 1s spin linear infinite;
}
.loader:after {
    color: var(--primary-color);
    transform: rotateY(70deg);
    animation-delay: .4s;
}

@keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotateZ(0deg);
        -moz-transform: translate(-50%, -50%) rotateZ(0deg);
        -ms-transform: translate(-50%, -50%) rotateZ(0deg);
        -o-transform: translate(-50%, -50%) rotateZ(0deg);
        transform: translate(-50%, -50%) rotateZ(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
        -moz-transform: translate(-50%, -50%) rotateZ(360deg);
        -ms-transform: translate(-50%, -50%) rotateZ(360deg);
        -o-transform: translate(-50%, -50%) rotateZ(360deg);
        transform: translate(-50%, -50%) rotateZ(360deg);
    }
  }

@keyframes rotateccw {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        -moz-transform: translate(-50%, -50%) rotate(-360deg);
        -ms-transform: translate(-50%, -50%) rotate(-360deg);
        -o-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@keyframes spin {
    0%,
    100% {
        -webkit-box-shadow: .2em 0px 0 0px currentcolor;
        -moz-box-shadow: .2em 0px 0 0px currentcolor;
        -ms-box-shadow: .2em 0px 0 0px currentcolor;
        -o-box-shadow: .2em 0px 0 0px currentcolor;
        box-shadow: .2em 0px 0 0px currentcolor;
    }
    12% {
        -webkit-box-shadow: .2em .2em 0 0 currentcolor;
        -moz-box-shadow: .2em .2em 0 0 currentcolor;
        -ms-box-shadow: .2em .2em 0 0 currentcolor;
        -o-box-shadow: .2em .2em 0 0 currentcolor;
        box-shadow: .2em .2em 0 0 currentcolor;
    }
    25% {
        -webkit-box-shadow: 0 .2em 0 0px currentcolor;
        -moz-box-shadow: 0 .2em 0 0px currentcolor;
        -ms-box-shadow: 0 .2em 0 0px currentcolor;
        -o-box-shadow: 0 .2em 0 0px currentcolor;
        box-shadow: 0 .2em 0 0px currentcolor;
    }
    37% {
        -webkit-box-shadow: -.2em .2em 0 0 currentcolor;
        -moz-box-shadow: -.2em .2em 0 0 currentcolor;
        -ms-box-shadow: -.2em .2em 0 0 currentcolor;
        -o-box-shadow: -.2em .2em 0 0 currentcolor;
        box-shadow: -.2em .2em 0 0 currentcolor;
    }
    50% {
        -webkit-box-shadow: -.2em 0 0 0 currentcolor;
        -moz-box-shadow: -.2em 0 0 0 currentcolor;
        -ms-box-shadow: -.2em 0 0 0 currentcolor;
        -o-box-shadow: -.2em 0 0 0 currentcolor;
        box-shadow: -.2em 0 0 0 currentcolor;
    }
    62% {
        -webkit-box-shadow: -.2em -.2em 0 0 currentcolor;
        -moz-box-shadow: -.2em -.2em 0 0 currentcolor;
        -ms-box-shadow: -.2em -.2em 0 0 currentcolor;
        -o-box-shadow: -.2em -.2em 0 0 currentcolor;
        box-shadow: -.2em -.2em 0 0 currentcolor;
    }
    75% {
        -webkit-box-shadow: 0px -.2em 0 0 currentcolor;
        -moz-box-shadow: 0px -.2em 0 0 currentcolor;
        -ms-box-shadow: 0px -.2em 0 0 currentcolor;
        -o-box-shadow: 0px -.2em 0 0 currentcolor;
        box-shadow: 0px -.2em 0 0 currentcolor;
    }
    87% {
        -webkit-box-shadow: .2em -.2em 0 0 currentcolor;
        -moz-box-shadow: .2em -.2em 0 0 currentcolor;
        -ms-box-shadow: .2em -.2em 0 0 currentcolor;
        -o-box-shadow: .2em -.2em 0 0 currentcolor;
        box-shadow: .2em -.2em 0 0 currentcolor;
    }
}

/* Ending Loading Screen */

/* Starting Contact Bar */

.c-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 70%;
    margin: 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.21) 0px 0px 10px 6px;
    -moz-box-shadow: rgba(0, 0, 0, 0.21) 0px 0px 10px 6px;
    -ms-box-shadow: rgba(0, 0, 0, 0.21) 0px 0px 10px 6px;
    -o-box-shadow: rgba(0, 0, 0, 0.21) 0px 0px 10px 6px;
    box-shadow: rgba(0, 0, 0, 0.21) 0px 0px 10px 6px;
    border-radius: 25px;
    overflow: hidden;
    z-index: 9999999;
}

.c-bar ul {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 0px;
}

.c-bar li a {
    display: flex;
    align-items: center;
    height: 50px;
    font-weight: 600;
    color: var(--main-color);
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px;
}

.c-bar li:first-of-type a {
    background: rgb(255, 255, 255);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    flex-direction: row-reverse;
}

.c-bar li:last-of-type a {
    width: 50px;
    background: rgb(106, 207, 114);
}

.c-bar li:first-of-type a i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.c-bar li:last-of-type a i {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.c-bar li a i img { display: block; max-width: 100%; }

/* Ending Contact Bar */

/* Starting Contact Us Page */

.contact-info { padding: 40px 0; }

.contact-info .row { margin: 0 -13px; }

.contact-info .row > div { padding: 0 13px; }

.contact-info .s-heading { margin-bottom: 20px; }

.contact-info .s-heading + p {
    font-size: 21px;
    font-weight: 300;
    text-transform: capitalize;
    color: #717171;
    text-align: center;
    margin-bottom: 50px;
}

.contact-info .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 306px;
    text-align: center;
    background: #fff;
    border: 1px solid #E2E2E2;
    padding: 25px;
}

.contact-info .item .icon {
    display: inline-block;
    width: 39px;
    height: 39px;
    margin-bottom: 10px;
}

.contact-info .item .icon img { display: block; max-width: 100%; }

.contact-info .item .title { 
    font-size: 20px;
    color: var(--primary-color);
    margin-bottom: 15px;
}

.contact-info .item li { 
    font-size: 18px;
    color: #3D3D3C;
    font-weight: 400;
}

.contact-info .item li:not(:last-of-type) { margin-bottom: 4px; }

.contact-info .item li span { font-weight: 600; }

.contact-info .item li a {
    color: #3D3D3C;
}

.map-location { padding-bottom: 50px; }

.map-location iframe { margin-top: 10px; border: 1px solid #C3C3C3; }

.contact-form { padding: 50px 0 20px; }

.contact-form + .certified-members {
    background: transparent;
    border: 0;
}

.c-form {
    padding: 48px 58px;
    background: #F8F8F8;
    border: 1px solid #DBDBDB;
}

.c-form .form-control {
    height: 52px;
    padding: 10px 22px;
    font-size: 13px;
    font-weight: 400;
    border-color: #D5D5D5;
    margin-bottom: 15px;
}

.c-form textarea.form-control { min-height: 123px; margin-bottom: 40px; }

.c-form .btn {
    padding: 0 64px;
    height: 60px;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    background: var(--primary-color);
    color: var(--white-color);
}

.c-form .btn:hover { opacity: .9; }

.c-form .btn-check:checked+.btn, 
.c-form .btn.active, .btn.show,
.c-form .btn:first-child:active, 
.c-form :not(.btn-check)+.btn:active {
    background: var(--primary-color);
    color: var(--white-color);
}

.c-form .form-control::placeholder { color: #ACACAC; }
  
.c-form  .form-control:-ms-input-placeholder { color: #ACACAC; }
  
.c-form .form-control::-ms-input-placeholder { color: #ACACAC; }

/* Ending Contact Us Page */

/* Starting About Us Page */

.about-intro { 
    padding: 40px 0 60px;
    text-align: center;
    color: var(--main-color)
}

.about-intro .title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

.about-intro .subtitle {
    font-size: 25px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.about-intro p {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin: 0;
}

.about-intro p:not(:last-of-type) { margin-bottom: 22px; }

.about-wrapper { padding-top: 60px; }

.about-details .top-content { text-align: center; margin-bottom: 70px; }

.about-details .top-content .icon {
    display: block;
    width: 117px;
    margin: auto;
    margin-bottom: 22px;
}

.about-details .top-content .icon img { display: block; max-width: 100%; }

.about-details .top-content .heading {
    font-size: 25px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 28px;
}

.about-details .top-content p {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 0;
}

.about-details .main-content {
    background: rgb(176,18,22);
    background: -moz-linear-gradient(top,  rgba(176,18,22,1) 0%, rgba(88,9,11,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(176,18,22,1) 0%,rgba(88,9,11,1) 100%);
    background: linear-gradient(to bottom,  rgba(176,18,22,1) 0%,rgba(88,9,11,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6800', endColorstr='#58090b',GradientType=0);
    overflow: hidden; 
}

.about-details .main-content .image { height: 100%; }

.about-details .main-content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-details .details {
    height: 100%;
    padding: 55px;
    color: var(--white-color);
}


.about-details .details .icon { display: block; width: 72px; margin-bottom: 25px; }

.about-details .details .icon img { display: block; max-width: 100%; }

.about-details .details .title {
    width: 60%;
    line-height: 29px;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 28px;
}

.about-details .details p {
    width: 530px;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    margin-bottom: 0;
} 

.about-details .details p:not(:last-of-type) { margin-bottom: 15px; }

.our-mission { padding: 75px 0; }

.our-mission .row { margin: 0 -7px; }

.our-mission .row > div { padding: 0 7px; }

.our-mission .item {
    height: 100%;
    min-height: 444px;
    padding: 80px 30px 30px 30px;
    color: var(--white-color);
    text-align: center;
    border: 1px solid #F0F0F0;
    position: relative;
    overflow: hidden;
}

.mission {
    background: #eac95b;
    background: -moz-linear-gradient(top,  #eac95b 0%, #000000 100%);
    background: -webkit-linear-gradient(top,  #eac95b 0%,#000000 100%);
    background: linear-gradient(to bottom,  #eac95b 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac95b', endColorstr='#000000',GradientType=0 );
}

.vision {
    background: #9cdd8c;
    background: -moz-linear-gradient(top,  #9cdd8c 0%, #000000 100%);
    background: -webkit-linear-gradient(top,  #9cdd8c 0%,#000000 100%);
    background: linear-gradient(to bottom,  #9cdd8c 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cdd8c', endColorstr='#000000',GradientType=0 );
}

.quality {
    background: #f25b5f;
    background: -moz-linear-gradient(top,  #f25b5f 0%, #000000 100%);
    background: -webkit-linear-gradient(top,  #f25b5f 0%,#000000 100%);
    background: linear-gradient(to bottom,  #f25b5f 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25b5f', endColorstr='#000000',GradientType=0 );
}

.our-mission .item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    mix-blend-mode: soft-light;
}

.mission::before { background: url(../images/01.png) no-repeat center top; background-size: cover; }

.vision::before { background: url(../images/05.png) no-repeat center top; background-size: cover; }

.quality::before { background: url(../images/06.png) no-repeat center top; background-size: cover; }

.our-mission .item > * { position: relative;}

.our-mission .item i {  display: inline-block; margin: auto; margin-bottom: 28px; width: 78px; }

.our-mission .item i img { display: block; max-width: 100%; }

.our-mission .item .title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 25px;
}

.our-mission .item p {
    width: 93%;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    margin: auto;
    margin-bottom: 0;
}

.networks { margin-bottom: 68px; }

.networks .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 250px;
    padding: 55px;
    overflow: hidden;
    background: var(--primary-color);
    color: var(--white-color);
    position: relative; 
}

.networks .wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/map.png) no-repeat top right;
    mix-blend-mode: multiply
}

.networks .wrapper > * { position: relative; }

.networks .heading {
    display: flex;
    align-items: center;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px;
}

.networks .heading i { width: 62px; }

.networks .heading i img { display: block; max-width: 100%; }

.networks p {
    width: 90%;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    margin: 0;
}

.networks a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 68px;
    height: 52px;
    font-size: 13px;
    font-weight: 500;
    background: var(--white-color);
    color: var(--main-color);
}

.networks a:hover { opacity: .9; }

/* Ending About Us Page */

/* Starting Single Blog Page */

.single-details { padding: 40px 0; overflow: hidden; }

.single-details .main-details,
.main__content {
    flex: 0 0 auto;
    width: 100%;
    color: var(--main-color);
}

.single-details .main-details .image { height: auto; margin-bottom: 30px; }

.single-details .main-details .image img { width: 100%; height: 100%; object-fit: cover; }

.single-details .top-details { 
    display: flex; 
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    color: var(--main-color);
    margin-bottom: 25px;
}

.single-details .top-details ul { display: flex; align-items: center; margin: 0; }

.single-details .top-details ul li a { display: flex; color: var(--main-color); }

.single-details .top-details i { position: relative; top: -2px; }

.single-details .main-details h3,
.single-details .content h3 { 
    font-size: 22px; 
    font-weight: 700; 
    color: var(--primary-color); 
    text-transform: capitalize; 
    margin-bottom: 18px;
}

.accordion { margin-bottom: 40px; }

.accordion-body p { font-size: 14px; line-height: 21px; }

.single-details .content p,
.single-details .content li { 
    font-size: 14px; 
    font-weight: 500; 
    line-height: 21px;
    margin-bottom: 20px;
}

.single-details .content > img  { margin-bottom: 20px;}

.single-details .content ul { margin-bottom: 30px; }

.single-details .content li { display: flex; justify-content: flex-start; margin-bottom: 15px; }

.single-details .content li::before {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    background: var(--primary-color);
    margin-top: 6px;
}

.single-details .thumbnails { display: flex; justify-content: space-between; margin: 40px 0; clear: both; }

.single-details .thumbnails > div,
.single-details .content > img {
    flex: 0 0 auto;
    width: calc((100% - 15px) / 2);
    height: 196px;
    overflow: hidden;
}

.single-details .thumbnails > div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-details .social-share { margin-bottom: 30px; }

.single-details .social-share ul { flex-wrap: wrap; }

.single-details .social-share a {
    display: block;
    width: 43px;
    height: 43px;
}

.single-details .social-share img { display: block; max-width: 100%; }

.single-details .categories { display: flex; font-size: 14px; color: #3D3D3C; font-weight: 500; }

.single-details .categories ul { margin: 0; }

.single-details .categories a { color: #3D3D3C; }

.single-details .categories label { margin-bottom: 0; }

.single-details hr { margin: 30px 0; border-color: #CBCBCB; opacity: 1; }

.single-details .pagination { display: flex; justify-content: space-between; }

.single-details .pagination .page-link { 
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 135px;
    height: 52px;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--main-color);
    border: 1px solid #D5D5D5;
}

.single-details .pagination .page-link:hover { background: var(--primary-color); color: var(--white-color); }

.single-details .pagination .page-link i { color: var(--primary-color); font-size: 13px; }

.single-details .pagination .page-link:hover i { color: var(--white-color); }

.main-aside {
    flex: 0 0 auto;
    width: 330px;
}

.main-aside > *:not(:last-child) { margin-bottom: 20px; }

.main-aside .sidebar {
    padding: 36px 24px 55px;
    background: #F9F9F9;
    border: 1px solid #ddd;
}

.main-aside .sidebar .heading {
    font-size: 17px;
    font-weight: 600;
    color: var(--main-color);
    margin-bottom: 10px;
}

.main-aside .req-call {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 72px;
    font-size: 14px;
    font-weight: 600;
    background: var(--primary-color);
    color: var(--white-color);
    margin-bottom: 36px;
}

.main-aside .req-call:hover { background: var(--main-color); }

.main-aside .req-call::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/link-arrow.svg) no-repeat;
    background-size: contain;
}

.main-aside .links li { border-bottom: 1px solid #E2E2E2; }

.main-aside .links li a {
    display: flex;
    padding: 11px 0;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 500;
    color: var(--main-color);
}

.main-aside .links li a:hover { color: var(--primary-color); }

.main-aside .links li a:after {
    content: "\f061";
    font-family: "Font Awesome 6 Free"; 
    font-weight: 600;
    font-size: 11px;
    color: var(--primary-color);
    position: relative;
    top: 1px;
}

.form-wrapper {
    padding: 20px 10px;
    background: var(--primary-color);
    margin-bottom: 20px;
}

.form-wrapper .s-form {
    width: 100%;
    background: #fff;
    border: 0;
}

.recent-posts.posts { margin: 0; }

.recent-posts .heading { padding-bottom: 10px; border-bottom: 1px solid #E2E2E2; }

.recent-posts li {
    display: flex;
    align-items: flex-start;
    font-size: 13px;
    font-weight: 300;
    padding: 15px 0;
    position: relative;
}

.recent-posts li:after {
    content: "\f061";
    font-family: "Font Awesome 6 Free"; 
    font-weight: 600;
    font-size: 11px;
    color: var(--primary-color);
    position: relative;
    top: 30px;
}

.recent-posts li:first-of-type { padding-top: 0; }

.recent-posts li { margin-bottom: 0; border-bottom: 1px solid #E2E2E2; }

.recent-posts li a { color: var(--main-color); }

.recent-posts li:hover { background: #fff; }

.recent-posts li .image {
    width: 85px;
    height: 72px;
}

.recent-posts .title { font-size: 12px; width: 95%; line-height: 18px; font-weight: 600; }

.recent-posts .date::before {
    filter: none;
    opacity: 1;
}

.aside-quote { padding-bottom: 0; }

.aside-quote .quote {
    padding-top: 52px;
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
    text-align: center;
    overflow: hidden;
}

.aside-quote .quote .details { padding-top: 0; padding-bottom: 0; }

.aside-quote .quote .details,
.aside-quote .image { width: 100%; }

.aside-quote .quote::before {
    width: 100%;
    height: 433px;
    background: url(../images/quotebg2.png) no-repeat;
    bottom: 0;
    left: 0;
    right: 0;
}

.get-quote .quote::after { display: none;}

.aside-quote .quote .details > i { max-width: 52px; margin: auto; margin-bottom: 18px; }

.aside-quote .quote .details .title { font-size: 29px; margin-bottom: 12px; }

.aside-quote.get-quote .quote .details p { width: 98%; font-size: 14px; margin: auto; margin-bottom: 15px;}

.aside-quote.get-quote .quote .details a { padding: 0 55px; margin: auto; margin-bottom: 10px; }

.aside-quote .image { width: 233px; height: 303px; margin-left: auto;  margin-right: auto; padding: 0; }

.main-aside .download {
    padding: 38px 20px 58px;
    background: var(--main-color);
    color: var(--white-color);
    text-align: center;
}

.main-aside .heading {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
}

.main-aside .download ul { justify-content: center; }

/* Ending Single Blog Page */

/* Starting Accordion Style */

.accordion-item { border: 1px solid #CBCBCB!important; overflow: hidden; }

.accordion-item:not(:last-of-type) { margin-bottom: 10px; }

.accordion-button { 
    padding: 10px 20px;
    min-height: 60px;
    font-size: 14px;
    font-weight: 700;
}

.accordion-button:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    background: transparent;
    color: var(--primary-color);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
    content: "\2b";
    background: transparent;
    font-family: "Font Awesome 6 Free"; 
    font-weight: 600;
    font-size: 20px;
    color: var(--primary-color);
}

.accordion-button:not(.collapsed)::after {
    content: "\f068";
}

.accordion-body { border-top: 1px solid #CBCBCB; }

.accordion-body p {
    font-weight: 500!important;
}

/* Ending Accordion Style */

/* Starting Single Product Page */

.product-details { padding: 40px 0; }

.product-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 60px;
    background: #F9F9F9;
    border: 1px solid #ddd;
}

.product-wrapper .image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 391px;
    height: 391px;
    background: #fff;
    border: 1px solid #E2E2E2;
    overflow: hidden;
}

.product-wrapper .details {
    flex: 0 0 auto;
    width: calc(100% - 421px);
    padding-top: 30px;
    color: var(--main-color);
}

.product-wrapper .price {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
}

.product-wrapper .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 25px;
    text-transform: capitalize;
    color: var(--primary-color);
    margin-bottom: 26px;
}

.product-wrapper p {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 20px;
}

.product-wrapper .status {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 36px;
}

.product-wrapper .add-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 55px;
    height: 54px;
    font-size: 17px;
    font-weight: 500;
    background: var(--main-color);
    color: var(--white-color);
}

.product-wrapper .add-cart:hover { background: var(--primary-color); }

.product-wrapper .add-cart i { margin-top: -3px; }

.product-wrapper .details hr { margin: 34px 0 26px; border-color: #CBCBCB; opacity: 1; }

.product-wrapper .social-share .heading { 
    font-size: 22px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.product-wrapper .social-share { flex-wrap: wrap; }

.product-wrapper .social-share a {
    display: block;
    width: 29px;
    height: 29px;
}

.product-wrapper .social-share a img { display: block; max-width: 100%; }

.other-products { padding-top: 15px; padding-bottom: 48px; }

.other-products .row { margin: 0 -6px; }

.other-products .row > div { padding: 0 6px; margin-bottom: 28px; }

.other-products .item {
    display: block;
    padding: 28px 22px 28px; 
    background: #F8F8F8;
    color: var(--main-color);
    border: 1px solid #F0F0F0;
    overflow: hidden;
}

.other-products .item:hover { border-color: #E2E2E2;}

.other-products .item .image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #E2E2E2;
    overflow: hidden;
}

.other-products .item .image img { height: 100%; }

.other-products .item .title {
    font-size: 16px;
    font-weight: 600;
    height: auto;
    overflow: hidden;
    line-height: 25px;
    margin-bottom: 12px;
}

.other-products .item .more {
    color: #464646;
    border-color: #D5D5D5;
}

.other-products .item:hover .more { background: var(--primary-color); color: var(--white-color); }

/* Ending Single Product Page */

/* Starting Steps */

.main-steps { padding: 40px 0 70px; }

.main-steps .s-heading { padding-top: 57px; margin-bottom: 32px; background: url(../images/horse.svg) no-repeat 49.4% top; }

.top-note { display: flex; align-items: flex-start; margin-bottom: 30px; }

.top-note .icon {
    flex: 0 0 auto;
    width: 51px;
    margin-top: -5px;
}

.top-note p {
    width: 80%;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    color: var(--main-color);
    margin: 0;
}

.form-steps {
    padding: 50px;
    border: 1px solid #DBDBDB
}

.form-steps .c-form { 
    padding: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: transparent;
}

.wizard > .steps { margin-bottom: 18px; }

.form-steps .steps > ul { display: flex; justify-content: center; position: relative; }

.form-steps .steps > ul > * { position: relative; }

.wizard > .steps > ul > li { width: 165px; }

.wizard > .steps > ul > li:last-of-type { width: 65px; }

.wizard > .steps > ul > li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: calc(65px / 2);
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    border-top: 2px solid #E2E2E2;
    z-index: -1;
}

.wizard > .steps > ul > li.done::after {
    border-color: var(--primary-color);
}

.wizard > .steps .number { display: none; }

.wizard > .steps a { padding: 0; text-align: center; }

.form-steps .steps li .icon {
    display: block;
    width:  65px;
    height: 65px;
    background: #fff; 
}

.form-steps .steps li .icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-bottom: 5px;
    background: #fff;
    border: 3px solid var(--primary-color);
}

.wizard > .steps a > span:last-child { display: block; width: 65px; font-size: 12px; font-weight: 500; margin-top: 4px; }

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active { padding: 0; margin: 0; }

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background: transparent;
    color: var(--primary-color);
}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
    background: transparent;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background: transparent;
    color: var(--primary-color);
}

.wizard > .steps .disabled a .icon i , .wizard > .steps .disabled a:hover .icon i, .wizard > .steps .disabled a:active .icon i {
    filter: grayscale(1);
    opacity: .2;
}

.wizard > .content { background: transparent; margin: 0; min-height: 38.4em; overflow: visible; }

.wizard > .content > .body {
    height: 100%;
    width: 100%;
    padding: 0;
    padding-top: 8px;
}

.wizard > .content > .body label { font-size: 14px; font-weight: 500; text-transform: capitalize; }

.wizard > .content > .body label.label { display: inline-block; font-size: 17px; font-weight: 600; margin-bottom: 22px; }

.wizard > .content > .body label.label + hr {
    margin-top: 0;
    border-color: #E2E2E2;
    opacity: 1;
}
 
.wizard > .content > .body .checkbox-control {
    display: flex;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #E2E2E2;
}

.wizard > .content > .body .checkbox-control:first-of-type { border-top: 1px solid #E2E2E2; }

.wizard > .content > .body .checkbox-control label { display: flex; align-items: center; margin: 0; }

.wizard > .content > .body .checkbox-control i {
    display: inline-flex;
    flex: 0 0 auto;
    width: 50px;
}

.wizard > .content > .body .checkbox-control i img { display: block; max-width: 100%; }

.form-group { position: relative; margin-bottom: 20px;  }

.radio-group { flex-wrap: wrap; margin-bottom: 35px; }

.radio-group .error { 
   min-width: 200px;
   bottom: -30px!important;
}

.radio-control { display: flex; align-items: center; }

.radio-control label:not(.error) { margin: 0!important; font-size: 17px!important; font-weight: 600!important; }

.custom-checkbox,
.custom-radio {
    display: inline-flex;
    flex: 0 0 auto;
    width: 27px;
    height: 27px;
    border: 2px solid #D5D5D5;
    position: relative;
}

.custom-checkbox input,
.custom-radio input { width: 100%; height: 100%; opacity: 0; }

.custom-checkbox.active,
.custom-radio.active { border-color: var(--primary-color); background: var(--primary-color);}

.custom-checkbox::before,
.custom-radio::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--primary-color) url(../images/check.svg) no-repeat center;
    opacity: 0;
}

.custom-checkbox.active::before,
.custom-radio.active::before { opacity: 1; }

.wizard .form-group label.error {
    margin: 0;
    position: absolute;
    bottom: -20px;
}

.wizard .form-group .form-control { margin-bottom: 0; }

.wizard > .content > .body input[type='file'].error { background: #fff; }

.wizard textarea.form-control { margin-bottom: 20px; }

.add-file { height: 52px; cursor: pointer; }

.add-file > label { display: flex!important;  align-items: center; position: relatiev; height: inherit;}

.add-file > label > div { height: inherit; border: 1px solid #D5D5D5; overflow: hidden; }

.add-file span.label {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 50px;
    top: 1px;
    bottom: 0;
    margin: 0!important;
    background: #fff;
    cursor: pointer;
}

.add-file span.label::after {
    content: "|";
    font-size: 13px;
    color: #717171;
}

.add-file span.label i { width: 22px; }

.add-file span.label img { display: block; max-width: 100%; }

.add-file .form-control { height: inherit; line-height: 50px; width: auto; border: 0; padding: 0; margin: 0; border: 0!important; }

.add-file .add {
    display: inline-flex;
    align-items: center;
    padding: 0 35px;
    height: inherit;
    font-size: 13px;
    font-weight: 500;
    background: var(--primary-color);
    color: var(--white-color);
    cursor: pointer;
}

.add-file .add:hover {
    background: var(--main-color);
}

.wizard > .actions > ul{ display: flex; margin-top: 10px; }

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    font-size: 16px;
    text-transform: uppercase;
    background: var(--primary-color);
}

.wizard > .actions a:hover { opacity: .9; }

.wizard > .actions > ul > li { flex: 0 0 auto; width: 100%; margin: 0; font-weight: 500; }

.wizard > .actions > ul > li:last-of-type a { background: #12B03D; }

.wizard .previous {
    position: absolute;
    top: 0;
    list-style: none;
    z-index: 99;
}

.wizard > .content > .body:first-of-type .previous { display: none; }

.wizard .previous a {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 38px;
    background: var(--main-color);
    color: var(--white-color);
    font-weight: 400;
    font-size: 13px;
}

.wizard .previous a:hover { background: var(--primary-color); }

.wizard .previous a::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/link-arrow.svg);
}

.c-msg { display: none; }

.c-msg > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 40em;
    position: relative;
}

.c-msg > div::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/horse.svg) no-repeat center;
    background-size: 100%;
    opacity: .05;
    z-index: -1;
}

.c-msg .thanks {
    margin: 0;
    font-size: 50px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--primary-color);
}

.c-msg .completed { 
    margin: 20px 0; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    width: 150px; 
    height: 150px; 
    border: 2px solid var(--primary-color); 
}

.c-msg .completed img { display: block; max-width: 60%; }

.c-msg p { font-size: 30px; font-weight: 600; margin: 0; }

/* Ending Steps */

/* Starting ProgressBar Style */

.progress { height: 7px; margin-top: 20px; background: transparent; position: relative; }

.progress::before {
    content: "";
    width: 100%;
    height: 0;
    border-top: 1px solid #E2E2E2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: -1;
}

.progress-bar { 
    background: #1EB03D; 
}

#shipping-error,
#acceptTerms-error {
    position: absolute;
    bottom: -40px;
}

/* Ending ProgressBar Style */

/* Starting DatePicker */

.xdsoft_datetimepicker.xdsoft_inline { display: block; overflow: hidden; border: 0; padding-top: 8px; }

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    width: 100%;
}

.xdsoft_datetimepicker .xdsoft_monthpicker { display: flex; }

.xdsoft_datetimepicker .xdsoft_month,
.xdsoft_datetimepicker .xdsoft_year { display: flex; width: auto; font-size: 17px; font-weight: 600; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    font-size: 14px;
    font-weight: 500;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    height: 64px;
    font-size: 17px;
    font-weight: 400;
    color: var(--main-color);
    text-align: center;
    background: transparent;
    border-color: #D9D9D9;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 600;
    border: 0;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: var(--primary-color);
    border-color: var(--primary-color);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    font-weight: 400;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    background: var(--main-color)!important;
    border-color: var(--main-color);
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover, 
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    border-color: #898b90;
}

.xdsoft_prev,
.xdsoft_next {
    width: 15px!important;
    background: url(../images/datepickerarrow.svg) no-repeat center!important;
    background-size: contain!important;
}

/* Ending DatePicker */
.pd80{
    padding-top: 80px;
    padding-bottom: 80px;
}