body{font-family: "Vazirmatn", sans-serif!important; font-size:16px; color:#000; line-height:28px; font-weight:400; overflow-x:hidden;}

html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}

:root{
	--clr-orange:#f49b4d;
	--clr-merun:#53293f;
	--clr-dark:#000;
	--clr-white:#fff;
	--clr-red:#e0244c;
	--clr-bg-light:#f4f7fa;	

}


a{color:var(--clr-darkblue); text-decoration:none;}
a:hover{color:#000;}
a, img, .fixted-top, .rainbowcard .card img{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}

h1, h2, h3{font-weight:700; margin-bottom:20px;}
h1{font-size:clamp(24px, 4.2vw, 60px);}
h2{font-size:clamp(20px, 3vw, 36px);}
h3{font-size:clamp(18px, 2vw, 30px);}
h4{font-size:clamp(16px, 2vw, 24px);}
h5{font-size:clamp(14px, 2vw, 18px);}
.bigtext{font-size:clamp(24px, 4vw, 120px);}




section, .section {padding-bottom: 6vw;padding-top: 6vw;}



.fixted-top{width:100%; position:sticky; top:0; z-index:999; background:var(--clr-white);  border-bottom:1px solid #ccc;}
.fixted-top a{margin:0 10px;}
.shrink.fixted-top{background:var(--clr-white);}
.logo img{max-width:250px;}
.shrink .logo img{max-width:180px;}

/*--------------- Btn Start --------------------*/

.btn{padding:12px 30px; font-size:16px; font-weight:400; color: var(--clr-white); text-decoration:none; border-radius:5px; text-transform:uppercase; padding-top:18px;}
.btn:hover{color:#fff; background: var(--clr-dark); border-color: var(--clr-dark);}
.btn-link{color: var(--clr-merun); padding:0; border:0; font-weight:700;}
.btn-link:hover{color: var(--clr-dark); border:0; background: none;}
.btn-warning{background-color: var(--clr-orange); border-color: var(--clr-orange);}
.btn-info{background-color: var(--clr-merun); border-color: var(--clr-merun);}
.btn-lg{padding:12px 45px; font-size:24px; font-weight:700;}
.btn-sm{padding:8px 20px; font-size:14px!important;}
.btn i{font-size:16px; vertical-align:middle; margin-right:5px;}
.btn-link-lg{font-size:40px; color:var(--clr-white);}

/*--------------- Btn End --------------------*/




/*--------------- Menu Start --------------------*/

.nav-link {color:var(--clr-dark);display: block;margin: 0 0 0 10px; font-size:16px; text-transform: uppercase; padding-bottom:0; position:relative;}
.nav-link::before {
    content: "";
    width: 100%;
    height:2px;
    position: absolute;
    left: 0;
    bottom:-17px;
    background:var(--clr-red);
    transition: 0.5s transform ease;
    transform: scale3d(0, 1, 1);
    transform-origin: 0 50%;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover, .navbar-nav .nav-link.show {color: var(--clr-red);}
.nav-link.active::before {
    transform: scale3d(1, 1, 1);
}
.nav-link:focus, .nav-link:focus-visible{box-shadow: none;outline: none;}
.navbar-expand-lg .navbar-nav .dropdown-menu {position:absolute; top:40px; border:0; background:var(--clr-merun); border-radius:0 0 10px 10px; padding:0;}
.dropdown-item {padding: 5px 10px;font-size: 14px;font-weight: 600; color:var(--clr-white);}
.dropdown-menu li{border-bottom:1px solid #fff;}
.dropdown-menu li:last-child{border-bottom:0;}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active{background:none!important;}


.dropdown-toggle::after{    width: 7px;aspect-ratio: 1 / 1;border-style: solid !important;border-color: black ! important;border-width: 0px 0px 1px 1px ! important;transform: rotate(-45deg);}
.dropdown a::after {display: inline-block;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;
border-left: .3em solid transparent;}
.dropdown-menu a::after {display:none;}

/*--------------- Menu End --------------------*/


/*--------------- Banner Start --------------------*/

.content-center {display: grid;place-items: center;position: relative;}
#play-button {border: 2px solid #fff;color: #fff;border-radius: 50px;height: 50px;width: 50px;cursor: pointer;position: absolute;z-index: 99;bottom: 40px;right: 40px;background: none;}
.hero-banner {height: calc(100vh - 180px);object-fit: cover;object-position: center;}
.content-center > * {grid-row: 1 / -1;grid-column: 1 / -1;}
.midbanner{background:url("images/midbanner.jpg") bottom; background-position:center;}
.midbanner2{background:url("images/midbanner2.jpg") bottom; background-position:center;}
/*.midbanner3{background:url("images/wraper.jpg") bottom no-repeat; background-position:left;}*/
.lastbanner{background:url("images/deliveryboy.jpg") bottom no-repeat; background-position:right;}
.rightline, .leftline{position:relative;}
.rightline:before, .leftline:before{position:absolute; content:''; inset:0; opacity:.8;}
.rightline:before{background: url("images/rightline.png") no-repeat right top;}
.leftline:before{background: url("images/leftline.png") no-repeat left top;}
.midlebox.leftline:before{background: url("images/leftline.png") no-repeat left center;}
.rightbanner{background:url("images/workerwoman.png") bottom no-repeat; background-position:right;}

/*--------------- Banner End --------------------*/


/*--------------- Grid Start --------------------*/

.iconbox{display: flex; align-items: center;gap: 10px; justify-content:center;}
.iconbox span{border-radius:100%; background: rgb(212,54,74); background: linear-gradient(27deg, rgba(212,54,74,1) 0%, rgba(239,140,77,1) 100%);}
.iconbox h5{margin-bottom:0;}
.borderline{border-right:1px solid #ccc; border-left:1px solid #ccc;}

.gradientbox{background: linear-gradient(73deg, rgba(212, 54, 74, 1) 0%, rgba(239, 180, 77, 1) 100%);}
.patternbox{position:relative;}
.patternbox:before{position:absolute; content:''; inset:0; background: url("images/pattern5.png"); opacity:.1;}
.patternopacity:before{opacity:0.03;}



/*--------------- Grid End --------------------*/




/*--------------- List Start --------------------*/

.list, .listicon{position: relative; margin:0; padding:0;  line-height:24px;}
.list li{margin-bottom: 15px;display: flex;column-gap:10px;}
.list li:before{font-family: 'Line Awesome Free';display: flex;content: '\f00c';color:var(--clr-white);font-size: 14px;font-weight: 700;background:var(--clr-merun);height: 25px; width: 25px;padding: 8px;align-items: center;justify-content: center;border-radius: 100px;}
.listicon {line-height: clamp(60px, 4vw, 80px); column-count:2;}
.listicon li {column-gap: 20px;font-size: clamp(14px, 2vw, 18px);align-items: center; line-height:normal; font-weight:700; margin-bottom:60px;}
.listicon li:before{display:none;}
.listicon img {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(203deg) brightness(102%) contrast(105%);}

.list-lg{font-size:24px; line-height:40px;}
.list-lg li:before{width:35px; height:35px; font-size:20px; padding:14px;}



/*--------------- List End --------------------*/
.thumbox {
    padding: 50px 20px;
    position: relative;
    border-radius: 0;
    box-shadow: none;
    isolation: isolate;
    border: 1px solid #ccc;
}
.thumbox:before {
    border-top: solid 1px;
    border-bottom: solid 1px;
    transform: scaleX(0);
}
.thumbox:after {
    border-left: solid 1px;
    border-right: solid 1px;
    transform: scaleY(0);
}
.thumbox:before, .thumbox:after {
    content: '';
    position: absolute;
    inset: 0;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    color: var(--clr-orange);
    z-index: -1;
}
.thumbox:hover:before, .thumbox:hover:after {
    transform: scale(1);
}
.thumbox h5{font-weight:700;}

.rainbowcard .card{color:var(--clr-white); height:100%; border-radius:0; overflow: hidden;}
.rainbowcard .card h5{font-weight:700;}
.rainbowcard .card.meruncard{background: var(--clr-merun);border-color: var(--clr-merun);}
.rainbowcard .card.redcard {background: var(--clr-red);border-color: var(--clr-red);}
.rainbowcard .card.orangecard {background: var(--clr-orange);border-color: var(--clr-orange);}
.rainbowcard .card img {width: 100%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;aspect-ratio:1/1;object-fit: cover;margin-bottom:40px;}
.rainbowcard .card:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.formgrid{display:flex; justify-content: center; align-items: center; gap:10px;}
.leftsection{background: url("images/workerman.png") no-repeat left bottom;}

/*--------------- Form Start --------------------*/

.form-control{font-size:14px;  margin-bottom:20px; line-height:40px; background:var(--clr-white); border:1px solid #ccc; border-radius:8px; color:var(--clr-dark);}
textarea.form-control{height:120px!important;}

.form-control:focus{box-shadow:none; border-color:var(--clr-dark);}
.error{color: #fff;display: inline-block;margin-top: 10px;background: var(--clr-red);font-size: 12px;line-height: normal;padding-inline: 10px;}
.success{color: #fff;display: inline-block;margin-top: 10px;background:#2ca704;font-size: 12px;line-height: normal;padding-inline: 10px;}
.form-select{line-height:40px; margin-bottom:20px;}
.form-select:focus{box-shadow:none; border-color:1px solid #ccc!important;}
.form-control::placeholder {color: 000 !important;opacity: 1;}
label{font-size: 14px;line-height: normal; margin-bottom: 5px;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 50px #c58e5d    inset !important;
	-webkit-text-fill-color: #fff !important;
}
.form-floating>.form-control:not(:placeholder-shown)~label::after{background-color:#c58e5d;}
.form-floating>.form-control:-webkit-autofill~label{color:var(--clr-white);}
.form-floating>label{color:var(--clr-dark);}
.text-success {--bs-text-opacity: 1;color: rgb(16 215 123) !important;}


/*--------------- Form End --------------------*/


/*--------------- Footer Start --------------------*/

.footer{font-size:14px; line-height:24px;}
.footer img{max-width:200px;}
.footer h5{font-size:18px; margin-bottom:10px;}
.f-menu{margin:0; padding:0; list-style:none;}
.f-menu a{display: block; line-height:30px; color:var(--clr-dark);}
.f-menu a:hover, .footer a:hover{color:var(--clr-red);}
.social {display: inline-block;}
.social a{color:var(--clr-red);margin:0 5px 0 0;transition: .8s;font-size:30px;}
.social a:hover{color:var(--clr-dark);}
.contactlink a{word-break: break-all;}
.contactlink a:hover{color:var(--clr-red);}
.contactlink i{font-size:clamp(24px, 4.2vw, 30px);border: 2px solid #000;padding: 5px;border-radius: 6px;margin-right: 10px;}

.testimonialbox{position:relative; background:var(--clr-white); border:1px solid #ccc; padding:30px;}
.testimonialbox i{font-size:clamp(24px, 4.2vw, 100px);float: right;position: absolute;right: 0;top: 0;opacity: 0.07;}
.testimonialbox h4{margin-bottom:20px;}

.lineicon{display: flex; gap:10px; align-items: baseline;}

/*--------------- Footer End --------------------*/


.container{max-width:1230px; position:relative; z-index:9;}

.




@media (max-width:1199.98px){
	.nav-link{margin:0; font-size:16px;}
	
}

@media (min-width:991px) {
.dropdown .dropdown-menu {display: block;visibility: hidden;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);
-webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;box-shadow: 0 10px 10px rgb(0 0 0 / 10%); padding: 10px;}
.dropdown:hover > .dropdown-menu {visibility: visible;opacity: 1;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {color:var(--clr-white);background-color:var(--clr-dark);padding-left: 15px;border-radius:0;}
}



@media (max-width:991.98px){
.logo img, .shrink .logo img {max-width:190px;}
	.navbar-nav{line-height:30px; }
	.nav-item{border-bottom: 1px dotted #fff; padding:0 20px; background-color:var(--clr-orange);}
	.nav-link{color:#fff;}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:var(--clr-dark);}
	.navbar-toggler{border-radius:0; border:0; margin-left:5px;}
	.navbar-toggler i{font-size:30px; color:var(--clr-dark);}
	.navbar-toggler:focus{box-shadow:none;}
/*	.navbar-toggler:focus{box-shadow:none;}.navbar-expand-lg .navbar-nav .nav-link{margin: 0;}*/
	.navbar-collapse{position: absolute; top:62px; width:100%;}
	.navbar-expand-lg .navbar-nav .dropdown-menu{position:relative; top:inherit;}
/*	.banner .btn{font-size:16px; padding:12px 20px;}*/
	
	.navbar{justify-content:end;}
	.menuicon{display: flex; align-items: center;}
	.menuicon a{padding:0;}
	.nav-link::before{display:none;}
	.fixted-top a{margin:0;}
	body{font-size:14px;}	
}

@media (max-width:767.98px){
.navbar-collapse{top:69px;}
	
	
}

@media (max-width: 575.98px) {
	.logo img, .shrink .logo img {max-width:170px;}
	.navbar-collapse{top:65px;}
	body{font-size:13px; line-height:16px;}
	.listicon{line-height:30px;}
	.btn-lg {padding: 10px 14px;font-size: 14px;}
	.iconbox{display: grid; text-align:center;}
	.iconbox span{margin:0 auto;}
	.iconbox span img{max-width:50px;}
	.listicon img{height:50px;}
.listicon li{margin-bottom:30px;}
	.thumbox{padding:30px 20px;}
	#banner-video h1{font-size:20px;}
	.lastbanner{position:relative; color:var(--clr-white);}
	.lastbanner:before{position: absolute; content:''; inset:0; width:100%; height:100%; background:var(--clr-merun); opacity:.6;}
	.btn{padding:8px 20px; padding-top:12px;}
	.formgrid{display:block;}
	.formgrid a{font-size:24px;}
	.f-menu a{display:inline-block; margin:0 5px; line-height:22px;}
	.list-lg {font-size: 18px;line-height: 34px;}
	.list-lg li:before {width: 30px;height: 30px;font-size: 15px;padding: 10px;}
	.lead{font-size:14px; line-height:24px;}
	.hero-banner{height:100%;}
	.midbanner2{position:relative; color:var(--clr-white);}
	.midbanner2:before{position: absolute; content:''; inset:0; width:100%; height:100%; background:var(--clr-merun); opacity:.4;}
	
	
}

@media (max-width: 376.98px) {
	.logo img, .shrink .logo img {max-width:80px;}
	.navbar-collapse{top:62px;}
}