@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&display=swap');
:root{
  
    --maincolor: #000;
    --altcolor: #F5B418;
    --mainfont: "Plus Jakarta Sans", sans-serif;
    --parafont: 'Overpass', sans-serif;
}

body{
    font-family: var(--mainfont);
    overflow-x: hidden;
}

button{
    box-shadow: none;
    outline: 0;
    border: none;
}

button:focus{
    outline: 0;
    border: none;

}

h1,h2,h3,h4,h5,h6{
    font-family: var(--mainfont);
    color: #000;
}



li, a, p, span{
    font-family: var(--parafont);
    text-decoration: none;
}

p{
    color: #6e6e6e;
    text-align: left;
}

a{
    text-decoration: none !important;

}

section{
    padding: 65px 0;
}

header {
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 100%;
    padding: 15px 10px;
}

.ham-btn span {
    width: 46px ;
    height: 3px;
    background: #ff0000;
    display: block;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  
  .sidenav a:hover {
    color: #f1f1f1;
  }
  
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }

  .trans-header {
    background: transparent;
    border-bottom: 0;
}

header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px 10px;
    border-bottom: 1px solid #ddd;
    z-index: 1000;
    background-color: #0c0c0c;
    transition: top 0.5s ease-in-out;
}

.vsticky {
    background-color: #0c0c0ccc;
    height: 60px;
}
.logo-sec img {
    width: 170px;
}

.text-right{
    text-align: right;
}

.ham-btn span:nth-child(1), .ham-btn span:nth-child(3){
    width: 35px;
    margin-left: auto;    
}

.ham-btn span:nth-child(2) {
    margin: 10px 0;
    margin-right: 10px;
    width: 35px;
}


.banner-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-content h2 {
    font-size: 100px;
    color: #fff;
}


.theme-btn {
    padding: 10px 30px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s;
}

.theme-btn:hover{
    background-color: #fff;
    color: #000;
}

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


.archi-swiper .swiper-button-next, .archi-swiper .swiper-button-prev{
    width: auto !important;  
}

.archi-swiper .swiper-button-next{
    left: 0;
    right: unset;
}

.archi-swiper .swiper-button-prev, .archi-swiper .swiper-button-next{
    bottom: 0 !important;
    top: unset;
}

.archi-swiper .swiper-button-prev{
    bottom: 10%  !important;
}

.archi-swiper .swiper-button-next{
    bottom: 50%  !important;
    left: 95%;
}
.archi-swiper .swiper-button-prev{
    bottom: 50%  !important;
    left: 14px;
}

.archi-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
}

.theme-btn-dark {
    background: #000;
    border-radius: 5px !important;
    padding: 10px 25px;
    color: #fff;
    transition: all 0.3s ease;

    border: 1px solid #000;
}

.theme-btn-dark:hover {
    background-color: transparent;
    color: #000;
    border-color: #000;
}


/*.feat-content {*/
/*    padding: 20px;*/
/*}*/

.feat-content h3 {
    font-weight: 700;
    margin-bottom: 37px;
    font-size: 40px;
}

.feat-content a {
    margin-top: 20px;
}

.feat-content p {
    line-height: 28px;
    text-align: justify;
}

/*.feat-content {*/
/*    padding: 0px;*/
/*}*/


.feat-title {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 15px;
}

.feat-title h6 {
    margin-left: 15px;
    margin-bottom: 0;
    font-weight: 600;
}

.feat-sec {
    padding: 20px;
    transition: 0.3s;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    min-height: 212px;
    transition: 0.3s;
}

.feat-sec:hover{
    background-color: #F6F6F6;
    border-color: #F6F6F6;
}


.bg-light{
    background-color: #f8f8f8;
}

.prod-sec {
    margin-bottom: 20px;
    position: relative;
    transition: 0.3s;
}

.prod-sec:hover .prod-content{
    visibility: visible;
}

.prod-content {
    position: absolute;
    bottom: 5%;
    left: 2.5%;
    width: 95%;
    margin: 0 auto;
    padding: 20px;
    background: #0c0c0ccc;
    color: #fff;
    /* transform: translateX(50%); */
    /*visibility: hidden;*/
    transition: 0.3s; border-radius: 0; border: 0; padding: 20px;
}

.prod-content:hover{
    background: #000000;
}

.prod-content h5 {
    color: #fff;
    font-weight: 600;
}

.prod-desc p {
    margin: 0;
}



.prod-desc {
    display: flex;
    align-items: center;
}

.prod-desc .line {
    height: 2px;
    width: 100px;
    background: #fff;
    margin-right: 20px;
}

.prod-desc p {
    margin: 0;
    color: #fff;
}

.product-slider .swiper-pagination, .locate-us-slider .swiper-pagination{position: absolute;bottom: 5px; z-index: 999999; width: 100%;}
.locate-us-slider .swiper-pagination-clickable .swiper-pagination-bullet {margin: 0px 5px;}
.product-slider .swiper-wrapper, .locate-us-slider .swiper-wrapper{padding-bottom: 30px;}
.swiper-pagination-bullet{width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,12px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,12px));}
.swiper-pagination-bullet-active{background-color: #000;}


.hm-vid1{
    height:700px;
    object-fit: cover;
}

/* TESTIMONIALS SECTION START */
.testimonials_section {position: relative; margin: 80px 0px;}
.testimonials_section::before{content: ""; position: absolute; top: 0; left: 0; height: 100%; background-color: #F6F6F6; width: 50%; z-index: -1;}
.testimonials_section .main-title h3{font-size: 36px;font-weight: 500;text-align:center;line-height: 50.4px;}

.testi_box{background-color: #fff;box-shadow: 0px 4px 13px 1px #0000000F;padding: 20px;margin: 40px 0px;}
.testi_name_photo{display: flex; align-items: center;}
.testi_name_photo h5, .testi_name_photo p{margin: 0;}
.testi_name_photo h5{margin-bottom: 5px;}
.testi_name_photo .person_name{padding-left: 10px;}
.testimonials_section .swiper-horizontal {padding: 0px 10px;}
.testimonials_section .swiper-pagination-bullet-active {opacity: var(--swiper-pagination-bullet-opacity, 1); background: #000000;}


.main-title h3{font-size: 36px;font-weight: 500;text-align:center;line-height: 50.4px;}
.main-title h2{
    font-size: 36px;font-weight: 500;text-align:center;line-height: 50.4px;
}
.main-title .title-head-three{text-align:left;
}
/* CONTACT US SECTION START */
.contact_anytime_section .main-title{margin-bottom: 30px;}
.contact_form {width: 80%;}
.contact_form .form-label{text-transform: uppercase; color: #141414; margin-bottom: 15px;display:none;}
.contact_img img{height: 100vh; object-fit: cover;}
.contact_form .form-control{border: 0; border-bottom: 1px solid #6E6E6E; border-radius: 0px; padding: 0px 0px 15px 0px;}
.contact_form .form-control:focus{box-shadow: none;}
.contact_form .mb-3{margin-bottom: 35px !important;}
.contact_form a{display: inline-block; background-color: #141414; color: #fff; border-radius: 4px; border: 1px solid #141414; padding: 12px 20px; font-family: var(--maincolor);}
.contact_form a:hover{background-color: transparent; color: #141414;}

/* LOCATE US SECTION start */
.sort-form select {width: 100%;margin-bottom: 0;border: none;border-bottom: 1px solid #1c1c1c;padding: 10px 10px 15px; color: #565656;}
.location_det{display: flex; align-items: center;}
.loc_icon{width: 30px;}.loc_address{width: calc(100% - 30px); padding-left: 10px;}.loc_address p{margin-bottom: 0;}
.locate_us_box{background-color: #FFFFFF;border: 0.5px solid #E1E1E1;box-shadow: 0px 4px 10px 0px #00000026;
padding: 39px 20px;border-radius: 5px; margin-top: 50px; position: relative;min-height: 200px;}
.locate_phone_mail i{font-size: 20px; color: #000000; font-weight: 600;}
.get_direction{text-align: right;}.get_direction a{text-decoration: none; color: #141414; font-size: 15px; display: inline-block; font-family: var(--mainfont); font-weight: 600;}
.get_direction a i{font-size: 18px;}
.locate_us_box span{background-color: #000000; display: inline-block; padding: 10px 25px; color: #fff; border-radius: 5px;}
.locate_name{position: absolute; top: -31px; left: 26px;}

/* BLOG SECTION START */
.blog_section{background-color: #fafafa;}
.blog_section .view_blog_btn {text-align: right;}
.blog_section .view_blog_btn a{text-decoration: none; border:1px solid #88919B; color: #000; padding: 12px 20px; border-radius: 4px;}
.blog_info, .blog_img{position: relative;}
.blog_info{
    margin:15px 0px;
}
.blog_date_cat{position: absolute; top: 20px; left: 20px; width: 90%;}
.blog_title{position: absolute; bottom: 20px; left: 20px; width: 90%;}
.blog_date_cat p{font-size: 16px; color: #D2D2D2; margin: 0;}
.blog_title h5{font-size: 18px; color: #dddddd; margin-bottom: 15px;text-transform: capitalize;}
.blog_title a{text-decoration: none; color: #fff; text-transform: uppercase; font-size: 16px;}


.title a {
    text-transform: capitalize;
    font-weight: 600;
     color:#000000;
}


.title a i {
    margin-left: 5px;
    font-size: 20px;
    vertical-align: middle;
    transition: margin 0.3s ease;
    color:#000000;
}

/* FAQ'S SECTION START */
.faq_section .main-title{margin-bottom: 30px;}
.faq_section .accordion-item{border: 0; border-bottom: 1px solid #6E6E6E; margin-bottom: 25px;}
/*.faq_section .accordion-item:first-of-type .accordion-button{background: transparent; color: black; border-radius: 0;}
.faq_section .accordion-button:focus{border-color: transparent; box-shadow: none;} */
.faq_section .accordion-button:not(.collapsed){background-color: transparent; border-bottom: 1px solid #6e6e6e; color: #6E6E6E;}
.faq_section .accordion-button:focus{box-shadow: none;}
.faq_section .accordion-button{padding-bottom: 20px;padding: 0px 10px 20px; border-radius: 0;}

/* FOOTER SECTION START */
.footer_section{background-color: #171717; padding-bottom: 10px;}
.footer_logo img{margin-bottom: 30px;}
.footer_logo p{font-family: var(--parafont); color: #9BA2AD; font-size: 16px;}
.office_address h4, .footer_link h4, .footer_social_link h4{font-family: var(--mainfont);color: #fff; font-size: 24px; margin-bottom: 20px;}
.office_address ul, .footer_link ul, .footer_social_link ul{margin: 0; padding: 0;}
.office_address ul li, .footer_link ul li, .footer_social_link ul li{margin: 0; padding: 0; list-style: none;color: #9BA2AD; padding-bottom: 15px;}
.office_address ul li:nth-child(2), .office_address ul li:last-child{font-size: 20px; color: #fff;}
.office_address ul li a {text-decoration: none; color: #fff;}
.footer_copyright p, .footer_copyright2 p{color: #fff; font-size: 14px;}
.footer_copyright2 p{text-align: right;}

@media (max-width:600px){
    .main-title h3{
        
    }
    .testimonials_section .main-title h3 {
      font-size: 30px;
       text-align:center;  
    }
    .main-title .title-head-three{font-size: 30px;
}
}