.preloader {background: #2e0797 !important;}
.homepage4-body .vl-transparent-header .row-bg {border-radius: 10px;}
.homepage4-body .vl-transparent-header .vl-logo img {width: 160px;height: 50px;object-fit: contain;filter: brightness(1);}
.homepage4-body .vl-main-menu ul > li > a {font-size: 15px;padding: 0 25px;text-transform: uppercase;}
.homepage4-body .vl-main-menu ul > li:hover .sub-menu {top: 220%;}
.homepage4-body .vl-main-menu ul > li .sub-menu li a {font-size: 15px;}
.homepage4-body .vl-transparent-header .vl-hero-btn .vl-btn4 {font-size: 15px;font-weight: 400;text-transform: uppercase;padding: 5px 5px 5px 30px;}
.homepage4-body .vl-transparent-header .vl-hero-btn .vl-btn4::after {background: var(--04-home-page-maincolors, linear-gradient(90deg, #ff6501 0%, #ff9317 100%));}
.homepage4-body .vl-transparent-header .vl-hero-btn .vl-btn4::before {background: var(--04-home-page-maincolors, linear-gradient(90deg, #ff9317 0%, #ff6501 100%));}
.hero4-section-area .hero4-heading h5 {font-size: 18px;font-family: 'Rajdhani';}
.hero4-section-area .hero4-heading h2 {font-size: 38px;font-weight: 700;line-height: 60px;font-family: 'Montserrat';}
.hero4-section-area .hero4-heading p {font-size: 15px;font-weight: 400;line-height: 28px;font-family: 'Nunito';}
.hero4-section-area .images-area .img1 {position: relative;}
.hero4-section-area .images-area .img1 .img-small {position: absolute;top: 30px;left: 30px;z-index: 9;}
.hero4-section-area .hero4-heading .btn-area1 .vl-btn4 {color: #ffffff;}
.hero4-section-area .hero4-heading .btn-area1 .vl-btn4::before {background: var(--04-home-page-maincolors, linear-gradient(90deg, #ff9317 0%, #ff6501 100%));}
.hero4-section-area .hero4-heading .btn-area1 .vl-btn4::after {background: var(--04-home-page-maincolors, linear-gradient(90deg, #ff6501 0%, #ff9317 100%));}
.about4-section-area .about-heading {margin-left: 35px;padding: 0;}
.about4-section-area .about-heading.heading4 h5 {background: linear-gradient(90deg, #ff6903 0%, #ff9217 100%);background-clip: text;-webkit-text-fill-color: transparent;font-family: 'Rajdhani';font-size: 18px;}
.about4-section-area .about-heading.heading4 h2 {font-family: 'Montserrat';font-size: 38px;font-style: normal;font-weight: 600;line-height: 48px;display: inline-block;}
.about4-section-area .about-heading.heading4 h5::after {background: rgb(255, 104, 3, .1);}
.about4-section-area .about-heading.heading4 h4 {font-size: 20px;font-family: 'Nunito';font-weight: 700;}
.about4-section-area .about-heading.heading4 p {font-size: 16px;text-align: justify;font-weight: 400;line-height: 28px;font-family: 'Nunito';margin-bottom: 10px;}
.about4-section-area .about-heading.heading4 ul.list-box li {display: flex;align-items: center;font-size: 16px;font-style: normal;font-weight: 600;line-height: 16px;margin-top: 20px;color: #3d3d42;font-family: 'Nunito';position:relative;padding-left: 30px;}
.about4-section-area .about-heading.heading4 ul.list-box li::before {position: absolute;left: 0;content: "\f46c";font-family: bootstrap-icons !important;color: #2e0898;}
.about4-section-area .about-images .elements35 {bottom: -60px;right: -35px;max-width: 400px;border-radius: 10px;}
.about4-section-area .about-heading.heading4 .btn-area1 .vl-btn4 {color: #ffffff;}
.about4-section-area .about-heading.heading4 .btn-area1 .vl-btn4::before {background: var(--04-home-page-maincolors, linear-gradient(90deg, #ff9317 0%, #ff6501 100%));}
.about4-section-area .about-heading.heading4 .btn-area1 .vl-btn4::after {background: var(--04-home-page-maincolors, linear-gradient(90deg, #ff6501 0%, #ff9317 100%));}
.about4-section-area .about-heading.heading4 ul li img {height: 20px;}
.service4-section-area .heading4 h5 {background: linear-gradient(90deg, #ff6903 0%, #ff9217 100%);background-clip: text;-webkit-text-fill-color: transparent;font-size: 18px;font-family: 'Rajdhani';}
.service4-section-area .heading4 h2 {font-family: 'Montserrat';font-size: 36px;font-weight: 600;line-height: 48px;}
.service4-section-area .heading4 p {font-size: 16px;font-weight: 400;line-height: 28px;font-family: 'Nunito';margin-bottom: 0px;}
.service4-section-area .service-all-boxarea-area {padding-top: 15px;border-top: none;}
.service4-section-area .service-all-boxarea-area .service-boxarea {background: #ffffff;padding: 30px;border-radius: 10px;border: 1px dashed #cccccc;}
.service4-section-area .service-all-boxarea-area .service-boxarea a {font-family: 'Montserrat';font-size: 18px;font-weight: 600;line-height: 24px;}
.service4-section-area .service-all-boxarea-area .service-boxarea p {font-size: 16px;font-weight: 400;line-height: 28px;font-family: 'Nunito';margin-bottom: 0px;}
.service4-section-area .service-all-boxarea-area .service-boxarea a.readmore {font-family: 'Rajdhani';font-size: 16px;font-weight: 600;line-height: 26px;text-transform: uppercase;}
.service4-section-area .heading4 .btn-area1 .vl-btn4 {color: #ffffff;}
.service4-section-area .heading4 .btn-area1 .vl-btn4::before {background: var(--04-home-page-maincolors, linear-gradient(90deg, #ff9317 0%, #ff6501 100%));}
.service4-section-area .heading4 .btn-area1 .vl-btn4::after {background: var(--04-home-page-maincolors, linear-gradient(90deg, #ff6501 0%, #ff9317 100%));}
.service4-section-area .heading4 h5::after {background: rgb(255, 104, 3, .1);}
.service4-section-area .service-all-boxarea-area .service-boxarea .icons {background: #fff3ea;}
.service4-section-area .service-all-boxarea-area .service-boxarea .icons img {height:35px;}
.service4-section-area .service-all-boxarea-area .service-boxarea:hover .icons {background: var(--04-home-page-maincolors, linear-gradient(90deg, #ff6501 0%, #ff9317 100%));}
.work5-section-area .heading4 h5 {background: linear-gradient(90deg, #ff6903 0%, #ff9217 100%);background-clip: text;-webkit-text-fill-color: transparent;    font-family: 'Rajdhani';font-size: 18px;}
.work5-section-area .heading4 h5::after {background: rgb(255, 104, 3, .1);}
.work5-section-area .heading4 h2 {font-family: 'Montserrat';font-size: 36px;font-weight: 600;line-height: 48px;}
.work5-section-area .work-single-boxarea {margin-bottom: 0;padding: 30px;}
.work5-section-area .work-single-boxarea .conten-area h4 {font-size: 24px;font-family: 'Nunito';font-weight: 700;}
.work5-section-area .work-single-boxarea .conten-area p {color: #333333;text-align: center;font-family: 'Nunito';font-size: 16px;font-weight: 500;line-height: 26px;}
.work5-section-area .work-single-boxarea .elements12 {right: -90px;top: 50px;max-width: 150px;}
.work5-section-area .work-single-boxarea .elements13 {right: -90px;top: 50px;max-width: 150px;}
.work5-section-area .work-single-boxarea .icons .icon {background: #ff6702;}
.testimonial4-section-area .heading4 h5 {background: #ffffff;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 18px;font-family: 'Rajdhani';}
.testimonial4-section-area .heading4 h5::after {background: #fff0df;opacity: 10%;}
.testimonial4-section-area .heading4 h2 {font-family: 'Montserrat';font-size: 36px;font-weight: 600;line-height: 48px;}
.testimonial4-section-area .testimonial4-main-slider {overflow: hidden;}
.testimonial4-section-area .testimonial4-main-slider .testimonial-box-area {background: #ffffff;border-radius: 10px;padding: 35px;}
.testimonial4-section-area .testimonial4-main-slider .testimonial-box-area .content-area {display:flex;align-items:center;}
.testimonial4-section-area .testimonial4-main-slider .testimonial-box-area .content-area .img1 {position: relative;top: 0;}
.testimonial4-section-area .testimonial4-main-slider .testimonial-box-area .content-area .img1 img {height: 80px;width: 80px;object-fit: cover;border-radius: 100%;border: 7px solid rgba(255, 104, 2, .10);}
.testimonial4-section-area .testimonial4-main-slider .testimonial-box-area .content-area h4 {font-family: 'Nunito';font-size: 20px;font-weight: 700;line-height: 20px;}
.testimonial4-section-area .testimonial4-main-slider .testimonial-box-area .content-area p {font-family: 'Rajdhani';font-size: 16px;font-weight: 600;text-transform: uppercase;line-height: 16px;}
.testimonial4-section-area .testimonial4-main-slider .testimonial-box-area p.quote {font-family: 'Nunito';font-size: 16px;font-style: normal;font-weight: 500;line-height: 30px;text-align: justify;    height: 150px;overflow-y: scroll;padding-right: 20px;}
.contact4-section-area .heading4 h5 {background: linear-gradient(90deg, #ff6903 0%, #ff9217 100%);background-clip: text;-webkit-text-fill-color: transparent;font-family: 'Rajdhani';font-size: 18px;}
.contact4-section-area .heading4 h5::after {background: rgb(255 104 2 / 10%);}
.contact4-section-area .heading4 h2 {font-family: 'Montserrat';font-size: 30px;font-weight: 600;line-height: 45px;}
.contact4-section-area .heading4 p {font-size: 16px;font-weight: 400;line-height: 28px;font-family: 'Nunito';margin-bottom: 0px;text-align: justify;}
.contact4-section-area .contact-header .contact-boxarea .cta-author-area .icons {background: #fff4ed;}
.contact4-section-area .contact-header .contact-boxarea .cta-author-area .icons img {height:35px;}
.contact4-section-area .contact-header .contact-boxarea .cta-author-area .text p {color: #161616;font-family: 'Nunito';font-size: 16px;font-style: normal;font-weight: 500;line-height: 16px;}
.contact4-section-area .contact-header .contact-boxarea .cta-author-area .text a {font-family: 'Montserrat';font-size: 20px;line-height: 20px;}
.contact4-section-area .contact-main-boxarea .vl-btn4 {color: #ffffff;}
.contact4-section-area .contact-main-boxarea .vl-btn4::before {background: var(--04-home-page-maincolors, linear-gradient(90deg, #ff9317 0%, #ff6501 100%));}
.contact4-section-area .contact-main-boxarea .vl-btn4::after {background: var(--04-home-page-maincolors, linear-gradient(90deg, #ff6501 0%, #ff9317 100%));}
.contact4-section-area .contact-main-boxarea h4 {font-family: 'Montserrat';font-size: 30px;line-height: 30px;text-transform: uppercase;}
.cta4-section-area {border-radius: 20px;padding: 50px;margin-bottom: -50px;overflow: visible;z-index: 9;}
.cta4-section-area .cta-header h5 {font-family: 'Rajdhani';font-size: 24px;font-weight: 600;line-height: 24px;text-transform: uppercase;}
.cta4-section-area .cta-header h2 {font-family: 'Montserrat';font-size: 32px;font-style: normal;font-weight: 600;line-height: 48px;}
.cta4-section-area .cta-author-area .icons {min-width: 60px;}
.cta4-section-area .cta-author-area .text p {color: #ffffff;font-family: 'Rajdhani';font-size: 18px;font-style: normal;font-weight: 600;line-height: 16px;}
.cta4-section-area .cta-author-area .text a {font-family: 'Montserrat';font-size: 18px;font-weight: 500;line-height: 20px;}
.vl-footer4-section-area {background: linear-gradient(45deg, #15004c, #1f016e);}
.vl-footer4-section-area .footer-logo1 img {filter: brightness(0) invert(1);}
.vl-footer4-section-area .footer-logo1 p {color: #cccccc;font-family: 'Nunito';font-size: 16px;font-weight: 400;line-height: 28px;opacity: 100%;}
.vl-footer4-section-area .vl-footer-widget h3 {color: #ffffff;font-family: 'Nunito';font-size: 22px;font-weight: 600;line-height: 24px;letter-spacing: 0px;position: relative;padding-bottom: 15px;margin-bottom: 20px;}
.vl-footer4-section-area .vl-footer-widget h3:before {position: absolute;left: 0;bottom: 0px;width: 12px;height: 2px;content: '';background-color: #ff6501;border-radius: 4px;}
.vl-footer4-section-area .vl-footer-widget h3:after {position: absolute;left: 20px;bottom: 0px;width: 50px;height: 2px;content: '';background-color: #ff6501;border-radius: 4px;}
.vl-footer4-section-area .vl-footer-widget ul li a {color: #cccccc;font-family: 'Nunito';font-size: 16px;line-height: 16px;padding-top: 0;margin-bottom: 20px;transition: all 0.4s;}
.vl-footer4-section-area .vl-footer-widget ul li a:hover {color: #eb5c10;}
.vl-footer4-section-area .vl-footer-widget ul.contactList li a {display:flex;align-items:center;gap:10px;margin-bottom:30px;line-height: 24px;}
.vl-footer4-section-area .vl-footer-widget ul.contactList li a img {margin: 0;background: #ffffff;width: 30px;height: 30px;min-width: 30px;min-height: 30px;border-radius: 100%;padding: 5px;}
.vl-footer4-section-area .vl-copyright-area p {padding: 15px 0;border-top: 1px solid #3c06cb;font-family: 'Nunito';font-size: 15px;color: #cccccc;}

.inner-pages-section-area {padding: 160px 0 80px;background: #2e0797 !important;}
.inner-pages-section-area .inner-header h2 {color: #ffffff;font-family: 'Montserrat';font-size: 48px;font-weight: 600;line-height: 60px;text-transform: uppercase;}
.inner-pages-section-area .inner-header a {color: #ff6903;font-family: 'Rajdhani';font-size: 18px;font-style: normal;font-weight: 600;line-height: 20px;text-transform: uppercase;}
.inner-pages-section-area .inner-header a span {color:#ffffff;}
.aboutinner-section-area .about-heading.heading1 h5 {background: rgb(255, 104, 3, .1);color:#ff6903;font-family: 'Rajdhani';font-size: 18px;}
.aboutinner-section-area .about-heading.heading1 h2 {font-family: 'Montserrat';font-size: 36px;font-weight: 600;line-height: 48px;}
.aboutinner-section-area .about-heading.heading1 p {font-size: 16px;text-align: justify;font-weight: 400;line-height: 28px;font-family: 'Nunito';margin-bottom: 10px;}
.aboutinner-section-area .about-heading.heading1 .vl-btn1 {background: #ff6602;}
.aboutinner-section-area .about-heading.heading1 .vl-btn1::before {background: #ff9217;}
.aboutinner2-section-area {background: #1a015d;padding:50px 0;}
.aboutinner2-section-area .counter-boxarea {text-align: center;background: rgba(255, 255, 255, .05);border: 1px dashed #3c06cb;border-radius: 10px;padding: 20px;margin: 0;}
.aboutinner2-section-area .counter-boxarea h3 {font-size: 36px;font-weight: 600;margin-bottom: 10px;color: #726efc;font-family: Montserrat;line-height: 1;margin: 0;}
.aboutinner2-section-area .counter-boxarea p {color: #fff;margin: 0;font-family: Nunito;text-transform: uppercase;font-weight: 500;font-size: 16px;letter-spacing: 1px;}
.others-vission-area .mission-vission-area ul li button {padding: 40px 50px;width: 100%;text-align: center;width: 350px;margin: 0 30px 0 0;}
.others-vission-area .mission-vission-area ul li button.active {background: #ff6903;}
.others-vission-area .mission-vission-area ul li button .icon {display: flex;align-items: center;justify-content: center;margin: 0 auto;padding:10px;}
.others-vission-area .mission-vission-area ul li button .text {font-family: 'Montserrat';font-size: 24px;padding-top: 20px;}
.others-vission-area .heading1 h2 {font-family: 'Montserrat';font-size: 36px;font-weight: 600;line-height: 48px;}
.others-vission-area .heading1 p {font-size: 16px;text-align: justify;font-weight: 400;line-height: 28px;font-family: 'Nunito';margin-bottom: 10px;}

.contact-inner-area .contact-bottom-box {background: #EDF2F7;padding: 30px;border-radius: 10px;margin-bottom: 30px;border: 1px dashed #cccccc;}
.contact-inner-area .contact-bottom-box .contact-box .icons {background: #ff6903;min-width: 80px;}
.contact-inner-area .contact-bottom-box .icons i {font-size: 36px;color: #ffffff;}
.contact-inner-area .contact-bottom-box .text {padding-top: 0;padding-left: 35px;border-top:none;}
.contact-inner-area .contact-bottom-box .contact-box .text h4 {font-family: 'Montserrat';font-size: 24px;font-weight: 600;line-height: 26px;display: block;padding-top: 0;margin-bottom: 10px;}
.contact-inner-area .contact-bottom-box .contact-box .text a {font-size: 20px;color: #333333;font-family: 'Nunito';}
.contact-inner-area .contact-bottom-box .contact-box .text p {font-size: 15px;color: #333333;font-family: 'Nunito';}
.contact-inner-area .contact-bottom-box:hover .contact-box .icons {background: #2e0797;}

.contact-inner-area .contact-header-area.heading1 h5 {background: rgb(255, 104, 3, .1);color:#ff6903;font-family: 'Rajdhani';font-size: 18px;}
.contact-inner-area .contact-header-area.heading1 h2 {font-family: 'Montserrat';font-size: 36px;font-weight: 600;line-height: 48px;}
.contact-inner-area .contact-header-area.heading1 p {font-size: 16px;text-align: justify;font-weight: 400;line-height: 28px;font-family: 'Nunito';margin-bottom: 10px;}
.contact-inner-area .contact-header-area.heading1 .vl-btn1 {background: #ff6602;}
.contact-inner-area .contact-header-area.heading1 .vl-btn1::before {background: #ff9217;}

.aboutinner-section-area .about-images-area img {border-radius:10px;}
.service4-section-area .feature-right h5 {background: rgb(255, 104, 3, .1);color: #ff6903;font-family: 'Rajdhani';font-size: 18px;padding: 10px 14px;padding: 5px 7px;border-radius: 8px;display: inline-block;}
.service4-section-area .feature-right h2 {font-family: 'Montserrat';font-size: 36px;font-weight: 600;line-height: 48px;}
.service4-section-area .feature-right p {font-size: 16px;text-align: justify;font-weight: 400;line-height: 28px;font-family: 'Nunito';margin-bottom: 10px;}
.service4-section-area .feature-right ul.list-box li {display: flex;align-items: center;font-size: 15px;font-style: normal;font-weight: 500;line-height: 24px;margin-top: 12px;color: #3d3d42;font-family: 'Nunito';position: relative;padding-left: 30px;}
.service4-section-area .feature-right ul.list-box li::before {position: absolute;left: 0;content: "\f46c";font-family: bootstrap-icons !important;color: #2e0898;}

.project-details-siderbars-area .service-main-detailsarea h3 {font-family: 'Montserrat';font-size: 24px;font-weight: 600;line-height: 36px;}
.project-details-siderbars-area .service-main-detailsarea p b {font-size: 18px;text-align: justify;font-weight: 600;line-height: 28px;font-family: 'Nunito';margin-bottom: 0px;}
.project-details-siderbars-area .service-main-detailsarea p {font-size: 16px;text-align: justify;font-weight: 400;line-height: 28px;font-family: 'Nunito';margin-bottom: 0px;}
.project-details-siderbars-area .service-main-detailsarea ul {padding-left:30px;}
.project-details-siderbars-area .service-main-detailsarea ul li {font-size: 16px;text-align: justify;font-weight: 400;line-height: 28px;font-family: 'Nunito';margin-bottom: 7px;list-style: square;}
.project-details-siderbars-area .service-main-detailsarea ul li a {color: #ff6a04;}

@media (max-width: 767px){
    .homepage4-body .vl-transparent-header .row-bg {border-radius: 0;}
	.hero4-section-area {padding: 120px 0 60px 0;}
	.hero4-section-area .hero4-heading {margin-bottom: 20px;}
	.hero4-section-area .hero4-heading h2 {font-size: 26px;line-height: 42px;}
	.hero4-section-area .images-area .img1 .img-small {display: none;}
	.about4-section-area .about-heading {margin-left: 0;}
	.about4-section-area .about-images .elements35 {display:none;}
	.about4-section-area .about-heading.heading4 h2 {font-size: 26px;line-height: 42px;}
	.about4-section-area .about-heading.heading4 h4 {font-size: 18px;line-height: 30px;}
	.service4-section-area .heading4 h2 {font-size: 26px;line-height: 42px;}
	.work5-section-area .heading4 h2 {font-size: 26px;line-height: 42px;}
	.testimonial4-section-area .heading4 h2 {font-size: 26px;line-height: 42px;}
	.cta4-section-area {padding: 50px 30px;}
	.contact4-section-area .heading4 h2 {font-size: 24px;line-height: 42px;}
	.contact4-section-area .contact-main-boxarea h4 {font-size: 24px;line-height: 30px;}
	.cta4-section-area .cta-header h5 {font-size: 18px;line-height: 30px;}
	.cta4-section-area .cta-header h2 {font-size: 26px;line-height: 42px;}
	.vl-footer4-section-area {padding: 100px 0 0 0;}
	.aboutinner-section-area .about-heading.heading1 h2 {font-size: 26px;line-height: 42px;}
	.aboutinner2-section-area .counter-boxarea {margin-bottom: 20px;}
	.others-vission-area .mission-vission-area ul li button {width: 100%;min-width: 300px;margin-bottom: 20px;}
	.others-vission-area .heading1 h2 {font-size: 26px;font-weight: 600;line-height: 42px;}
	
	.homepage4-body .vl-offcanvas {background: linear-gradient(45deg, #15004c, #1f016e);}
	
	.vl-hero-btn.mobile-fixed {position: fixed;bottom: 0;left: 0;z-index: 99;width: 100%;background:#2e0797;}
	.vl-hero-btn.mobile-fixed .btn-box {display: flex;align-items: center;padding: 10px 0;}
	.vl-hero-btn.mobile-fixed .btn-box a.btn-custom {display: flex;align-items: center;justify-content: center;gap: 7px;width: 50%;font-family: 'Nunito';color: #ffffff;border-right: 1px solid #d3d3d3;}
	.vl-hero-btn.mobile-fixed .btn-box a.btn-custom:nth-child(2) {border-right: none;}
	
	.homepage4-body .vl-offcanvas-social a {display: inline-block;text-align: center;width: 150px;height: 40px;line-height: 25px;border-radius: 40px;color: #ffffff;border: 1px solid #cccccc;font-size: 14px;margin-bottom: 10px;padding: 8px 20px;background: linear-gradient(90deg, #ff6501 0%, #ff9317 100%));}
}