/*******website-theme-color*******/

:root {

/*body-color*/
--main-color: var(--primary_color);
--body-second-clr: var(--secondary_color);
/*body-color*/

}

.purple-text{color: var(--body-second-clr);}
.text-white{color: var(--primaryTextColor);}
.text-yellow{color: var(--secondaryTextColor);}
.bg_black{ background-color: var(--bg_color); }
.bg_white{ background-color: var(--bg_secondary_color); }

/*******website-theme-color*******/



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


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


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



body{background: var(--main-color); font-family: 'Poppins';}
a{text-decoration: none;}
strong a{color: #000000}
strong a:hover{color: #000000}
.w-100{width: 100%; height: 100%}
p{ text-align: justify; }
p a{ color: var(--body-second-clr); font-weight: 600;}
.container{max-width: 1170px; margin: auto;}
h1 , h2 , h3 , h4 , h5 , h6{ font-weight: 700; }
h1 , h2 , h3{ font-family: 'Lora'; font-weight: bold; font-style: italic; }
h1{font-size: 50px; line-height: 44px; }
h2{font-size: 35px; margin-bottom: 15px;}
h3{font-size: 25px; margin-bottom: 15px; }
ul{ margin-bottom: 0px; }
img{ max-width: 100%; }
.bg_black p{ color: #fff; color:#fff;}
.about-con ul , .about-con ol{ padding-left: 20px; margin-bottom: 20px; }

.main_header { display: flex;  flex-wrap: wrap;  align-items: center; }
.logo { width: 30%; }
.logo img{ height: auto; }
.menu_section { width: 70%; padding-left: 30px;}

.p_40{ padding:40px 0px; }
.p_50{ padding:50px 0px; }

/*header_navigation_desktop*/

.main_header{ padding:10px 0px; justify-content: space-between; display: flex; flex-wrap: wrap; color: #343434; align-items: center; position: relative; transition: all 0.4s ease-in-out 0s;}
.header_navigation .menu{ display: flex; flex-wrap:wrap; list-style: none; align-items: center; justify-content: flex-end; }
.header_navigation .menu > li{ margin-right: 80px; position: relative;}
.header_navigation .menu > li > a{ padding:10px 0px; font-family: 'Lora'; font-weight: bold;}
.header_navigation .menu > li:last-child{ margin-right:0px;}
.header_navigation ul li a{ text-transform: uppercase; letter-spacing: 1px; color:#000; font-size:16px; text-decoration: none;  transition: .3s; }
.header_navigation ul li a:hover, .header_navigation ul li a.active { color: #d44b2b; transition: .3s; }
.header_navigation ul li a.active + span.arrow i { color: #d44b2b; transition: .3s; }
.mobile_header{ display:none;}

.header_navigation ul li .sub-menu {
    color: #fff;
    position: absolute;
    min-width: 245px;
    width: 100%;
    left: 0;
    top: calc(100% + 10px);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    transform-origin: 0 0 0;
    margin-left: 0;
    -webkit-box-shadow: 0px 4px 9px -2px rgb(0 0 0 / 45%);
    -moz-box-shadow: 0px 4px 9px -2px rgba(0,0,0,0.45);
    box-shadow: 0px 4px 9px -2px rgb(0 0 0 / 45%);
        border-radius: 15px;
    background-color: #ed6a22;
    overflow: hidden;
}
/*.header_navigation ul li .sub-menu::before {   content: "";  background-color: #f000;  opacity: 0.9;  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;}*/
.header_navigation ul li:hover  .sub-menu, .header_navigation ul li:focus {  visibility: visible;  opacity: 1;  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);
-o-transform: scale(1);  transform: scale(1);}
.header_navigation ul li .sub-menu li{ display: block; width:100%; margin-right:0px; padding:0px; }
.header_navigation ul li .sub-menu li a {
    color: #fff;
    width: 100%;
    display: block;
    padding: 12px 15px;
    margin-bottom: 1px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
}

.header_navigation ul li .sub-menu li:last-child a{ border-bottom:none; }
.header_navigation ul li .sub-menu li a:hover{ color: #ffffff;  background-color: #973224;}
.menu_section .menu_bottom  .sub-menu li{ padding:0px; display:block; }
.menu_section .menu_bottom  .sub-menu{ display:block;}
.header_navigation .arrow{ position: absolute; right: -28px;}
.header_navigation .arrow i{ font-size: 14px; line-height: 14px;  margin-left: 0;}
.navbar-fostrap {  display: none; position: relative;}
.navbar-fostrap b{ font-size:8px; font-weight: 400; letter-spacing: 1px; position: absolute; bottom: -16px; left: -1px; width: 100%; text-align: center;}


.banner{position: relative; border-bottom: 5px solid var(--body-second-clr); border-top: 5px solid var(--body-second-clr); }
.banner img{ height: auto !important; }
.banner .banner_caption{ position: absolute; width: 100%; left: 0; top: 50%; transform: translate(0 , -50%); text-align: center;  }
.banner .banner_caption h1{ color:#fff;  }

.about_img{ display: inline-block; position: relative; padding:25px 25px 0 0 ;  }
.about_img:before{ content: ""; position: absolute; top:0px; right: 0px; background-color:var(--body-second-clr); border-radius: 10px; width:calc( 100% - 25px ); height: calc( 100% + 25px );   }
.about_img img{ border-radius: 10px; position: relative; z-index: 1; height: auto;  }
.about_home .main-txt{ padding-right: 15px; }
.about_home h2{ margin-bottom: 15px; }


.category_section ul{margin: 0 -6px; padding: 0; display: flex; flex-wrap: wrap;}
.category_section ul li{display: inline-block; position: relative; width:20%; overflow: hidden;  padding:0 6px; margin-bottom: 12px;}
.category_section ul li span{display: block; position: absolute; color: #fff; background-color:var(--body-second-clr); 
    padding:3px 5px; text-align: center; 
font-size: 13px; font-weight: 600; text-transform: uppercase; left: -5px; top: 10px; width: auto;} 
.category_section ul li span:after{ content: ""; position: absolute; top: 0px; left: 100%; margin-left: 0px; width: 10px; height: 100%; background-color:var(--body-second-clr); clip-path: polygon(0 0, 0% 100%, 100% 50%); }
.category_section ul li span:before{ content: ""; position: absolute; bottom: 100%; left: 0; margin-left: 0; width: 5px; height: 5px; background-color:var(--body-second-clr); clip-path: polygon(100% 0, 0% 100%, 100% 100%); }
.category_section .cat_box{ position: relative;}
.models-caption{padding: 10px;  color: var(--body-second-clr); font-size: 18px; font-family: 'Lora'; font-weight: bold; font-style: italic; text-align: center; border: 2px dashed var(--body-second-clr); border-top: none;}


.location-list{ padding: 20px 0px;}
.location-list ul{margin: -10px ; padding: 0; text-align: center; display: flex; flex-wrap: wrap;}
.location-list ul li{display: inline-block; position: relative; width: 33.33%; padding: 10px; }
.location-list ul li a{font-size: 18px; display: block; border: #b7b7b7 dashed 2px; padding:13px 10px; font-weight: 500; color: var(--body-second-clr);  opacity: 1; transform: scale(1); transition: .3s ease;}
.location-list ul li a:hover{ transition: .3s ease; background-color:var(--body-second-clr); color:#fff; }



footer{ padding: 20px 0px; }
.footer_menu ul{ display: flex; flex-wrap: wrap; justify-content: center; list-style: none;  }
.footer_menu ul li{ margin-right: 50px;  }
.footer_menu ul li:last-child{ margin-right: 0px; }
.footer_menu ul li a{ color: #fff; text-transform: uppercase; transition: 0.4s; }
.footer_menu ul li a:hover{ color:var(--body-second-clr);  }
footer ul{ padding-left: 0px; }


.footer-fixed{position: sticky; width: 100%; bottom: 0; left: 0; display: none; z-index: 9999}
.footer-fixed a{width: 50%; padding: 10px; display: flex; align-items: center; color: #fff; font-size: 18px; font-family: 'Lora';  font-weight: bold;  font-style: italic;}
.footer-fixed a span{width: 30px; height: 30px; display: inline-block; position: relative; margin-right: 10px;}
.footer-fixed a span img{width: 30px; height: 30px;}
.footer-fixed .whatsapp{background:#12af0b}
.footer-fixed .phone{background: #ff0054}

/*contact page start*/
.contact-us-sec {max-width: 800px; margin:auto;}
.contact-us-sec .contact-form { border-radius: 10px;box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);padding: 40px; }
.contact-form form label {margin-bottom: 8px;font-weight: 600;}
.contact-form form .form-group {margin-bottom: 16px;}
.contact-form form .form-control {height: 50px;border-radius: 6px; border-color: #afafaf;}
.contact-form form textarea.form-control{height: 100px;}
.contact-form .btn {padding: 10px 45px;width: auto; border: 1px solid var(--body-second-clr); }
.contact-form .btn {font-size: 18px;}
.contact-form form .form-control::placeholder{color: #ccc;}
.contact-form form .form-control:focus{ box-shadow: none; }
.contact-form a{font-weight: 400;}
.default-buuton {
    border: 1px solid var(--body-second-clr);
    width: 100%;
    max-width: 220px;
    font-size: 16px;
    display: block;
    margin: auto;
    text-transform: uppercase;
    background: var(--body-second-clr);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}
.default-buuton:hover{ background-color: transparent; color:var(--body-second-clr); }
/*contact page end*/

@media (min-width:768px) and (max-width:991px){
h1{ font-size: 40px; }
h2{ font-size: 30px; }
p , li{ font-size: 15px; }

.header_navigation .menu > li{ margin-right: 60px; }
.header_navigation ul li a{ font-size: 15px; }
.banner{ height: 360px; }

.about_img{ padding: 15px 15px 0 0; }
.about_img:before{ width: calc( 100% - 15px );  height: calc( 100% + 15px ); }
.about_home .main-txt { padding-right: 0;}

.category_section ul li{ width: 25%; }
.location-list ul li a{ font-size: 15px; }
.location-list ul{ margin:-6px; }
.location-list ul li{ padding: 6px; }
}


@media(max-width:767px){
/*nav_START*/
.header_navigation.visible  ul.menu  li.menu-item-has-children span.arrow  {color: #fff;line-height: 45px;}
.header_navigation.visible  ul.menu  li.menu-item-has-children span.arrow  i{ color: #000; }
.header_navigation ul li:hover > .sub-menu, .header_navigation ul li:focus {visibility: visible;opacity: 1;-webkit-transform: scale(1);
    -moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

.header_navigation.visible {right: 0;-webkit-transition: right .4s ease;-moz-transition: right .4s ease;-ms-transition: right .4s ease;
-o-transition: right .4s ease;transition: right .4s ease;height: 100vh;}
.header_navigation {z-index: 999;background: #fff;width: 100%;display: block;bottom: 0;position: fixed; right: -100%; top: 0;
    -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;
    -o-transition: all .4s ease;transition: all .4s ease;margin: 0;border: 0;border-radius: 0;
    overflow-y: auto;overflow-x: hidden;height: 100vh; }
.mobile_header {padding: 10px; display: flex; justify-content: space-between;align-items: center; background-color: var(--main-color); margin-bottom:5px;}
.mobile_header img {max-width:130px;}
.header_navigation ul { padding-left: 0px; }
.header_navigation ul li a {font-size: 14px;padding: 10px 15px;display: block;text-transform: uppercase;color: #fff;}
span.arrow {position: absolute;top: 0;bottom: 0;right: 0;width: 60px;height: auto;line-height: 24px;font-size: 13px;text-align: center;color: #424242;display: block;}
.header_navigation ul.menu li .sub-menu {border: none;box-shadow: none; top: 0px;opacity: 1;min-width: 100%;width: 100%;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);transition: none;visibility: visible;left: 0px;z-index: 99; border-radius: 0px;
position: inherit;display: none;}
.header_navigation ul li:last-child, .menubar_logo {display: block;}
.header_navigation ul.menu li .sub-menu li a {font-size: 15px;background: #d44b2b; color:#fff;}
.header_navigation .menu > li > a{padding: 12px 15px; }    
.header_navigation ul li a {font-size: 15px;padding: 12px 15px;display: block;border-bottom: 1px solid #d44b2b;text-transform: uppercase;
color: #000;font-weight: 600;  text-align: left;}
.header_navigation ul li{ width:100%; display:block; }
.header_navigation ul li a:hover {    background-color: #d44b2b;    color: #fff;}
header .header_navigation  ul.menu li {    margin-right: 0px;    padding: 0px;}    
/*nav_end*/
.fixed{ position: fixed;}
.navbar-fostrap {display: inline-block;cursor: pointer;margin: 0px 0px 0px 0px;padding:0px 0 0px;z-index: 1; padding-top:2px;}
.navbar-fostrap span {height: 3px;background: #2b6bb3;margin: 2px 0;display: block;transition: 0.3s ease;width: 30px;}
header button.close {  font-size: 22px;  border-radius: 50%; padding: 10px; border: none;  width: 32px;  height: 32px;  display: flex; flex-wrap: wrap;  justify-content: center;  align-items: center;  background-color: #ed722e; color: #fff;}
header button.close img{ max-width: 100%; }   

.navbar-fostrap {    display: inline-block;    cursor: pointer;    z-index: 1;      margin-top: 0px;}
.navbar-fostrap span {
    height: 3px;
    background: #ed6a20;
    margin: 4px 0;
    display: block;
    transition: 0.3s ease;
    width: 24px;
}


h1{ font-size: 38px; }
h2{ font-size: 25px; }
h3{ font-size: 22px; }
h5{ font-size: 18px }
p , li{ font-size: 14px; }
.p_40{ padding: 30px 0px; }

.menu_section {  padding-left: 20px; display: flex;  flex-wrap: wrap; justify-content: flex-end;}
.header_navigation .menu > li{ margin-right: 60px; }
.header_navigation ul li a{ font-size: 15px; }
.banner{ border-width: 3px;}

.about_img{ padding: 15px 15px 0 0; }
.about_img:before{ width: calc( 100% - 15px );  height: calc( 100% + 15px ); }
.about_home .main-txt { padding-right: 0;}

.category_section ul li{ width: 33.33%; }
.location-list ul li a{ font-size: 15px; }
.location-list ul{ margin:-6px; }
.location-list ul li{ padding: 6px; width: 50%;}
.models-caption{ padding: 8px; font-size: 16px; }

.footer-fixed{ display: flex; }


}


@media(max-width:575px){
h1{ font-size: 20px; }
h2{ font-size: 25px; margin-bottom: 10px; }
h3{ font-size: 20px; }

.logo { width: 40%;}
.logo img{ height: auto; }
.menu_section{ width: 60%; }

.about_home .row [class*="col"]:last-child{ order: -1; padding-bottom: 20px; max-width: 240px; margin:auto; }

.category_section ul li { width: 50%;}  

.location-list ul li{ width: 100%; }

.footer_menu ul li { margin-right: 40px;}
.footer_menu ul li a{ font-size: 15px; }

.contact-us-sec .contact-form{ padding: 30px; }
}

#btn-back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
}








