/*
    Extra small()   <576px
    Small(sm)       ≥576px
    Medium(md)      ≥768px
    Large(lg)       ≥992px
    X-Large(lg)     ≥1200px
    XX-Large(xxl)   ≥1400px
*/
/* .container	100%	540px	720px	960px	1140px	1320px */

:root{
    --primary-color: #EF9B11;
    --secondary-color:#383536;
    --other-color: #ffc50c;

    --manrope: 'Manrope', sans-serif;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    font-family: var(--manrope);
    font-size: 1rem;
}
p{
    line-height: 1.6;
    word-spacing: 1.2px;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
}

.sec-img{
    text-align: center;
}
.sec-img img{
    max-width: 100%;
}

ul.iti__country-list{
    width: 100%;
}

ul.iti__country-list li{
    white-space: normal;
}

input.country_code_select {
    padding-left: 60px !important;
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes heartBeat {
    0% {
        transform: scale(1);
    }
    14% {
        transform: scale(1.3);
    }
    28% {
        transform: scale(1);
    }
    42% {
        transform: scale(1.3);
    }
    70% {
        transform: scale(1);
    }
}


/* Owl-Carousel */
.owl-carousel .owl-nav.disabled{
    display: none;
}
.owl-carousel .owl-nav{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{
    pointer-events: all;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* width: 50px;
    height: 50px;
    border-radius: 50%; */
    background-color: transparent !important;
    color: var(--primary-color) !important;
    font-size: 32px !important;
    font-weight: bolder !important;
    padding: 8px !important;
}
.owl-carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled{
    pointer-events: none;
    opacity: 0.5;
}

.owl-carousel .owl-dots.disabled{
    display: none;
}
.owl-carousel .owl-dots{
    position: relative;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
    pointer-events: none;
}
.owl-carousel .owl-dots .owl-dot{
    pointer-events: all;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary-color);
    margin: 0 3px;
    opacity: 0.5;
}
.owl-carousel .owl-dots .owl-dot.active{
    opacity: 1;
}
.owl-carousel .owl-stage{
    display: flex;
}
.owl-carousel .slide{
    height: 100%;
    padding: 15px 0;
}


/* =========== Form-1 =========== */
.form-1{
    width: 100%;
}
.form-1 form{
    box-shadow: 0 10px 10px #00000029;
    background-color: rgba(255, 255, 255, 0.65);
    padding: 40px 40px;
    margin: 0 auto;
}
.form-1 form .title{
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 1px;
    color: var(--primary-color);
    margin-bottom: 25px;
}
.form-1 form .input-field {
    position: relative;
    margin-bottom: 20px;
}
.form-1 form .input-field input,
.form-1 form .input-field label,
.form-1 form .input-field select,
.form-1 form .input-field textarea{
    width: 100%;
    border: none;
    outline: none;
    box-shadow: none;
    border: 1px solid #333  ;
    background-color: rgba(255, 255, 255, 0.5);
    color: #333;
    font-weight: 500;
    padding: 8px 12px;
}
.form-1 form .input-field select{
    appearance: none;
    font-size: 14px;
}
.form-1 form .input-field.select-tag::after{
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-items: center;
    height: 100%;
}
.form-1 form .input-field select option{
    font-weight: 500;
    font-size: 14px;
}
.form-1 form .input-field textarea{
    display: block;
    margin-bottom: -3px;
}
.form-1 form .input-field.file label p::after,
.form-1 form .input-field input::placeholder,
.form-1 form .input-field textarea::placeholder{
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
.form-1 form .input-field.file label p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 120px;
    margin: 0;
}
.form-1 form .input-field.file input~label p::after {
    content: 'Attachment *';
}
.form-1 form .input-field.file input~label.selected p {
    color: #333;
}
.form-1 form .input-field.file input~label.selected p::after {
    display: none;
}
.form-1 form .input-field.file label span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 120px;
    height: 100%;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.form-1 form .input-field.terms{
    margin: 6px 0;
}
.form-1 form .input-field.terms label{
    background-color: transparent;
    display: flex;
    user-select: none;
    cursor: pointer;
    border: none;
    padding: 0;
}
.form-1 form .input-field.terms label input[type="checkbox"]{
    display: none;
}
.form-1 form .input-field.terms label .checkbox-btn{
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 1px solid var(--primary-color);
    background-color: #fff;
    color: #fff;
    font-size: 10px;
    margin-right: 8px;
}
.form-1 form .input-field.terms label input:checked ~ .checkbox-btn{
    border: none;
    background-color: var(--primary-color);
}
.form-1 form .input-field.terms label p{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}
.form-1 form .input-field.terms label p a{
    text-decoration: underline;
    color: var(--primary-color);
}
.form-1 form .input-field input.error-msg{
    border-color: red;
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.12);
}
.form-1 form .input-field span.error-msg{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--font-1);
    font-weight: 600;
    font-size: 12px;
    color: red;
    margin-top: 3px;
    margin-bottom: -8px;
}
.form-1 form .input-field span.error-msg::after{
    content: '\f06a';
    font-family: 'Font Awesome 5 Pro';
}
.form-1 form .input-submit{
    text-align: center;
}
.form-1 form .input-submit input,
.form-1 form .input-submit button{
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 3px;
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 8px 18px;
    transition: .3s ease;
}
.form-1 form .input-submit input:hover,
.form-1 form .input-submit button:hover{
    background-color: var(--secondary-color);
}


.form-1 form .form-steps{
    display: none;
}
.form-1 form .form-steps.active{
    display: block;
}


@media screen and (max-width: 575px) {
    .form-1 form{
        padding: 25px;
    }
    .form-1 form .title{
        font-size: 24px;
    }
}

/* =========== scroll_bar =========== */
.scroll_bar::-webkit-scrollbar {
    width: 4px;
}

.scroll_bar::-webkit-scrollbar-track {
    background-color: #e1e1e1;
    border-radius: 25px;
}

.scroll_bar::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 25px;
}


/* =========== scroll_content =========== */
@media screen and (min-width: 992px) {
    .scroll_content{
        height: 100%;
        max-height: 320px;
        overflow-y: scroll;
    }
}


/* =========== right-side_points =========== */
.right-side_points{
    padding-left: 30px;
}
.right-side_points .inner-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}
.right-side_points .inner-flex .left-text strong{
    display: inline-block;
    font-size: 20px;
    color: var(--primary-color);
    margin-bottom: 5px;
}
.right-side_points .inner-flex .left-text p{
    font-weight: 500;
    font-size: 14px;
    margin: 0;
}
.right-side_points .inner-flex .icon{
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    font-size: 28px;
    background-color: var(--primary-color);
    color: #fff;
}

@media screen and (max-width: 991px) {
    .right-side_points{
        padding-left: 0;
        margin-top: 25px;
    }
}


/* =========== data-sticky-main-ele =========== */
[data-sticky-main-ele]{
    position: relative;
}
[data-sticky-main-ele] [data-sticky-content-ele]{
    position: sticky;
    top: 50px;
    z-index: 1;
    height: 100%;
}


/* =========== Sec-Heading =========== */
.sec-heading{
    text-align: center;
    margin-bottom: 40px;
}
.sec-heading h2{
    font-family: var(--manrope);
    font-weight: 400;
    font-size: 32px;
}
.sec-heading h2 strong{
    font-weight: 800;
    color: var(--primary-color);
}
.sec-heading h2::after{
    content: '';
    display: block;
    max-width: 30%;
    height: 3px;
    border-radius: 15px;
    background-color: var(--primary-color);
    margin: 15px auto 0;
}
.sec-heading p{
    margin-top: 15px;
}

@media screen and (max-width: 767px) {
    .sec-heading h2{
        font-size: 24px;
    }
    .sec-heading p{
        font-size: 15px;
    }
}

@media screen and (max-width: 575px) {
    .sec-heading h2{
        font-size: 18px;
    }
    .sec-heading p{
        font-size: 14px;
    }
}

/* =========== Sec-CSS =========== */
.sec-css{
    padding: 80px 0;
    text-align: center;
}
.sec-css .our-status p{
    font-size: 18px;
    font-weight: bold;
    color: #555;
}
.sec-css .our-status .status-count{
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    border-radius: 10px;
    padding: 8px 0;
    margin: 10px 0;
}
.sec-css .our-status .status-count span{
    font-size: 48px;
    font-weight: bolder;
    color: var(--primary-color);
}
.sec-css .our-status .status-count p{
    text-transform: uppercase;
}
.cta-btn .content-box {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-color);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    border-radius: 10px;
    padding: 10px 0;
}
.cta-btn .content-box p {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    margin: 0;
}
.cta-btn .content-box a {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    background-color: #fff;
    color: #000;
    padding: 8px 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    margin-left: 40px;
}
.card-1 .icon svg {
    width: 100%;
    height: 100%;
    fill: var(--primary-color);
}
.view-btn a {
    text-decoration: none;
    border-radius: 5px;
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 25px;
    font-size: 20px;
    font-weight: 500;
}
.view-btn a:hover{
    background-color: var(--secondary-color);
    color: #fff;
}
.testimonials span {
    font-size: 18px;
    font-weight: bold;
    color: var(--primary-color);
}
.testimonials p {
    border-radius: 10px;
    background-color: #eaeaea;
    padding: 20px 15px;
    margin: 15px 10px 0;
    font-size: 15px;
    position: relative;
}
.testimonials p::after {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    display: block;
    width: 20px;
    height: 20px;
    background-color: #eaeaea;
}


/* =========== Card-1 =========== */
.card-1{
    height: 100%;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    padding: 25px 30px;
}
.card-1 .icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    border: 3px solid var(--primary-color);
    color: var(--primary-color);
    font-size: 28px;
    margin-bottom: 12px;
}
.card-1 .content-box .title{
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 12px;
}
.card-1 .content-box .des{
    font-size: 15px;
}


/* =========== Btn-1 =========== */
.btn-1{
    display: inline-block;
    text-decoration: none;
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 5px;
    background-color: var(--primary-color);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 15px;
    transition: .3s;
}
.btn-1:hover{
    background-color: var(--secondary-color);
    color: #fff;
}


/* =========== Breadcrumb-Sec =========== */
.breadcrumb-sec{
    border-bottom: 2px solid #eee;
    padding: 10px 0;
    margin-bottom: 40px;
}
.breadcrumb-sec ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.breadcrumb-sec ul li{
    display: inline-block;
}
.breadcrumb-sec ul li a,
.breadcrumb-sec ul li span{
    text-decoration: none;
    display: inline-block;
    font-weight: 500;
    color: #333;
}
.breadcrumb-sec ul li a:hover{
    color: var(--primary-color);
}
.breadcrumb-sec ul li a::after{
    content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    color: #333;
    margin-left: 12px;
    margin-right: 8px;
}


/* =========== owl_slider_1 =========== */
.owl_slider_1{
    padding: 0 25px;
}
.owl_slider_1 .owl-nav{
    margin: 0 -25px;
}

@media screen and (max-width: 575px) {
    .owl_slider_1{
        padding: 0;
    }
}

/* =========================== Header Area =========================== */
.sidemenu-btn{
    display: none;
    border: none;
    outline: none;
    box-shadow: none;
    background-color: transparent;
    font-size: 28px;
   font-weight: 900
}
.order-page-btn{
    text-decoration: none;
    display: none;
    text-transform: uppercase;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 14px;
    padding: 5px 18px;
    border-radius: 80px;
    box-shadow: 0 0 5px var(--primary-color);
}
.order-page-btn:hover{
    color: #fff;
}
header{
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    background-color: #fff;
}
.top-header{
    background-color: var(--primary-color);
}
.top-header .header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
}
.top-header .header .offer{
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}
.top-header .header .offer span{
    font-weight: 600;
    background: #fff;
    color: var(--primary-color);
    padding: 2px 10px;
    margin-right: 3px;
}
.top-header .header .offer strong{
    color: #fff;
    text-decoration: underline;
    margin-left: 3px;
}
.top-header .header .contact-info ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.top-header .header .contact-info ul li{
    display: inline-block;
}
.top-header .header .contact-info ul li a{
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-left: 10px;
    transition: .2s;
}
.top-header .header .contact-info ul li a:hover{
    color: var(--secondary-color);
}
.main-header .header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-header .header .logo img{
    max-width: 180px;
}
.main-header .header .order-page-btn{
    display: inline-block;
}
.main-header .header .HeaderMenus .MyMenu a{
    display: inline-block;
    text-decoration: none;
    text-transform: capitalize;
    color: var(--primary-color-2);
}
.main-header .header .HeaderMenus .MyMenu > li > a{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    padding: 25px 10px;
}

@media screen and (max-width: 991px) {
    .top-header .header .contact-info ul li a{
        margin-left: 15px;
    }
    .top-header .header .contact-info ul li a span{
        display: none;
    }
    .main-header .header .HeaderMenus{
        display: none;
    }
    .main-header .header{
        flex-direction: row-reverse;
        padding: 15px 0;
    }
    .main-header .header .sidemenu-btn{
        display: inline-block;
    }
}

@media screen and (max-width: 575px) {
    .top-header .header .offer{
        display: none;
    }
    .top-header .header .order-page-btn{
        display: inline-block;
        font-size: 10px;
        padding: 3px 15px;
    }
    .main-header .header{
        padding: 5px 0;
    }
    .main-header .header .logo img{
        max-width: 150px;
    }
    .main-header .header .order-page-btn{
        display: none;
    }
}
/* =========================== End Header Area =========================== */

/* =========================== End Header Area =========================== */
.hero-sec{
    /* background: linear-gradient(45deg, rgba(255,210,0,1) 65%, rgba(38,38,38,1) 65%); */
    /* background-image: linear-gradient(rgba(17, 63, 103, 0.45), rgba(17, 63, 103, 0.45)), url(../img/hero-bg.jpg); */
    /* background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url(../img/hero-bg.jpg); */
    /* background-image: linear-gradient(45deg, #bde0ff 60%, #113F67 60%); */
    /* background: linear-gradient(135deg, rgb(231, 244, 255) 0%, rgb(0, 65, 123) 100%); */
    background: linear-gradient(135deg, #ffc2646e 44%, #ef9b11f2 100%);

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 50px 0;
}
.hero-sec .content-box .d-text{
    font-size: 52px;
    font-weight: 800;
    margin-bottom: 15px;
}
.hero-sec .content-box ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.hero-sec .content-box ul p{
    margin: 0;
}
.hero-sec .content-box ul.points{
    margin-bottom: 40px;
}
.hero-sec .content-box ul.points li{
    font-weight: 500;
    margin-bottom: 8px;
}
.hero-sec .content-box ul.points li::before{
    content: '\f058';
    font-family: 'Font Awesome 5 Pro';
    color: var(--primary-color);
    display: inline-block;
    margin-right: 3px;
}
.hero-sec .content-box .highlight span{
    display: inline-block;
    font-size: 28px;
    color: var(--primary-color);
    margin-bottom: 8px;
}
.hero-sec .content-box .highlight p{
    font-weight: 500;
    font-size: 18px;
}

@media screen and (max-width: 575px) {
    .hero-sec{
        padding: 30px 0;
    }
    .hero-sec .content-box .d-text{
        font-size: 42px;
    }
    .hero-sec .content-box .highlight p{
        font-size: 14px;
    }
}

/* =========================== End Header Area =========================== */

/* =========================== Sop-Slider Area =========================== */
.sop-slider{
    overflow: hidden;
}
.sop-slider .img-container{
    position: relative;
    margin: 8px 0 10px;
}
.sop-slider .img-box{
    position: relative;
    top: 0;
    display: flex;
}
.sop-slider .img-box .img{
    flex: none;
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}
.sop-slider .img-box .img img{
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.sop-slider .img-box:not(.clone){
    animation: float_anime_1 30s linear infinite;
}
.sop-slider .img-box.clone{
    position: absolute;
    animation: float_anime_2 30s linear infinite;
}
@keyframes float_anime_1{
    0%{
        left: 0%;
    }
    50%{
        left: -100%;
    }
    50.01%{
        left: 100%;
    }
    100%{
        left: 0%;
    }
}
@keyframes float_anime_2{
    0%{
        left: 100%;
    }
    50%{
        left: 0%;
    }
    50.01%{
        left: 0%;
    }
    100%{
        left: -100%;
    }
}
/* =========================== End Sop-Slider Area =========================== */

/* =========================== Section-3 Area =========================== */
.section-3 .content-box ul{
    display: flex;
    flex-wrap: wrap;
    column-gap: 50px;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 50px;
}
.section-3 .content-box ul li{
    flex: none;
    width: calc(50% - 25px);
    margin-bottom: 12px;
}
.section-3 .content-box ul li strong{
    display: inline-block;
    font-size: 20px;
    color: var(--primary-color);
    margin-bottom: 5px;
}

@media screen and (max-width: 991px) {
    .section-3 .sec-img{
        margin-top: 40px;
    }
}

@media screen and (max-width: 575px) {
    .section-3 .content-box ul li{
        width: 100%;
    }
}

/* =========================== End Section-3 Area =========================== */

/* =========================== Order-On-WhatsApp Area =========================== */
.order-on-whatsapp{
    text-align: center;
    /* background-color: #e3f7e6; */
    background-color: rgba(17, 63, 103, 0.15);
    padding: 50px 0;
}
.order-on-whatsapp form{
    display: flex;
    max-width: 580px;
    margin: 0 auto;
}
.order-on-whatsapp form .input-field{
    width: 100%;
}
.order-on-whatsapp form .input-field input[type="number"]{
    border: none;
    outline: none;
    box-shadow: none;
    display: block;
    width: 100%;
    height: 50px;
}
.order-on-whatsapp form button{
    flex: none;
    display: block;
    width: 100%;
    max-width: 180px;
    border: none;
    outline: none;
    box-shadow: none;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 14px;
}

@media screen and (max-width: 575px) {
    .order-on-whatsapp form {
        display: block;
    }
    .order-on-whatsapp form button{
        padding: 14px 5px;
        margin: 15px auto 0;
    }
}
/* =========================== End Order-On-WhatsApp Area =========================== */

/* =========================== Section-4 Area =========================== */
.section-4 .content-box{
    padding-left: 50px;
}
.section-4 .content-box .title{
    font-size: 28px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 18px;
}
.section-4 .content-box .des{
    margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
    .section-4 iframe{
        margin-bottom: 30px;
    }
    .section-4 .content-box{
        padding-left: 0;
    }
}
/* =========================== End Section-4 Area =========================== */

/* =========================== Tab-content-Sec Area =========================== */
.tab-content-sec .switch-tab ul{
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
.tab-content-sec .switch-tab ul li{
    display: inline-block;
    font-weight: 600;
    padding: 8px 5px;
    margin: 0 12px;
    cursor: pointer;
}
.tab-content-sec .switch-tab ul li:hover{
    color: var(--primary-color);
}
.tab-content-sec .switch-tab ul li.active{
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}
.tab-content-sec .tab-content{
    max-width: 920px;
    margin: 40px auto 0;
}
.tab-content-sec .tab-content .content-box{
    display: none;
}
.tab-content-sec .tab-content .content-box.active{
    display: block;
}
.tab-content-sec .tab-content .content-box > div.row{
    align-items: center;
}
.tab-content-sec .tab-content .content-box .img img{
    width: 100%;
}
.tab-content-sec .tab-content .content-box .title{
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px;
}
.tab-content-sec .tab-content .content-box .des{
    margin-bottom: 18px;
}

@media screen and (max-width: 991px) {
    .tab-content-sec .tab-content .content-box .img{
        max-width: 320px;
        margin: 0 auto 30px;
    }
}
/* =========================== End Tab-content-Sec Area =========================== */

/* =========================== Testimonials-Sec Area =========================== */
.testimonials-sec{
    background-color: var(--primary-color);
    padding: 50px 0;
}
.testimonials-sec .heading{
    text-align: center;
    color: #fff;
}
.testimonials-sec .heading h2{
    color: var(--secondary-color);
}
/* .testimonial-slider{
    max-width: 920px;
    margin: 0 auto;
} */
.testimonial-card{
    height: 100%;
    border-radius: 5px;
    background-color: #fff;
    padding: 25px;
}
.testimonial-card .info{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.testimonial-card .info .detail .order-id{
    font-weight: bold;
    font-size: 18px;
    color: var(--primary-color);
}
.testimonial-card .info .detail .place{
    font-weight: 500;
    font-size: 13px;
}
.testimonial-card .info .rating{
    font-size: 18px;
    color: var(--primary-color);
}
.testimonial-card .comment{
    font-weight: 500;
    font-size: 15px;
}

@media screen and (max-width: 575px) {
    .testimonial-card .info{
        display: block;
    }
    .testimonial-card .info .rating{
        margin-top: 10px;
    }
}
/* =========================== End Testimonials-Sec Area =========================== */

/* =========================== FAQ-Sec Area =========================== */
.faq-sec{
    background-color: #eee;
    padding: 50px 0;
}
.accordion-box .accordion{
    margin-bottom: 15px;
}
.accordion-box .accordion .accordion-title{
    border-radius: 3px;
    background-color: #fff;
    padding: 12px 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.accordion-box .accordion .accordion-title h4{
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}
.accordion-box .accordion .accordion-title span.icon::after{
    content: '\f067';
    font-family: 'Font Awesome 5 Pro';
}
.accordion-box .accordion .accordion-title span.minus::after{
    content: '\f068';
    font-family: 'Font Awesome 5 Pro';
}
.accordion-box .accordion .accordion-slide{
    display: none;
    font-size: 15px;
    font-weight: 600;
    padding: 15px 25px;
    padding-right: 0;
}
/* =========================== End FAQ-Sec Area =========================== */

/* =========================== Footer Area =========================== */
footer .footer{
    background-color: var(--secondary-color);
    color: #fff;
    padding: 80px 0;
}
footer .footer .heading_title{
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 15px;
}
footer .footer ul{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}
footer .footer ul li a{
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin: 5px 0;
    transition: .2s ease;
}
footer .footer ul li a:hover{
    color: var(--primary-color);
}
footer .footer ul li a span{
    display: inline-block;
    margin-left: 6px;
}
footer .footer .disclaimer{
    font-size: 14px;
    text-align: justify;
}
footer .footer ul.social_links li{
    display: inline-block;
}
footer .footer ul.social_links li a{
    font-size: 20px;
    margin-right: 10px;
}
footer .copyright_msg{
    text-align: center;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: -40px;
}
/* =========================== End Footer Area =========================== */

/* =========================== Aside Sidebar Area =========================== */
aside.sidebar a.cta_img{
    position: relative;
    text-decoration: none;
    display: block;
    margin-bottom: 25px;
}
aside.sidebar a.cta_img img{
    width: 100%;
}
aside.sidebar a.cta_img span{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    background-color: rgba(17, 63, 103, 0.85);
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 8px 12px;
}
aside.sidebar .serarch-aside{
    background-color: var(--primary-color);
    color: #fff;
    padding: 25px 18px;
    text-align: center;
}
aside.sidebar .serarch-aside .line-1{
    font-weight: 200;
    font-size: 20px;
    margin-bottom: 8px;
}
aside.sidebar .serarch-aside .line-2{
    font-weight: 600;
    font-size: 24px;
    color: var(--secondary-color);
    margin-bottom: 8px;
}
aside.sidebar .serarch-aside .form input{
    width: 100%;
    border: none;
    outline: none;
    border-radius: 3px;
    padding: 8px 15px;
    margin: 30px 0 10px;
}
aside.sidebar .serarch-aside .form button{
    border: none;
    outline: none;
    box-shadow: none;
    display: block;
    width: 100%;
    border-radius: 3px;
    background-color: var(--secondary-color);
    color: #fff;
    padding: 8px 15px;
    margin-bottom: 25px;
}
aside.sidebar .status{
    font-size: 14px;
    margin-bottom: 15px;
}
aside.sidebar .status span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-bottom: 8px;
}
aside.sidebar .status strong{
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
}
aside.sidebar .order-aside{
    background-color: #fff;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 25px 25px;
    margin-top: 25px;
}
aside.sidebar .order-aside .line-1{
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 5px;
}
aside.sidebar .order-aside .line-2 span{
    display: inline-block;
    background-color: var(--secondary-color);
    font-weight: 600;
    font-size: 18px;
    padding: 5px 18px;
    margin-bottom: 12px;
    color: white;
}
aside.sidebar .order-aside .status{
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 30px;
}
aside.sidebar .order-aside .status span{
    font-size: 16px;
    border-color: #000;
}
aside.sidebar .order-aside ul{
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
}
aside.sidebar .order-aside ul li{
    display: block;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-weight: 500;
    font-size: 15px;
    padding: 8px 12px;
    margin-bottom: 5px;
}
aside.sidebar .order-aside ul li::before{
    content: '\f058';
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    color: var(--primary-color);
    display: inline-block;
    margin-right: 5px;
}
aside.sidebar .order-aside .cta_btn{
    text-decoration: none;
    display: block;
    border-radius: 3px;
    background-color: var(--secondary-color);
    color:white;
    font-weight: 600;
    padding: 8px 12px;
    margin-top: 15px;

}

@media screen and (min-width:575px) and (max-width: 991px) {
    aside.sidebar .col-count > *{
        display: inline-block;
        width: 100%;
    }
    aside.sidebar .col-count{
        column-count: 2;
    }
}

/* =========================== End Aside Sidebar Area =========================== */

/* =========================== Service-Detail Area =========================== */
.service-detail-area .topic-heading > *{
    font-size: 42px;
    font-weight: 700;
    color: var(--primary-color);
}
.service-detail-area .content-box{
    margin-bottom: 50px;
}
.service-detail-area .content-box li{
    margin-bottom: 15px;
}
.service-detail-area .content-box img{
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 767px) {
    .service-detail-area .topic-heading > *{
        font-size: 32px;
    }
}
/* =========================== End Service-Detail Area =========================== */

/* =========================== Order-Page Area =========================== */
.order-page{
    background-color: #ebeef0;
    padding: 40px 0;
}
.order-page > .container{
    max-width: 920px;
}
.order-page .form-1 form{
    box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 20%);
}
.order-page .right-side-area .rating-box{
    text-align: center;
    background-color: #656565;
    color: #fff;
    padding: 25px;
}
.order-page .right-side-area .rating-box .line-1{
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 15px;
}
.order-page .right-side-area .rating-box .status{
    margin-bottom: 22px;
}
.order-page .right-side-area .rating-box .status p{
    margin: 0;
}
.order-page .right-side-area .rating-box .status strong{
    font-weight: bold;
    font-size: 38px;
}
.order-page .right-side-area .rating-box .status .stars{
    color: var(--secondary-color);
}
.order-page .right-side-area .rating-box .status .border-l{
    border-left: 1px solid #aaa;
}
.order-page .right-side-area .rating-box .line-2{
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.order-page .right-side-area > img{
    display: block;
    width: 100%;
    margin: 15px 0;
}

@media screen and (max-width: 767px) {
    .order-page .form-1{
        margin-bottom: 50px;
    }
}

/* =========================== End Order-Page Area =========================== */

/* =========================== Review-Write-Sec Area =========================== */
.review-write-sec{
    background: linear-gradient(135deg, #ffc2646e 44%, #ef9b11f2 100%);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 50px 0 65px;
}
.review-write-sec .line-1{
    font-size: 28px;
    margin-bottom: 22px;
}
.review-write-sec .status{
    max-width: 420px;
    margin-bottom: 40px;
}
.review-write-sec .status .left strong{
    display: block;
    font-weight: bolder;
    font-size: 52px;
}
.review-write-sec .status .left span{
    font-weight: 600;
}
.review-write-sec .status .right p{
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
}
.review-write-sec .status .right strong{
    font-size: 15px;
}
.review-write-sec .cta_whatsapp{
    text-decoration: none;
    display: inline-block;
    background-color: #54cb63;
    color: #fff;
    padding: 10px 22px;
}
.review-write-sec .cta_whatsapp i{
    display: inline-block;
    font-size: 18px;
    margin-right: 5px;
}
.review-write-sec form .rating-box p{
    display: inline-block;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 10px;
}
.review-write-sec form .rating-box .rating-stars{
    display: inline-block;
}
.review-write-sec form .rating-box .rating-stars i{
    display: inline-block;
    font-size: 22px;
    color: #aaa;
    margin-right: 5px;
    cursor: pointer;
}
.review-write-sec form .rating-box .rating-stars i.active{
    color: var(--secondary-color);
}
.review-write-sec .contact-detail ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.review-write-sec .contact-detail > ul > li{
    display: flex;
    margin-bottom: 22px;
}
.review-write-sec .contact-detail > ul > li .icon{
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 28px;
    color: var(--primary-color);
    margin-right: 15px;
}
.review-write-sec .contact-detail > ul > li .info .title{
    font-weight: 600;
    color: var(--primary-color);
}
.review-write-sec .contact-detail > ul > li .info a{
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

@media screen and (max-width: 991px) {
    .review-write-sec .status{
        max-width: 520px;
    }
}
/* =========================== End Review-Write-Sec Area =========================== */

/* =========================== Posted-Review-Sec Area =========================== */
.posted-review-sec{
    margin: 50px 0;
}
.posted-review-sec .posted-review-box{
    column-count: 3;
    column-gap: 20px;
}
.review-card{
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 20px;
}
.review-card .comment{
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.review-card .rate-date{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}
.review-card .rate-date .rating{
    color: var(--secondary-color);
}
.review-card .rate-date .date{
    font-weight: bolder;
    font-size: 15px;
}
.review-card .topic{
    font-weight: bolder;
    font-size: 18px;
    margin-bottom: 3px;
}
.review-card .name{
    font-weight: 500;
    font-size: 14px;
    padding-bottom: 5px;
}
.review-card .name strong{
    font-size: 16px;
}

@media screen and (max-width: 991px) {
    .posted-review-sec .posted-review-box{
        column-count: 2;
    }
}

@media screen and (max-width: 767px) {
    .posted-review-sec .posted-review-box{
        column-count: 1;
    }
}

/* =========================== End Posted-Review-Sec Area =========================== */

/* =========================== Blog-Card Area =========================== */
.blog-page .h-100{
    padding: 15px 0;
}

.blog-card{
    height: 100%;
    border-radius: 8px;
    border: 1px solid #eaeaea;
    overflow: hidden;
}
.blog-card .blog-img{
    height: 220px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.blog-card .blog-img a{
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.blog-card .blog-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center;
    transition: .5s ease;
}
.blog-card .blog-img:hover img{
    transform: scale(1.15,1.15);
}
.blog-card .blog-img::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}
.blog-card .blog-img span{
    display: inline-block;
    background-color: var(--primary-color);
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 600;
    border-radius: 50px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    padding: 3px 15px;
}
.blog-card .blog-content{
    padding: 25px;
}
.blog-card .blog-content .title a{
    text-decoration: none;
}
.blog-card .blog-content .title h2{
    color: #333;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    padding-top: 15px;
    margin-bottom: 0;
    transition: .3s ease;
}
.blog-card .blog-content .title h2:hover{
    text-decoration: underline;
}
.blog-card .blog-content .des{
    color: #777;
    padding-bottom: 10px;
}

@media screen and (max-width: 575px) {
    .blog-card .blog-content .title h2{
        font-size: 18px;
    }
}
/* =========================== End Blog-Card Area =========================== */


/* ============= Blog-Info Area ============= */
.blog-info ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.blog-info li{
    display: inline-block;
    margin-right: 6px;
}
.blog-info li:not(:last-child)::after{
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #888;
    margin-left: 6px;
    margin-bottom: 2px;
}
.blog-info li a{
    text-decoration: none;
}
.blog-info .author-pic{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 6px;
}
.blog-info .author-name{
    color: #888;
    font-size: 14px;
}
.blog-info a:hover .author-name{
    color: var(--secondary-color);
}
.blog-info .blog-date{
    display: inline-block;
    color: #888;
    font-size: 14px;
}
.blog-info .categorie{
    font-size: 14px;
    color: #888;
}
.blog-info .categorie:hover{
    color: var(--secondary-color);
}
/* ============= End Blog-Info Area ============= */


/* ############## Blog-Detail Page ############## */
/* ============= Blog-Detail Area ============= */
.blog-detail{
    padding: 60px 0;
    padding-top: 25px;
}

.blog-container{
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 50px;
}
.blog-container .title h2{
    font-size: 38px;
    font-weight: 600;
    color: #333;
    margin-bottom: 25px;
}
.blog-container .img{
    border-radius: 10px;
    overflow: hidden;
    margin: 25px 0;
}
.blog-container .img img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.blog-container .content p{
    padding: 10px 0;
    color: #777;
}
.blog-container .content h5{
    font-weight: 600;
    color: #444;
    padding: 10px 0;
}
.blog-container .content ul{
    padding: 10px 0;
    margin-left: 30px;
}
.blog-container .content ul li{
    list-style: circle;
    font-size: 15px;
    color: #777;
    padding: 2px 0;
}

@media screen and (max-width: 767px) {
    .blog-container .title h2{
        font-size: 28px;
    }
}


/* Comments-Box */
.comments-box .comments{
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0 25px;
    margin-bottom: 50px;
}
.comments-box .comments ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.comments-box .comments .comment{
    padding: 25px 0;
}
.comments-box .comments li:not(:last-child){
    border-bottom: 1px solid #eee;
}
.comments-box .comments .comment .profile{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.comments-box .comments .comment h5{
    color: var(--secondary-color);
}
.comments-box .comments .comment span{
    display: inline-block;
    font-size: 14px;
    color: #777;
}
.comments-box .comments .comment p{
    color: #777;
    font-size: 15px;
}
.comments-box .comments .comment button{
    display: inline-block;
    border-radius: 50px;
    border: 2px solid var(--secondary-color);
    color: var(--secondary-color);
    background-color: transparent;
    padding: 2px 18px;
    margin-top: 15px;
}
.comments-box .comments .comment button:hover{
    background-color: var(--secondary-color);
    color: var(--primary-color);
}

@media screen and (max-width: 575px) {
    .comments-box .comments li:nth-child(even){
        padding-left: 0px;
    }
    .comments-box .comments{
        padding: 0 15px;
    }
}



/* Leave-Comment */
.leave-comment .comment-form{
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 25px 15px;
    margin-bottom: 50px;
}
.leave-comment .comment-form input,
.leave-comment .comment-form textarea{
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px 15px;
    margin-bottom: 25px;
}
.leave-comment .comment-form textarea{
    border-radius: 5px;
    margin-bottom: 20px;
}
.leave-comment .comment-form button{
    border: 2px solid var(--primary-color);
    border-radius: 5px;
    background-color: transparent;
    font-weight: 600;
    color: var(--primary-color);
    padding: 2px 15px;
    transition: .3s ease;
}
.leave-comment .comment-form button:hover{
    background-color: var(--primary-color);
    color: #fff;
}
/* ============= End Blog-Detail Area ============= */

/* ============= Service-Sec Area ============= */
.services-sec .services-box{
    column-count: 2;
    column-gap: 25px;
}
.services-sec .services-box > div{
    display: inline-block;
    border: 1px solid #dadada;
    border-radius: 3px;
    width: 100%;
    padding: 20px 25px;
    margin-bottom: 25px;
}
.services-sec .services-box > div a{
    text-decoration: none;
    display: inline-block;
    color: #656565;
    font-size: 15px;
    font-weight: 500;
}
.services-sec .services-box > div a:hover{
    color:var(--secondary-color);
}
.services-sec .services-box > div h4 a{
    font-size: inherit;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 8px;
}
.services-sec .services-box > div h4 a:hover{
    text-decoration: underline;
}
.services-sec .services-box > div ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.services-sec .services-box > div ul li{
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px;
}
.services-sec .services-box > div ul li:last-child{
    margin-bottom: 0;
}
.services-sec .services-box > div ul li::before{
    flex: none;
    content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    color: #656565;
    display: inline-block;
    transform: translate(0, -2px);
    margin-right: 5px;
}
.services-sec .services-box > div ul li:hover::before{
    color: var(--primary-color);
    transform: translate(2px, -2px);
}
/* ============= End Service-Sec Area ============= */


/* thank you page */
.thank-you {
    background:linear-gradient(135deg, #ffc2646e 44%, #ef9b11f2 100%);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 50px 0 65px;
}

.thank-you-page {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
}

.thank-you-box {
    min-width: 550px;
    min-height: 420px;
    border-radius: 10px;
    /* box-shadow: 0 0 15px #ccc; */
    padding: 80px;
    text-align: center;
    background: #fff
}

.thank-you-box .icon {
    font-size: 78px;
    color: var(--primary-color);
    margin-bottom: 25px;
}

.thank-you-box .msg {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.0;
    margin-bottom: 15px;
}

.thank-you-box .des {
    font-size: 14px;
    line-height: 1.4;
}

.thank-you-box .back-btn a {
    display: inline-block;
    border-radius: 50px;
    background-color: var(--primary-color);
    color: #fff;
    padding: 4px 18px;
    margin-top: 25px;
    text-decoration: none
}

.thank-you-box .back-btn a i {
    transition: .3s ease;
}

@media screen and (max-width: 768px) {
    .thank-you-box .msg {
        font-size: 42px;
    }
}

@media screen and (max-width: 576px) {
    .thank-you-box {
        min-width: auto;
        min-height: auto;
        padding: 40px 25px;
    }

    .thank-you-box .msg {
        font-size: 28px;
    }
}
/* thank you page */


.on-time.active{
    border: 1px dotted gray;
}