/*
****************New Css - For Home page***************/
body *{
	font-family: 'Space Grotesk', sans-serif !important;
}
.header-top {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.menu-wrapper {
    background-color: #000033;
}
.menu-section {
    border-top: 1px solid #0b2b3d;
}
/****** Menu ******/

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.menu-section nav.navbar {
    background-color: #000033;
    padding-left: 0;
}
.menu-section .navbar-expand-lg .navbar-nav .nav-link{
	padding-right:3.5rem;
	text-transform: uppercase;
	color: #a7a9ac;
}
.menu-section .dropdown-menu {
    background: #003;
}
.menu-section a.dropdown-item {
    text-transform: uppercase;
    color: #a7a9ac;
}
.menu-section .nav-link.active, 
.menu-section .item.active{
	color: #21ace3 !important;
}
.request-btn {
    float: right;
    margin-top: 8px;
}
.request-btn .btn {
    background-color: #21ace3 !important;
    border-color: #21ace3 !important;
}
.menu-section nav button img {
    width: 32px;
}
/************ Services ************/

.services-box img {
    filter: brightness(0.6);
}
.text-box h3 {
    font-weight: 600;
    font-size: 30px;
}
.service-wrap .row {
    margin: 30px 0;
}
.service-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
}
.services-box h4 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #FFFF;
    text-transform: uppercase;
    font-size: 20px;
}
.services-box {
    position: relative;
}

/************** About Us ***************/

.about-us {
    background-image: url(/img/new-design/bg-1.jpg);
    padding-top: 10rem;
    padding-bottom: 10rem;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
  }
.about-img {
    overflow: hidden;
    border-radius: 9px;
}
.about-text h3 {
    color: #fff;
    font-weight: 700;
}
.about-text p {
    color: #fff;
    margin-top: 3rem;
}
.about-text .btn {
    background-color: #3399cc;
    border-color: #3399cc;
    font-size: 14px;
    padding: 11px 35px;
    margin-top: 4rem;
}

/****************** Feedback ******************/

.viewers h4 {
    color: #3399cc;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 800;
}
.viewer {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: -63px;
    padding: 0 2rem;
    width: 368px;
    left: 0;
    right: 0;
}
.viewers p {
    color: #999999;
    font-size: 14px;
    line-height: 2em;
    /* word-break: break-all; */
}
.viewers img {
    text-align: center;
    margin: -69px auto 0;
}
.overline {
    position: relative;
    box-shadow: 1px 6px 12px 0px #b0eaff;
}
.feedback-text p {
    margin-top: 5rem;
}
.feedback-text h4 {
    font-weight: 700;
    padding: 0 2rem 0 0;
    font-size: 30px;
}
.feedback-boxs {
    padding: 0 1rem;
    margin-top: 143px;
}
.viewers {
    border: 1px solid #ddd;
    height: 355px;
    margin: 0 auto;
    text-align: center;
    padding: 1rem
}
.feedback .slick-slide {
    height: 600px;
}
.feedback-text {
    margin-top: 9rem;
}

/************* Partners **************/

.partners {
    background-color: #3399cc;
}
.partner-wrap h3 {
    color: #fff;
    font-weight: 900;
}
.partner-logo {
    display: flex;
    height: 126px;
    align-items: center;
    margin-top: 2rem;
}
.partner-wrap {
    padding-top: 4rem;
    padding-bottom: 9rem;
}
.indust div {
    width: 190px;
}

@media (max-width: 767px){
	.xs .header-top {
	    display: inline !important;
	    margin: 0 auto;
	    text-align: center;
	}
	.xs .header-top img {
	    width: 240px;
	}
	.xs .header-top .colorful-slogan {
	    margin-top: -32px;
	}
	.xs .request-btn a.btn {
	    font-size: 13px;
	}
	.xs .request-btn {
	    position: absolute;
	    top: -50px;
	    right: 14px;
	}
	.xs .service-wrap h3 {
	    font-size: 25px;
	}
	.xs .service-wrap {
	    padding-top: 45px;
	}
	.xs .service-wrap .text-box p {
	    margin-top: 2rem !important;
	}
	.xs .service-wrap .row {
	    margin: 0 0 !important;
	}
	.xs .services-box {
	    margin-bottom: 20px;
	}
	.xs .about-us {
	    padding-top: 0;
	    background-position: top center;
	    background-size: cover;
	    padding-top: 59px;
	    padding-bottom: 7rem;
	}
	.xs .about-text .btn {
	    margin-top: 1rem;
	    margin-bottom: 2rem;
	}
	.xs .feedback {
	    padding-top: 3rem;
	}
	.xs .feedback-text {
	    margin-top: 0;
	}
	.xs .feedback-text p {
	    margin-top: 2rem;
	}
	.xs .feedback-text p img {
	    width: 32px;
	}
	.xs .feedback-boxs{
	    margin-top:75px;
	}
	.xs .feedback .slick-slide{
		height: 559px;
	}
	.xs .partner-logo div img {
	    width: 155px;
	}
	.xs .partner-logo {
	    margin-top: 0;
	}
	.xs .partner-wrap h3 {
	    font-size: 25px;
	}
	.xs .partner-wrap {
	    padding-bottom: 0px;
	    padding-top: 2rem;
	}
	.xs .partner-logo.indust {
	    display: block;
	    height: auto;
	    margin-bottom: 30px;
	}
	.xs .partner-logo {
	    margin-top: 0;
	}
    .xs a.menu-icon img {
        width: 50px;
    }
    .mm-menu{
        --mm-color-text-dimmed: rgb(21 150 200);
        --mm-color-background: #f0eeee;
        --mm-color-button: #21ace3;
        --mm-color-border: #b3c7cf;
    }
    a.mm-listitem__text {
        text-transform: uppercase;
    }

}

mm-menu.mm-offcanvas.mm-hasnavbar-top-2.mm-opened {
  display: block;
}