@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;600;700;800;900&family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html {
	font-size: 16px;
	overflow-x: hidden;
}

body {
	position: relative;
    font-family: 'Red Hat Display', sans-serif;
	background: #fff;
	overflow-x: hidden;
    color: var(--para-color);
}

/*.container {
    max-width: 1170px;
}*/

:root {
	--white: #ffffff;
	--black: #000;
	--theme-color: #ff844b;
    --secondary-color:#4361ee;
	--para-color:#666666;
	--head-color: #222222;
}
.themeCol{ color:  var(--theme-color); }

p {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.67;
	color: var(--para-color);
	margin-bottom: 2rem;
	
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/* color: var(--theme-color); */
    font-family: 'Frank Ruhl Libre', serif;
	font-weight: normal;
    color: var(--head-color);
}
h1{ font-size:4.375rem; margin-bottom: 2rem; font-weight: bold; }

h2{ font-size: 4.063rem; font-weight: bold; margin-bottom: 1.5rem;  line-height: normal;  }
.smallhead{ font-size: 1rem; color: var(--secondary-color); font-weight: bold; font-family: 'Roboto', sans-serif; line-height: 1.3;
    letter-spacing: 3px; font-weight: normal; text-transform: uppercase; }

.img-auto {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

a,
button {
	text-decoration: none !important;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

a:hover,
button:hover {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
    color: var(--theme-color);
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

figure {
	margin: 0;
}

section { padding: 5rem 0; }
.whiteCol{ color: var(--white); }
[class^="box-"] { display: none; }
[class^="box-"].showfirst { display: block; }

.posinit{ position: initial; }
.pt-6{ padding-top: 6rem; }
.pt-10{ padding-top: 10rem; }
.swiper-button-next, 
.swiper-button-prev{ border: 1px solid #fff; width: 50px; height: 50px; border-radius: 100%; }
.swiper-button-next:after, 
.swiper-button-prev:after{ font-size: 14px; color: var(--white); }
.swiper-pagination-bullet{ width: 15px; height: 15px;transition: all 0.3s ease; border-radius: 20px; background: var(--head-color); opacity: 0.5; }
.swiper-pagination-bullet-active{ width: 25px; }
.swiper-slide-shadow-left{ display: none; }
.swiper-slide-shadow-right{ display: none; }
.swiper-pagination-bullet-active{ opacity: 1; background: var(--theme-color); }
.swiper-pagination{ bottom: -30px !important; }


/* loader */
.preLoader { width: 100%; height: 100%; z-index: 1111; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; bottom: 0; right: 0; left: 0; }
.preLoader img{ max-width: 350px; }
.preLoader.black { background-color: var(--head-color); z-index: 11113; }
.preLoader.white { z-index: 11112; background: var(--theme-color); }
.preLoader.black h2{ color: var(--white); font-size: 2.813rem; line-height: 1.14; font-weight: bold; margin-bottom: 0; }
.preLoader.black h2 span{ display: block; }

/* loader */

/* Cursor Start */

.mouse-cursor { position: fixed; left: 0; top: 0; pointer-events: none; border-radius: 50%; -webkit-transform: translateZ(0); transform: translateZ(0); visibility: hidden; }
.cursor-inner { margin-left: 2px; margin-top: 2px; width: 7px; height: 7px; z-index: 10000001; background-color: var(--primary); -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, 
	margin 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; }
.cursor-inner:before{ content: "Click Me"; width: 100%; height: 100%; position: absolute; font-size: 1rem; top: 8px; left: 2px; display: flex; border-radius: 100%; opacity: 0; color: #fff; text-align: center; justify-content: center; align-items: center;
     -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; 
     transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.cursor-inner.active::before { opacity: 1; top: 0; }
.cursor-inner.cursor-hover { margin-left: -10px; margin-top: -10px; width: 30px; height: 30px; background-color: var(--primary); opacity: 0.3; }
.cursor-inner.cursor-hover.active{ margin-left: -40px; margin-top: -40px; width: 120px; height: 120px; opacity: 1; background-color: #007bff9e; }

/* Cursor End */

/* btn css */

.themeBtn,
.btnSubmit{ background: var(--secondary-color); padding: 16px 40px; font-size: 1rem; font-weight: 700; line-height: 1.63; color: var(--white);  display: inline-block; border: none; 
	transition: all 0.3s ease; border-radius: 5px; overflow: hidden; position: relative; z-index: 1; transition: all 0.3s ease; }
.themeBtn:hover,
.btnSubmit:hover{ color: var(--white); }
.btnSubmit:hover{ background: var(--theme-color); }

.themeBtn:before,
.copyright .socialicons a:before{ content: ''; z-index: -1; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; background-color: var(--theme-color); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4a21a',endColorStr='##ffde00',gradientType='1'); transform-origin: right center; 
    -webkit-transform-origin: right center; -webkit-transform: scale(0,1); -khtml-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); 
    -o-transform: scale(0,1); transform: scale(0,1); -webkit-transition: transform .3s cubic-bezier(.37,.31,.2,.85); -khtml-transition: transform .3s cubic-bezier(.37,.31,.2,.85); 
    -moz-transition: transform .3s cubic-bezier(.37,.31,.2,.85); -ms-transition: transform .3s cubic-bezier(.37,.31,.2,.85); -o-transition: transform .3s cubic-bezier(.37,.31,.2,.85); 
    transition: transform .3s cubic-bezier(.37,.31,.2,.85); }
.themeBtn:hover:before,
.copyright .socialicons a:hover:before{  transform-origin: left center; -webkit-transform-origin: left center; -webkit-transform: scale(1,1); -khtml-transform: scale(1,1); 
    -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); }  
 .themeBtn+.themeBtn{ margin-left: 1rem; }
 .themeBtn.fillBtn{ background-color: rgb(245 162 96 / 30%) }
 /* .themeBtn.fillBtn:before{ background: var(--theme-color); } */

 /* btn css */


.para{ font-size: 1.25rem; line-height: 1.56; }

.bdBtn{ border-radius: 10px; border: solid 1.5px #333; color: var(--head-color); padding: 0.7rem 1.6rem; display: inline-block; 
    font-weight: bold; }
.bdBtn i{ margin-left: 10px; }
.bdBtn:hover{ background: var(--golden); color: var(--theme-color); border-color: var(--golden); }

.list{ list-style: disc; padding-left: 20px; padding-bottom: 20px; }
.list li{ font-size: 1rem; line-height: 1.67; color: var(--para-color); }

.copyright{ padding: 1rem 0; text-align: center; background: var(--black); }
.copyright p{ margin-bottom: 0; font-size: 14px; color: var(--white); }



/* mouse animation css  */

.bounce-element {
	animation: bounce 0.9s infinite alternate;
	-webkit-animation: bounce 0.9s infinite alternate;
}
@keyframes bounce {
	from { transform: translateY(0px); 	}
	to { transform: translateY(-15px); 	}
}
@-webkit-keyframes bounce {
	from { transform: translateY(0px); 	}
	to { transform: translateY(-15px); 	}
}

@keyframes zoomBig {
    0% { transform: translate(-50%, -50%) scale(0.6); opacity: 1; border-width: 3px; }
    40% { opacity: .5; border-width: 2px; }
    65% { border-width: 1px; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 0; border-width: 1px; }
}

@keyframes pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgb(235 107 16 / 30%); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgb(235 107 16 / 20%); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgb(235 107 16 / 30%); }
}

.mouse { position: absolute; bottom: 1rem; left: 0; right: 0; margin: auto; z-index: 11; text-align: center; }

/* mouse animation css  */


/* Header Css */

.topheader{ background: #111111; padding: 1rem 0; }
.topheader .phoneico a{font-size: 1rem;color: var(--white);font-weight: normal;display: flex;align-items: center;justify-content: center;gap: 10px;}
.topheader .phoneico i{width: 40px;height: 40px;border-radius: 100%;background: var(--theme-color);color: var(--black); display: flex; align-items: center; justify-content: center;
	animation: pulse 2s infinite; }
.topheader p{ color: var(--white); margin-bottom: 0; font-size: 1.25rem; }

.main-header{ padding: 1rem 0; position: absolute; width: 100%; z-index: 1; }
header { position: relative; left: 0; right: 0; top: 0; z-index: 99; width: 100%; transition: all 0.3s ease;  }


/* navigation css */

/* Menu Css Start */

.menuWrap .menu{ display: flex; align-items: center; justify-content: center; flex-direction: initial; }

/* Menu Css End */

.container-fluid{ width: 90%; }

/* Hamburger Menu */

.menu-Bar{width:30px;height:20px;cursor:pointer;position:absolute;right:15px;top:0;bottom:0px;margin:auto;z-index:22;display:none;}
.menu-Bar span{display:block;height:4px;width:100%;background:var(--theme-color);position:absolute;transition:0.6s all;border-radius:100px;}
.menu-Bar span:nth-child(1){top:0;}
.menu-Bar span:nth-child(2){top:8px;transform-origin:left;}
.menu-Bar span:nth-child(3){top:16px;}
.menu-Bar.open span{background:#b70404;}
.menu-Bar.open span:nth-child(1){transform:rotate(45deg);top:12px;transform-origin:right-center;}
.menu-Bar.open span:nth-child(2){width:0;opacity:0;}
.menu-Bar.open span:nth-child(3){transform:rotate(-45deg);top:12px;transform-origin:right-center;}

/* Menu Css */

.main_nav{ background: var(--theme-color); }
.menu{font-size:0px;display:inline-block;vertical-align:middle;}
.menu li{ display:inline-block; vertical-align:middle; position: relative;   }
.menu li:last-child{ padding-right: 0; }
.menu li a{display:block;font-size:1rem;color: var(--white); font-weight: normal; line-height: 1.56; display: block; padding: 0.5rem 1rem;  font-weight: normal;  }
/* .menu > li:hover > a, */
.menu > li.active > a,
.menu > li:hover > a{ color: var(--theme-color);  }
.dropdown-toggle::after{ display: none; }
.menuWrap .menu a i.fa-angle-down{ font-size: 20px; display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: -2px; }
.menu li.dropitem { position: relative;  display: block; opacity: 0; cursor: pointer;  }
.menu > li.dropitem > .dropdownHover{ position: absolute; pointer-events: none; } 
.menu > li.dropitem > .dropdownHover > li{  transition: transform 0.6s, opacity 0.6s;  transform: translateY(150%); opacity: 0; }
.menu > li.dropitem:hover > .dropdownHover { pointer-events: initial;  }
.menu > li.dropitem:hover > .dropdownHover > li.dropitem{ transform: translateY(0%); opacity: 1; background: #000;  width: 210px; }
.menu > li.dropitem{ opacity: 1; }
.dropdownHover > li a{ padding: 12px 10px; font-size: 1rem; border-bottom: 1px solid #2c2c2c; }
.dropdownHover > li:hover > a{ background: var(--theme-color); color: var(--white); }
.whitecol{ color: var(--white); }
.menu li a.themeBtn{ color: var(--white); padding: 0.7rem 1.6rem; background: var(--secondary-color); }
.menu li.last a{ margin-left: 1rem; }

.logo{ font-size: 2.25rem; line-height: 1.34; font-weight: bold; color: #fff;  }
.logo span{ font-size: 1.625rem; color: var(--theme-color); display: block; }

.mainnavs{ display: flex; justify-content: space-between; align-items: center; }

.main-Banner{ padding: 0; position: relative;  }
.main-Banner .container{ position: absolute; top: 0; left: 0; right: 0; height: 100%; margin: auto; display: flex; align-items: center; }
.main-Banner h1{ font-size:4.5rem; line-height: 1.1; color: var(--white); }
.main-Banner p{ color: var(--white); font-size: 1.125rem; line-height: 1.78; }
.watchBtn{ color: var(--white); font-size: 1rem; font-weight: 500; display: flex; align-items: center; gap: 10px; }
.watchBtn i{ width: 55px; height: 55px; background: var(--white); display: flex; align-items: center; justify-content: center; color: var(--theme-color); border-radius: 100%; }
.bann_cont .d-flex{ gap: 20px; }

.bgset{ background: url(../images/pattrenBg.webp) no-repeat; background-position: center -150px; background-size: 130%; }

.aboutSec{ background: url(../images/pattrenBg.webp) no-repeat;  }
.Bxabout figure{ margin-bottom: 2rem; }
.Bxabout figure img{ width: 100%; }
.Bxabout p{ margin-bottom: 0; }
.smallBx{ background: var(--head-color); border-radius: 10px; overflow: hidden; }
.smallBx figure img{ width: 100%; }
.smallBx .captions{ background: var(--head-color); padding: 10px 10px; text-align: center; font-size: 1.025rem; font-weight: 700; margin-bottom: 0; color: var(--white);
    min-height: 75px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.smallBx .captions p{ color: var(--white); margin-bottom: 0; margin-top: 0.5rem; font-size: 14px; }

.aboutSec .col-md-6 .row .col-md-6:nth-child(n+3) .smallBx{ margin-top: 3rem; }
.Bxabout h2{ line-height: 1.1; font-size: 3.763rem; }

.serviceBx { margin-bottom: 2rem; }
.serviceBx figure{ margin-bottom: 1.5rem; border-radius: 10px; overflow: hidden; }
.serviceBx h3{ font-size: 1.625rem; font-weight: bold; line-height: 0.97; margin-bottom: 1.5rem;  font-family: 'Red Hat Display', sans-serif; }
.serviceBx p{ font-size: 1.125rem; margin-bottom: 1rem; }
.serviceBx a{ color: var(--theme-color); font-size: 1rem; position: relative; }
.serviceBx a:before{ content: ''; position: absolute; width: 100%; left: 0; bottom: 0; height: 1px; background: var(--theme-color); }

.ctaSec{ background: url(../images/ctaBg.webp) no-repeat rgba(0, 0, 0, 0.8); background-size: cover; position: relative; width: 100%; }
.ctaSec h2{ font-size: 4.5rem; color: var(--white); line-height: 1.1; }
.ctaSec p{ color: var(--white); }
.ctaSec .posCta{ position: absolute; bottom: 0; }
.posinit{ position: initial; }

.testimonialSlider .items{   padding: 24px 38px 24px 22px; border-radius: 5px; border: solid 2px #b8c3f8; }
.testimonialSlider .items p{ font-size: 1.125rem; }
.testimonialSlider .testimDetails figure{ width: 50px; height: 50px; border-radius: 100%; overflow: hidden; }
.testimonialSlider .testimDetails figure img{ width: 100%; height: 100%; object-fit: cover; }
.testimonialSlider .testimDetails{ display: flex; align-items: center; gap: 15px; }
.testimonialSlider .testimDetails .peopleinfo h4{ font-size: 15px; font-weight: 600; line-height: 1.5; margin-bottom: 0; }
.testimonialSlider .testimDetails .peopleinfo p{ margin-bottom: 0; font-size: 14px; line-height: 1.6; }

footer{ background: var(--head-color);   padding: 5rem 0 3rem; }
footer .logo { font-size: 1.875rem; color: var(--white); margin-bottom: 2rem; padding-top: 0; }
footer .logo span{ font-size: 1.25rem; }
footer p{ color: var(--white); }
footer h3{ color: var(--theme-color); font-size: 1.5rem; margin-bottom: 1rem; padding-top: 0.5rem; }
footer .widget ul li a{ color: var(--white); margin-bottom: 0.5rem; display: inline-block; }
footer .widget ul li a:hover{ color: var(--theme-color); }
footer .continfo a,
footer .continfo p{display: block;position: relative;line-height: 2.19;font-size: 1rem;padding-left: 25px;color: var(--white);}
footer .continfo a i,
footer .continfo p i{position: absolute;left: 0;top: 12px;font-size: 14px;color: var(--theme-color);}
footer .logoDv p{ padding-right: 3rem; }
footer .continfo a:hover{ color: var(--theme-color); }

.bann_cont{ padding-top: 5rem; }
.innerBann .bann_cont p{ margin-bottom: 0; }
.socialIcons { display: flex; align-items: center; gap: 10px; justify-content: center; }
.socialIcons a{ width: 28px; height: 28px; background: var(--theme-color); border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.socialIcons a i{ font-size: 13px; color: var(--white); }
.socialIcons a:hover{ background: var(--secondary-color); }
.Bxteam{ background: var(--white); padding: 20px 20px 25px; border-radius: 10px; box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05); text-align: center; }
.Bxteam figure{ margin-bottom: 1rem; }
.Bxteam p{ margin-bottom: 1rem; }

.liststyle { margin-bottom: 2rem; }
.liststyle li{ position: relative; padding-left: 4rem; padding-bottom: 1rem; }
.liststyle li:before{ content: '\f058'; position: absolute; left: 0; top: 0; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-size: 40px; color: var(--theme-color); line-height: 40px; }

.serviceDetailSec figure{ margin-bottom: 1.5rem; }
.serviceDetailSec h2{ font-size: 3.438rem; }

.contactSec .fields{ margin-bottom: 1.5rem; }
.contactSec .fields label{ font-size: 1rem;  font-weight: bold; line-height: 1.19; color: var(--head-color); margin-bottom: 0.5rem; display: block; }
.contactSec .fields .inpt{ padding: 22px 20px; border-radius: 8px; border: solid 1px #cdccce; background-color: #fff; width: 100%; }
.contactSec .fields textarea.inpt { height: 120px; resize: none; }
.contactSec h3{ font-size: 2.5rem;line-height: 2.13;letter-spacing: 0.2px;font-weight: bold;text-transform: capitalize;font-family: 'Red Hat Display', sans-serif;}
.contactSec .listContdet .items{ padding-left: 2.2rem;padding-bottom: 2rem;}
.contactSec .listContdet .items h4.homeIco{/* margin-bottom: 2rem; */}
.contactSec .listContdet .items h4{ font-size: 1.5rem;line-height: 1.46;color: #2f3437;position: relative;font-family: 'Red Hat Display', sans-serif;position: relative;margin-bottom: 2rem;}
.contactSec .listContdet .items P{ position: relative; }
.contactSec .listContdet .items P,
.contactSec .listContdet .items a{ font-size: 1rem; line-height: 2.19; color: #2f3437;  position: relative; margin-bottom: 0; display: block; }
.contactSec .listContdet .items a+a{ padding-left: 0;margin-left: 3rem; }
.contactSec .listContdet .items i{ position: absolute;left: -1.8rem;top: 10px; color: var(--theme-color); }
.contactSec .listContdet .items .homeIco i{ left: -2.2rem; top: 3px; }
.contactSec .listContdet .items .d-flex{ gap: 0; }
.contactSec .listContdet .items:nth-child(n+2) h4{ padding-top: 2rem; }
.contactSec .listContdet .items:nth-child(n+2) h4:before{ content: '';position: absolute;top: 0;left: 0;width: 70%;background: #c9c9c9;height: 1px; }
.contactSec .listContdet .items a:hover{ color: var(--theme-color); }