*{margin:0px; padding:0px;}
@font-face {font-family: 'Chillax-Medium';
src: url('../fonts/Chillax-Medium.woff2') format('woff2'),
url('../fonts/Chillax-Medium.woff') format('woff'),
url('../fonts/Chillax-Medium.ttf') format('truetype');
font-weight: 500;font-display: swap;font-style: normal;}
body{font-size:14px; color:#000; font-family: "Montserrat", sans-serif; overflow-x: hidden;}
ul,li{margin:0px; padding:0px; list-style:none;}
a, a:hover, a:focus{text-decoration:none;}
input,textarea{outline:none;}
h1,h2{padding: 0px; margin: 0px;}
h1{text-transform: uppercase; font-weight: 600; margin-bottom: 35px; font-size: 48px; line-height: 54px;}
h1 span{color: #f74932; font-size: 18px; line-height: 18px; font-weight: 500;}
h3{font-size: 21px; line-height: 26px; color: #fff;}
.comn-padd{padding: 60px 0px;}
header{width: 100%; height: auto; float: left; padding: 30px 0px; background: #fff; transition:all 0.3s;}
section, .banner, footer, .full-colm{width: 100%; height: auto; float: left;}
header.sticky {position: fixed;  top:0; left:0;  width: 100%; z-index: 9999;     box-shadow: 0 2px 24px rgba(0, 0, 0, 0.50); padding: 15px 0px; transition:all 0.3s;}
header a.logo img{width: auto; height: 55px; transition:all 0.3s;}
header.sticky a.logo img{width: auto; height: 40px; transition:all 0.3s;}
header ul.menu{float: right;}
.hero-treatment {display: flex;flex-flow: column;justify-content: center;color: white;width: 100%;height: auto;position: relative;overflow: hidden;text-align: center;}
.hero-treatment .hero-image {background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: -1;}
section:not(.hero-treatment) {background-color: white;}
.banner-slider .banner p{  font-family: 'Chillax-Medium'; font-size: 17px; color: #7a7a7a; margin: 0px;}
.banner-slider .banner h1{margin-bottom: 20px; font-size: 57px; line-height: 66px; color: #323232; text-transform: capitalize;}
.banner-slider .banner h1 span{font-weight: 700; color: #f74932; font-style: italic;  font-size: 57px;}
.banner-slider .banner a.more-btn{background: #f2f2f2; display: inline-block; padding: 15px 55px 15px 40px; margin-top: 30px; font-size: 15px; color: #000000; text-transform: uppercase; font-family: 'Chillax-Medium'; text-decoration: none; position: relative;transition: all 0.3s;}
.banner-slider .banner a.more-btn:hover{background: #f74932; color: #fff;  transition: all 0.3s;}
.banner-slider .banner a.more-btn:before{position: absolute; top: 50%; right: -20px; content: url("../images/next.png"); margin-top: -11.5px;transition: all 0.3s;}
.banner-slider .banner a.more-btn:hover:before{right: -30px; transition: all 0.3s;}
.banner-content{float: left; margin-top: 37%;}.banner-img{float: left; padding-bottom: 50px;}
.about-sec p{font-size: 18px; line-height: 38px; font-weight: 300; margin-bottom: 40px;}
.about-sec p:last-child{margin-bottom: 0px;}
.slick-slide .animate-element {opacity: 0;transform: translateY(30px);transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), 
transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);}
/* Active state: Smoothly fade and slide up */
.slick-slide.slick-active .animate-element {  opacity: 1;  transform: translateY(0);}
/* Optional: Delay different elements for a staggered effect */
.slick-slide.slick-active .banner-content {  transition-delay: 0.2s;}
.slick-slide.slick-active .banner-img {  transition-delay: 0.4s;}
.about-bg{ padding: 60px 0px;}
.our-services-bg{background-color: #fafafa !important; padding: 60px 0px;}
.our-work{background-color: #ec4c33 !important; padding:60px 0px;}
.our-client{background-color: #fafafa !important; padding: 60px 0px;}
.banner-content img{width: 90%; margin-top: 22%;}
.banner-img img{width: 90%; float: right; padding-bottom: 50px;}
.home-banner-slider {padding-bottom: 90px;}
.slick-list{padding: 0px !important;}
.banner-slider .slick-arrow, .home-banner-slider .slick-arrow{position: absolute; z-index: 999; bottom: 60px; right: 20px; width: 55px; height: 10px; cursor: pointer; border: none;background-color: none; font-size: 0px; outline: none; box-shadow: none;}
.banner-slider .slick-arrow.slick-next, .home-banner-slider .slick-arrow.slick-next{ background: url("../images/next.png");}
.banner-slider .slick-arrow.slick-prev, .home-banner-slider .slick-arrow.slick-prev{right: 90px; background: url("../images/prev.png");}
.our-services-title h1{color: #28215d; margin-top: -20px;}
.our-services-list ul li{float: left; width: 17%; margin:1.5%; text-align: center; background-color: #ffffff; border-radius: 10px; padding: 15px; transition: all 0.3s;}
.our-services-list ul li span{width: 100%; display: block; border: 1px solid #f74932; border-radius: 10px; padding:18px 8px; min-height: 180px;}
.our-services-list ul li span p{margin-bottom: 0px; margin-top: 15px; font-size: 15px; line-height: 22px; color: #28215d; font-weight: 500; transition: all 0.3s;}
.our-services-list ul li:hover{background-color: #28215d; transition: all 0.3s;}
.our-services-list ul li:hover span p{color: #fff; transition: all 0.3s;}
.view_btn{background: #f74932; display: inline-block; padding: 15px 85px 15px 30px; margin-top: 30px; font-size: 14px; color: #fff; text-transform: uppercase; font-family: 'Chillax-Medium'; text-decoration: none; position: relative;transition: all 0.3s;}
.view_btn:hover{background: #28215d; color: #fff;  transition: all 0.3s;}
.view_btn:before{position: absolute; top: 50%; right: 30px; content: url("../images/next-white.png"); margin-top: -11.5px;transition: all 0.3s;}
.view_btn:hover:before{right: 15px; transition: all 0.3s;}
.our-work-title h1{color: #fff; margin-top: -20px;}
.our-work-title h1 span{color: #fff;}
.our-work-slider img{margin-bottom: 20px; width: 100%; height: auto;}
.our-work-slider p{margin-bottom: 0px; color: #fff;}
.copyright{background: #f5f5f5;}
.copyright p{color: #000; font-weight: 500; margin: 15px 0px;}
footer{background-color: #fff !important; color: #000000;}
.footer_row1{padding: 30px 0px;}
.footer-logo {height: auto; width: 192px;}
.footer_row1 ul{padding-left: 90px;}
.footer_row1 ul li{float: left; padding-left: 45px; margin-right: 90px; position: relative;}
.footer_row1 ul li:last-child{margin-right: 0px;}
.footer_row1 ul li a{color: #000000;}
.footer_row1 ul li.phone:before{position: absolute; top: 0px; left: 0px; width: 35px; height: 35px; background: url("../images/phone.png"); content: ''; background-size: contain; background-repeat: no-repeat;}
.footer_row1 ul li.email:before{position: absolute; top: 0px; left: 0px; width: 35px; height: 35px; background: url("../images/email.png"); content: ''; background-size: contain; background-repeat: no-repeat;}
.footer_row1 p.office, .footer_row1 p.business{padding-left: 45px; position: relative;}
.footer_row1 p.office:before{position: absolute; top: 0px; left: 0px; width: 35px; height: 35px; background: url("../images/head.png"); content: ''; background-size: contain; background-repeat: no-repeat;}
.footer_row1 p.business:before{position: absolute; top: 0px; left: 0px; width: 35px; height: 35px; background: url("../images/hours-icon.png"); content: ''; background-size: contain; background-repeat: no-repeat;}
.footer_row1 p{margin-bottom: 0px;}
.footer_row1 p span{font-weight: bold; display: block; float: left; width: 100%;}
.footer_row2{padding: 30px 0px; border-top: 2px solid #dedddb;} 
.footer_row2 ul li{display: inline-block; margin: 0px 15px;}
.footer_row2 ul li a{color: #000000; transition:all 0.3s;}
.footer_row2 ul li a:hover{color: #f74932; transition:all 0.3s;}
.footer_row2 ul li:last-child a{margin: 0px 2px;}
.logo1 {margin-top: 20px;}
.logo1 img, .logo2 img{width: auto !important; height: auto !important; margin: 0px 25px;}
.logo2 {margin-top: 60px;}
.our-work-slider{margin-top: 20px;}
.our-work-slider .slick-arrow{position: absolute; top: 35%;  width: 74px; height: 74px; cursor: pointer; border: none;background-color: none; font-size: 0px; outline: none; box-shadow: none;}
.our-work-slider .slick-arrow.slick-next{ background: url("../images/next1.png"); right: -80px;}
.our-work-slider .slick-arrow.slick-prev{right: 90px; background: url("../images/prev1.png"); left:-80px;}
.inner_banner img{width: 100%; height: auto;}
.inner_banner .mob{display: none;}
.inner_banner .desk{display: block;}
.contact-map iframe{width: 100%; height: 500px;}
ul.contact-list li{float: left; width: 100%; margin-top: 30px; padding-left: 45px; position: relative;}
ul.contact-list li p span{font-weight: bold;display: block;float: left;width: 100%;}
ul.contact-list li:first-child{margin-top: 0px;}
ul.contact-list li:last-child{margin-bottom: 0px;}
ul.contact-list li a, ul.contact-list li p{color: #000000; margin-bottom: 0px;}
ul.contact-list li.phone:before{position: absolute; top: 0px; left: 0px; width: 35px; height: 35px; background: url("../images/phone.png"); content: ''; background-size: contain; background-repeat: no-repeat;}
ul.contact-list li.email:before{position: absolute; top: 0px; left: 0px; width: 35px; height: 35px; background: url("../images/email.png"); content: ''; background-size: contain; background-repeat: no-repeat;}
ul.contact-list li.office-address:before{position: absolute; top: 0px; left: 0px; width: 35px; height: 35px; background: url("../images/head.png"); content: ''; background-size: contain; background-repeat: no-repeat;}
ul.contact-list li.business-hours:before{position: absolute; top: 0px; left: 0px; width: 35px; height: 35px; background: url("../images/hours-icon.png"); content: ''; background-size: contain; background-repeat: no-repeat;}
.carrer h1{margin-bottom: 25px;}
.carrer h2{font-size: 20px;margin-bottom: 5px;}
.carrer ul{margin-bottom:1rem; padding-left: 17px;}
.carrer ul li{list-style: disc; margin-bottom: 5px;}
.section .top-side {text-align: center;}
.section .top-side .title {font-weight: 500;font-size: 15px;display: inline-block;}
.section .top-side .title:after {content: "";display: block;width: 50%;border-bottom: 1px solid #494949;margin: 8px auto;}
.section .top-side h2 {font-weight: 700;}
.section.portfolio .filters {text-align: center;}
.section.portfolio .filters ul {padding: 0;}
.section.portfolio .filters ul li {list-style: none;display: inline-block;padding: 20px 30px;cursor: pointer;position: relative; font-family: 'Chillax-Medium'; font-size: 15px; font-weight: 500;}
.section.portfolio .filters ul li.active, .section.portfolio .filters ul li:hover{    color: #f74932;}
.section.portfolio .filters ul li:after {content: "";display: block;width: calc(0% - 60px);position: absolute;height: 2px;background: #333;transition: width 350ms ease-out;}
.section.portfolio .filters ul li:hover:after {width: calc(100% - 60px);transition: width 350ms ease-out; background: #f74932;}
.section.portfolio .filters ul li.active:after {width: calc(100% - 60px); background: #f74932;}
.filters-content .all {margin-top: 30px;}
.section.portfolio .filters-content .show {opacity: 1;visibility: visible;transition: all 350ms;}
.section.portfolio .filters-content .hide {opacity: 0;visibility: hidden;transition: all 350ms;}
.section.portfolio .filters-content .item {text-align: center;cursor: pointer;margin-bottom: 30px;}
.section.portfolio .filters-content .item .p-inner {padding: 20px 30px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.section.portfolio .filters-content .item .p-inner h5 {font-size: 15px;}
.section.portfolio .filters-content .item .p-inner .cat {font-size: 13px;}
.section.portfolio .filters-content .item img {width: 100%;}