body {
     font-family: 'Nunito Sans', sans-serif;
     font-family: 'Questrial', sans-serif;
     font-size: 18px;
 }

 #scrollToTop {
     font-size: 1.2em;
     color: #fff;
     position: fixed;
     right: 20px;
     bottom: 25px;
     transition: all 0.5% ease;
     text-decoration: none;
     background: #32a6d8;
     padding: 15px;
     border-radius: 6px;
     height: 40px;
     width: 40px;
     text-align: -webkit-auto;
 }

 #scrollToTop i {
     margin-top: -6px;
     display: block;
 }

 .hide {
     display: none !important;
 }

 /* Navabr css */
 .header-fixed {
     position: fixed;
     z-index: 1030;
     width: 100%;
     box-shadow: 0 0 9px #ddd;
     background: #fff;
     top: 0
 }

 .navbar-light .navbar-toggler {
     background: rgb(255 255 255);
     border-color: rgb(215 213 213);
 }

 .navbar-light .navbar-nav .nav-link {
     color: #424242;
     letter-spacing: 0px;
     font-size: 18px;
     margin: 0 9px;
     line-height: 1;
     transition: 3s;
     padding: 0;
 }

 ..header-fixed.navbar-light .navbar-nav .nav-link {
     color: #424242;
     !important
 }

 .navbar-light .navbar-nav .nav-link.last-child,
 #about .navbar-light .navbar-nav .nav-link.last-child {
     border-right: none;
     padding-right: 0 !important
 }

 .navbar-light .navbar-nav .nav-link:hover {
     color: #075289;
     transition: 3s
 }

 .navbar-light .navbar-nav .active .nav-link {
     border-bottom: 3px solid #ffc600;
     font-weight: 600;
     padding-bottom: 6px;
 }

 .navbar-light .navbar-nav .nav-link.active {
     color: #fff;
     border-bottom: 3px solid #ffc600;
     font-weight: 600;
     padding-bottom: 6px;
 }

 .header-fixed .navbar-nav .active .nav-link,
 .header-fixed .navbar-nav .nav-link {
     color: #424242;
 }

 .navbar {
     padding-top: 1rem;
     padding-bottom: 0.5rem;
 }

 .header-fixed.navbar {
     padding-top: 0.5rem;
     padding-bottom: 0.1rem;
 }

 .bg-blue {
     background: #224390
 }

 .navbar-light .navbar-nav .nav-link.last-child.btn {
     background: #ffc600;
     color: #fff;
     margin-top: -5px;
     padding: 5px 10px !important;
     border-radius: 0;
     font-size: 16px;
     border: 2px solid #ffc600;
     margin-right: 0;
 }

 .navbar-light .navbar-nav .nav-link.last-child.btn:hover {
     background: transparent;
     color: #ffc600;
     border: 2px solid #ffc600;
     transition: .5s
 }

 .OurProfession p.title {
     position: relative;
     display: inline-block
 }

.OurProfession p.title:before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0;
    top: 26px;
    height: 3.2px;
    width: auto;
    background: #ffc600;
}

 .Email a {
     color: #fff
 }

 /* banner */
 .banner {
     position: relative
 }

 header {
     z-index: 99;
     width: 100%;
     top: 0
 }

 /* OurJourney */
 .OurJourney {
     background: url(../images/TheJourney-bg-image.jpg);
     background-size: cover;
 }

 .keyFactsBox {
     padding: 2rem;
     border-bottom: 1px solid #ccc
 }

 .keyFactsBox h1 {
     font-size: 3.5rem;
     font-weight: 600;
 }

 .keyFactsBox p {
     font-size: 16px;
     font-weight: 600;
 }

 #counter {
     padding: 4rem
 }

 .MultiSpecialist {
     margin-left: -10rem
 }

 .OurProfession.MultiSpecialist h1 {
     font-size: 4rem
 }

 /* SliderInfo  */

 /* .SliderInfo{
	padding:5rem 0;
	padding-left:6rem;
} */

 .SliderInfo h3 {
     color: #fff;
     font-size: 62px;
     font-size: 50px;
     font-weight: 800
 }

 .SliderInfo h3 span {
     font-weight: 500;
     position: relative
 }

 .SliderInfo h3 span:before {
     content: "";
     position: absolute;
     left: 0px;
     right: 0;
     top: 18px;
     height: 5px;
     width: auto;
     background: #ffc600;
     display: none
 }

 .SliderInfo p {
     color: #fff;
     font-size: 18px;
     font-weight: 400;
     margin-bottom: 20px
 }

 .SliderInfo a {
     transition: .5s;
     display: inline-block;
 }

 .SliderInfo a img {
     border-radius: 10px;
 }

 .SliderInfo a:hover {
     transition: .5s
 }

 .SliderInfo a.btn {
     background: #ffc600;
     color: #fff;
     margin-top: 25px;
     padding: 8px 20px;
     border-radius: 0;
     font-size: 18px;
     border: 2px solid #ffc600;
 }

 .SliderInfo a.btn:hover {
     background: transparent;
     color: #ffc600;
     border: 2px solid #ffc600;
     transition: .5s
 }

 #OurInitiactives.owl-carousel .owl-nav button.owl-next,
 #OurInitiactives.owl-carousel .owl-nav button.owl-prev,
 #OurInitiactives.owl-carousel button.owl-dot {
     background: 0 0;
     color: inherit;
     border: none;
     padding: 0 !important;
     font: inherit;
     border: 1px solid #ccc;
     border-radius: 50%;
     width: 34px;
     height: 34px;
     font-size: 26px;
     line-height: 1;
     color: #848484;
     font-weight: bolder;
 }

 #OurInitiactives .owl-theme .owl-nav {
     margin-top: -20px;
 }

 #OurInitiactives .owl-theme .owl-dots,
 .owl-theme .owl-nav {
     text-align: right;
     -webkit-tap-highlight-color: transparent;
     margin-top: -50px;
     z-index: 99999;
     position: relative;
     display: none
 }

 #OurInitiactives .owl-item.active .SliderInfo {
     animation: sdb05 1.8s;
 }

 @keyframes sdb05 {
     0% {
         transform: translateX(-100px);
     }

     100% {
         transform: translateX(0);
     }
 }

 #OurInitiactives .owl-item.active .slideimg {
     animation: sdb5 1.8s;
 }

 @keyframes sdb5 {
     0% {
         transform: translateX(100px);
     }

     100% {
         transform: translateX(0);
     }
 }

 /* SliderInfo  */
 .OurProfession-section {
     padding-top: 4rem
 }

 .OurProfession {
     padding: 4rem
 }

 .OurProfession p {
     font-size: 20px;
 }

 .OurProfession p i {
     font-size: 18px;
     font-weight: 600;
 }

 .OurProfession a {
     font-size: 14px;
     color: #292929;
     text-decoration: none;
     display: inline-block;
     text-transform: uppercase
 }

 .OurProfession h1 {
     font-size: 5rem;
     font-weight: 800
 }

 .bar {
     height: 2px;
     width: 170px;
     background: #d1dce0;
     position: relative;
     margin-top: 5px;
     overflow: hidden;
     display: block;
 }

 .bar:before {
     content: "";
     position: absolute;
     left: 0px;
     right: 0;
     top: 0;
     height: 100%;
     width: 50px;
     background: #ffc600;
     animation-duration: 2s;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
     animation-name: MOVE-BG;
 }

 .img-hover-zoom img {
     transition: transform .9s ease;
     transition: transform 1.99s ease;
     object-fit: cover;
 }

 /* images hover css */
 .img-hover-zoom--zoom-n-pan-h:hover img {
     transform: scale(1.5) translateX(30%);
 }

 /* [1] The container */
 .img-hover-zoom {
     height: auto;
     overflow: hidden;
     position: relative
 }

 /* [2] Transition property for smooth transformation of images */
 .img-hover-zoom img {
     transition: transform .9s ease;
     transition: transform 1.99s ease;
     object-fit: cover;
 }

 /* [3] Finally, transforming the image when container gets hovered */
 .img-hover-zoom:hover img {
     transform: scale(1.1);
 }


 .LetsBringTheChange {
     background: rgb(53, 177, 223);
     background: linear-gradient(90deg, rgba(53, 177, 223, 1) 0%, rgba(42, 127, 192, 1) 100%);
     padding: 80px 0
 }

 .LetsBringTheChange h2 {
     color: #fff;
     font-family: SanFranciscoDisplay;
     letter-spacing: -1px;
     font-size: 36px;
     text-align: center;
     margin-bottom: 20px
 }

 .LetsBringTheChange p {
     font-size: 18px;
     font-family: VariableFont_slnt;
     color: #fff
 }

 /* A Sneak-Peek To Our ToiletSeva App */
 .ToiletSeva-App h3 {
     color: #214390;
     font-family: SanFranciscoDisplay;
     letter-spacing: -1px;
     font-size: 36px;
     text-align: center;
     margin-bottom: 20px
 }

 .faq-section h3 {
     color: #214390;
     letter-spacing: -1px;
     font-size: 36px;
     text-align: center;
     margin-bottom: 20px
 }

 .Contact h4 {
     color: #214390;
     letter-spacing: -1px;
     font-size: 24px;
 }

 .Contact p {
     color: #000;
     font-size: 16px;
 }

 .letter-spacing {
     letter-spacing: 1px;
 }

 .social-media-icons {
     margin: 0px 0 10px;
     padding: 0px;
 }

 .social-media-icons li {
     display: inline-block;
     margin-right: 10px;
     margin-bottom: 10px;
 }

 .social-media-icons li a {
     width: 32px;
     height: 32px;
     background: #666;
     text-align: center;
     border-radius: 50px;
     display: inline-block;
 }

 .social-media-icons li i {
     color: #fff;
     vertical-align: middle;
     line-height: 1.9;
     font-size: 18px;
 }

 /* ##################### */

 .owl-item .item {
     transform: translate3d(0,
             0,
             0);
     /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */
     // transform: scale(0.9);

     // transition: all .25s ease-in-out;
     margin: 0px 0;
     /* OVERWRITE PLUGIN MARGIN */
 }

 .screenshot_slider .owl-item .item img {
     -webkit-transition: 0.3s;
     -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
     box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
     -o-transition: 0.3s;
     transition: 0.3s;
     -webkit-transform: scale(0.87);
     -ms-transform: scale(0.87);
     transform: scale(0.87);
 }

 /* .screenshot_slider .owl-item.center .item img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1); 
} */
 .screenshot_slider .owl-item.center .item img {
     border-radius: 25px;
 }

 .owl-item.active.center {
     background: url(../images/mobile-bg.png);
     background: url(../images/mobile-Mockup.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain
 }

 .screenshot_slider .owl-nav {
     text-align: center;
     margin: 0;
 }

 .screenshot_slider .owl-nav button {
     font-size: 24px !important;
     margin: 10px;
     color: #033aff !important;
 }

 #MultiOffers {
     margin-bottom: 30px
 }

 #MultiOffers .InitiactivesBox {
     border: 1px solid #ccc;
     border-radius: 20px;
 }

 #MultiOffers .InitiactivesBox .EventInfo {
     padding: 15px
 }

 #MultiOffers .InitiactivesBox .EventInfo p {
     color: #7d7d7d;
     font-size: 15px;
     margin-bottom: 5px
 }

 #MultiOffers .InitiactivesBox .EventInfo p a {
     color: #000;
     text-decoration: none;
     transition: .5s
 }

 #MultiOffers .InitiactivesBox .EventInfo p a:hover {
     color: #ffc600;
     text-decoration: underline;
     transition: .5s
 }

 .MultiOffers {
     margin-top: 2rem;
     margin-bottom: 5rem;
 }

 .MultiOffers a {
     font-size: 14px;
     color: #7d7d7d;
     text-decoration: none;
     display: inline-block;
     text-transform: uppercase;
 }

 #TheyTestify .InitiactivesBox {
     border: 1px solid #ccc;
     border-radius: 20px;
     padding: 30px 20px
 }

 #TheyTestify p {
     color: #7d7d7d;
     font-size: 16px;
     margin-bottom: 5px;
     padding-bottom: 2rem;
 }

 #TheyTestify .EventInfo {
     margin-top: 2rem;
 }

 #TheyTestify .EventInfo p {
     padding-bottom: 0rem;
 }

 /* ##################### */
 .accordion-button:not(.collapsed) {
     color: #000000;
     background-color: transparent;
     box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
     border-bottom: 1px solid rgba(0, 0, 0, .125);
     border: none;
     box-shadow: none;
 }

 .accordion-item {
     border: none;
     font-size: 18px;
 }

 .accordion-button {
     font-size: 18px;
     font-weight: 600
 }

 .accordion-body p {
     font-size: 16px
 }

 .accordion-item:last-of-type .accordion-button.collapsed {
     border-radius: 0;

 }

 .accordion-button:focus {
     z-index: 3;
     border-color: transparent;
     outline: 0;
     box-shadow: none;
 }

 .accordion-item:last-child {
     border: none
 }

 /* about_section  page */
 .about_section {
     background: url(../images/about-bg-img.png)no-repeat;
     background-size: contain
 }

 .Join-the-movement {
     background: url(../images/about-bg-img.png)no-repeat;
     background-size: contain;
     background-position: top left
 }

 .lets-bring-a-change {
     background: url(../images/lets-bring-a-change-bg-img.png)no-repeat;
     background-size: contain;
     background-position: top right
 }

 .main-Div {
     background: url(../images/banner/about-banner.jpg);
     background-size: cover;
     height: 530px;
     position: relative;
     margin-bottom: 80px;
     /* background-attachment:fixed */
 }

 .main-Div.lets-bring {
     background: url(../images/banner/banner-02.png);
     background-size: cover;
     height: 530px;
     position: relative;
     margin-bottom: 80px;
     background-position: center
 }

 .main-Div.JoinTheMovement {
     background: url(../images/banner/banner-03.png);
     background-size: cover;
     height: 530px;
     position: relative;
     margin-bottom: 80px;
     background-position: center
 }

 .home-banner {
     position: absolute;
     top: 50%;
     left: 0%;
     transform: translate(0%, -50%)
 }

 .BannerContent h1 {
     color: #fff;
     font-family: Heavy;
     letter-spacing: -1px;
     font-size: 42px;
     font-weight: 800
 }

 .ToiletSeva-App2 img {
     width: 100%;
     transition: .5s;
     position: relative
 }

 .overlay {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     opacity: 0;
     transition: .5s ease;
     background-color: #008CBA;
 }

 .about-slider:hover .overlay {
     opacity: .5;
 }

 .about-slider img:hover {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
     transition: .8s
 }

 .text {
     color: white;
     font-size: 18px;
     position: absolute;
     bottom: 20px;
     left: 15px;
     font-family: VariableFont_slnt;
 }

 .pd0 {
     padding: 0px !important
 }

 .Clients-logos {
     padding-right: 5rem
 }

 .Clients-logos img {
     border: 1px solid #dedddd;
     border-radius: 10px;
     margin: 15px 0;
     width: 94%;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }

 .Clients-logos img:hover {
     box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);
     -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     -o-transform: translateY(-5px);
     transform: translateY(-5px);
 }

 /* footer css */
 .bg_footer {
     background: #f4f4f4;
     padding: 3rem 0 2rem;
 }

 .design_text1 h4 {
     font-size: 18px;
     font-weight: 600;
     margin-top: 30px
 }

 .design_text1 p {
     font-size: 16px;
     font-weight: 500;
 }

 .Links h4 {
     font-size: 18px;
     font-weight: 800;
     margin-top: 30px;
     text-transform: uppercase;
     position: relative;
     display: inline-block
 }

 .Links h4:before {
     content: "";
     position: absolute;
     left: 0px;
     right: 0;
     top: 21px;
     height: 3.2px;
     width: auto;
     background: #ffc600;
 }

 .Links ul {
     list-style: none;
     padding-left: 0;
     margin-top: 20px;
 }

 .Links ul li a {
     font-size: 16px;
     color: #000;
     text-decoration: none
 }

 .Links ul li a:hover {
     color: #075289;
 }

 .address p {
     font-size: 16px;
     margin-top: 30px
 }

 .contact-content p,
 .contact-content a {
     font-size: 16px;
     color: #000;
 }

 .contact-item {
     display: flex;
 }

 .contact-icon {
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 22px;
     width: 16px;
     height: 50px;
     display: none
 }

 .contact-content {
     margin-left: 0px;
 }


 .copyright_class {
     background: #e9efe6;
     padding: 10px 0
 }



 .copyright_class p,
 .copyright_class p a {
     font-size: 14px;
     color: #707070;
 }

 .right_text {
     text-align: right
 }

 .right_text ul li {
     display: inline-block;
     margin: 0 2px
 }

 .right_text ul li a {
     font-size: 16px;
     color: #fff;
     font-family: Inter-Light;
     text-decoration: none
 }

 .right_text ul li a:hover {
     text-decoration: underline
 }

 /* listStyle css */

 .listStyle {
     padding-left: 1rem !important
 }

 .listStyle li {
     font-family: VariableFont_slnt;
     font-size: 18px;
     margin-bottom: 6px
 }

 .The-problem {
     border: 6px solid #dedede;
 }

 .The-problem-img {
     padding: 0 20px
 }

 .TheSolution {
     background: #214390;
     background: linear-gradient(0deg, #214390 70%, transparent 30%);
     margin-bottom: 50px;
 }

 .TheSolution h2 {
     color: #03abf4;
     margin-top: 30%
 }

 .TheSolution li {
     color: #fff
 }


 /* form */
 .form-group {
     margin-bottom: 15px;
 }

 .form-control {
     border: none;
     border-bottom: 2px solid #ccc;
     border-radius: 0;
     font-family: Inter-Light;
     font-family: 'VariableFont_slnt';
     font-size: 17px;
     font-weight: 400;
 }

 .form_button_class {
     background: linear-gradient(180deg, rgba(53, 177, 223, 1) 0%, rgb(42 128 193) 100%);
     color: #fff;
     padding: 8px 25px;
     border-radius: 25px;
     border: none;
     margin-top: 15px;
     transition: .5s
 }

 .form_button_class:hover {
     background: linear-gradient(180deg, rgba(53, 177, 223, 1) 0%, rgb(42 128 193) 100%);
     color: #fff;
     box-shadow: 2px 2px 4px #8b8b8b;
     transition: .5s
 }

 .carousel-inner {
     position: relative;
     width: 100%;
     overflow: hidden;
     background: #0c1115;
 }

 .carousel-caption {
     text-align: left !important;
     background: #0000006b;
     padding: 1rem 3rem;
     bottom: 7.25rem;
 }

 .slide_img {
	width: 100% !important;
	height: 100vh;
    background-size: cover !important
 }

 /* Responsive */


 @media only screen and (min-width:991px) {
     .navbar-brand {
         padding-top: 0;
         margin-top: -15px;
         margin-bottom: 10px;
     }

     .header-fixed.navbar {
         min-height: 80px;
     }

     .header-fixed.navbar .navbar-brand {
         margin-top: -1px;
         margin-bottom: 0px;
     }
 }

 @media only screen and (min-width:1023px) (max-width:1100px) {
     .navbar-light .navbar-nav .nav-link {
         color: #424242;
         letter-spacing: 1px;
         font-size: 14px;
         margin: 0 5px;
         line-height: 1;
         transition: 3s;
         padding: 0;
     }
 }

 @media only screen and (max-width:1200px) {
     .navbar-brand img {
         width: 160px
     }

     .SliderInfo h3 {
         font-size: 32px;
     }

 }

 @media only screen and (max-width:1367px) {
 .slide_img {
	width: 100% !important;
	height: 100vh;
    background-size: cover !important
 } 
 }
 @media only screen and (max-width:991px) {
     .CleanToilet p {
         font-size: 14px
     }

     .py-5 {
         padding-top: 3rem !important;
         padding-bottom: 2rem !important;
     }

     .navbar-light .navbar-nav .nav-link {
         color: rgb(32 70 143);
         letter-spacing: 1px;
         font-size: 16px;
         padding: 15px 5px;
         border-bottom: 1px solid #ebebeb;
         border-right: 0px solid #214390;
         line-height: 1;
         transition: 3s;
     }

     .navbar-toggler {
         padding: 0.25rem 0.55rem;
         font-size: 1.15rem;
         margin-right: 5px
     }

     .navbar-toggler:focus {
         text-decoration: none;
         outline: 0;
         box-shadow: none;
     }

     .SliderInfo {
         padding-left: 1rem;
     }

     .SliderInfo h3 {
         font-size: 30px;
     }

     .SliderInfo p {
         font-size: 16px;
     }

     #OurInitiactives.owl-carousel .owl-nav button.owl-next,
     #OurInitiactives.owl-carousel .owl-nav button.owl-prev,
     #OurInitiactives.owl-carousel button.owl-dot {
         line-height: .1;
     }

     #about .navbar-light .navbar-nav .nav-link {
         color: rgb(255 255 255);
         border-right: 0px solid #ffffff;
     }

     .TheSolution .pd0 {
         padding-left: 30px
     }

     .carousel-inner {
         margin-top: 0rem;
     }

     .slide_img {
         width: 100% !important;
         height: 430px;
         background: #0c1115;
     }

     .carousel-caption h2 {
         font-size: 1.5rem;
     }

     .carousel-caption p {
         font-size: 1rem;
     }
 }

 @media only screen and (max-width: 1024px) {
     .OurProfession {
         padding: 2rem;
     }

     .OurProfession h1 {
         font-size: 2rem;
         font-weight: 800;
     }

     .OurProfession.MultiSpecialist h1 {
         font-size: 3rem;
     }
 }

 @media only screen and (max-width:767px) {
     .Best-viewed {
         display: none !important
     }

     body,
     html {
         overflow-x: hidden;
     }

     .SliderInfo {
         padding-left: 1rem;
         text-align: center;
         padding-top: 0rem;
         text-align: left;
         padding-bottom: 1rem;
     }


     .OurProfession {
         padding: 1rem;
     }

     .OurProfession h1 {
         font-size: 2.3rem !important;
         font-weight: 800;
     }

     .SliderInfo a.btn {
         font-size: 16px;
         width: auto;
         margin-top: -35px;
         float: right;
     }

     .OurProfession {
         padding: 1rem;
     }

     .Clients-logos {
         padding-right: 0.3rem;
         text-align: center;
     }

     .Clients-logos img {
         width: 120px
     }

     #counter {
         padding: 0 4rem 4rem;
     }

     .MultiSpecialist {
         margin-left: 0rem;
     }

     .right_text {
         text-align: center;
     }

     .right_text ul {
         padding-left: 0;
     }

     .ContactSection {
         padding-left: 2rem;
     }

     .copyright_class {
         text-align: center
     }

     .accordion-button {
         padding: 1rem 0.5rem;
     }

     h3,
     .LetsBringTheChange h2 {
         font-size: 26px !important
     }

     #OurInitiactives .owl-item img {
         width: 80% !important;
         margin: 0 auto
     }

     #OurInitiactives .owl-theme .owl-dots,
     .owl-theme .owl-nav {
         text-align: center;
         -webkit-tap-highlight-color: transparent;
         margin-top: 15px;
     }

     .main-Div {
         background: url(../images/banner/about-banner.png);
         background-size: cover;
         height: 320px;
         position: relative;
         margin-bottom: 50px
     }

     .main-Div.lets-bring {
         height: 320px;
         margin-bottom: 50px;
         background-position: right;
     }

     .main-Div.JoinTheMovement {
         height: 320px;
         margin-bottom: 50px
     }

     .BannerContent h1 {
         color: #fff;
         font-family: Heavy;
         letter-spacing: -1px;
         font-size: 32px;
         font-weight: 800
     }

     .TheSolution {
         background: #214390;
         background: linear-gradient(0deg, #214390 70%, #214390 30%);
         margin-bottom: 20px;
         padding: 30px 30px 0;
     }

     .TheSolution h2 {
         color: #03abf4;
         margin-top: 0%;
         text-align: left !important
     }

     #Contact {
         margin-bottom: 50px
     }

     .About-section h2,
     .BannerContent h1 {
         font-size: 30px;
         text-align: center;
     }

     .About-section p {
         text-align: center;
     }

     .About-section .left img {
         margin: auto
     }

     .footer_form {
         padding-top: 2rem
     }

     .carousel-inner {
         margin-top: 5rem;
     }
 }

 @media only screen and (max-width:420px) {

     .About-section h2,
     .BannerContent h1 {
         font-size: 28px;
     }

     .About-section p {
         font-size: 16px;
         text-align: center;
     }

     .SliderInfo a {
         width: 120px
     }

     .listStyle li {
         font-family: VariableFont_slnt;
         font-size: 16px;
         margin-bottom: 6px;
     }


 }

 @media only screen and (max-width:360px) {
     .CleanToilet {
         margin-left: 10px;
     }

     .ContactSection {
         padding-left: 15px;
     }
 }

 @media only screen and (min-width:1500px) {
     .main-Div {
         background: url(../images/banner/main-banner.png);
         height: 760px;
         position: relative;
         background-position: initial;
     }
 }