@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800;900&display=swap');
:root {
    --ligt-dark: #a3b2bf;
    --grey: #86a3a3;
    --light-grey: #c1cbd4;
}
*{margin: 0;padding: 0;box-sizing: border-box;}
::selection{color:#fff;background:#000}
body{font-family: 'Raleway', sans-serif;}
body::-webkit-scrollbar{width: 5px;}
body::-webkit-scrollbar-track{background: #000;}
body::-webkit-scrollbar-thumb{background: var(--light-grey);border-radius: 50px;}
ul,ol{list-style: none;}
a{text-decoration: none;}
.btn{transition:all 0.3s!important;}
.mybtn{padding: 10px 30px;color: #000;font-weight: 500;background-color: transparent!important;transition: all 0.3s ease;}
.mybtn:hover{color: #fff;background-color: #000!important;}
.mt-50{margin-top: 50px;}
.fs-7{font-size:14px!important;}
.fw-600{font-weight:600!important;}
img{display: block;user-select: none;-moz-user-select: none;-webkit-user-drag: none;-webkit-user-select: none;-ms-user-select: none;}
.img{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;}
.section-heading h2,.section-heading h3{font-size: 40px;font-weight: 700;color: var(--ligt-dark);position: relative;display: inline-block;text-transform: uppercase;}
.section-heading h3{font-size:28px;}
.section-heading h2:after,.section-heading h3:after{content: '';position: absolute;bottom: -12px;left: 10%;width: 80%;height: 6px;background: var(--light-grey);background-image: linear-gradient(to right, #a3b2bf , #c1cbd4);border-radius: 5px;}
/*************
Header Css
***************/
nav{height:100px;}
.nav-link{font-weight: 700;padding-left: 0!important;padding-right: 0!important;position: relative;}
.active{position:relative;transition:all .1s ease;}
.nav-link:before{content: '';position: absolute;bottom: 0;width: 0%;height: 3px;background-image: linear-gradient(to right, #86a3a3 , #c1cbd4);transition: all 0.3s ease;}
.active:before{width: 100%;}
.nav-link:hover:before{width: 100%;}
.nav-item span,.modal-footer span{cursor:pointer;}
/* LOGIN MODAL START */
.modal-open{padding-right:5px!important;}
.modal .modal-header .btn-close{top: 30px;right: 30px;width: 20px;height: 20px;}
.modal-body .btn{background-image: linear-gradient(to right, #000, #86a3a3, #c1cbd4)!important;}
.btn-close:focus{box-shadow: none !important;}
.modal .modal-body .input-group span{width: 45px;}
.modal-footer p a{color:#212529!important;}
.submit-btn{background:#000!important;color:#fff;font-weight:bold;}
.submit-btn:hover{box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);transform:translateY(-4px);}
.submit-btn:focus{box-shadow: none;transform:translateY(0px);}
.login-modal,.signup-modal{padding-right:0!important;}
/* LOGIN MODAL OVER */
/**************
Slider Css
***************/
/**************
About Css
***************/
.about{padding: 150px 0;background: url(../Images/about-2.png);background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;position: relative;z-index: 1;}
.about:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.7);z-index: -1;}
.about h2{font-weight: 700;}
.lines{top:0;left:0;z-index:-1;transform:scale(0);transition:0.5s all;}
.line{background:var(--light-grey);position:absolute;}
.line-1,.line-3,.line-5,.line-7{width:30%;height:5px;}
.line-2,.line-4,.line-6,.line-8{width:5px;height:35%;}
.line-1,.line-2,.line-3,.line-4{top:0;}
.line-1,.line-2,.line-5,.line-6{left:0;}
.line-3,.line-4,.line-7,.line-8{right:0;}
.line-5,.line-6,.line-7,.line-8{bottom:0;}
.about-img-col:hover .lines,.contact-img-col:hover .lines{transform:scale(1);}
.contact-img-col .lines{z-index:1;}
.contact-img-col img{z-index:10;}
.contact-img-col .line-1,.contact-img-col .line-3,.contact-img-col .line-5,.contact-img-col .line-7{width: 30%;height: 5px;}
.contact-img-col .line-2,.contact-img-col .line-4,.contact-img-col .line-6,.contact-img-col .line-8{width:5px;height:35%;}
/**************
Office Css
***************/
.office{padding: 60px 0 140px;}
.office-row::after{content: '';position: absolute;width: 32%;height: 5px;bottom: -17%;right: 10%;background: var(--light-grey) !important;}
.owl-nav{display:block!important;}
.owl-nav .owl-prev{right: 500px;}
.owl-nav .owl-next{right: 50px;}
.owl-nav .owl-prev,.owl-nav .owl-next{width: 50px;height: 50px;position: absolute;top:110%!important;background: var(--light-grey)!important;color: #fff!important;border-radius: 50%;transition: all 0.3s ease;font-size: 30px!important;}
.owl-nav button span{display: inline-block;font-weight: bold;}
.owl-nav .owl-prev:hover,.owl-nav .owl-next:hover{transform: scale(1.1);box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.owl-item{position:relative;}
.owl-carousel .owl-stage-outer{overflow:visible;}
.owl-item.active.center{z-index:10;}
.owl-item.active.center,.caremony-slider .owl-item.active{position:relative;transition:0.5s all;transform: scale(1.1);z-index:1;position:relative;}
.owl-item.active.center::after,.caremony-slider .owl-item.active::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:96%;height:96%;margin:auto;border:4px solid #fff;transition:0.5s all;transform:scale(1);}
.owl-item.active.center .slider-item::before,.caremony-slider .owl-item.active .slider-item::before{opacity:0!important;}
.slider-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background: #000;opacity:0.6;z-index:1;}
.owl-item{cursor: pointer;transition: margin 0.4s ease;}
.owl-item.center > div{cursor: auto;margin: 0;}
.owl-dots{display:none;}
/***************
App Section
**************/
.phone-img{z-index:99;bottom:0;right:0;animation: phone-img 5s linear infinite;}
@keyframes phone-img{0%{transform:translateY(-10px);}50%{transform:translateY(20px);}100%{transform:translateY(-10px);}}
.a-app,.i-app{left: 40%;width:24%;}.a-app{top: 42%;}.i-app{top: 65%;}
/**************
 Shop Css
***************/
.shop{padding: 0px 0 80px;position: relative;}
.shop:before{content: '';position: absolute;top: -60%;left: 0px;width:100%;height: 100%;background: url(../Images/shop.png);background-repeat: no-repeat;background-size: contain;z-index: -1;}
.shop .shop-box{transition: all 0.3s ease;}
.shop .shop-box:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
/**************
 Upcoming Css
***************/
.upcoming{padding: 0px 0 70px;position: relative;}
.upcoming .clock-img{position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;background-repeat: no-repeat;background-size: cover;z-index: -9999;}
.upcoming-head{margin-bottom:70px;}
.upcoming-row{height:230px;}
.upcoming .clock-img{width: 20%;}
.upcoming .box{box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);width: 80%;height: 200px;border-radius: 30px;transition: 0.3s all;}
.upcoming .box img{width:40%!important;}
.upcoming .box:hover{width:85%;height:220px;background:#fff!important;}
.upcoming .box::after{content:'';position: absolute;top:0;right:0;bottom:0;left:0;width: 100%;height: 100%;background: var(--light-grey);z-index:-9999;transition: 0.3s all;border-radius:30px;}
.upcoming .box:hover::after{transform:rotate(8deg) scale(1.01);}
/**************
Certified Css
***************/
.certified{padding: 30px 0 60px;}
.certified::after {content: '';position: absolute;top: -50%;right: 0px;width: 100%;height: 100%;background: url(../Images/shop.png);opacity: 0.5;background-repeat: no-repeat;background-size: contain;z-index: -1;transform:rotateY(180deg);}
.certified .c-col{transition: all 0.3s ease;}
.certified .c-col:hover{box-shadow: 0 3px 10px rgba(0,0,0,0.3);transform: translateY(-10px);}
/**************
Contact Css
***************/
.contact{padding: 80px 0 100px;position: relative;z-index: 1;}
.contact:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url(../Images/office-2.png);background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;z-index: -1;}
.contact:after{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: -1;}
.contact .heading h4{font-weight: 600;margin-bottom: 0;}
.contact .heading p{font-size: 12px;}
.contact ul li a{color: var(--light-grey);}
.contact ul li a:hover{color: #fff;}
.contact ul:before{content: '';position: absolute;bottom: -30px;left: 0;right: 0;width: 80%;height: 5px;border-radius: 5px;background-image: linear-gradient(to right, #d0d7dd, transparent);}
/***************
Footer Css
**************/
.footer{padding: 80px 0 0;margin-top:80px;background:#b9c6cf;border-top-left-radius:70px;}
.footer::before{content:'';width:100%;height:100%;position:absolute;top:-40px;right:0;left:0;bottom:0;opacity:0.5;border-top-left-radius:95px;background:#c1cbd4;z-index:-1;}
footer h4{color: #000;text-transform: uppercase;position: relative;font-weight: 600;}
footer h4:before{content: '';position: absolute;bottom: -12px;left: 10%;width: 80%;height: 6px;background: linear-gradient(to right, #000, transparent);border-radius: 5px;}
footer ul{padding-left: 0!important;}
footer ul li{margin-bottom: 10px;}
footer ul li a{text-transform: uppercase;font-weight: 500;color: #000;transition: all 0.3s ease;}
footer ul li a i{font-size: 25px;color: #fff;transition: all 0.3s ease;}
footer ul li a:hover{color: #fff!important;}
footer p a{transition: all 0.3s ease;margin-left: 10px;}
footer p a:hover{color: #fff!important;}
footer .qr-box img{width: 40%;}
.copyright{background: #fff;}
.privacy-a a:hover{color:#000!important;}

/****************/
/* GRADING PAGE */
/****************/
.table{margin-bottom: 1.5rem;}
.table thead tr th{padding-left: 2rem!important;}
.table tbody tr td:first-child{width:100px!important;}
.table-secondary{background:#e0e5ea!important;}
/****************/
/* GALLERY PAGE */
/****************/
.gallery-slider{background-image: url('../Images/gallery-slider.png');background-size:cover;background-attachment:fixed;height:600px;}
.gallery-slider .gallery-overlay{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0;margin:auto;background:rgba(0,0,0,0.4);}

.gallery-head::before,.gallery-head::after{position:absolute;top:0;bottom:0;margin:auto;width:20px;height:40px;font-weight:normal;}
.gallery-head::before{content:'[';left:0;}
.gallery-head::after{content:']';right:0;}
.gallery-row,.gallery-col{z-index:1;height:600px;}

.gallery-office .owl-nav,.caremony-slider .owl-nav{display:none!important;}

.gallery-office-head{z-index:10;background:rgba(255,255,255,0.9);}
.gallery-office-row{z-index:9999;top:0;right:0;left:0;bottom:0;}
.gallery-office-col{border: 5px solid rgba(255,255,255,0.9);}
.gallery-office-col,.gallery-office-head,.gallery-office-head h2{transition:0.5s all;}
.gallery-office-col:hover{border: 5px solid rgba(0,0,0,0.9);}
.gallery-office-col:hover .gallery-office-head{background:rgba(0,0,0,0.9);}
.gallery-office-col:hover .gallery-office-head h2{color:#fff!important;}

.caremony::before{content: '';position: absolute;top: -50%;left: 0;right: 0;bottom: 0;margin: auto;width: 100%;height: 60%;background: #b7b7b7;opacity: 0.2;z-index: -99;transform: translateY(-170px) skewY(-30deg);}
.caremony .caremony-img{border-top-right-radius: 2rem!important;border-bottom-right-radius: 2rem!important;}
.caremony-head h2{font-weight:700;font-size:40px;}
.caremony p{font-size:16px;}

.let-row::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%;background:rgba(0,0,0,0.8);}

.dealer-main{height:500px;}
.dealer-row{background-color:#e2e2e2;top:0;bottom:0;}
.dealer-info::before,.dealer-info::after{content: '';width: 200px;height: 8px;background: #999999;position: absolute;margin: auto;transform: rotate(-30deg);}
.dealer-info::before{top: -10px;left: -30px;}
.dealer-info::after{top: 10px;left: -30px;}
.dealer-info{padding-left:6rem!important;}
.dealer-img{right:6rem;}
.dealers-img img{transform:translateY(0px);transition:0.5s all;}
.dealers-img img:hover{box-shadow: 0 10px 10px -5px rgba(0,0,0,0.8);transform:translateY(-10px);}

.dealers-row::before,.dealers-row::after{content: '';position: absolute;top: 0;bottom: 0;margin: auto;width: 100%;height: 200px;background: #999999;opacity: 0.2;z-index: -1;}
.dealers-row::before{transform: skewY(15deg);}
.dealers-row::after{transform: skewY(-15deg);}

.staff{width: 100%!important;height: 600px;background-image: url(../Images/staff.png);background-size: cover;background-repeat: no-repeat;background-position: center;background-attachment:fixed;}
.staff::before{content:'';width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background: rgba(0,0,0,0.5);z-index:1;}
.staff-head{z-index:1;transform:scale(0);transition:0.5s all;}
.staff:hover .staff-head{transform:scale(1.2);}
/****************/
/* EDUCATION PAGE */
/****************/
.diam-shape{background:url(../Images/diam-shape-back.png) no-repeat center center fixed;background-size:cover;}
.pt-60{padding-top:60px;}
.pb-60{padding-bottom:60px;}
.text-justify{text-align:justify!important;}
.text-xxl-st,.text-xl-st,.text-lg-st,.text-md-st,.text-sm-st,.text-st{text-align-last: start;}
.text-xxl-ed,.text-xl-ed,.text-lg-ed,.text-md-ed,.text-sm-ed,.text-ed{text-align-last: end;}
/****************/
/* ABOUTUS PAGE */
/****************/
.about-us-1,.about-us-2,.about-us-3{background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:280px;}
.about-us-1{background-image:url(../Images/about-3.1.jpg);}
.about-us-2{background-image:url(../Images/about.png);}
.about-us-3{background-image:url(../Images/about-4.png);}
/**************/
/*PRIVACY PAGE*/
/**************/
.privacy h5{color:var(--ligt-dark);}


@media (min-width:1400px) {
    .office-row::after{width: 25%;bottom: -16%;right: 10%;}
}
/*Mini Lp*/
@media (min-width:992px) and (max-width:1199px) {
    .office-row::after {
        width: 33%;
        bottom: -18%;
        right: 15%;
    }

    .navbar-collapse ul li a {
        font-size: 14px !important;
    }

        .navbar-collapse ul li a button {
            font-size: 13px !important;
        }

    .heading {
        text-align: left;
    }

    .line-1, .line-3, .line-5, .line-7 {
        width: 25%;
        height: 3px;
    }

    .line-2, .line-4, .line-6, .line-8 {
        width: 3px;
        height: 33%;
    }

    .office {
        padding: 40px 0 130px;
    }

        .office img {
            height: 300px;
        }

    .i-app {
        top: 65%;
    }

    .a-app, .i-app {
        left: 39%;
    }

    .shop {
        padding: 0px 0 60px;
    }

        .shop:before {
            top: -45%;
            width: 30%;
        }

    .contact ul:before {
        bottom: -20px;
        width: 80%;
    }

    .upcoming {
        padding: 0px 0 70px;
    }

        .upcoming .clock-img {
            width: 25%;
        }

        .upcoming .box {
            width: 80%;
            height: 180px;
        }

    .upcoming-row {
        height: 200px;
    }

    .upcoming .box:hover {
        width: 85%;
        height: 190px;
    }

    .upcoming-head {
        margin-bottom: 40px;
    }

    .upcoming .box:hover::after {
        transform: rotate(8deg);
    }

    .certified::after {
        top: -50%;
        width: 30%;
    }

    .certified {
        padding: 20px 0 30px;
    }

    .about {
        padding: 70px 0;
    }

    .section-heading h2 {
        font-size: 30px;
    }

    footer {
        padding: 60px 0 0;
    }
    /****************/
    /* GALLERY PAGE */
    /****************/
    .caremony-head h2 {
        font-size: 28px !important;
    }

    .caremony p {
        font-size: 14px !important;
    }

    .dealer-main {
        height: 360px;
    }

    .dealers-row::before, .dealers-row::after {
        height: 130px;
    }

    .dealer-img {
        right: 3rem;
    }

    .dealer-info {
        padding-left: 5rem !important;
    }

    .gallery-office-head h2, .staff-head h2 {
        font-size: 28px !important;
    }
    /****************/
    /* EDUCATION PAGE */
    /****************/
    .text-lg-st, .text-md-st, .text-sm-st, .text-st {
        text-align-last: start;
    }

    .text-lg-ed, .text-md-ed, .text-sm-ed, .text-ed {
        text-align-last: end;
    }
    /*Tablet*/
    @media (min-width:768px) and (max-width:991px) {
        .nav-link {
            margin: 0;
        }

        .navbar-collapse {
            top: 100%;
            left: 0;
            z-index: 2;
            background: rgba(0,0,0,1) !important;
        }

            .navbar-collapse ul li a, .navbar-collapse ul li a:hover {
                color: #f8f9fa !important;
            }

        .navbar-toggler:focus {
            box-shadow: 0 0 5px 0 rgba(0,0,0,0.5) !important;
        }

        .navbar-nav .nav-item {
            padding-bottom: 10px !important;
        }

        .mybtn {
            color: #fff !important;
            border: 1px solid #FFF !important;
        }

        .log-in-btn .mybtn {
            background: #f8f9fa !important;
        }

            .log-in-btn .mybtn:hover {
                color: #000 !important;
            }

        .submit-btn .mybtn {
            background: #000 !important;
        }

        header .active::after {
            background: #fff;
        }

        .section-heading h2 {
            font-size: 28px;
        }

        .about {
            padding: 60px 0;
        }

        .line-1, .line-3, .line-5, .line-7 {
            width: 28%;
            height: 2px;
        }

        .line-2, .line-4, .line-6, .line-8 {
            width: 2px;
            height: 36%;
        }

        .mt-50 {
            margin-top: 40px;
        }

        .office {
            padding: 60px 0 80px;
        }

        .a-app, .i-app {
            left: 38%;
        }

        .i-app {
            top: 66%;
        }

        .shop {
            padding: 20px 0;
        }

        .office-row::after {
            width: 80%;
            bottom: -16%;
            right: 0;
            left: 0;
            margin: auto;
        }

        .owl-nav .owl-prev, .owl-nav .owl-next {
            width: 40px;
            height: 40px;
            top: 42% !important;
        }

            .owl-nav .owl-prev span, .owl-nav .owl-next span {
                font-size: 30px !important;
                top: -4px;
                position: relative;
            }

        .owl-nav .owl-prev {
            left: -10px;
            right: 0;
        }

        .owl-nav .owl-next {
            right: -10px;
        }

        .shop:before {
            top: -5%;
            opacity: 0.5;
            left: 0px;
            width: 35%;
        }

        .contact ul:before {
            bottom: 0;
            width: 70%;
        }

        .contact {
            padding: 40px 0 50px;
        }

        .certified {
            padding: 0px 0 20px;
        }

        .upcoming {
            padding: 0px 0 50px;
        }

        .upcoming-head {
            margin-bottom: 35px;
        }

        .upcoming .box {
            width: 90%;
            height: 170px;
        }

            .upcoming .box:hover {
                width: 95%;
                height: 180px;
            }

        .upcoming-row {
            height: 180px;
        }

        .upcoming .box img {
            width: 45% !important;
        }

        .upcoming .box:hover::after {
            transform: rotate(8deg);
        }
        /****************/
        /* GALLERY PAGE */
        /****************/
        .caremony-head h2 {
            font-size: 20px !important;
        }

        .caremony p {
            font-size: 12px !important;
        }

        .dealer-main {
            height: 300px;
        }

        .dealers-row::before, .dealers-row::after {
            height: 130px;
        }

        .dealer-img {
            right: 3rem;
            top: 10px;
        }

        .let-row img {
            height: 100%;
        }

        .gallery-office-head h2, .staff-head h2 {
            font-size: 28px !important;
        }
        /****************/
        /* EDUCATION PAGE */
        /****************/
        .text-md-st, .text-sm-st, .text-st {
            text-align-last: start !important;
        }

        .text-md-ed, .text-sm-ed, .text-ed {
            text-align-last: end !important;
        }
    }

    @media (min-width:576px) and (max-width:767px) {
        .navbar-collapse {
            top: 100%;
            left: 0;
            z-index: 2;
            background: rgba(0,0,0,1) !important;
        }

            .navbar-collapse ul li a, .navbar-collapse ul li a:hover {
                color: #f8f9fa !important;
            }

        .navbar-toggler:focus {
            box-shadow: 0 0 5px 0 rgba(0,0,0,0.5) !important;
        }

        header .active::after {
            background: #fff;
        }

        .log-in-btn .btn.btn-main {
            background: #fff !important;
            color: var(--main-dark);
        }

        .navbar-nav .nav-item {
            padding-bottom: 10px !important;
        }

        .log-in-btn .mybtn {
            background: #f8f9fa !important;
        }

            .log-in-btn .mybtn:hover {
                color: #000 !important;
            }

        .submit-btn .mybtn {
            background: #000 !important;
        }

        .section-heading h2 {
            font-size: 24px;
        }

        .nav-link {
            margin: 0 0;
        }

        .slider h1 {
            font-size: 30px;
        }

        .mybtn {
            padding: 10px 20px;
            margin-top: 10px;
            color: #fff;
            border: 1px solid #FFF !important;
        }

        .about {
            padding: 100px 0;
        }

            .about img {
                max-width: 100%;
            }

            .about h2 {
                margin-bottom: 20px;
                margin-top: 20px;
            }

            .about p {
                text-align: center;
            }

        .office {
            padding: 25px 0 70px;
        }

        .phone-img {
            width: 30% !important;
        }

        .a-app, .i-app {
            left: 26%;
        }

        .i-app {
            top: 74%;
        }

        .app-img {
            height: 300px;
        }

        .app-main {
            width: 95% !important;
        }

        .owl-nav .owl-prev, .owl-nav .owl-next {
            width: 40px;
            height: 40px;
            top: 42% !important;
        }

            .owl-nav .owl-prev span, .owl-nav .owl-next span {
                font-size: 30px !important;
                top: -4px;
                position: relative;
            }

        .owl-nav .owl-prev {
            left: -2%;
            right: 0;
        }

        .owl-nav .owl-next {
            right: -2%;
        }

        .office-row::after {
            width: 60%;
            bottom: -18%;
            left: 0;
            right: 0;
            margin: auto;
        }

        .shop {
            padding: 0;
        }

            .shop:before {
                width: 0;
            }

        .mt-50 {
            margin-top: 20px;
        }

        .upcoming {
            padding: 30px 0 0;
        }

            .upcoming .clock-img {
                width: 60%;
                top: 15%;
            }

        .upcoming-row {
            height: 550px;
        }

        .upcoming-head {
            margin-bottom: 20px;
        }

        .upcoming .box:before {
            width: 0;
        }

        .upcoming .box {
            width: 80%;
        }

            .upcoming .box:hover {
                width: 85%;
            }

        .certified {
            padding: 20px 0 0;
        }

            .certified .c-col {
                margin: 30px 40px !important;
                height: 110px;
            }

        .contact .box img {
            width: 350px;
        }

        .contact ul:before {
            width: 60%;
            left: 0;
            right: 0;
            bottom: -10px;
            margin: auto;
        }

        .upcoming .box {
            margin-right: 0;
        }

            .upcoming .box img {
                margin-left: 0;
                width: 100%;
                padding: 30px 0;
            }
        /****************/
        /* GALLERY PAGE */
        /****************/
        .caremony-head h2 {
            font-size: 24px !important;
        }

        .caremony p {
            font-size: 14px !important;
        }

        .dealer-main {
            height: 100%;
        }

        .dealers-row::before, .dealers-row::after {
            height: 100%;
        }

        .dealer-info {
            padding-left: 4rem !important;
        }

        .dealer-img {
            right: 3rem;
            top: 5px;
        }

        .lets-head .subheading {
            padding: 0 8rem;
        }

        .staff {
            height: 200px;
        }

        .gallery-office-head h2, .staff-head h2 {
            font-size: 22px !important;
        }
        /****************/
        /* EDUCATION PAGE */
        /****************/
        .text-sm-ce, .text-ce {
            text-align-last: center !important;
        }
    }
    /*Mobile p*/
    @media (max-width:575px) {
        .navbar-collapse {
            top: 100%;
            left: 0;
            z-index: 2;
            background: rgba(0,0,0,1) !important;
        }

            .navbar-collapse ul li a, .navbar-collapse ul li a:hover {
                color: #f8f9fa !important;
            }

        .navbar-toggler:focus {
            box-shadow: 0 0 5px 0 rgba(0,0,0,0.5) !important;
        }

        header .active::after {
            background: #fff;
        }

        .log-in-btn .btn.btn-main {
            background: #fff !important;
            color: var(--main-dark);
        }

        .navbar-nav .nav-item {
            padding-bottom: 10px !important;
        }

        .log-in-btn .mybtn {
            background: #f8f9fa !important;
        }

            .log-in-btn .mybtn:hover {
                color: #000 !important;
            }

        .submit-btn .mybtn {
            background: #000 !important;
        }

        .section-heading h2 {
            font-size: 24px;
        }

        .nav-link {
            margin: 0 0;
        }

        .slider h1 {
            font-size: 30px;
        }

        .mybtn {
            padding: 10px 20px;
            margin-top: 10px;
            color: #fff;
            border: 1px solid #FFF !important;
        }

        .about {
            padding: 100px 0;
        }

            .about h2 {
                margin-bottom: 20px;
                margin-top: 20px;
            }

            .about p {
                text-align: center;
            }

        .office {
            padding: 25px 0 70px;
        }

        .app-img {
            height: 300px;
        }

        .app-main {
            width: 95% !important;
        }

        .phone-img {
            width: 30% !important;
        }

        .a-app, .i-app {
            left: 26%;
        }

        .i-app {
            top: 80%;
        }

        .owl-nav .owl-prev, .owl-nav .owl-next {
            width: 40px;
            height: 40px;
            top: 42% !important;
        }

            .owl-nav .owl-prev span, .owl-nav .owl-next span {
                font-size: 30px !important;
                top: -4px;
                position: relative;
            }

        .owl-nav .owl-prev {
            left: 5px;
            right: 0;
        }

        .owl-nav .owl-next {
            right: 5px;
        }

        .office-row::after {
            width: 60%;
            bottom: -15%;
            left: 0;
            right: 0;
            margin: auto;
        }

        .office img {
            max-width: 380px;
        }

        .shop {
            padding: 0;
        }

            .shop:before {
                width: 0;
            }

        .mt-50 {
            margin-top: 20px;
        }

        .upcoming {
            padding: 30px 0 0;
        }

            .upcoming .clock-img {
                width: 60%;
                top: 15%;
            }

        .upcoming-row {
            height: 550px;
        }

        .upcoming-head {
            margin-bottom: 20px;
        }

        .upcoming .box:before {
            width: 0;
        }

        .upcoming .box {
            width: 80%;
        }

            .upcoming .box:hover {
                width: 85%;
            }

        .certified {
            padding: 20px 0 0;
        }

            .certified .c-col {
                margin: 30px 40px !important;
                height: 110px;
            }

        .contact .box img {
            width: 350px;
        }

        .contact ul:before {
            width: 60%;
            left: 0;
            right: 0;
            bottom: -10px;
            margin: auto;
        }

        .upcoming .box {
            margin-right: 0;
        }

            .upcoming .box img {
                margin-left: 0;
                width: 100%;
                padding: 30px 0;
            }
        /****************/
        /* GALLERY PAGE */
        /****************/
        .caremony-head h2 {
            font-size: 24px !important;
        }

        .caremony p {
            font-size: 14px !important;
        }

        .dealer-main {
            height: 100%;
        }

        .dealers-row::before, .dealers-row::after {
            height: 100%;
        }

        .dealer-info {
            padding-left: 4rem !important;
        }

        .dealer-img {
            right: 3rem;
            top: 5px;
        }

        .lets-head .subheading {
            padding: 0 8rem;
        }

        .staff {
            height: 200px;
        }

        .gallery-office-head h2, .staff-head h2 {
            font-size: 22px !important;
        }
        /****************/
        /* EDUCATION PAGE */
        /****************/
        .text-sm-ce, .text-ce {
            text-align-last: center !important;
        }
    }