/********Fonts***********/
  
  @font-face {
    font-family: Poppins-Bold;
    src: url(../Fonts/Poppins-Bold.ttf);
    font-display: swap;
  }
  @font-face {
    font-family: Poppins-Medium;
    src: url(../Fonts/Poppins-Medium.ttf);
    font-display: swap;
  }
  @font-face {
    font-family: Poppins-Light;
    src: url(../Fonts/Poppins-Light.ttf);
    font-display: swap;
  }
  
/********Fonts***********/
/********UniversalTags***********/
.testimonialshexachipx1{
    margin-top: 50px;
}
.h123tag h1{
    text-transform: capitalize;
    font-family: Poppins-Bold;
    font-size: 30px;
    color: black;
}
.h123tag h2{
    font-family: Poppins-Bold;
    font-size: 20px;
    color: black;
}
.h123tag p{
    font-family: Poppins-Bold;
    color: black;
    text-align: justify;
}
.h123tag h4{
    font-family:  Poppins-Bold;
}
.blockspacer{
    margin-top: 80px;
    margin-bottom: 40px;
}
html {
    scroll-behavior: smooth;
  }
.deepbluesection{
    background-color: #20265a;
    
}
.innerbox{
    padding-top: 45px;
    padding-bottom: 40px;
}
.deepunknown{
    background-color: #eaeaea;
}
/********UniversalTags***********/
/********TopBar***********/
.headback{
    background: #202447;
    height: 40px;
}
.topbar1 span{
    color: white;
    font-family: Poppins-Light;
    display: table-cell;
    font-size: 13px;
}
.topbarinner{
    padding-top: 11px;
}
.socialpart span i{
    font-size: 19px;
    color: white;
    margin-left: 18px;
    float: right;
}
.topbar1 a {
    text-decoration: none;
    color: white;
}
@media(max-width:500px){
    #dispof{
        display: none;
    }
    .socialpart span i{
        margin-top: -17px;
        font-size: 18px;
    }
}
/*********TopBar**********/
/********Navbaar***********/
.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 8rem;
}
.navbar-brand img{
    height: 40px;
}
nav ul li a{
    font-family:  Poppins-Bold;
}
@media (max-width: 500px){
    .navbar {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: center;
       align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 15px;
    }
}
/********Navbaar***********/
/*******Carousel***********/
.w-100 {
    width: 100%!important;
    height: 587px;
    background-position: center;
    background-size: cover;
}
.slide1 h5{
    text-align: left;
    font-size: 59px;
    font-family: Poppins-Bold;
    color:white;
}
.slide1 p {
    font-size: 20px;
    font-family:  Poppins-Bold;
}
.carousel-caption1 {
    position: absolute;
    right: 47%;
    bottom: 157px;
    left: 10%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}
.slide2 h5 {
    text-align: left;
    font-size: 59px;
    color:white;
    font-family:  Poppins-Bold;
}
.slide2 p {
    font-size: 20px;
    font-family:  Poppins-Bold;
    color: black;
}
.carousel-caption2 {
    position: absolute;
    right: 45%;
    bottom: 78px;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 0px;
    color: #fff;
}
.slide3 h5 {
    text-align: right;
    font-size: 59px;
    font-family:  Poppins-Bold;
    color:white;
}
.slide3 p {
    font-size: 20px;
    font-family:  Poppins-Bold;
    text-align: right;
    color: white;
}
.carousel-caption3 {
    position: absolute;
    right: 6%;
    bottom: 152px;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 0px;
    color: #fff;
}
@media (max-width: 500px){
    .w-100 {
        width: 100%!important;
        height: 325px;
        background-position: center;
        background-size: cover;
    }
    .carousel-caption1 {
        position: absolute;
        right: 47%;
        bottom: 1px;
        left: 4%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
    }
    .slide1 h5 {
        text-align: left;
    font-size: 23px;
    font-family: Poppins-Bold;
    }
    .slide2 h5 {
        text-align: left;
        font-size: 31px;
        font-family:  Poppins-Bold;
    }
    .carousel-caption2 {
        position: absolute;
        right: 26%;
        bottom: -2px;
        left: 7%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
    }
    .slide3 h5 {
        text-align: right;
        font-size: 31px;
        font-family:  Poppins-Bold;
    }
    .carousel-caption3 {
            position: absolute;
            right: 9%;
            bottom: 2px;
            left: 15%;
            z-index: 10;
            padding-top: 20px;
            padding-bottom: 20px;
            color: #fff;
    }
    .slide1 p {
        font-size: 13px;
        font-family:  Poppins-Bold;
    }
    .slide2 p {
        color: white;
        font-size: 19px;
        font-family: Poppins-Bold;
    }
    .slide3 p {
        font-size: 19px;
        font-family: Poppins-Bold;
        text-align: right;
        color: white;
    }
}
/********Carousel***********/
/********Marquee***********/
.marq{
    height: 30px;
    background:#202447;}

.marq marquee{
    color: white;
    font-family: Poppins-Light;
    margin-top: 4px;
}
/********Marquee***********/
/********customerfeed***********/
.customerfeed h2 a{
    text-decoration: none;
    color: black;
}
/********customerfeed***********/
/********Technology***********/
.deepbluesectiontechi{
    background-color: #20265a;
    background-image: url(../gallery/drdree.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
.thebox{
    margin-top: 30px;
}
.card-img, .card-img-toptech {
    border-radius: 10px;
    flex-shrink: 0;
    width: 100%;
    height: 310px;
    margin: 0px auto;
}
@media(max-width:500px){
    .card-img, .card-img-toptech {
        border-radius: 10px;
        flex-shrink: 0;
        width: 84%;
        height: 150px;
        margin: 0px auto;
    }
}
/********Technology***********/
/********MetroWaterproofingServices***********/
.deepunknownservices{
    background-color: #eaeaea;
    background-image: url(../gallery/watersplash.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 845px;
    margin-bottom: -1px;
}
.servspace{
    margin-bottom: 40px;
}
.cardserv {
    width: 21rem;
    margin: 0px auto;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    height: 637px;
}
.cardserv h5{
    font-family:  Poppins-Bold;
}
.cardserv p{
    font-family: Poppins-Light;
}
@media(max-width:500px){
    .cardserv {
        width: 19rem;
        margin: 0px auto;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .25rem;
        height: 637px;
    }
}
/********MetroWaterproofingServices***********/
/********FreeConsultancy***********/
.deepbluesectioncounsultancy{
    background-color: #20265a;
    background: url(../gallery/gdfd.jpg);
    background-position: center;
    background-size: cover;
}
.manualconsultancy h5{
    font-size: 72px;
    background: rgb(113,180,50);
    background: linear-gradient(90deg, rgba(113,180,50,1) 0%, rgba(73,143,46,1) 35%, rgba(42,117,44,1) 100%);
    -webkit-background-clip: text;
    font-family:  Poppins-Bold;
    -webkit-text-fill-color: transparent;
}
.manualconsultancy h6{
    font-size: 72px;
    color: #f9bb27;
}
@media (max-width: 500px){
    .manualconsultancy h6{
        font-size: 50px;
        color: #f9bb27;
    }
    .manualconsultancy h5{
        font-size:38px;
    }
}
/********FreeConsultancy***********/
/********AboutContactFormAction***********/
.check{
    display: flex;
}
.check i{
    margin-right: 10px;
    margin-top: 2px;
    font-size: 20px;
    color: #20265a;
}
.overheadline {
    border-top: 1px solid black;
    margin-bottom: 40px;
  }

.cardform {
    width: 450px;
    height: 770px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    margin: 0 auto;
    word-wrap: break-word;
    background-color: #20265a;
    background-clip: border-box;
}
.cardform h1{
    font-family:  Poppins-Bold;
    color: white;
    font-size: 44px;
    letter-spacing: 12px;
    margin-top: 15px;
}
.cardform p{
    font-family: Poppins-Light;
    color: white;
}
.cardform .text-box{
    margin-bottom: 22px;
    height: 63px;
    width: 415px;
}
.cardform ::placeholder{
    font-family: LightItalic;
    padding-left:10px;;
}
.cardform textarea{
    width: 415px;
}  
textarea ::placeholder{
    padding-top: 10px;
}
.cardform .send-btn{
    font-family:  Poppins-Bold;
    font-size: 27px;
    height: 58px;
    margin-top: 20px;
    width: 137px;
    background-color: #f9bb27;
    border: none;
    color: white;
    font-size: 32px;
    letter-spacing: 1px;
}
@media (max-width: 500px){
    .cardform {
        width: 329px;
        height: 770px;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        margin: 0 auto;
        word-wrap: break-word;
        background-color: #20265a;
        background-clip: border-box;
        margin-bottom: 50px;
    }
    .cardform h1 {
        font-family:  Poppins-Bold;
        color: white;
        font-size: 44px;
        letter-spacing: 10px;
        margin-top: 15px;
    }
    .cardform .text-box {
        width: 290px;
    }
    .cardform textarea {
        width: 290px;
    }
}
/********AboutContactFormAction***********/
/********MetroWaterproofingSolutionResults***********/
.deepunknown{
    background-color: #eaeaea;
    background-image: url(../gallery/watersplashright.webp);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 850px;
}
.card-img-topresult{
    border-radius: 10px;
    flex-shrink: 0;
    width: 93%;
    height: 206px;
    margin: 0px auto;
}
.resultspacer{
    margin-top: 20px;
}
@media(max-width:500px){
    .card-img-topresult {
        border-radius: 10px;
        flex-shrink: 0;
        width: 92%;
        height: 125px;
        margin: 0px auto;
}
}
/********MetroWaterproofingSolutionResults***********/
/********MetroWaterproofingSolutionBlog***********/
.cardblog {
    width: 18rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    margin: 0 auto;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
}
.cardblogmore {
    width: 23rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    margin: 0 auto;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid black;
    
}
.cardblog img{
    margin-bottom: 40px;
    width: 405px;
    height: 232px;
}
.card-body1 {
    width: 409px;
    min-height: 1px;
    padding: 1px;
    font-family:  Poppins-Bold;
}
.card-body1 p{
    color: grey;
}
.card-title1 {
    margin-bottom: 20px;
}
.list-group-flush>.list-group-item {
    border-width: 0 0 1px;
}
.list-group-itemblog:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.list-group-itemblog {
    width: 366px;
    position: relative;
    display: block;
    padding: 3.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid black;
}
.card-headerblog {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    padding: 1.75rem 1.25rem;
}
.list-group li{
    font-family:  Poppins-Bold;
}
@media(max-width:500px){
    .cardblog {
        width: 18rem;
        margin-bottom: 30px;;
    } 
    .cardblog img {
        margin-bottom: 40px;
        width: 295px;
        height: 232px;
    }
    .card-body1 {
        width: 300px;
        min-height: 1px;
        padding: 10px;
        font-family:  Poppins-Bold;
    }
    
}
/********MetroWaterproofingSolutionBlog***********/
/********MetroWaterproofingSolutionfooter***********/
.deepbluesectionfooter{
    background-color: #20265a;
    background-image: url(../gallery/footerback.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.footersty li{
    list-style: none;
    color: white;
    
}
.footersty li a{
    font-style: none;
}
.footersty li {
    list-style: none;
    color: white;
    margin-left: -41px;
    margin-bottom: 12px;
    font-family: Poppins-Light;
    font-size: 15px;
}
.h123tagfooter p{
    font-family: Poppins-Light;
}
/********MetroWaterproofingSolutionfooter***********/
/********MetroWaterproofingSolutionfooterbar***********/
.footerback{
    background: url(../gallery/dfd.jpg);
    height: 55px;
    margin-bottom: -84px;
}
.innerfooterbar{
    padding-top:15px;
}
.h123tagfooter p{
    text-align: left;
    font-family:  Poppins-Light;
    color: black;
}
.h123tagfooter2 p{
    text-align: left;
    font-family:  Poppins-Light;
    color: black;
    float: right;
}
@media(max-width:500px){
    .footerback {
        background: url(../gallery/dfd.jpg);
        height: 113px;
    }
    .innerfooterbar {
        padding-top: 8px;
    }
    .list-group-itemblog {
        width: 287px;
    }
    .cardblogmore {
        width: 18rem;
    }
}
/********MetroWaterproofingSolutionfooterbar***********/
/********Headerpages***********/
.deepbluesectioncounsultancy{
    background-color: #20265a;
    background: url(../gallery/gdfd.jpg);
    background-position: center;
    background-size: cover;
    height: 335px;
}
.bottomheader p{
    color: white;
    font-family: LightItalic;
    margin-top: 4px;
}
/********Headerpages***********/

/********AboutFounder***********/
.founder img{
    margin-bottom: 10px;
}
.founder p{
    margin-bottom: 10px;
}
/********AboutFounder***********/
/********AboutServices***********/
.deepunknownservices{
    background-color: #eaeaea;
    background-image: url(../gallery/watersplash.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 845px;
    margin-bottom: -1px;
}
.aboutteam img{
    margin-top: 20px;
    margin-bottom: 20px;
    height: 200px;
}
.aboutteam ul{
    list-style: none;
}
.aboutteam ul li {
    font-family: MetropolisSemiBold;
}
@media(max-width:500px){
    .deepbluesectioncounsultancy {
        height: 445px;
    }
    .aboutteam img {
        height: 125px;
    }
}
/********AboutServices***********/
/********MetroWaterproofingSolutionSercive***********/
.metroservive{
    margin-bottom: 30px;
}
.metroservive img{
    width: 520px;
    height: 300px;
    margin-bottom: 20px;
}
@media(max-width:500px){
    .metroservive img {
        width: 305px;
        height: 214px;
    }
}
/********MetroWaterproofingSolutionSercive***********/
/********MetroWaterproofingSolutionBlogPaintYourHome***********/
.deepbluesectioncounsultancyblog {
    background-color: #20265a;
    background: url(../gallery/blogimg/blog1.jpg);
    background-position: 0px -259px;
    background-size: cover;
    height: 335px;
}
/********MetroWaterproofingSolutionBlogPaintYourHome***********/

/********MetroWaterproofingSolution404error***********/
.fourerror h1{
    font-family: Poppins-Bold;
    font-size:275px;
    margin-bottom:0px ;
    background: linear-gradient(90deg, rgba(113,180,50,1) 0%, rgba(73,143,46,1) 35%, rgba(42,117,44,1) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.fourerror h2{
    font-family: MetropolisSemiBold;
    margin-top: -55px;
    color: #f9bb27;
}
.fourerror h4{
    font-family: LightItalic;
    font-size: 20px;
}
.btn-dan {
    font-family: Poppins-Bold;
    font-size: 27px;
    height: 53px;
    margin-top: 12px;
    width: 215px;
    background-color: #f9bb27;
    border: none;
    color: white;
    padding-top: 13px;
    font-size: 20px;
    letter-spacing: 1px;
}
/***********MetroWaterproofingSolution404error***********/


.service-section .img-wrapper {
    position: relative;
    overflow: hidden;
}
.service-section .img-wrapper a:active, .service-section .img-wrapper a:focus {
    border: none;
    outline: 0;
}
.service-section .img-wrapper img {
    transition: .3s;
}
.service-section .img-wrapper .hover-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 81, 52, .72);
    opacity: 0;
    transition: opacity .3s;
}
.service-section .img-wrapper .plus-icon {
    width: 72px;
    height: 72px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
}
.service-section .img-wrapper .plus-icon:after, .service-section .img-wrapper .plus-icon:before {
    content: '';
    background: #fff;
    position: absolute;
}
.service-section .img-wrapper .plus-icon:before {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
}
.service-section .img-wrapper .plus-icon:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
}
.service-section h3 {
    font-size: 18px;
    margin-top: 24px;
}
.service-section h3 a {
    color: #222;
}
.service-section p {
    margin-bottom: 18px;
}
.service-section .btn-open {
    font-size: 14px;
}
.service-section .row>div:hover img {
    transform: scale(1.2) rotate(5deg);
}
.service-section .row>div:hover .hover-content {
    opacity: 1;
}
.service-section .row>div:hover .plus-icon {
    top: 50%;
    opacity: 1;
}
.service-02 .icon-box {
    width: 84px;
    height: 96px;
    font-size: 36px;
    text-align: center;
    line-height: 96px;
    background: #233295;
    color: #fff;
    float: left;
}
.service-02 .content-wrapper {
    margin-left: 120px;
}
.service-02 .content-wrapper h3 {
    margin-top: -6px;
    font-size: 21px;
    line-height: 30px;
}
.service-02.bg-gray {
    background: #f5f5f5;
}
.service-03 .item-wrapper {
    border: 1px solid #ddd;
}
.service-03 .img-wrapper {
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
}
.service-03 .content-wrapper {
    padding: 18px 24px 24px;
    text-align: center;
}
.service-03 .content-wrapper h3 {
    margin-top: 0;
}
.service-tab .tabs-left {
    border: none;
}
.service-tab .tabs-left li {
    float: none;
    border: none;
    /* background: red; */
    position: relative;
    /* padding-left: 20px; */
}
.service-tab .tabs-left li.active a {
    background: #233295;
    color: #fff;
    border-color: #233295;
}
.service-tab .tabs-left a {
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 15px 10px 15px 35px;
    /* padding-left: 34px; */
}
.service-tab .tabs-left i {
    font-size: 24px;
    margin-right: 12px;
    vertical-align: text-top;
    /* background: red; */
    position: absolute;
    left: 10px;
    top: 12px;
}
.service-tab .tab-pane .row>div {
    margin-bottom: 0;
}
.service-tab .tab-content h3 span {
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}
.service-details {
    padding-bottom: 0;
}
.service-details .block-title {
    font-size: 18px;
    margin-bottom: 24px;
    padding-left: 18px;
}
.service-details .block-title:before {
    content: '\f04d';
    font-family: FontAwesome;
    width: 18px;
    margin-left: -18px;
    display: inline-block;
    font-size: 18px;
    margin-right: 10px;
    color: #ff5134;
}
.service-details .overview {
    margin-bottom: 48px;
}
.service-details .service-f-image {
    margin-bottom: 30px;
}
.service-details .business-strategy .icon-box {
    font-size: 30px;
    color: #4a5cd4;
}
.service-details .business-strategy h4 {
    font-size: 16px;
    line-height: 24px;
}
.service-details .process-block .icon-box {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 24px;
    background: #233295;
    color: #fff;
    float: left;
}
.service-details .process-block .content-wrapper {
    margin-left: 84px;
}
.service-details .process-block .content-wrapper h4 {
    font-size: 16px;
    line-height: 24px;
}
.service-details .benefit-block iframe {
    width: 100%;
    height: 248px;
    border: 0;
}

.service_main .title-block {
    text-align: left;
}
.service_main .title-block h2 {
    font-size: 21px;
    line-height: 21px;
    margin-bottom: 24px;
    margin-bottom: 0;
}
.service_main h3 {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 0;
    line-height: 15px;
}
.service_main p {
    font-size: 14px;
    text-align: justify;
    line-height: 28px;
    font-weight: 100;
}

.footerx{
    background: linear-gradient( 
90deg
 , rgba(113,180,50,1) 0%, rgba(73,143,46,1) 35%, rgba(42,117,44,1) 100%);
    position: fixed;
    left: 0;
    right: 0;
    bottom: -24px;
    height: 20px;
    padding-top: 47px;
    padding-bottom: 47px;
    font-family: Poppins-Bold;
}
.footerx p{
    margin-top:1px;
}
.jQhAbw {
    height: 64px;
    box-shadow: rgb(0 0 0 / 15%) 0px 3px 12px;
    border-radius: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
    position: relative;
    outline: transparent;
    background-color: rgb(255, 255, 255);
    margin-bottom: 120px !important;
    margin-right: 20px;
    margin-left: 20px;
    width: 64px;
}

.servicesimages img{
    height: 350px;
    width: 310px;
    margin-top: 30px;
    margin-bottom: 21px;
}



@media(max-width:500px){
.servicesimages img {
    height: 280px;
    margin-top: 30px;
    margin-bottom: 21px;
    width: 247px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
}