body{
	font-family: 'Lato', sans-serif;margin:0 !important;
}
*{
	margin:0px;
	padding: 0px;
}


.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;
}

.logo-section {
    padding: 30px 0px;
}

.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: 110px;
}
.footer1 p {
    margin-top: 20px;
    color: #efe7e7;
    font-size: 16px;
    line-height: 22px;text-align: justify;
}
footer h4 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;text-transform:uppercase;    border-bottom: 3px solid #ffffff8c;
    padding-bottom: 19px;
    width: fit-content;
}
footer ul {
    list-style: none;margin:0; padding:0;
}
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: #fff;
    position: absolute;
    left: 0px;}
footer ul li a {
    color:#efe7e7 !important;
}
.get-touch ul li {
    position: relative;padding-left:40px;    margin-bottom: 0px;    line-height: 40px;
}
.get-touch ul li .fa{position:absolute; left:0; top: 5px;    border-radius: 50px;}


.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: #efe7e7;
}
.copyright {
    text-align: center;
/*     background: #172632; */
    padding: 15px 0px;    position: relative;border-top:1px solid #ffffff30;
}
.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;
    bottom: 15%;
    left: 10%;
    text-align: left;    max-width: 520px;
  
}
.banner-content h1 { 
    font-size: 44px;
    color: #fff !important;
    line-height: 50px;
    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: 850px;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: 70px 0;
   /* 
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
    padding-bottom: 100px; */
}

.about-left h2 {
    margin-bottom: 15px;
    position: relative;
    color: #000;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 42px;line-height: 45px;
}
.about12 {
    padding-right: 50px;
}
.about-left {
    
}
.touch-section h2 span {
    background: linear-gradient(to right, #1328a5 11%, #bd0102 102%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.aboutpart .about-left {
    padding-left: 35px;
    padding-top: 10px;
   
}
.touch-section h4 {
    font-size: 24px;
    letter-spacing: 1px;
    color: #1328a5;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}
.touch-section {
    text-align: center;
    margin-bottom: 41px;
}
.about1.secondimage {
    text-align: right;
}

.about1.secondimage img {
    width: 450px;
}
.about-left.abt11 {
    padding-top: 60px;
}
.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: 0px;
    background: #bf1f2f;
    padding-top: 30px; background-size:cover;
}

footer:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #bf1f2f;
    opacity: 0.92;
    top: 0;
    left: 0;
    content: '';
    background: linear-gradient(356deg, #bf1e2e -90%, #1328a5 100%);
}
.get-touch ul li i {
       background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    text-align: center;
    line-height: 30px;
    color: #1029a5;
}
.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;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 20%;
    height: 850px;
    background: #bf1e2e;
}
#main-nav .navbar-nav {
    margin: 0 auto;
}
#main-nav ul li a {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    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: rgb(191 30 46) !important;    margin: 0 !important;
}
.stellarnav.mobile > ul > li > a.dd-toggle {
    color: #061538;
}
.stellarnav.mobile>ul>li>a {
    padding: 15px !important;
}
.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 {
    text-align: center;
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 10px 12px;
}
.logo .navbar-brand{margin:0;}

.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:#89af00; 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 {
    font-size: 24px;
    letter-spacing: 1px;
    color: #1328a5;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}
.aboutpart .about-left p{font-size:16px; line-height: 27px;}
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;}
.main-nav-area {
    background: #bd0102 !important;
}
#main-nav ul li a:hover {
    color: yellow;
}
.servicesarea h2 {
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 30px;
}
/* section.slider img {
    height: 817px !important;
} */
.servicesarea h2 span {
       background: linear-gradient(to right, #1328a5 11%, #bd0102 102%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.logo img {width: 200px;}
.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: transparent;
    border: 2px solid #bf1f2f;
    padding: 14px 40px;
    border-radius: 30px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #bf1f2f !important;
    transition: 0.4s;
    display: inline-block;
}
.readmorebuttin a:hover{background-color:#bf1f2f; transform:translateX(10px); color:#fff !important; text-decoration:none;}

.readmorebuttin{margin-top:30px;}
.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 !important; border: none; background-color: #fff; border-radius: 4px;    border: 1px solid #ddd;}
.contact_form textarea {width: 100%; margin-bottom: 15px; padding: 10px 20px;     border: 1px solid #ddd; background-color: #fff; height: 100px; border-radius: 4px;}
.contact_form input.submitbtn {background-color: transparent; border: 2px solid #bf1f2f; padding: 12px 25px !important; border-radius: 30px; font-size: 16px; text-transform: uppercase; font-weight: 600; color: #bf1f2f;     width: auto; max-width: 150px; transition:0.4s;}
.contact_form input.submitbtn:hover{background-color: #bf1f2f; transform: translateX(10px); color: #fff !important; text-decoration: none;border-color:#bf1f2f;}
.contact_form_area { padding-top:70px;   padding-bottom:70px; position: relative;}
.contact_form_area:before{content: ""; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 1370px; max-width: 98%; height: 100%; background-color: #ffffff; -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%); z-index: -1; border-radius: 5px;}
.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;
}
div#demo .carousel-item:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%;    /*background: linear-gradient(80deg, rgb(0 0 0 / 21%) 0%, rgba(237, 237, 237, 0) 100%);*/}
section.oursolutions {background-color: #f5f5f8; padding: 60px 0;}
.solutionimage img {width: 100%;}
.solutionbox h3 {
    font-size: 20px;
    padding: 30px 10px 0px 10px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
	font-weight:600;
}
.solutionbox p {
    margin-bottom: 10px;
}
.read-more a {
    font-weight: 600;
    color: #1328a5 !important;
    text-decoration: underline;
}
.solutionbox {margin: 10px;}
.solutionbox a:hover{text-decoration:none;}
section.oursolutions h2 {text-align: center; color: #223645; font-family: 'Roboto Condensed', sans-serif;font-weight: 600;font-size: 42px;    margin-bottom: 30px;}

.solutionbox .solutionimage{position:relative;}
.solutionbox .solutionimage:before{display:none; content:''; width:100%; height:100%; position:absolute; top:0; left:0; background: #bf1f2f; background: linear-gradient(90deg, #bf1e2e 26%, #1328a5 100%); opacity:0.7;}
.solutionbox:hover .solutionimage:before{display:block;}
.slick-prev {position: absolute; top: 36%; font-size: 0; left: -20px;line-height: 57px;}
.slick-prev, .slick-next {background:transparent; border:none;  z-index: 22; -webkit-transition: 0.2s all;transition: 0.2s all;   border-radius: 0;}
.slick-prev:before {font-size: 30px;    color: #c12a2a; line-height: 25px;}
.slick-next {position: absolute; top: 36%; font-size: 0;right: -20px;line-height: 57px;}
.slick-slide {    height: auto !important;}
.slick-next:before {font-size: 30px; line-height: 25px;    color: #c12a2a}

.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: #89af00;}
ul.slick-dots {    display: none !important;}




.stellarnav li{display:block; width:100%;}
div#demo {width: 100%; max-width: 58%;  position: relative; left: 20%;}
.carousel-control-next, .carousel-control-prev{display:none;}
.servicesarea {width: 22%; position: absolute;    top: 0;    right: 0;    padding: 40px; background-color: #bf1e2e1a;    min-height: 850px;}
.servicesbox img {
    width: 100%;
    border-radius: 50px 50px 10px 10px;
    border-right: 2px solid #bd0102;
	border-top: 2px solid #bd0102;}
.servicesbox h4{background-color:#1328a7; padding:7px; text-align:center;position:absolute; bottom:0; left:0; width:100%; margin:0; font-size:15px;color: #fff !important; transition:0.4s;}
.servicesbox { position: relative; margin-bottom: 20px; height: 170px; overflow: hidden; transition:0.5s;}
.servicesbox:hover h4{background-color:#bd0102;}
.contact-info {
    padding: 30px 40px 50px;
    color: #ffffff;
    background: #bf1f2f;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c4fd', endColorstr='#c2e9fb', GradientType=1);
    border-radius: 3px;
}
.contact-info .info {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 0px;
}
.contact-info .info li {
    margin-bottom: 35px;
    position: relative;
    padding-left: 60px;
    line-height: 23px;
}
.contact-info .info li .info-icon {position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    background-color: #ffffff;
    color: #e00c02;
border-radius: 10%;}
.contact-info .info li .info-icon .fa {    line-height: 40px;}
.contactsection{position:relative;}
.contactsection h2 {margin-bottom: 15px; position: relative; color: #000; font-family: 'Roboto Condensed', sans-serif;    font-weight: 600;    font-size: 42px;    line-height: 45px;}
.contactsection h5 {line-height: 32px; font-weight: 600; position: absolute; left: -210px; top: 45%; background: linear-gradient(90deg,#bf1e2e 26%,#fcb040 100%); color: #fff; padding: 10px 34px;    font-size: 18px; transform: rotate(270deg) !important; margin: 0; font-family: 'Roboto Condensed', sans-serif;     text-transform: uppercase;}
.bottomimage img {    width: 100%;}
.bottomimage {    padding-top: 40px;}
.selectweb img {    width: 100%;}
.selectweb { text-align: center;}
.selectweb h4 { margin-top: 30px;}
.selectweb h4 a{font-weight: 400; border: 1px solid #ddd; border-radius: 30px;margin-top: 30px; font-size: 18px; padding: 10px; width: 100%; display: block; background-color: #000; color:#fff;} 
.landingpagebg { width: 100%;    height: 100vh;    background-size: cover;position:relative; display: flex; align-items: center; justify-content: center;}
.landingpagebg:before{content:''; background-color:#000; width:100%; height:100%; top:0; left:0; position:absolute;opacity:0.7;}
.selectbuttons{max-width:800px; background-color:#fff;position: relative; padding: 80px;}
#main-nav2 .logo {padding: 10px;    text-align: left; width:190px;}
#main-nav2 .stellarnav ul li {    width: auto;}
#main-nav2 .stellarnav ul li a {    color: #272727; padding: 10px 20px; font-weight: 600; font-size: 17px; text-transform: uppercase;}
#page header.entry-header {    display: none;}
#page .entry-content { margin: 0;}
#page footer.entry-footer {    display: none;}
#page article{margin:0;}
.innerpageservicesbox .elementor-widget-image {    margin: 0 !important;}
.contactpageform input{width: 100%; margin-bottom: 15px; padding: 10px 20px !important; background-color: #fff; border-radius: 4px;    border: 1px solid #ddd;}
.contactpageform textarea{width: 100%; margin-bottom: 15px; padding: 10px 20px !important; background-color: #fff; border-radius: 4px; height:80px; border: 1px solid #ddd;}
.contactpageform input.wpcf7-submit {background-color: transparent; border: 2px solid #bf1f2f; padding: 12px 25px; border-radius: 4px; font-size: 16px; text-transform: uppercase; font-weight: 600; color: #bf1f2f; width: auto; max-width: 150px;}
.innerpageservicesbox .elementor-widget-image{transition:0.5s ease all;     overflow: hidden;}
.innerpageservicesbox .elementor-widget-image img{transition:0.5s ease all;}
.innerpageservicesbox .elementor-widget-image:hover img{transform:scale(1.1);}
.innerpageservicesbox .elementor-widget-heading{transition:0.5s ease all;}
.innerpageservicesbox .elementor-widget-heading .elementor-widget-container:hover{background-color: #bf1f2f !important;background-image: none !important;}
#careerform h3 {margin-bottom: 15px; position: relative;color: #000; font-family: 'Roboto Condensed', sans-serif; font-weight: 600;font-size: 28px; line-height: 45px;}
#careerform p{margin-bottom:8px; font-family: 'Lato', sans-serif; color: #444;}
#careerform label {font-size: 14px; color: #707070; font-weight: 500; width: 100%;}
#careerform span.wpcf7-list-item { width: 100%;}
#careerform .wpcf7-radio .wpcf7-list-item { width: auto;margin-left: 0; margin-right: 20px;}
#careerform span.wpcf7-form-control-wrap { margin-top: 6px; display: block;}
#careerform h4 {font-size: 19px;    color: #222; margin: 10px 0;}
#careerform .wpcf7-checkbox .wpcf7-list-item {    margin: 0;}
#careerform .wpcf7-checkbox .wpcf7-list-item label{font-size:15px;}
#careerform input{width:100%;}
#careerform textarea{width:100%;    height: 110px;}
#careerform .wpcf7-radio .wpcf7-list-item input {width: auto;}
#careerform .wpcf7-checkbox .wpcf7-list-item input {width: auto;}
#careerform select {width: 100%; height: 32px;}
#careerform input.wpcf7-submit { background-color: transparent; border: 2px solid #bf1f2f; padding: 12px 25px;    border-radius: 4px; font-size: 16px; text-transform: uppercase; font-weight: 600; color: #bf1f2f !important; transition: 0.4s; display: inline-block; width: auto;}
#careerform input.wpcf7-submit:hover{background-color: #bf1f2f; transform: translateX(10px); color: #fff !important; text-decoration: none;}
.footersocialmedia ul {gap: 10px;    display: flex; align-items: center;}
.footersocialmedia ul li{background-color: #fff; width: 30px;height: 30px; border-radius: 50px; text-align: center;line-height: 26px; color: #1029a5;}
.footersocialmedia {margin-top: 30px;}
.footersocialmedia ul li .fa{color:#1029a5;}
.service-icon h4 {
    position: relative;
}
.service-icon i {
    height: 40px;
    width: 40px;
    line-height: 40px;
    color: #fff;
    position: relative;
    z-index: 99;
    background: #f00;
    font-size: 17px;
    border-radius: 50%;
}
.service-icon h4:before {
    position: absolute;
    content: "";
    z-index: 2;
    width: 50px;
    height: 50px;
    background: #f00;
    opacity: .21;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
.service-icon {
    position: absolute;
    margin-top: -11px;
    left: 0;
    right: 0;
    margin: -26px auto 0 auto;
    text-align: center;
}
.solutionbox {
    position: relative;
    box-shadow: 0 0 18px #00000012;
    background: #fff;
    padding: 10px;
	    min-height: 368px;
	text-align: center;}
.read-more {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}
ul.choose-list li i {
    position: absolute;
    left: 0;
    top: 4px;
    color: #1328a5;
}
ul.choose-list li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 21px;
}
ul.choose-list {
    margin-left: 0px;
    list-style: none;
}
@media (min-width: 576px){
.modal-dialog {
    max-width: 600px;
    margin: 8.75rem auto;
}

}




@media (max-width: 767px){
	.mans_border {
    border: 1px solid #ccc;
    padding: 20px 0 !important;
    margin: 30px 0;
}
	.about1 {
    display: none;
}
.servicesarea {display: none;}
div#demo{width:100%; left:auto; max-width:100%;     margin-top: 90px;}
#main-nav{width:100%; height:auto;}
.logo{text-align:left;    padding: 10px 20px;}
.logo img {    width: 100px;}
.stellarnav.mobile .menu-toggle{top:30px !important;}
div#demo img { height: 273px;object-fit:cover;}
	div#demo .carousel-item:before {
   background: linear-gradient(80deg, rgb(0 0 0 / 72%) 0%, rgb(237 237 237 / 14%) 100%);
}
	.contact_form p {
    margin-bottom: 0px;
}
.banner-content h1{font-size:22px; line-height: 30px;}
.banner-content{left:0; padding:0 20px;top:80px}
section.about-part {padding: 20px 0;}
.aboutpart .about-left{padding:0;     margin-top: 10px;}
.about-left h2{font-size:25px;     line-height: 32px;}
.aboutpart .about-left h5{transform:unset !important; position:inherit;background:transparent; color:#bf1f2f; padding:0; }
.slick-next{right:-10px;}
.slick-prev{left:-10px;}
section.oursolutions h2{font-size:25px;      margin-bottom: 20px;}
.solutionbox h3{min-height:58px;}
section.oursolutions{padding:30px 0; }
.about1.secondimage {    margin-top: 30px;}
.contact_form_area {padding-top: 30px;padding-bottom: 10px; position: relative; margin-top: 20px;     margin-bottom: 0px;}
.bottomimage {    padding-top: 0;}
.contactsection h2{font-size:25px;      margin: 0;    line-height: 30px;}
#main-nav2 .stellarnav ul li a{font-size:15px; padding:15px; color:#fff;}
	.read-more{
		position:relative;
		bottom:1px;
	}
	.touch-section h4{
		font-size:14px;
	}
	.about-left.abt11 h5{
		font-size:14px;
		margin-bottom:8px;
	}
	.touch-section {
    margin-bottom: 24px;
}
footer {

    padding-top: 0px;
}	
.contact-info {
	padding: 20px 15px 10px;}
.about-left.abt11 {
    text-align: center;
}	
section.mission p {
    margin-bottom: 0px;
}

section.mission {
    text-align: center;
}
.about-left h2 {
    text-align: center;
}
}

.mans_border{
	border:1px solid #ccc;
	padding:25px;
	margin-top:30px;
}