body{
	font-family: 'Libre Franklin', sans-serif;
}
*{
	margin:0px;
	padding: 0px;
}
section.top-header {
    padding: 6px 0px;
    background-image: linear-gradient(to right, #2d247d, #00b3de);
}
.top-part {
    display: flex;
    justify-content: space-between;
}
.top-left ul {
    display: flex;
    list-style: none;
}
.top-right ul {
    display: flex;
    list-style: none;
}
section.top-header ul {
    margin-bottom: 0px;
}
section.top-header ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.top-left ul li {
    margin-right: 12px;
}
.top-right ul li i {
    line-height: 25px;
    text-align: center;
    color: #fff;
    height: 25px;
    width: 25px;
    background: #fff;
    color: #2d247d;
    border-radius: 30px;
}
.top-right ul li {
    margin-left: 12px;
}
.logo-coomon {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.search-part {
    position: absolute;
    right: 240px;}
.search-container {
    position: relative;
}
.search-container input {
    width: 300px;
    height: 45px;
    border: 1px solid #e2e2e2;
    padding: 0px 10px;
}
.search-container button {
    position: absolute;
    right: 10px;
    top: 25%;
    border: none;
    background: transparent;
}
.search-container button i {
    font-size: 20px;
    color: #2b2929;
}
.cart span {
    position: absolute;
    background: #020863;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    line-height: 18px;
    top: -10px;
    left: 23px;
    color: #fff;
}
.logo-section {
    padding: 30px 0px;
}

.account-cart {
    display: flex;
    text-align: center;
    margin-top: 10px;
}
.admin {
    margin-right: 40px;
    position: relative;
}
.account-cart img {
    height: 22px;
}
.account-cart h5 {
    color: #444444;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}
.admin:after {
    position: absolute;
    content: "";
    top: -4px;
    right: -20px;
    height: 30px;
    width: 1px;
    background: #e2e2e2;
}
.cart {
    position: relative;
}
.admin select {
    font-weight: 600;
}
.account-cart img {
    height: 22px;
}
.cart span {
    position: absolute;
    background: #34c18a;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    line-height: 18px;
    top: -10px;
    left: 23px;
}
.account-cart h5 {
    color: #444444;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}
.search-container:after {
    position: absolute;
    content: "";
    right: 35px;
    width: 1px;
    height: 37px;
    background: #e2e2e2;
    top: 4px;
}
.search-container input::placeholder {
    font-size: 14px;
}
section.menu-section ul {
    display: flex;
    justify-content: center;
    list-style: none;
    margin-bottom: 0px;
}
.menu-section {
    background: #2d228a;
    padding: 13px 0px;
    position: relative;
}
section.menu-section ul li a {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}
section.menu-section ul li {
    margin: 0px 16px;
}

.delever-part {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #f5f3f3;
    padding: 10px 5px;
}
.delever-right p {
    color: #9e9e9e;
    font-size: 14px;
    margin-top: 6px;
    line-height: 20px;
}
.delever-right h5 {
    font-size: 14px;
    font-weight: 700;
    color: #2b2929;
    margin-bottom: 0px;
}
.delever-right {
    margin-left: 15px;
}
section.delivery {
    margin: 20px 0px;
}
.banner-left img {
    width: 100%;
}
.banner-left {
    padding-left: 0px;
    padding-right: 0px;
}
.banner-right {
    padding-left: 0px;
    padding-right: 0px;
    background: #323232;
}
.banner-right-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding: 0px 30px;
}
.banner-right-content h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
}
.banner-right-content p {
    font-size: 18px;
    color: #fff;
    margin-top: 15px;
}
button.shop-now {
    color: #2b2929;
    border: none;
    padding: 8px 20px;
    background: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 15px;
}

.product-img img {
    width: 100%;
}
.product-img {
    position: relative;
}
.product-img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(21, 20, 20, 0.52);
}


.product-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding: 20px;
}
.product-content h2 {
    color: #fff;
    z-index: 99;
    font-size: 26px;
    font-weight: 600;
}
.product-content p {
    color: #fff;
    line-height: 22px;
}
.shop-now a {
    background: transparent;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 7px 14px;
    border: 2px solid #ffffff;
}
.shop-now {
    position: relative;
    top: 15px;
}
.shop-now a:hover {
    background: #34c18a;
    border: 2px solid #34c18a;
    text-decoration: none;
    transition: background .3s linear;
}
section.take-paroduct {
    margin-top: 90px;
}
section.view-product h2 {
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0px;
    color: #223645;
    margin-bottom: 20px;
    letter-spacing: 0px;    font-family: 'Lato', sans-serif;    text-transform: uppercase;
}


section.view-product {
    margin-top: 70px;background-color: #f5f5f8b3;    background-size: cover;
    padding: 70px 0;
}
.view-prodcut-part .item {
    background-color: #fff;
    margin: 10px;
    border-radius: 20px;
    box-shadow: 0 0 14px #141a2614;
}
.view-prodcut-part .owl-dots {
    display: none;
}
.product-content1 h5 {
    font-size: 14px;
    font-weight: 700;
    color: #2b2929;
    margin-bottom: 0px;
    margin-top: 13px;
}
.product-content1 {
    text-align: center;
}
.product-content1 p {
    font-weight: 600;
    margin-top: 7px;}
.view-all a {
    background: transparent;
    border: 2px solid #095ff4;
    padding: 10px 44px;
    color: #095ff4;
    font-weight: 600;
    text-transform: uppercase;
}
.view-all a:hover {
    background: #095ff4;
    color: #fff;
    text-decoration: none;
    transition: background .3s linear;
}
.view-all {
    text-align: center;
    margin-top: 30px;
}
section.explore h2 {
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    color: #2b2929;
    margin-bottom: 20px;
}
section.explore {
    margin-top: 50px;
}
section.explore img {
    width: 100%;
}
.lower-commmon {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    position: absolute;
    bottom: 0px;
}
.upper-right {
    position: relative;
    overflow: hidden;
}
 .left-part {
    padding: 0px 0px;
}
.lower-left1 {
    margin-top: 15px;
    position: relative;
}
.lower-commmon .lower-right {
    width: 49%;}
 .lower-left1 {
    margin-top: 15px;
}   
.lower-right img {
    height: 318px;
}
.explore-content1 h3 {
    color: #484848;
    margin-left: 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    margin-bottom: 0px;font-weight: 500;
    text-align: center;
}
.explore-content1 {
        margin-top: 10px;
}
.uperleft1 {
    position: relative;
}    
.upper-right {
    position: relative;
    overflow: hidden;    margin-bottom: 30px;
   border-radius: 5px;
    background-color: #ffffff;
    padding-bottom: 15px;
}

/* 
.upper-right:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    background: #223645;
    left: 0;
    bottom: 0;background-image: linear-gradient( 143deg, #095ff4 0%, #03fbb1 100%);
    opacity: 0.55;
} */
.images121 {
    margin-top: 50px;}
.uperleft1 {
    position: relative;
    overflow: hidden;
}
.uperleft1:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    background: #0000009e;
    left: 0;
    bottom: 0;
}

.lower-left1 {
    position: relative;
    overflow: hidden;
}
.lower-left1:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    background: #0000009e;
    left: 0;
    bottom: 0;
}


.lower-right {
    position: relative;
    overflow: hidden;
}
.col-md-8.right-part {
    padding-right: 0px;
}
.lower-right:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    background: #0000009e;
    left: 0;
    bottom: 0;
}

.uperleft1:hover img {
    transform: scale(1.2);
}
.uperleft1 img {
    max-width: 100%;
    transition: transform 0.3s ease-in-out;
}
.lower-left1:hover img {
    transform: scale(1.2);
}

.lower-left1 img {
    max-width: 100%;
    transition: transform 0.3s ease-in-out;
}
.upper-right:hover img {
    transform: scale(1.2);
}

.upper-right img {
    max-width: 100%;
    transition: transform 0.3s ease-in-out;
}

.lower-right:hover img {
    transform: scale(1.2);
}

.lower-right img {
    max-width: 100%;
    transition: transform 0.3s ease-in-out;
}
section.visit-show img {
    width: 100%;
}
.visit-left {
    padding-right: 0px;
}
.visit-content {
    background: #f7f7f7;
    text-align: center;
    padding: 50px 15px;
    position: absolute;
    top: -30%;
    left: -25px;border-top: 4px solid #2d228a;}
.visit-right {
    padding-left: 0px;}
section.visit-show {
    margin-top: 180px;
    position: relative;}  
.visit-content h2 {
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    color: #323232;
}
.help-you h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 20px;
}
.visit-content p {
    font-size: 14px;
    color: #fff;
    line-height: 27px;
    margin-top: 25px; color:#323232;}
.help-you p {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
.chat-side h5 {
    color: #2b2929;
    font-size: 16px;
    margin-top: 20px;
    font-weight: bold;

}
.help-you p {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.chat-side ul {
    margin-top: -12px !important;
}
.chat-side ul li {
    width: 150px;
    height: 150px;
    background: #f2f3f5;
    text-align: center;
    padding: 20px 5px;
    border-radius: 8px;
}
section.seven {
    margin: 0px 0px 0px 0px;
    background: #5c5c5c;
    padding: 30px 0px;
}
.footer-upper {
    padding: 40px 0px; 
}
.chat-side ul li {
    float: left;
    list-style: none;
    margin: 0px 25px 0px 0px;
}
.social-media.footer-social {
    margin-top: 24px;}
.visit-btn a {
    border: 2px solid #323232;
    padding: 7px 20px;
    color: #323232;
    text-transform: uppercase;
  
    font-weight: 600;
}
.visit-btn {
    margin-top: 30px;
}
.footer1 img {
       width: 190px;
}
.footer1 p {
    margin-top: 20px;
    color: #000;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
}
footer h4 {
    color: #2d247d;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;text-transform:uppercase;    border-bottom: 3px solid #2d247d;
    padding-bottom: 19px;
    width: fit-content;
}
footer ul {
    list-style: none;
}
footer ul li {
    margin-bottom: 10px;position:relative;
}
.footerlinks ul li {position:relative;    padding-left: 20px;}
.footerlinks ul li:before {
    font-family: 'FontAwesome';
    content: "\f101";
    float: left;
    font-size: 18px;
    color: #000;
    position: absolute;
    left: 0px;
}
footer ul li a {
    color:#000;
}
.get-touch ul li {
    position: relative;padding-left:25px;
}
.get-touch ul li .fa{position:absolute; left:0; top: 5px;}


.subcribe-newsletter input {
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    font-size: 14px;
    padding: 0px 7px;}
   .button-news {
    margin-top: 15px;
}
.button-news a {
    background: #2b2929;
    color: #fff;
    padding: 7px 15px;
    text-transform: uppercase;
    font-weight: 600;

}
.payemt {
    margin-top: 30px;
}
.copyright p {
    margin-bottom: 0px;
    text-align: center;
    color: #fff;
}
.copyright {
    text-align: center;
    /* background: #172632; */
    padding: 15px 0px;
    position: relative;
    /* border-top: 1px solid #586a7a; */
    background-image: linear-gradient(to right, #2d247d, #00b3de);
}
.website-logo h2 {
    font-weight: 600;
    font-style: italic;
}

@keyframes scale {
  50% {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
  }
}
.zoom {
    animation: scale 10s linear infinite;
}
.banner-content {
    position: absolute;
    top: 20%;
    left: 10%;
    text-align: left;    max-width: 520px;
  
}
.banner-content h1 { 
    font-size: 53px;
    color: #fff !important;
    line-height: 58px;
    font-weight: 700;font-family: 'Roboto Condensed', sans-serif;

}
.banner-content p {
    font-size: 19px;margin: 20px 0 40px;color:#fff;
}
.browse-city1 h5 {
    color: #323232;
    font-size: 14px;
    letter-spacing: 2px;
}

.browse-city1 h2 {
margin: 20px 0px;}
.browse-city1 p {
    font-size: 14px;
    line-height: 30px;
}
.view-home a {
    background: #323232;
    padding: 12px 20px;
    color: #fff;

}
.view-home {
    margin-top: 40px;}
 .two1 .nav-pills .nav-link {
    border-radius: 0.25rem!important;
    font-weight: 600!important;
    color: #323232!important;
    font-size: 24px!important;
}  
.two1 .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: transparent!important;
} 
section.two1 {
    margin-top: 60px;}
section.two1 li.nav-item {
margin-bottom: 50px;}    
section.two1 li.nav-item a {

}
.tabulation-2.mt-4 .nav-item a.active {
border-bottom: 3px solid #0c26b3;
max-width: 170px;
margin: 0 auto;
}

section.take-paroduct p {font-size: 14px;line-height: 30px;}
section.explore > p { max-width: 750px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    margin-bottom: 50px;}
.explore-content1 p {font-size: 14px;color: #fff;
 margin-left: 10px;}    
 section.form111 img {
    width: 100%;}
div#demo img {height: 600px;width: 100%;object-fit: cover;} 

/* div#demo .carousel-inner .carousel-item:before {
    content: '';
    background-color: #000;
    opacity: 0.1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
} */
.website-logo img {width: 270px;object-fit: cover;}
.cart i {font-size: 25px;}
.right-sidebar {position: fixed;width: 430px;background: #fff;bottom: 0;top: 0;z-index: 99;transition: right .3s linear;right: -100%;}
.right-sidebar h2 {text-align: center;}
.right-sidebar h2 {padding-top: 100px;}
.side-menu ul li a {color: #000;font-weight: 600;text-transform: uppercase;font-size: 18px;}
.side-menu ul li {margin-top: 20px;}
.right-sidebar ul {text-align: center;}
.cross-btn i {position: absolute;left: 16px;top: 15px;font-size: 20px;}
.right-sidebar ul {list-style: none;}

.sidebarAdd {right: 0;transition: right .3s linear;}
.one-fonr1 {margin-top: 10px;}
.one-fonr1 h2 {margin-bottom: 40px;}
section.tailor-stay {border-top: 1px solid #ebebec; padding: 80px 0px; margin-top: 84px;}
.stay-content1 {text-align: center;margin-bottom: 50px;}
.tailor12 {text-align: center;}
.tailor12 img {width: 70px;}
.tailor12 h2 {font-size: 18px; margin-top: 20px;}
.right-sidebar.sidebarAdd .side-menu {margin-top: 40px;}
.icon-tailor {margin-top: 70px;}
.stay-content1 h2 { margin: 20px 0px;}
.cart:hover {cursor: pointer;}
.admin select {border: none;}
.select-type a {color: #323232;text-decoration: none;font-weight: 500;letter-spacing: 1px;position: relative;font-family: 'Merriweather';}
.click-oprn {position: absolute;z-index: 99;background: #f7f7f7;width: 90px;display: none;}
.click-oprn ul {list-style: none;}
.click-oprn ul li { margin-top: 6px;}
.click-oprn ul li a {color: #323232;font-weight: 500;font-size: 14px;letter-spacing: 1px;}
.logo-menu {display: flex;justify-content: space-between;align-items: center;}
.menu-part23 ul {display: flex;list-style: none;margin-bottom: 0px;}
.social-media ul {display: flex;list-style: none;margin-bottom: 0px;}
.menu-socail {display: flex;}
.logo-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.menu-socail {
    display: flex;
}
.menu-part23 ul {
    display: flex;
    list-style: none;
    margin-bottom: 0px;}
.menu-part23 ul li {padding: 0px 10px;} 
.menu-part23 ul li a {
    font-size: 16px;
    padding-right: 10px;
    color: #353333;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}


.social-media ul {
    display: flex;
    list-style: none;
    margin-bottom: 0px;}
 .social-media ul li {
    margin: 0px 6px;} 
  .social-media ul li a {
    color: #969696;
}    
.header-section1 {
    padding: 25px 0px;}
.left-logo h4 {background-image: linear-gradient( 
140deg, #00fc85 0%, #00bfe4 50%, #00bfe4 75%);color: #fff;font-size: 33px;} 
.menu-part23 ul li:hover a {color: #4eae4a;text-decoration: none;}
section.new1 {margin-top: 70px; background-color: #05e8b914;padding: 70px 0px; position:relative;}
 section.new1:before{content: ''; background-color: #000;opacity: 0.3; top: 0; left: 0; width: 100%; height: 100%; position: absolute;}
section.new1 h4 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 50px;
}
.foem12 {background: #095ff4;
padding: 20px;}
.foem12 input[type="text"] {width: 100%;
margin-bottom: 10px;
padding: 8px 10px;font-size: 14px;border: none;}
.foem12 textarea {width: 100%;font-size: 14px;padding: 5px 10px; height: 90px;}

.foem12 input[type="submit"] {background: transparent;border: 2px
 solid #fff;color: #fff;padding: 4px 34px;margin-top: 21px;font-weight: 600; text-transform: uppercase;}
.top-left ul li i { color: #fff; line-height: 30px;margin-right: 8px;}

.login-cart {
    display: flex;
    justify-content: space-between;    padding-top: 28px;
}

.fixed-header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9;
    transition: all 500ms ease;
    top: 0;
    background: #fff;
    box-shadow: 0px 0px 2px 2px #f1eded;
}
.login-cart h4 {
    font-size: 16px;
    color: #353333;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 19px;
}
section.about-part {
    padding: 80px 0;
   /* 
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
    padding-bottom: 100px; */
}

.about-left h2 {
    margin-bottom: 15px;
    position: relative;
    color: #2d247d;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 42px;
}
.about12 {
    padding-right: 50px;
}
.about-left {
    
}
.aboutpart .row {
    margin: 0;
}
.aboutpart .col-md-7 {
    padding: 0;
}
.aboutpart .col-md-5 {
    padding: 0;
}
.aboutpart .about-left {
    padding-left: 2px;
    padding-top: 0px;
    max-width: 610px;
}
.aboutpart .one-fonr1 h2{margin-bottom: 30px;
    position: relative;
    color: #01e4bb;
	font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 35px;     text-transform: uppercase;}

.aboutpart .one-fonr1 {
   /*  padding-left: 120px; */
    padding-top: 10px;
    max-width: 650px;    background: #223645;
    padding: 30px;
}


.about-btn a {padding: 15px 30px; border: none;  color: #095ff4; font-weight: 600;border: 1px solid #095ff4; /* background-image: linear-gradient( 143deg, #095ff4 0%, #03fbb1 100%); */border-radius: 4px;/*  font-weight: 600;box-shadow: 0 20px 30px 0 rgb(172 172 172 / 40%); */transition:0.6s ease all;}
.about-btn a:hover{ background-image: linear-gradient( 143deg, #095ff4 0%, #03fbb1 100%); color:#fff; border:none;text-decoration:none;}

.about-btn {margin-top: 55px;}

.one-fonr1 h2 span {position: relative;}
.section11 img {width: 100%;}
.about12 img {
    width: 100%;
}
.one-fonr1 h2 {
    font-size: 28px;
}
.section23 .one-fonr1 {
    margin-top: 55px;
}

section.logo-part h2 {
    text-align: center;
    margin-bottom: 50px;border-top: 2px solid #095ff4;
    padding-top: 30px;
}
section.logo-part {
    margin-top: 100px;
    margin-bottom: 70px;
}

.herb1 {
    text-align: center;
}


section.logo-part ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    align-items: center;
}
section.part-images {
    padding-top: 80px;background-color:#f5f5f8;padding-bottom: 90px;
}
.categoryimg {
    overflow: hidden;
    height: 225px;
}
footer {
  margin-top: 100px;
    padding-top: 30px;    background-color: #fafafa;
}

.get-touch ul li i {
    color: #00b3de;
}
.herb1 span {
    position: relative;
}
section.new1 h4 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 20px;    color: #01e4bb;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}
.herb1 p {
    color: #fff;
}
.herb1 {
    text-align: center;background: #223645;
    padding: 40px;
    max-width: 820px;
    margin: auto;
}

.herb1 h4 span {
    position: relative;
}
section.faqpart {
    background-image: url(../images/faq.jpg);
    height: 500px;
    margin-top: 100px;
}
.buy-now a {
    border: 2px solid #fff;
    padding: 10px 30px;
    color: #444;border-radius:4px;
    font-weight: 600;    background-color: #fff;
}
.buy-now {
    margin-top: 20px;    text-align: center;
}
#main-nav {
    padding: 0px;
    z-index: 1;
}
#main-nav .navbar-nav {
    margin: 0 auto;
}
#main-nav ul li a {
    font-size: 15px;
    font-weight: 600;
    color: #2d247d;
    line-height: 15px;
    position: relative;
    padding: 30px 15px;
    text-transform: uppercase;
}
#main-nav ul ul li a {
    text-transform: capitalize;
}
#main-nav ul ul li a {
  color: #fff;
}
#main-nav ul li ul li a {
    padding: 15px 15px;    line-height: 20px; font-weight:500;
}

#main-nav .ct-active ul li a:before {
    opacity: 1;
    left: 50%;
}

.h2-navigation-area .logo {
    display: inline-block;
    overflow: hidden;
    padding-top: 20px;
}

#main-nav ul li a:hover {
    color: #d34e19;
}


/* StellarNav */
.stellarnav {
    width: auto;
    margin: 0 auto;
    display: inline-block;
}
.stellarnav ul{margin-top:22px !important;}
.stellarnav ul ul {
    background-color: #1b3045 !important;    width: 280px; margin:0 !important;
}
.stellarnav ul li a {
    color: #ffffff;
    padding: 20px;
}
.stellarnav ul ul a:hover {
 
    color: #fff !important;
}

.main-nav-area {
    display:flex;
    float: right;
}
.nav-serch-area {
    display: inline-block;
    float: right;
    padding-top: 20px;
}
.stellarnav.mobile ul {
    background: transparent;
}
.stellarnav.mobile > ul > li > a.dd-toggle {
    color: #061538;
}
.stellarnav.mobile li.has-sub a {
    color: #061538;
}
.stellarnav.mobile .menu-toggle {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    font-size: 30px;
    position: absolute;
    right: 30px;
    top: 0;
    width: auto;
}
.logo.hidden-logo {
    visibility: hidden;
}
#main-header {
    position: absolute;
    z-index: 10;
    width: 100%;
}
#main-header #main-nav ul li a {
    color: #fff;
}

.logo {
    padding-top: 6px;
    display: inline-block;
    padding-bottom: 6px;
    width: 170px;
}
.aboutpart {
    position: relative;
}

footer{position:relative;}
section.logo-part ul li img {
    width: 160px;
}
section.bannerpart img {
    width: 100%;
}
section.bannerpart{position:relative;}
.bannercontent{position:absolute; top:25%; right:8%; max-width:550px;     background-color: #31525370;padding: 40px;}
.bannercontent h1{font-size:40px; color:#fff;}
.bannercontent h5{font-size:20px; color:#fff;}
.bannercontent p{font-size:17px; color:#fff;}
.banerbutton a {
    background: #00b3e1;
    padding: 15px 30px;
    border-radius: 4px;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
}
.banerbutton {    margin-top: 30px;}
.contactmiddlepart {background-color:#83dee5;    padding: 30px 0;}
.contactmiddlepart .content h3 {color: #fff;}
.schedulebtn {text-align: right;    margin-top: 30px;}
.schedulebtn a{background-color:#325253; color:#fff; padding:16px 28px; transition:0.5s ease all; text-decoration:none; border-radius:40px;}
.schedulebtn a:hover{background-color:#fff; color:#325253;}
.about1 img {width: 100%;}
.aboutpart .about-left h5 {line-height: 32px; font-weight: 600; margin-bottom: 25px;}
.aboutpart .about-left p{font-size:17px; line-height: 25px;}
section.about-part2 {padding-top: 80px;    padding-bottom: 80px;}


.aboutcompanybutton a {background-color: #e9bf47;    border-radius: 30px; padding: 10px 20px;    color: #fff;    font-weight: 600;}
.aboutcompanybutton{position:absolute;     bottom: 30px;  left: 0;    right: 0;}


.contactform h2{margin-bottom: 20px;  position: relative; font-family: 'Roboto Condensed', sans-serif; font-weight: 600; font-size: 35px; text-align:center;}
.contactform h5{text-align:center;}
.bottomform {max-width: 750px; margin: auto;}
form#contactFrm input { padding: 8px; width: 100%; border: 1px solid #ddd;}
form#contactFrm {margin-top: 30px;}
form#contactFrm input.txt2.submitbtn {background-color: #e9bf47; color: #fff; text-transform: uppercase;border-color: #e9bf47;font-weight: 600;}
form#contactFrm .col-md-3{padding:2px;}
.contactform {    margin-top: 20px;    margin-bottom: 90px;}




.logo img {width: 230px;}
.stellarnav ul li.has-sub a{-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.stellarnav ul li.has-sub ul li a:hover{    padding-left: 20px !important;}
.readmorebuttin a {background-color: #00b3e1; color: black; padding: 15px 30px; border-radius: 4px; font-size: 17px;text-transform: uppercase; font-weight: 600;}
.readmorebuttin{margin-top:60px;}
.section-bg {ackground-size: cover !important;background-repeat: no-repeat !important;background-position: center center !important;padding-bottom: 100px;    padding-top: 100px;}

.carousel-control-next, .carousel-control-prev{width: 70px; height: 70px; border-radius: 50%; background-color: #ffffff9e;    top: 40%;}
.carousel-control-next-icon, .carousel-control-prev-icon{    filter: brightness(0);}
.contact_form input {width: 100%; margin-bottom: 15px;    padding: 10px 20px; border: none; background-color: #fff;   border: 1px solid #ddd;}
.contact_form textarea {width: 100%; margin-bottom: 15px; padding: 10px 20px;     border: 1px solid #ddd; background-color: #fff; height: 100px;}
.contact_form input.submitbtn {
    background-color: #fff;
    line-height: 30px;
    padding: 10px 20px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 17px;
    border-radius: 4px;
    width: 180px;
}
.contact_form_area {
    padding: 50px 0;
    padding-top: 70px;
    background-color: #f5f5f5;
    padding-bottom: 0;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 550px;
}
.contact_form {
    background: #f96d35;
    padding: 30px;
}
.cunstructionmanimg img {width: 80%;}
.cunstructionmanimg{padding-right:50px;}
.contact_form h2 {font-weight: 600;font-family: 'Roboto Condensed', sans-serif; font-size: 35px; margin-bottom: 30px;}
html {  scroll-behavior: smooth;}
.contact_form {
    padding-top: 17px;
}
.contact_form h2 {
    text-align: center;
    color: #fff;
}
div#demo .carousel-item:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%;background: linear-gradient(80deg, rgba(0,0,0,0.5886729691876751) 0%, rgba(237,237,237,0) 100%);}
section.oursolutions {background-color: #f5f5f8; padding: 60px 0;}
.solutionimage img {width: 100%;}
.solutionbox h3 {background-color: #fff;font-size: 16px; padding: 18px 10px; margin-top: -20px; margin-left: 10px; margin-right: 10px; z-index: 99; position: relative; min-height: 78px; text-align: center;    box-shadow: 0 0 18px #00000012; transition:0.2s ease all; border-radius:5px;}
.solutionbox {margin-bottom: 40px;}
section.oursolutions h2 {text-align: center; color: #2d247d; font-family: 'Roboto Condensed', sans-serif;font-weight: 600;font-size: 42px;    margin-bottom: 30px;}
.solutionbox:hover h3 {
    background-color: #ffffff;
    color: #2d247d;
    border-bottom: 3px solid;
}
.solutionbox .solutionimage{position:relative;}
.solutionbox .solutionimage:before {
    display: none;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00b3de;
    opacity: 0.7;
}
section.weoffer h2 {
    margin-bottom: 15px;
    position: relative;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 42px;
    margin-top: 20px;
}
section.weoffer p {
    color: #fff;
}
section.weoffer h5 {
    color: #fff;
    font-size: 15px;
    font-weight: 800;
}
.choose1 {
    margin-top: 60px;
}
section.weoffer h5 {
    color: #fff;
    font-size: 14px;
}
section.weoffer {
    /* background: #2d247d; */
    padding: 70px 0px;
    background-image: url(../images/back11.png);
    height: 706px;
    position: relative;
}
section.weoffer img {
    width: 466px;
    margin-left: 90px;
}
.solutionbox:hover .solutionimage:before{display:block;}
.aboutpart .about-left ul { margin: 0;padding: 0; margin-top:25px;}
.aboutpart .about-left ul li{list-style:none; padding-bottom: 15px; position:relative;    padding-left: 28px;}
.aboutpart .about-left ul li:before{font-family: 'FontAwesome'; content: "\f0e3"; float: left; font-size: 18px; color: #62b949; position: absolute; left: 0px;}
.services h2 {
    margin-bottom: 15px;
    position: relative;
    color: #2d247d;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 42px;
    text-align: center;
}
.services ul {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 25px;margin-top: 45px;}
.services ul li {  text-align:center; list-style:none;background-color: #fff; padding: 20px; box-shadow: 0 0 20px #1124381f; border-radius: 15px; position:relative; transition:0.5s ease all;}
.services ul li img{width:70px;  display: block; margin:auto;    margin-bottom: 10px;}
.services ul li:hover{transform:translateY(-10px)}

.partnerlogoslider .slick-prev {position: absolute; top: 36%; font-size: 0; left: -20px;line-height: 57px;}
.partnerlogoslider .slick-prev, .partnerlogoslider .slick-next {background:transparent; border:none;  z-index: 22; -webkit-transition: 0.2s all;transition: 0.2s all;   border-radius: 0;}
.partnerlogoslider .slick-prev:before {font-size: 30px;    color: #c12a2a; line-height: 25px;}
.partnerlogoslider .slick-next {position: absolute; top: 36%; font-size: 0;right: -20px;line-height: 57px;}

.partnerlogoslider .slick-next:before {font-size: 30px; line-height: 25px;    color: #c12a2a}
.partnerlogo {text-align: center; height: 130px; line-height: 130px; margin: 7px;display: flex;align-items: center;background-color: #fff;justify-content: center;}
.slick-next:before {content: "\f105";}
.slick-prev:before, .slick-next:before {font-family: FontAwesome; color: #2B2D42;}
.slick-prev:before {content: "\f104";}
.report2.slick-slide {height: auto;}
.partnerlogo img{width:100%;}
.partnerlogosection {
    padding: 50px 0;
    background-color: #191818;
}
ul.slick-dots {    display: none !important;}
.partnerlogosection h2{margin-bottom: 15px; position: relative; color: #fff; font-family: 'Roboto Condensed', sans-serif; font-weight: 600;    font-size: 42px; text-align:center;}
section.projects h2{margin-bottom: 50px; position: relative; color: #000; font-family: 'Roboto Condensed', sans-serif; font-weight: 600;    font-size: 42px; text-align:center;}
section.projects {    padding: 70px 0;}
section.projects ul li {display: inline-block;border-radius: 47px;width: 30%;margin-bottom: 20px;transition: 0.5s ease all;overflow: hidden;
    margin: 10px 15px;
}
section.projects ul li img{width:100%;transition:0.5s ease all;}
section.projects ul li:hover img{transform:scale(1.1);}
section.projects ul li h4 {font-size: 17px; text-align: center; background-image: linear-gradient(to right, #f96d35, #ffaa26); padding: 6px; color: #fff;position: relative;    z-index: 99;}
section.services {  
	margin-bottom: 70px;
}
.common-banner {
    background-image: url(../images/common-bnanner.jpg);
    height: 500px;
    background-position: center;
    background-size: cover;
    position: relative;
}
.common-content{
      position: absolute;
    top: 50%;
    left: 60px;
    transform: translateY(-50%);
}
.common-content h2 {
    font-size: 46px;
    font-weight: 800;
    max-width: 492px;
    line-height: 70px;
}
.contact-btn a {
    background: #f96d35;
    color: #fff;
    text-decoration: none;
    padding: 15px 35px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
}
.contact-btn {
    margin-top: 40px;
}

.testimonial-content img {
    text-align: center;
    margin: 0 auto;
    padding: 4px 4px;
    background-color: #fff;
    border: 1px solid #dedede;
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.testimonial-content {
    max-width: 740px;
    margin: 0 auto;
    text-align: center;
}
p.testim-text1 {
    margin: 0;
    font-size: 19px;
    font-weight: 300;
    font-style: italic;
    line-height: 30px;
    color: #fff;
}
p.autor-testim12 {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}
section.testimonial-part:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: hsl(208deg 2% 8% / 86%);
}
.testimonial-part {
    background-image: url(../images/test1.jpg);
    height: 400px;
    width: 100%;
    background-size: cover;
    position: relative;
    margin: 0 auto;
    padding: 70px 0;
}
.callquote {
    background-image: url(../images/call1.jpg);
    height: 500px;
    background-position: top center;
    background-size: 100%;
}
.form-side {
    background: #f7f7f7;
    padding: 60px 30px 60px 37px;
    max-width: 600px;
    border-radius: 5px;
    margin: 0 auto;
    position: absolute;
    top: 85%;
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
}
section.callquote h2 {
    text-align: center;
    color: #fff;
    font-size: 32px;
    line-height: 38px;
    font-weight: 600;
    margin-bottom: 57px;
}
.request-form input[type="text"] {
    border: 1px solid #2d247d!important;
    background: transparent;
    width: 100%;
    margin-bottom: 15px;
    opacity: 0.80;
    font-size: 14px;
    height: 42px;
    padding: 0px 10px;
}
.request-form input[type="text"]::placeholder {
   color:#2d247d;
}
.request-form textarea::placeholder {
   color:#2d247d;
}
.back2 h4 {
    margin-bottom: 15px;
    position: relative;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 42px;
    text-align: center;
    max-width: 610px;
    text-align: center;
    margin: 0 auto;
    padding: 54px 0px;
}
.request-form textarea {
  border: 1px solid #2d247d!important;
    background: transparent;
    width: 100%;
    opacity: 0.80;
    font-size: 14px;
    height: 42px;
    padding: 10px 10px;
    height: 97px;
}
.back2 h2 {
    margin-bottom: 50px;
    text-align: center;
    color: #2d247d;
    font-weight: 600;
    font-size: 41px;
}
.submit-btn input[type="submit"] {
    background-color: #00b3e1;
    color: #fff;
    padding: 15px 30px;
    border-radius: 4px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 30px;
    border: none;
}
section.get1 {
    background-image: linear-gradient(to right, #2d247d, #00b3de);
    padding: 50px;
    text-align: center;
}
section.get1 h2 {
    margin-bottom: 15px;
    position: relative;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 42px;
}
section.get1 p {
    color: #fff;
    font-size: 20px;
/*     max-width: 549px; */
    margin: 0 auto;
}
.get1 .readmorebuttin a {
    background: #fff !important;
    color: 2d247d;
}
.get1 .readmorebuttin {
    margin-top: 50px !important;
}
.back2{
    background-image: url("../images/back2.png");
    height: 500px;
}
.back2 {
    background-image: url(../images/back2.png);
    height: 549px;
/*     margin-top: 70px; */
    position: relative;}

form.wpcf7-form .wpcf7-response-output {
    color: #fff;
}







@media only screen and (max-width: 768px){
 .services ul {grid-template-columns: repeat(1, 1fr);  } 
 section.projects ul li {width: 100%;}
 .top-right {display: none;}
.stellarnav.mobile .fa {margin-top: 30px !important;}
.common-content h2 {font-size: 33px;line-height: 49px;}
.contact_form_area {margin: 0px 0 !important;}
.contact_form_area {height: auto !important;}
}


/* =======================15 sep 2022 ================================= */


.mw-70{
	max-width: 70%;
}