@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;
}

/*@font-face {*/
/*    font-family: glacial-indifference;*/
/*    src:url({{asset('front_assets/home/fonts/glacial-indifference.otf')}}) format('opentype');*/
/* }*/



body{
    font-family: var(--parafont); margin:0; padding:0; 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;
}

p{font-size: 18px;}

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

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

a{
    text-decoration: none !important;

}

.row-reverse{flex-direction: row-reverse;}
.bg-grey{background-color: #f5f5f5;}

section{
    padding: 55px 0;
}

.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;
}

.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;}
  }

.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;
}

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

.banner-content {
  /*position: absolute;*/
  /*  bottom: 80px;*/
  /*  right: 0px;*/

    position: absolute;
  top: 50%;
  left: 35%;
  transform: translate(-50%, -50%);
      display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.banner-content h2 {
    font-size: 50px;
    color: #fff;
    font-family: var(--mainfont);
    font-weight: 700;
     text-transform:inherit;
}
.regular .slick-prev:before {
    content: url('../img/banner-arrow-left.svg');
}
.regular .slick-next:before {
    content: url('../img/banner-arrow-right.svg');
}
.regular .slick-prev, .regular .slick-next{width: auto; height: auto;top: initial;bottom: 120px;}
.regular .slick-prev {bottom:0px;right: 100px;}
.regular .slick-next {bottom:0px;right: 30px;}
.regular .slick-prev:before, .regular .slick-next:before{opacity: 1;}

.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-prev, .archi-swiper .swiper-button-next{
    bottom: var(--swiper-navigation-top-offset,5%); top: initial;
}
.archi-swiper .swiper-button-next{right: var(--swiper-navigation-sides-offset,40px);}
.archi-swiper .swiper-button-prev{right: var(--swiper-navigation-sides-offset,115px); left: auto;}

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

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

.archi-swiper .swiper-button-next{
    bottom: 18%  !important;
    left: 14px;
}
.archi-swiper .swiper-button-prev{
    bottom: 10%  !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;
}


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

/* ====================SAFETY GLAZING PARAGRAPH SECTION START====================== */
.safety_glazing_para p{font-size: 18px;font-weight: 400;line-height: 28px;text-align: left;margin: 0; color: #6E6E6E;}

/* =================CMVR Rules and Guidelines start================= */
.sg_section_title h2{font-size: 36px;font-weight: 700;line-height: 40px; color: #141414; position: relative; margin-bottom: 35px; }
.sg_section_title h2:after{content: ""; display: block; width: 150px; background-color: #BBBBBB; height: 1px; margin-top: 20px;}
.sg_section_title h2:before{content: ""; display: block; width: 50px; background-color: #000000; height: 3px; position: absolute; bottom: 0; left: 0;}

/* center title  */
.sg_section_title_center h2{font-size: 36px;font-weight: 700;line-height: 40px; color: #141414; position: relative; margin-bottom: 35px; text-align: center;}
.sg_section_title_center h2:after{content: ""; display: block; width: 150px; background-color: #BBBBBB; height: 1px; margin: 0 auto; text-align: center;margin-top: 20px;}
.sg_section_title_center h2:before{content: ""; display: block; width: 50px; background-color: #000000; height: 3px; position: absolute; bottom: 0; left: 48%; margin: 0 auto; text-align: center}


.rules_guideline_info p{font-size: 17px;font-weight: 400;line-height: 28px; width: 90%;}
.grey-bg{background: #F0F0F0; padding: 20px 20px 20px 0px;}
.guildeline_para ul{margin: 0; padding: 0; padding: 0px 20px; margin-bottom: 20px;}
.guildeline_para ul li{margin: 0; padding: 0; list-style: none;font-size: 17px;font-weight: 400;line-height: 26.01px; color: #6E6E6E;}
.sg-rule-para .rd{background-color: #000000; border-radius: 0px 80px 80px 0px;}
.sg-rule-para .rd p{font-size: 18px;line-height: 26.01px; color: white; padding: 15px 15px; margin: 0;}
.guildeline_para .para{margin: 0;}

/* ===============PRODUCTS SECTION START================ */
.pdt_box{position: relative;}
.pdt_img{position: relative;}
.pdt_box img{width: 100%;}
.pdt_descrp{background-color: white; box-shadow: 0px 4px 12px 0px #00000029;}
.mySwiperpdt {padding-bottom: 150px; padding: 0px 45px 150px 0px;}
.pdt_descrp {position: absolute;bottom: -135px;right: -37px;border-radius: 5px;width: 100%;padding: 20px;}
.pdt_descrp p{font-size: 15px; margin: 0; line-height: 20px;}
.pdt_descrp a{text-decoration: none; color: #171717; font-size: 17px; font-weight: 500; display: inline-block; width: 100%; text-align: right;}
.safety_glazing_section .slick-initialized .slick-slide {display: block; padding: 0px 30px 150px 0px;}
.safety_glazing_section .slick-slider {margin:0 -15px;}
.safety_glazing_section .slick-slide {padding:10px; margin-right:15px; margin-left:15px;}
.slick-prev, .slick-next{z-index: 999;}
.slick-next {right: 0px;}

/* ===========Benefits Of Safety Glazing SECTION START============ */
.benefit_box {margin-bottom: 20px;}
.benefit_box .benefit_icon {width: 100px; position: relative;}
.benefit_box .benefit_icon img{position: relative;}
.benefit_box .benefit_icon:before{ content: ""; position: absolute; background-color: #E7E7E7; width: 65px; height: 65px; top: -15px; left: -15px; border-radius: 50%;}
.benefit_box .benefit_title {width: calc(100% - 100px);}
.benefits_sg_section .container-fluid{padding: 0px 30px;}

/* ============Why Garware Safety Glazing Material? SECTION START============ */
.why_gsg_box {border: 1px solid #000; padding: 20px 20px; min-height: 176px;}
.why_gsg_box h5{font-size: 17px;font-weight: 700;line-height: 24px;margin: 0;}

/* How Garware safety glazing adheres to the safety glazing rule section start */
.how_sg_rule_box{width: 90%;}
.how_sg_rule_para a{display: inline-block; text-decoration: none; background-color: #1c1c1c; padding: 15px 35px; text-align: center; border-radius: 5px; color: #fff; margin-top: 20px;}

/* =======Method of testing the genuineness of the Garware safety glazing film section start======= */
.method_testing_para p{font-size: 18px;}

/* =============Transparency Check section start============ */
.transparency_check_box img{margin-bottom: 40px;}
.vlt_box{border: 1px solid #000; border-radius: 5px; margin: 0 auto; width: 60%; background-color: #fff;}
.tick_cross_icon{width: 50px; margin: 0 auto; text-align: center;}.tick_cross_icon i{font-size: 36px;}
.vlt_text {width: calc(100% - 50px);}
.vlt_text p{text-align: center; background-color: #1c1c1c; color: #fff;font-size: 18px;font-weight: 400;   line-height: 26.01px; border-radius: 5px; padding: 15px 0px;}

/* ==========VLT & IR Rejection Meter section start======== */
.vlt_ir_section p{font-size: 17px;}

/* ==============Price Calculator section start============= */
.res-title h2 {
    color: #fff;
    font-size: 36px;
}
.calc-desc p {
    font-size: 16px;
    line-height: 24px;
    color: #ececec;
    margin-bottom: 30px ;
}

.price-calc{
    padding: 45px;
}

.calc-form {
    background: #fff;
}

.v-form-ele select:focus{
    box-shadow: none;
    outline: none;

}

.v-form-ele select {
    width: 100%;
    margin-bottom: 25px;
    border: none;
    border-bottom: 1px solid #1c1c1c;
    padding: 10px 10px 15px;
    color: #565656;

}


.result-sec {
    background: #101010;
    padding: 44px;
    min-height: 318px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.res-title h2 {
    color: #fff;
    font-size: 36px;
}
.res-amount {
    text-align: center;
}
.res-amount h3{
    color: #fff;
    font-size: 36px;
}

.res-amount h3 span{
    color: #e50019;
    
}

.res-rest {
    text-align: center;
}


.res-rest p {
    color: #fff;
    font-size: 36px;
    margin: 20px 0 !important;
}

.res-rest h5 {
    color: #fff;
    font-size: 24px;
   
}
button.btn.form-btns {
    width: 100%;
    background: #1c1c1c;
    padding: 12px 35px;
    color: #ececec;
    /* text-transform: uppercase; */
    border-radius: 5px;
}


/* ===========Happy Customers Said section start=========== */
.happy_customer_section{background-image: url(../img/testimonial-bg.jpg); background-size: cover;}
.testi_box{border: 1px solid #ddd;}
.inverted_comma {background-color: #f2f2f2;display: inline-block;padding: 15px;border-radius: 50%;margin-bottom: -50px;margin-left: 20px;}
.inverted_comma img{width: 54px;}
.customer_pic_name{background-color: #f2f2f2;width: 50%;margin-left: 20px;padding: 10px 10px;margin-top: -40px;}
.customer_pic_name .pic{border: 1px solid #e3e3e3;border-radius: 50%;padding: 4px;}
.customer_testi_para{padding: 50px 20px;}
.customer_pic_name .name{padding-left: 15px;}
.regular2 .slick-slide, .regular5 .slick-slide{margin: 0px 15px;}
.regular2 .slick-dots li, .regular5 .slick-dots li{margin: 0 2px;padding: 10px;}
.regular2 .slick-dots li button:before, .regular5 .slick-dots li button:before{top: 6px;left: 6px;}
.regular2 .slick-dots li.slick-active button:before, .regular5 .slick-dots li.slick-active button:before{ color: #1c1c1c;background-color: #1c1c1c;}
.regular2 .slick-list, .regular5 .slick-list{margin-bottom: 40px;}
.regular2 .slick-dots li.slick-active, .regular5 .slick-dots li.slick-active{border: 1px solid;padding: 10px;border-radius: 50%;}

/* ==========Influencers section start========== */
.view_all_influ a{font-size: 20px;font-weight: 500;line-height: 18px;text-align: left; display: inline-block; text-decoration: none; color: #000;}
.influ_info_box{background-color: white; margin-left: -100px;box-shadow: 0px 4px 12px 0px #00000026;padding: 20px 20px;}

/* =============Do You Have Question Please Contact Us section start============= */
.contact_anytime_section .sg_section_title h2:before{background-color: #fff;}
.contact_form .form-control{
    padding: 0.8rem .75rem;
    background-color: #fff;
    color: #000;
    font-size: 16px;}

.contact_form .form-control::placeholder {
    color: #E7E7E7;
    opacity: 1; /* Firefox */
  }
.contact_form .form-control::-ms-input-placeholder { /* Edge 12 -18 */
    color: #E7E7E7;
  }
.contact_form .form-control:focus{box-shadow: none;}
.contact_form .mb-3{margin-bottom: 25px !important;}
.contact_form a{ display: inline-block; background-color: white; color: #000; border: 1px solid #fff; padding: 12px 20px; width: 100%; text-align: center; text-transform: uppercase; font-size: 18px; border-radius: 50px;}

/*================== LOCATE US SECTION start================== */
.sort-form select {width: 100%;margin-bottom: 0;border: none;border: 1px solid #6e6e6e;padding: 12px 12px 12px; color: #565656; font-size: 16px;}
.loc_address{width: 100%; border-bottom: 1px solid #000; padding-bottom: 15px;}.loc_address p{font-size: 14px;}
.locate_us_box{background-color: #FFFFFF;border: 0.5px solid #cbcbcb;padding: 15px 15px;border-radius: 0px; margin-top: 30px; position: relative; margin-bottom: 30px;}
.locate_phone_mail i{font-size: 18px; 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-size: 15px;font-weight: 400; text-decoration: underline !important;}
.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: -23px; left: 26px;}
.regular5 .slick-slide{margin: 0px 15px;}

/* ===========our blogs section start============ */
.blog_section .sg_section_title{padding: 0px 30px;}
.blog_box{display: flex; align-items: center; background-color: #fff;}
.blog_img{width: 280px;}
.blog_info {width: calc(100% - 280px); padding: 0px 20px;}
.blog_info .date{font-size: 16px;font-weight: 400;line-height: 23.28px;font-family: 'texgyreadventor-regular'; margin-bottom: 15px;}
.blog_info .date img{width: 18px; display: inline-block;}
.blog_info .subtitle{font-family: 'texgyreadventor-regular';font-size: 16px;font-weight: 400;line-height: 24px; margin-bottom: 15px;}
.blog_info .title h5{ font-size: 18px;font-weight: 700;line-height: 24px; margin-bottom: 40px;}
.blog_info .title a{display: inline-block; text-decoration: none; color: #000;font-size: 17px;font-weight: 500;    line-height: 18px; text-align: left;}
.regular4 .slick-slide{margin: 0px 30px;}
.regular4 .slick-prev:before {
    content: url('../img/blog-arrow-left.svg');
}
.regular4 .slick-next:before {
    content: url('../img/blog-arrow-right.svg');
}
.regular4 .slick-prev, .regular4 .slick-next{width: auto; height: auto;top: initial;top: 0px; top: -75px;}
.regular4 .slick-prev {right: 165px;}.regular4 .slick-next {right: 30px;}
.regular4 .slick-prev:before, .regular4 .slick-next:before{opacity: 1;}

/* FAQ'S SECTION START */
.faq_section .main-title{margin-bottom: 30px;}
.faq_section .accordion-item{border: 0; margin-bottom: 25px; background-color: #f8f8f8;}
/*.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: 0px 10px 15px;background-color: #f8f8f8;border-radius: 0;padding-top: 15px;}
.faq_section .accordion-item:last-of-type .accordion-button.collapsed{border-radius: 0;}
/* Custom style */
.faq_section .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: scale(.7) !important;border: 1px solid #000;
    /* padding: 2px; */
    border-radius: 50px;
    padding: 15px;
    text-align: center;
    background-position: center;
  }
.faq_section .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");border: 1px solid #000;
    /* padding: 2px; */
    border-radius: 50px;
    padding: 15px;
    text-align: center;
    background-position: center;
  }
  .accordion-header {
    font-family: "Jost", sans-serif;
}

.new-head a.active {
        text-decoration: underline !important;
    }

/* FOOTER SECTION START */
.footer_section{background-color: #000; padding-bottom: 30px;}
.footer_logo{margin-bottom: 40px;}
.footer_logo .logo{margin-bottom: 30px;}
.footer_logo p{ color: #9BA2AD; font-size: 16px;}
.office_address h4, .footer_link h4, .footer_social_link h4{color: #fff; font-size: 18px; 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: #7C7C7C; font-size: 14px; }
.footer_copyright2 p{text-align: right;}
.call_mail_addrs h4{border-bottom: 1px solid #aaa; padding-bottom: 15px;color: #fff; font-size: 18px;}
.call_mail_addrs p{color: #a5a5a5;}
.footer_logo p{margin-bottom: 40px;}
.footer_logo ul{margin: 0; padding: 0; display: flex; align-items: center;}
.footer_logo ul li{margin: 0; padding: 0; list-style: none; margin: 0px 5px; border: 1px solid #909090; padding: 10px; border-radius: 50%; text-align: center;}
.footer_logo ul li:first-child{margin-left: 0;}
.footer_link{margin-bottom: 40px;}