*, html, body{margin: 0; padding: 0; box-sizing: border-box; font-family: 'Jost', sans-serif;}
body{background:#d93453}
img{display: inline-block; vertical-align: bottom;}
.pd-top-30{padding-top: 30px;}
.pd-btm-30{padding-bottom: 30px;}
a{text-decoration: none;}
.text-center{text-align: center;}
.cl{clear: both;}

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

.w-100{width: 100%;}
.w-25{width: 25%;}

.container{max-width: 1170px; margin: auto; background: #fdda98; padding: 20px;}

h1{font-size: 34px; line-height: 44px; margin-bottom: 15px;}
h2{font-size: 32px; line-height: 44px; margin-bottom: 15px;}
h3{font-size: 30px; line-height: 44px; margin-bottom: 15px;}

.main-txt p{font-size: 17px; line-height: 25px; color: #565158; margin-bottom: 10px; text-align: justify;}

.red-text{color:#d93453;}
.text-white{color: #fff !important;}
.text-black{color: #000 !important;}

.header-box{display: flex; align-items: center; padding: 0px 0;}
.logo{color:#d93453; font-size: 40px; width: 190px; font-weight: 600;}
.logo img{width: 100%}
.call-us-header{display: flex; flex: 1; justify-content: flex-end; position: relative;}


.header-menu{background:rgb(217, 52, 83);}
.menu-trigger{display: none;}
.header-menu ul{margin: 0; padding: 0;}
.header-menu ul li{display: inline-block; position: relative;}
.header-menu ul li a{color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 500; padding: 15px 15px; display: inline-block;}

.header-menu ul li ul{height: 400px; width: 250px; overflow: auto; display: none; position: absolute; top: 100%; background: #fff; z-index: 999}
.header-menu ul li ul li{display: block;}
.header-menu ul li ul li a{font-weight: 500; padding: 8px 10px; display: block; color: #000;}
.header-menu ul li ul li a:hover{background: #eee}

.arrow-down{height: 7px; width: 7px; border: #fff solid 2px; border-top:0; border-right: 0; transform: rotate(-45deg); display: inline-block; margin-left: 4px; position: relative; top: -3px; }

.header-menu ul li:hover ul{display: block;}

.banner-box{position: relative; margin-top: 15px;}

.main-box-div{padding: 30px 0;}

.loc-hd{font-size: 24px; line-height: 44px; font-weight: 600;}

.loc-inner{background: rgb(249, 212, 142); margin: 15px 0; padding: 15px;}
.loc-box ul{margin: 0; padding: 0;}
.loc-box ul li{display: inline-block; position: relative;}
.loc-box ul li:before{content: ''; position: absolute; height: 8px; width: 8px; border-radius: 50%; top: 19px; left: 0; background: #000;}
.loc-box ul li a{display: block; color: #000; font-size: 17px; padding:10px 40px 10px 20px; border-radius: 5px;}


.top-inner{padding: 0 20px;}
.top-inner-name{font-size: 18px; padding: 10px 0; color: #2a0933;}
.top-inner-p{font-size: 16px; line-height: 20px; color: #565158;}

.cate ul{margin: 0 -10px; padding: 0;}
.cate ul li{display: inline-block; float: left; width: 18%; margin:30px 10px;}

.cate-box{position: relative; border: solid 3px #d93453; padding: 6px; overflow: hidden; cursor: pointer;}
.cate-box-img{}
.cate-box-txt{position: absolute; top: 74%; background: rgba(0, 0, 0, 0.6); height: 100%; width: 100%; left: 0;  transition: .3s ease;}
.cate-box-hd{font-size: 18px; padding:15px; color: #fff; font-weight: 600;}
.cate-box-txt-p{font-size: 16px; padding: 0 15px 15px 15px; line-height: 20px; color: #fff;}
.cate-box-txt-p p{margin-bottom: 5px;}
.cate-box:hover .cate-box-txt{top: 0; transition: .3s ease;}

.models ul{margin: 0 -5px; padding: 0;}
.models ul li{display: inline-block; position: relative; width: 23.8%; margin:7px 5px; border: solid 3px #d93453; padding: 6px;}
.models ul li img{border: solid 3px #d93453;}


.lp-box{display: flex;}
.lp-box-lf{width: 30%}
.lp-box-lf-img img{border: solid 3px #d93453; padding: 6px; width: 100%}
.lp-box-rt{width: 70%; padding-left: 30px;}

/* Middle Box Closed */

footer{background:#753f49; padding: 10px; margin-top: 60px;}
.footer-menu ul{margin: 0; padding: 0; text-align: center;}
.footer-menu ul li{display: inline-block; position: relative;}
.footer-menu ul li a{padding: 10px; position: relative; display: inline-block; color: #fff; font-size: 14px; font-weight: 600;}
.footer-copy{margin-top: 15px; border-top:rgba(255,255,255,0.1) solid 1px; padding: 10px; font-size: 13px; color: #fff; text-align: center;}

.footer-sticky{display: flex; align-items: center; position: fixed; width: 100%; left: 0; bottom: 0; display: none;}
.phone-box{width: 50%; background:#d93453; color: #fff; padding: 10px; font-size: 16px; display: flex; align-items: center;}
.phone-box span, .whatsapp-box span{width: 30px; height: 30px; display: inline-block; margin-right: 10px;}
.phone-box span img{width: 100%;}
.whatsapp-box{width: 50%; background: #10b317; color: #fff; padding: 10px; font-size: 16px; display: flex; align-items: center;}
.whatsapp-box span img{width: 100%}

.page-not-found{padding: 100px 0;
text-align: center;}
.error {
  font-size: 98px;
  font-weight: 700;
  color: rgb(217, 52, 83);
  margin-bottom: 10px;
  
}
.error-sub-head {
  font-size: 17px;
  color: #000;
  
}

/* Media Query Start */

@media(max-width: 1200px){
  .container{width: auto;}
}


@media(max-width: 767px){
	.header-menu{display: none; position: absolute; z-index: 999; top: 100%; width: 300px;}
	.header-menu ul li{display: block;}
	.header-menu ul li a{display: block;}
	.header-menu ul li:hover ul{display: none;  position: relative;}
	.header-menu ul li.open-sub ul{display: block; width: 100%; height: 200px; position: relative;}

	.logo{width: 135px;}
	.cate ul{text-align: center;}
	.cate ul li{width: 100%; float: none; margin: 15px 10px; width: 44%; display: inline-block;}
	.cate-box-txt{display: none;}
	.models ul li{display: block; width: 100%; margin: 15px 0;}
	.menu-trigger, .rotate-icon{display: inline-block; padding: 15px 0; padding-right: 15px; cursor: pointer; color: #777; font-size: 17px; transition: .5s ease; height: 56px; width: 30px; right: 0}
  .menu-trigger .icon1{width: 28px; height: 3px; background: #000; border-radius: 999px; display: block; margin-bottom: 3px; position: relative; top: 6px;}
    .menu-trigger .icon2{width: 28px; height: 3px; background: #000; border-radius: 999px; display: block; margin-bottom: 3px; position: relative; top: 6px;}
    .menu-trigger .icon3{width: 28px; height: 3px; background: #000; border-radius: 999px; display: block; position: relative; top: 6px;}

    .rotate-icon .icon2{display: none;}
    .rotate-icon .icon1{width: 28px; height: 3px; background: #000; border-radius: 999px; display: block; margin-bottom: 3px; transform: rotate(45deg); margin-bottom: 0; position: relative; top: 11px;}
    .rotate-icon .icon3{width: 28px; height: 3px; background: #000; border-radius: 999px; display: block; transform: rotate(-45deg); position: relative; top: 8px;}

    .footer-sticky{display: flex;}
    body{padding-bottom: 30px;}

    .lp-box{display: block;}
    .lp-box-lf{width: 100%; margin-bottom: 15px;}
    .lp-box-rt{width: 100%; padding-left: 0}
}

@media(max-width: 580px){.cate ul{margin:0;}.cate ul li{width:100%; margin-left:0; margin-right:0;}}