@charset "utf-8";
/***** Design By Sagar 4.3 HTML 5 *****/
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800:900&display=swap');


body {
	font-family: 'Nunito', sans-serif;
	background: #fff;
	color: #1d1f23;
	font-size: 16px;
	overflow-x: hidden;
	font-weight: 500;
	
}

::-webkit-scrollbar {
 width: 6px
}

::-webkit-scrollbar-thumb {
 background: #313d4f;
 -webkit-border-radius: 0;
 border-radius: 0
}
* {
	padding: 0;
	margin: 0;
}
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}
ul, li {
	padding: 0;
	margin: 0;
}
a {
	color: #222;
	text-decoration: none !important;
}
ul, li {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Nunito', sans-serif;
	padding: 0;
	margin: 0;
	font-weight: 500;
}
p {
	padding: 0;
	margin: 0;
}

::-moz-selection {
 text-shadow: none;
 background: #ff627f;
 color: #fff;
}

::selection {
 text-shadow: none;
 background: #ff627f;
 color: #fff;
}
 img::selection {
 background: 0 0;
}
 img::-moz-selection {
 background: 0 0;
}
/*------------------ VARIABLE CSS ------------ */

.header-section{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	color: #fff;
	z-index: 9999;
	padding: 5px 50px;
}
.set-header{
	display: flex;
	justify-content: space-between;
}
.humburger {
	width: 33px;
    padding-top: 19px;
	transition: .5s ease-in-out;
}
.humburger:hover{
	color: #ffcb05;
}
.logo img {
    position: absolute;
    margin: 0 auto;
    display: block;
    left: 0px;
    right: 0;
    top: 0px;
    z-index: 9999;
}
.humburger{
	float: left;
	margin-right: 10px;
}
.header-section a{
	color: #fff;
}
/*** header ***/
.logo img{
 transition: 1s ease-in-out;
}
.darkHeader .logo img{
    width: 69px;
	transition: .5s ease-in-out;
}
.header ul li {
	display: inline-block;
	float: none;
	margin: 0px;
}
.header {
	display: flex;
	margin-top: 12px;
}
.header li a {
	padding: 23px 18px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
 transition: .6s linear;
	font-weight: 600;
	border-radius: 3px;
	text-transform: uppercase;

}
.header li a:hover{
	color: #ffcc00;
}
.hide {
	display: none;
}
.header ul ul {
	position: absolute;
	display: none;
 animation: fadeInLeft .5s forwards;
	z-index: 9999;
	  
}
.dropdoqwn li {
	display: block !important;
	float: none;
}
.dropdoqwn2 {
	left: 100%;
 
 margin-right: .1rem;
	margin-top: -32px;
	min-width: 160px;
}
.dropdoqwn li a {
	display: block !important;
	background-color: var(--green);
	font-size: 14px;
	border-bottom: 0px solid #14bd62;
	padding: 5px 15px;
	min-width: 150px;
	text-align: left;
	border-radius: 0px;
	color: #fff;
	text-transform: capitalize !important;
}
.dropdoqwn li a:hover {
	background-color: #fff;
	font-size: 14px;
	color: #000;
}
.meg:hover {
	background-color: #fff;
}
.catrgory {
	background: url(../images/category.jpg);
	border-radius: 0px;
	height: 380px;
	background-size: auto;
	color: #fff;
	text-align: center;
}
.catrgory span {
	margin-top: 28%;
	display: block;
}
.catrgory h3 {
	font-size: 24px;
	font-weight: 900;
}
.catrgory a {
	background-color: #084519;
	display: table !important;
	margin: 50px auto;
	padding: 10px 18px !important;
	color: #fff !important;
}
.headerlist{ padding:10px 30px; }
.myheaderlist ul{  overflow-x:scroll;}
.megmenupart {
	position: absolute;
	width: 100%;
	display: none;
	left: 0px;
	right: 0;
	z-index: 9999 !important;
	margin: 0px auto;
	transition: 1s ease-in-out;
 animation: fadeInDown .5s forwards;
}
.megamenu li {
	display:block;
	width:100%;
}
.megamenu li a {
	padding:4px;
	text-transform:capitalize;
}
.megamenu strong {
    width: 100%;
	display:block;
	padding-top:30px;
	font-weight:700;
	border-bottom:1px solid #999;
	padding:10px 0px;
}
.megmenupart ul {
	position:inherit !important;
	display:block !important;
}
.megamenu {
	background-color: #fff;
	color: #444;
	height: 380px;
	border-radius: 0px;
}
 #nav:checked~.header {
 display: block;
 transform: translateX(0);
 transition: all 0.3s ease-out;;
}
.dropdoqwn i {
	float: right;
	padding-top: 4px;
}
.set-header3 li{
	display: inline-block;
	position: relative;
}
.set-header3 a{
	margin-left: 24px;
}
.set-header3{
	margin-top: 35px;
}
.consult {
    background: #ff002a;
    color: #fff !important;
    padding: 10px 35px;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 900;
	box-shadow: 3px 2px #fff600;
}
.cart svg{
	width: 22px;
}
.search1 svg{
	width: 17px;
}
.acart{
	max-height: 400px;
	padding: 20px;
}
.list-p{
	max-height: 200px;
	overflow: scroll;
	margin-top: 15px;
}
.bagcart{
	color: #333;
}
.view-list a{
	padding:0px 0px !important;
	margin: 0px !important;
}
.p-border{
	border-bottom: 1px solid #dcdada;
    padding: 8px 0px 8px 0px !important;
}
.p-border strong{ color:#565656; display:block; font-size:14px !important;}
.p-border img{
	width: 61px !important;
    object-fit: cover;
}
.p-border span{
	font-size: 14px;
    font-weight: 400;
	padding-left:0px !important;
}
.bags{
	position: absolute;
    background-color: #ffcb05;
    font-size: 11px !important;
    border-radius: 100px;
    width: 18px;
    height: 18px;
    text-align: center;
    margin: 0px;
    padding-left: 0px !important;
    color: #fff;
    top: 13px;
    right: -12px;
    padding-top: 2px;
}
.dropdownclick {
	display: none;
    background-color: #fff;
    position: absolute;
    z-index: 9999;
    box-shadow: -1px 3px 6px 2px rgb(0 0 0 / 46%);
    border-radius: 6px;
	top: 64px;
    right: -9px;
    animation: fadeInDown .5s;
	width: 280px;
	
}
.arrowtrick2 {
    background: url(../images/angle.png) no-repeat;
    position: absolute;
	top: -10px;
    width: 33px;
    z-index: 9999999999;
    height: 24px;
    right: 0;
    right: 0px;
}
.dropdownclick a{
	color: #000;
}
.cart{
	padding: 23px 0px;
	margin-left: 20px;
}
.cart-bag:hover .dropdownclick {
	display: block;
}
.checkout-add{
	padding:0px 0px 0px 0px;
	font-size:15px;
	color:#222 !important;
	font-weight:600;
}
.checkout-add a{
	padding: 9px 0px !important;
    font-size: 16px !important;
    font-weight: 400 ;
    color: #fff !important;
    background-color: #222529;
    border-radius: 5px;
    text-align: center;
    margin-top: 12px;
	display: block;
	margin-left: 0px !important;
	transition: .5s ease-in-out;
}
.checkout-add a:hover{
	background-color: #ffcb05;
	color: #000 !important;
	font-weight: 500;
}
.cart {
	position: relative;
}
.user-s svg{
	width: 31px;
	padding-right: 10px;
	color: #ffcb05;
}
.user-s strong{
	color: #fff600;
    font-weight: 800;
    font-size: 20px;
}
.banner img{
	background-size:cover;
	width: 100%;
}
.darkHeader{
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	background-color: #144286;
	height: 100px;
}
.darkHeader .set-header3{
    margin-top: 30px;
}
.subpage h1{font-size: 20px;padding: 0px 0px 25px;}
.indexheading h1{font-size: 20px;padding: 0px 0px 25px;text-align: center;margin: auto;}
.box1 a{
	background-color: #fff;
    display: block;
    padding: 16px 10px;
    border-radius: 10px;
    color: #eb0000;
    font-weight: 700;
    font-size: 20px;
    box-shadow: 0px 3px 12px -5px #888888;
	transition: .5s linear;
	margin-bottom: 20px;
	border: 1px solid #e2e2e2;
}
.box1 a:hover{
	background-color: #eb0000;
	color: #fff;
}
.services {
	position: relative;
	top: -34px;
	text-align: center;
	z-index: 99;
}



/* #region bread */
.bread {
	color: #fff;
	height: 270px;
	text-align: center;
	font-size: 14px;
	padding: 35px;
	background:url(../images/callnow.jpg)
}
.bread h5 {
	font-size: 33px;
	font-weight: 800;
	padding-bottom: 5px;
	margin-top: 150px;
}
.bread a {
	color: #fff;
	text-decoration: none;
}
.bread i {
	padding-right: 4px;
	color: #fff;
	font-size: 15px;
}




.section2{
padding:3rem 0rem !important;
}

.dymamic-col1{
    box-shadow: 0px 3px 12px -5px #888888;
	border-radius:5px;
	margin-bottom:30px;
	background: #fff;
}
.dymamic-col1 strong{
display:block;
font-size:25px;
color: #1262d8;
}
.dymamic-col{
    box-shadow: 0px 3px 12px -5px #888888;
	border-radius:5px;
	margin-bottom:30px;
	background: #fff;
}
.dymamic-col strong{
display:block;
font-size:20px;
color: #1262d8;
}
.dymamic-col1 h1{font-size:25px!important;}
.text-h{
padding:0px 38px !important;
}
.dymamic-col img{border-radius:4px;object-fit: cover;
    height: 220px;
    width: 100%; }
.dymamic-col svg {
    margin-left: 1px;
    width: 14px;
    color: #e8b21a;
    cursor: pointer !important;
}
.dymamic-col a{
    display: table;
    background-color: #ff002a;
    color: #fff;
    border-radius: 4px;
    padding: 6px 20px;
    margin-top: 10px;
	font-size:14px;
}
.couplebg{ background:#ffd1ea; font-size:14px; color:#bc116e; padding:3px 10px; border-radius:5px; display:table;}
.left-side-p{
	position:sticky;
    top: 100px;
    bottom: 0;
    background-color: #fff;
	border-radius:4px; 
	border: 1px solid #f70059;
}

.types{
	color: #fff;
    display: block;
    padding: 12px 24px;
    font-weight: 700;
	font-size: 16px;
	    background-color: #f70059;
}
.textscrool{
	max-height:400px;
	overflow:auto;
}
.types i{
	color:#fff600;
	padding-right:5px;
}
.plus-icon{
	color: #4b566b;
    position: absolute;
    right: 20px;
    top: 18px;
    font-size: 12px !important;
}
.card-header{
	    padding: 8px 10px;}
.textscrool a{ font-size:16px; color:#4b566b;; padding:6px 10px}
.card-body a{
	display: block;
    padding: 5px 11px;
    color: #2c343e;
    font-size: 14px;
    padding-left: 20px;
}
.card-body{ padding:0px}
.phonecall{
	padding:4px 26px;
}
.card{
	border:none;
}
.accordion>.card>.card-header {
    border-radius: 0;
     margin-bottom: 0px; 
}
.phonecall i{
	font-size: 18px;
    color: #f70059 !important;
    padding-right: 2px;
	padding-top:4px;
	width: 24px;
    text-align: center;
}
.card:show i{
	color:red !important;
} 
.fbtext2 {
	text-align:left;
	padding:4px 32px;
}
.fbtext2 h4{
	 margin-bottom: 10px;
    font-size: 17px;
    font-weight: 700;
	margin-top:15px;
}
.fb {
	background-color:#4b69b0;
	color:#fff!important;
	display:inline-block;
	border-radius:100%;
	width:28px;
	height:28px;
	text-align:center;
	padding:4px;
	margin-top:5px;
	margin-right:4px
}
.in {
	background-color:#f69b4f;
	color:#fff!important;
	display:inline-block;
	margin-right:4px;
	border-radius:100%;
	width:28px;
	height:28px;
	text-align:center;
	padding:4px;
	margin-top:5px
}
.you {
	background-color:#e83f3a;
	color:#fff!important;
	display:inline-block;
	border-radius:100%;
	width:28px;
	height:28px;
	text-align:center;
	padding:4px;
	margin-top:5px
}
.fbtext {
	text-align:right
}
.resortbody{ background:#E9E9F5;}
 
   .mobilefixed {
	position:fixed;
	background-color:#fff;
	width:100%;
	bottom:0;
	color:#fff;
	display:flex;
	text-align:center;
	z-index:99999!important;
	box-shadow:-8px 2px 21px 0 rgba(136, 136, 136, .4);
	border-radius:10px 10px 0 0
}
.mobilefixed ul {
	width:100%
}
.mobilefixed li {
	display:inline-block;
	width:19%;
	margin-bottom:-11px
}
.mobilefixed li a {
	color:#000;
	padding:10px 15px 0 15px;
	font-weight:400;
	font-size:13px;
	display:inline-block
}
.google {
	padding-top:20px
}
.mobilefixed img {
	width:22px;
	margin:0 auto
}
.home-cions {
	background-color:#fff;
	border-radius:100px;
	padding:15px!important;
	height:53px!important;
	position:relative;
	top:-26px;
	box-shadow:0 0 9px 0 #a0a0a0
}
.home-cions img {
	width:24px;
	margin-top:-3px
}
.mobilefixed span {
	width:100%;
	display:block;
	font-size:12px
}
.mobilenumber12 {
    position: fixed;
    bottom: 70px;
    right: 12px;
}

.formpage5 {
	border-radius:7px;
	border:1px solid #e8e8e8;
	background-color:#fff;
}
.left-side{
	background-color:#fff;
	padding:10px;
	border: 1px solid #e8e8e8;
	border-radius:8px;
}
.left-side img{ width:100%; object-fit:contain; height:450px;}
.DESCRIPTION strong{
	margin-top:15px;
	display:block;
	font-size:17px;
	padding-bottom:10px;
}
.DESCRIPTION{
	line-height:25px;
	text-align:justify;
}
.innerform {
	background:#eeebeb;
	color:#555;
	padding:0!important;
	margin:7px;
	border-radius:7px
}
.formpage5 h6 {
	font-size:16px;
	color:#000;
	text-align:center;
	display:block;
	margin-bottom:0;
	background-color:#fff600;
	padding:10px 0px;
	border-radius:6px 6px 0 0
}
.innerform form {
	padding:5px 15px
}
.forminner {
	display:block;
	text-align:center;
	font-weight:400;
	font-size:12px!important;
	padding-top:13px;
	padding-bottom:9px
}
.formsetting{
	display: block !important;
}
.inputname {
	border:1px solid #ccc;
	font-size:14px;
	margin-bottom:10px;
	color:#333;
	padding:5px 10px;
	width:100%;
	min-height:auto !important;
}
.inputbutton {
	outline:0;
	margin:0 auto;
	border:none;
	padding:8px 27px;
	border-radius:3px;
	color:#fff;
	font-weight:700;
	background-color:#647a91;
	display:block;
	font-size:16px;
	width:100%;
	margin-bottom:20px;
	margin-top:23px
}
.mainimg img{ width:100%; height:300px; object-fit:cover;}
.mainimg1 img{width:100%; height:140px; object-fit:cover; margin-bottom:20px;}

.map iframe {
	width:100%;
	height:530px;
	border:none !important;
}
.contact-i {
	background-color:#fff;
	height:530px;
	box-shadow: -12px -7px 30px 10px rgba(136, 136, 136, 0.17);
	padding:30px !important;
	font-size:16px;
	text-align:left;
	position:relative;
}
.social-media {
	text-align: center;
	margin-bottom:18px;
}
.social-media a {
	text-decoration:none !important;
	margin-right:7px;
	color:#fff !important;
}
.facebook {
	background-color: #4b69b0;
	color: #fff;
	padding: 6px;
	font-size: 31px;
	border-radius: 50%;
	width: 52px;
	height: 52px;
	text-align: center;
	display: inline-block;
}
.youtube {
	background-color: #f95035;
	color: #fff;
	padding: 6px;
	font-size: 31px;
	border-radius: 50%;
	width: 52px;
	height: 52px;
	text-align: center;
	display: inline-block;
}
.whatsapp {
	background-color: #1a9d13;
	color: #fff;
	padding: 6px;
	font-size: 31px;
	border-radius: 50%;
	width: 52px;
	height: 52px;
	text-align: center;
	display: inline-block;
}
.c-one {
	margin-top:30px;
	clear:both;
}
.icons5 {
    max-width: 38px;
    margin: 0px 18px 35px 0px;
    float: left;
    font-size: 30px;
    color: var(--orange) !important;
}
.c-one span {
	display:block;
	color:#000;
	font-weight:700;
	font-size:18px;
}
.c-one a {
	color:#000;
	font-size:17px;
	text-decoration:none;
}
.support {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
}




@media screen and (min-width:800px) {
     
	.header ul li:hover>ul {
	display: block;
   }
	.meg:hover .megmenupart {
	display: block !important;
   }
	.clientp {
	padding: 0px 58px !important;
   }
   .navbar-toggler{
	   display:none;
	   }
   
   }

@media (max-width:767px){
	.header-section{
		padding: 0px 0px !important;
	}
}
@media (max-width: 991.98px) {
.about-us strong {
    font-size: 23px!important;
    font-weight: 600!important;
    margin-bottom: 10px!important;
}
    .mobilenumber12 {display:none;}
    .dymamic-col1 h2{	font-size:20px;}
     .dymamic-col1 h3{	font-size:20px;}
	.back-to-top {
		right: 10px!important;
	   bottom: 68px!important;   
	   }
	.text-h {
    padding: 20px 0px !important;
}
.header ul li {
    display: block;
	text-align:center;
}
.set-header3{
display:none;
}
.darkHeader .logo img{
top: -2px;
    z-index: 9999;
    width: 54px;
}
.darkHeader{
    height: 68px;
}
.services{
top:20px;
margin-top:20px;
}
.block {
    margin: 4px 0px !important;
}
.callbg h2 {
  font-weight: 500;
    font-size: 20px!important;
}

.footer-bottom-area {
    padding-bottom: 80px;
}
.logo img {
    top: -2px;
    z-index: 9999;
    width: 54px;
}
.header li a {
    padding: 18px 0px;
   
}
.bread {
    color: #fff;
    height: 170px !important;
}
.bread h5 {
    font-size: 24px;
    font-weight: 800;
    padding-bottom: 5px;
    margin-top: 55px;
}
.navbar-toggler{
z-index: 999999 !important;
}
	.offcanvas-collapse {
	position: fixed !important;
	top: 0px !important;
		   /* Height of navbar */
		   bottom: 0;
	left: 100%;
	justify-content: center;
	display:flex;
	width: 100% !important;
	height: 100% !important;
	z-index: 99999 !important;
	padding-right: 1rem;
	padding-left: 1rem;
	overflow-y: auto;
	box-shadow: 0px 13px 9px 10px #888888;
	visibility: hidden;
	background-color: #017745;
	transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out, visibility .3s ease-in-out;
	transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
   }
	.offcanvas-collapse.open {
	visibility: visible;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
   }
	
   }
	

   


	@-webkit-keyframes fadeInDown {
	from {
	opacity: 0;
	-webkit-transform: translatey(-10px);
	-moz-transform: translatey(-10px);
	-o-transform: translatey(-10px);
	transform: translatey(-10px);
   }
   to {
	   opacity: 1;
	   -webkit-transform: translatey(0);
	   -moz-transform: translatey(0);
	   -o-transform: translatey(0);
	   transform: translatey(0);
   }
   }
	@-moz-keyframes fadeInDown {
	from {
	opacity: 0;
	-webkit-transform: translatey(-10px);
	-moz-transform: translatey(-10px);
	-o-transform: translatey(-10px);
	transform: translatey(-10px);
   }
   to {
	   opacity: 1;
	   -webkit-transform: translatey(0);
	   -moz-transform: translatey(0);
	   -o-transform: translatey(0);
	   transform: translatey(0);
   }
   }
	@keyframes fadeInDown {
	from {
	opacity: 0;
	-webkit-transform: translatey(-10px);
	-moz-transform: translatey(-10px);
	-o-transform: translatey(-10px);
	transform: translatey(-10px);
   }
   to {
	   opacity: 1;
	   -webkit-transform: translatey(0);
	   -moz-transform: translatey(0);
	   -o-transform: translatey(0);
	   transform: translatey(0);
   }
   }
   .in-down {
	   -webkit-animation-name: fadeInDown;
	   -moz-animation-name: fadeInDown;
	   -o-animation-name: fadeInDown;
	   animation-name: fadeInDown;
	   -webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	   -o-animation-fill-mode: both;
	   animation-fill-mode: both;
	   -webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	   -o-animation-duration: 1s;
	   animation-duration: 1s;
   }
   
   
   /** fadeInLeft **/
   
   @-webkit-keyframes fadeInLeft {
	from {
	opacity: 0;
	-webkit-transform: translatex(-10px);
	-moz-transform: translatex(-10px);
	-o-transform: translatex(-10px);
	transform: translatex(-10px);
   }
   to {
	   opacity: 1;
	   -webkit-transform: translatex(0);
	   -moz-transform: translatex(0);
	   -o-transform: translatex(0);
	   transform: translatex(0);
   }
   }
	@-moz-keyframes fadeInLeft {
	from {
	opacity: 0;
	-webkit-transform: translatex(-10px);
	-moz-transform: translatex(-10px);
	-o-transform: translatex(-10px);
	transform: translatex(-10px);
   }
   to {
	   opacity: 1;
	   -webkit-transform: translatex(0);
	   -moz-transform: translatex(0);
	   -o-transform: translatex(0);
	   transform: translatex(0);
   }
   }
	@keyframes fadeInLeft {
	from {
	opacity: 0;
	-webkit-transform: translatex(-100px);
	-moz-transform: translatex(-100px);
	-o-transform: translatex(-100px);
	transform: translatex(-100px);
   }
   to {
	   opacity: 1;
	   -webkit-transform: translatex(0);
	   -moz-transform: translatex(0);
	   -o-transform: translatex(0);
	   transform: translatex(0);
   }
   }
   .in-left {
	   -webkit-animation-name: fadeInLeft;
	   -moz-animation-name: fadeInLeft;
	   -o-animation-name: fadeInLeft;
	   animation-name: fadeInLeft;
	   -webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	   -o-animation-fill-mode: both;
	   animation-fill-mode: both;
	   -webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	   -o-animation-duration: 1s;
	   animation-duration: 1s;
	   -webkit-animation-delay: 1s;
	   -moz-animation-delay: 1s;
	   -o-animation-duration: 1s;
	   animation-delay: 1s;
   }
   .back-to-top {
	   position: fixed;
	   display:none;
	   text-align: center;
	   z-index: 99999999;
	   background-color: #ffffff;
	   color: #087dc2;
	   width: 45px;
	   height: 42px;
	   line-height: 30px;
	   right: 15px;
	   bottom: 15px;
	   padding-bottom: 2px;
	   font-size: 25px;
	   padding-top: 3px;
	   -webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	   -ms-transition: all 0.5s ease-in-out;
	   -o-transition: all 0.5s ease-in-out;
	   transition: all 0.5s ease-in-out;
	   box-shadow: none;
	   border: 2px solid #087dc2;
	   animation: fadeInRight 1.2s;
	   border-radius: 10px 10px 0px 0px;
   }
   .back-to-top:hover {
	   background-color: #087dc2 !important;
	   color: #fff;
   }


   .active .type17 {
	transform: rotate(45deg);
	background-color: #fff;
	transition: all 0.6s ease-in-out;
}
.active .type17:before {
	transform: translate(-4px, -6px) rotate(90deg);
}
.active .type17:after {
	transform: translate(16px, -7px) rotate(90deg);
}
.block {
	height: 38px;
	width: 38px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px;
	/* transition: all 1s ease; */
	background-image: #fff;
}
.cta {
	height: 50px;
	width: 50px;
	cursor: pointer;
}
.toggle-btn {
	height: 2px;
	width: 25px;
	background-color: #fff;
	position: relative;
	top: 50%;
	left: 0;
	margin: auto;
	transition: all 0.3s ease-in-out;
}
.toggle-btn:before {
	content: "";
	height: 2px;
	width: 25px;
	box-shadow: 0 -10px 0 0 #fff;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease-in-out;
}
.toggle-btn:after {
	content: "";
	height: 2px;
	width: 25px;
	box-shadow: 0 10px 0 0 #fff;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease-in-out;
}
.type17:before {
	width: 12px;
}
.type17:after {
	width: 12px;
	box-shadow: 13px 10px 0 0 #fff;
}



.galllery img{ border-radius:10px; height:220px; width:100%; margin-bottom:20px; object-fit:cover;}
.callbg{ background:url(../images/callnow.jpg); background-size:cover; min-height:485px; margin-top:40px; text-align:center; padding:4rem 0rem; color:#fff;}
.callbg h3{     color: #fff;
    font-weight: 800;
    font-size: 44px;
    margin-top: 22px; margin-bottom:8px;}
.callbg h2{ 
 color: #fff;
    font-weight: 800;
    font-size: 44px;
    margin-top: 22px; margin-bottom:8px;
}

.set-header3 a {
    margin-left: 24px;
}
.header-section a {
    color: #fff;
}
.call-btn {
    background: #fff;
    color: #ff002a !important;
    padding: 10px 25px;
    border-radius: 5px;
    font-size: 23px;
    font-weight: 900;
    box-shadow: 4px 4px #fff600;
	margin:20px 10px;
	transition: .5s linear;
}	
.call-btn:hover { background:#ff002a; color:#fff !important;}
.call-btn:hover i{color:#fff !important;  }
.call-btn i{ padding-right:5px; font-size:28px; color:#222; position: relative;
    top: 3px;}
	
	
	
.about-us{
	padding:4rem 0rem;
	color:#31363d;
	line-height:26px;
	font-size:17px;
	font-weight:400;
 }	
.about-us img{ width:100%; border-radius:0px 0px 0px 100px; object-fit:cover; height:300px;} 
.about-us strong{ font-size:44px; color:#000; font-weight:900; display:block; margin-bottom:35px;}
.about-us a{ display:table; border-bottom:2px solid #feca0a; color:#ff002a; font-weight:700; padding-bottom:4px; margin-top:20px;}


.footer-bottom-area {
    background: #141414 none repeat scroll 0 0;
    padding-bottom: 50px;
    padding-top: 18px;
}
.footer-bottom-area .copyright-text p {
    color: #c1c1c1;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
.footer-bottom-area .copyright-text p a {
    color: #ff002a;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.footer-bottom-area .copyright-text p a:hover{
  color: #fff;
}

.footer-bottom-area .footer-menu {
  position: relative;
  top: 20px;
  text-align: center;
}
.footer-bottom-area .footer-menu ul li {
  display: inline-block;
  margin: 0 0 0 20px;
}
.footer-bottom-area .footer-menu ul li a i{
  color: #ffffff;
  font-size: 16px;
  transition: all 500ms ease;
}
.footer-bottom-area .footer-menu ul li a:hover i{
  color: #ff002a;
}