/*
Template    :   Eternita - Onepage HTML5 Template
Author      :   separateweb
*/
@media screen and (max-width: 1920px) and (min-width: 1500px){
    
    .hero-sec-2 img {
    height: 100%;
}
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1440px;}
}
@media screen and (max-width: 1499px) and (min-width: 1300px){
    .hero-sec-2 img {
    height: 100%;
}
    
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1240px;}
}
@media only screen and (max-width: 1600px) {
h1 {  font-size: 40px;  line-height: 50px;}
h2 {  font-size: 32px;  line-height: 42px;}
h3 {  font-size: 24px;  line-height: 34px;}
h4 {  font-size: 20px;  line-height: 30px;}
h5 {  font-size: 18px;  line-height: 28px;}
h6 {  font-size: 17px;  line-height: 26px;}
p {   font-size: 17px;  line-height: 28px;}
}
@media only screen and (max-width:1440px) {
.handimg {
max-width: 550px;
}
.block-space {
padding-top: 50px;
padding-bottom: 50px;
}
.bigtext {
font-size: 70px;
line-height: 80px;
}

}
@media only screen and (max-width: 1370px) {
    
        .reveal img {
    /* object-fit: cover; */
    height: 360px;
    border: 1px solid #a8aec980;
    border-radius: 10px;
    width: 100%;
}

h1 {  font-size: 35px;  line-height: 45px;}
h2 {  font-size: 30px;  line-height: 40px;}
.cardata h3 {
font-size: 24px;
line-height: 32px;
}
.hero-video {
width: 320px;
height: 520px;
}
.handimg {
max-width: 500px;
}
.shapehero img {
width: 70px;
}

}
@media only screen and (max-width: 1200px) {
    
    .reveal img {
    /* object-fit: cover; */
    height: 300px;
    border: 1px solid #a8aec980;
    border-radius: 10px;
    width: 100%;
}
.pair-content-img {
gap: 100px;
}
.numberstatistics {
grid-template-columns: repeat(2, 1fr);
}

}

@media only screen and (max-width: 992px) {
    
              .fexcopy{
    display:block !important;
    align-items:center;
        justify-content: space-between;
}
    
        .tx {
        text-align: center !important;
        margin: 5px 0px;
    }
    
       .title-banner {
    background: url('images/Waterbanner.jpg') !important;
    background-position: center;
    background-size: cover !important;
    /* width: 100%; */
    background-attachment: scroll;
    background-repeat: no-repeat;
    height: auto;
    padding: 70px 0px !important;
    display: grid;
    align-items: center;
    justify-content: center !important;
}

.sect {
    width: 90% !important;
    margin: auto;
    background: white;
    padding: 25px 25px;
    box-shadow: 0px 4px 10px 2px #e7e4e4;
}
    
    .cont-mbn{
    display:none;
}

.cont-mbn2{
    display:block;
}
    
    .colrow-1 p {
    color: #c4cbd1;
    text-align: center;
}
    
.how-it-works-section {
    background: #f8fcff;
    padding: 40px 0;
    text-align: center;
}

.offers-section {
    background: #ffffff;
    padding: 40px 0;
    text-align: center;
}


 .block-space {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
.sidebarmenuicon{display: block;}
.sw1, .sw2, .sw3, .sw4, .sw4, .sw5{transform: none !important;}
.handimg, .shapehero, .hidden-xs{display: none;}
.sw-header .sw-nav .nav-link {   
    line-height: 45px; 
}
.hero-sec-3  .sw-btn {
margin: 20px auto 0;
}
.srvc50{padding-top: 0px;}
.herovr {
position: relative;
margin: 30px 0 0 0;
}
.home-hero-a {
padding-top: 110px;
height: auto;
}
.crcl {
width: 50px;
height: 50px;
position: absolute;
background: #ffffff80;
border-radius: 100%;
}
.hero-content-a {
grid-template-columns: repeat(1, 1fr);
grid-gap: 30px;
text-align: center;
}
.subcontent {
position: relative;
max-width: max-content;
bottom: auto;
}
.cntsw {
position: relative;
left: 0;
}
.brandlogo li {
padding: 0px 10px;
height: 70px;
}
.numberstatistics {
grid-template-columns: repeat(1, 1fr);
}
.col-footer-row-2 {
grid-template-columns: auto;
grid-gap: 30px;
}
.sldrnav{
position: inherit;
}
.col-footer-row {
display: grid;
grid-template-columns: auto;
grid-gap: 30px;
}
.pair-content-img {
gap: 10px;
grid-template-columns: auto;
justify-items: center;
}
.wordby {
padding-top: 25px;
}
.qote {
font-size: 110px;
right: 20px;
bottom: -50px;
}
.sw-re-data > p {
font-size: 18px;
line-height: 28px;
}

.m-order1{order: 1;}
.m-order2{order: 2;}
.m-mt20{margin-top: 20px;}
/*margin in mobile view only*/
html .m-mt30{margin-top: 30px;}
html .m-mb30{margin-bottom: 30px;}
html .m-mt40{margin-top: 40px;}
html .m-mb40{margin-bottom: 40px;}
html .m-mt50{margin-top: 50px;}
html .m-mb50{margin-bottom: 50px;}
html .m-mb60{margin-bottom: 60px;}
html .m-mt60{margin-top: 60px;}

}

@media only screen and (max-width:767px) {
    
              .fexcopy{
    display:block !important;
    align-items:center;
        justify-content: space-between;
}
    
        .tx {
        text-align: center !important;
        margin: 5px 0px;
    }
    
       .title-banner {
    background: url('images/Waterbanner.jpg') !important;
    background-position: center;
    background-size: cover !important;
    /* width: 100%; */
    background-attachment: scroll;
    background-repeat: no-repeat;
    height: auto;
    padding: 70px 0px !important;
    display: grid;
    align-items: center;
    justify-content: center !important;
}

.sect {
    width: 90% !important;
    margin: auto;
    background: white;
    padding: 25px 25px;
    box-shadow: 0px 4px 10px 2px #e7e4e4;
}
    
    .cont-mbn{
    display:none;
}

.cont-mbn2{
    display:block;
}
    
    
    .colrow-1 p {
    color: #c4cbd1;
    text-align: center;
}
    
.hero-sec-1 h1{margin-bottom: 0;
            font-size: 28px;
    
}

.hero-sec-2 img {
    height: 100%;
}

    .home-hero-a {
        padding-top: 120px;
        height: auto;
        padding-bottom: 40px;
    }
    
    html .pt50 {
    padding-top: 40px;
}

    html .m-mt50 {
        margin-top: 22px;
    }
    
    
.reveal img {
    /* object-fit: cover; */
    height: 100%;
    border: 1px solid #a8aec980;
    border-radius: 10px;
    width: 100%;
}

.shape--2 {
    bottom: 20px;
    right: 25px;
    max-width: 150px;
}

    .block-space {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .marg{
        margin-top:0px !important;
    }
    
    .imdcdata h3 {
    margin: 0;
    font-size: 20px;
}

    .imdcdata {
    margin-top: 5px !important;
}
    
    .mediaoject {
    text-align: center;
    padding: 10px !important;
    box-shadow: 3px 3px 0px #00b4eb;
    background: #fff !important;
    border: 1px solid #00b4eb;
}

    .wordby {
        padding-top: 0;
        padding-bottom: 0px;
    }

.how-it-works-section {
    background: #f8fcff;
    padding: 40px 0;
    text-align: center;
}

.offers-section {
    background: #ffffff;
    padding: 40px 0;
    text-align: center;
}

.heading-block{
        margin-bottom: 0px;
}



.inner_feature_area {
    display: block;
    gap: 15px;
    border: 1px solid #1b308d;
    background: #fff;
    align-items: center;
    padding: 15px 15px;
    border-radius: 10px;
    box-shadow: 3px 4px 16px rgb(0 24 128 / 15%);
}

.txtcen h3{
    text-align:center !important;
}


.txtcen p{
    text-align:center !important;
}



    .--title {
       
        margin-bottom: 10px;
    }
    
    .floating-label {
    position: relative;
    margin-bottom: 4px;
    overflow: hidden;
}


.block-space {
padding-top: 50px;
padding-bottom: 50px;
}
.imgsol:before {
width: 100%;
height: 100%;}

}

@media only screen and (max-width: 575px) {
    
              .fexcopy{
    display:block !important;
    align-items:center;
        justify-content: space-between;
}
    
        .tx {
        text-align: center !important;
        margin: 5px 0px;
    }
    
       .title-banner {
    background: url('images/Waterbanner.jpg') !important;
    background-position: center;
    background-size: cover !important;
    /* width: 100%; */
    background-attachment: scroll;
    background-repeat: no-repeat;
    height: auto;
    padding: 70px 0px !important;
    display: grid;
    align-items: center;
    justify-content: center !important;
}

.sect {
    width: 90% !important;
    margin: auto;
    background: white;
    padding: 25px 25px;
    box-shadow: 0px 4px 10px 2px #e7e4e4;
}
    
    .sw-header.sticky .sw-nav .nav-link {
    line-height: 40px;
}
    
    .sw-btn {
    font-size: 18px;
    font-weight: 500;
    color: var(--sw-white);
    border-radius: 10px;
    padding: 0 24px;
    display: flex;
    line-height: 35px;
    align-content: center;
    align-items: center;
    width: max-content;
    grid-gap: 10px;
    overflow: hidden;
}
    .cont-mbn{
    display:none;
}

.cont-mbn2{
    display:block;
}
    
    .colrow-1 p {
    color: #c4cbd1;
    text-align: center;
}
    
.hero-sec-1 h1{margin-bottom: 0;
            font-size: 28px;
    
}

.hero-sec-2 img {
    height: 100%;
}

    .home-hero-a {
        padding-top: 90px;
        height: auto;
        padding-bottom: 40px;
    }
    
    html .pt50 {
    padding-top: 40px;
}

    html .m-mt50 {
        margin-top: 22px;
    }
    
    
.reveal img {
    /* object-fit: cover; */
    height: 100%;
    border: 1px solid #a8aec980;
    border-radius: 10px;
    width: 100%;
}

.shape--2 {
    bottom: 20px;
    right: 25px;
    max-width: 150px;
}

    .block-space {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .marg{
        margin-top:0px !important;
    }
    
    .imdcdata h3 {
    margin: 0;
    font-size: 20px;
}

    .imdcdata {
    margin-top: 5px !important;
}
    
    .mediaoject {
    text-align: center;
    padding: 10px !important;
    box-shadow: 3px 3px 0px #00b4eb;
    background: #fff !important;
    border: 1px solid #00b4eb;
}

    .wordby {
        padding-top: 0;
        padding-bottom: 0px;
    }

.how-it-works-section {
    background: #f8fcff;
    padding: 40px 0;
    text-align: center;
}

.offers-section {
    background: #ffffff;
    padding: 40px 0;
    text-align: center;
}

.heading-block{
        margin-bottom: 10px;
}

    .--title {
       
        margin-bottom: 10px;
    }
    
    .floating-label {
    position: relative;
    margin-bottom: 4px;
    overflow: hidden;
}


.sw-header {
padding: 0px;
height: 60px;

}
.menu-header {
height: 60px;
}
.head-btn {
height: 35px;
}
.sw-btn {
font-size: 15px;
padding: 0 18px;
}
.menu-logo img {
        max-height: 135px;
}
.sticky .menu-header, .sw-header.sticky:after {
height: 60px;
}
.verticletext li {
font-size: 22px;
}
h2 {
font-size: 24px;
line-height: 34px;
}
h1, h2, h3, h4, h5, h6, .heading {
margin-bottom: 10px;
}
.--title::before {
width: 25px;
}
.--title {
padding: 0 0px 0 35px;
font-size: 14px;
}
.bigtext {
font-size: 40px;
line-height: 50px;
}


}

@media only screen and (max-width: 480px) {
    
              .fexcopy{
    display:block !important;
    align-items:center;
        justify-content: space-between;
}
    
        .tx {
        text-align: center !important;
        margin: 5px 0px;
    }
    
    .title-banner {
    background: url('images/Waterbanner.jpg') !important;
    background-position: center;
    background-size: cover !important;
    /* width: 100%; */
    background-attachment: scroll;
    background-repeat: no-repeat;
    height: auto;
    padding: 70px 0px !important;
    display: grid;
    align-items: center;
    justify-content: center !important;
}

.sect {
    width: 90% !important;
    margin: auto;
    background: white;
    padding: 25px 25px;
    box-shadow: 0px 4px 10px 2px #e7e4e4;
}
    
    .sw-header.sticky .sw-nav .nav-link {
    line-height: 40px;
}
    
    .sw-btn {
    font-size: 18px;
    font-weight: 500;
    color: var(--sw-white);
    border-radius: 10px;
    padding: 0 24px;
    display: flex;
    line-height: 35px;
    align-content: center;
    align-items: center;
    width: max-content;
    grid-gap: 10px;
    overflow: hidden;
}
    
.cont-mbn{
    display:none;
}

.cont-mbn2{
    display:block;
}
    
.colrow-1 p {
    color: #c4cbd1;
    text-align: center;
}
h1 {
font-size: 28px;
line-height: 38px;
}
.hero-sec-1 h1{margin-bottom: 0;
            font-size: 25px;
    
}

.hero-sec-2 img {
    height: 100%;
}

    .home-hero-a {
        padding-top: 90px;
        height: auto;
        padding-bottom: 40px;
    }
    
    html .pt50 {
    padding-top: 40px;
}

    html .m-mt50 {
        margin-top: 22px;
    }
    
    
.reveal img {
    /* object-fit: cover; */
    height: 100%;
    border: 1px solid #a8aec980;
    border-radius: 10px;
    width: 100%;
}

.shape--2 {
    bottom: 20px;
    right: 25px;
    max-width: 150px;
}

    .block-space {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .marg{
        margin-top:0px !important;
    }
    
    .imdcdata h3 {
    margin: 0;
    font-size: 18px;
}

    .imdcdata {
    margin-top: 5px !important;
}
    
    .mediaoject {
    text-align: center;
    padding: 10px !important;
    box-shadow: 3px 3px 0px #00b4eb;
    background: #fff !important;
    border: 1px solid #00b4eb;
}

    .wordby {
        padding-top: 0;
        padding-bottom: 0px;
    }

.how-it-works-section {
    background: #f8fcff;
    padding: 40px 0;
    text-align: center;
}

.offers-section {
    background: #ffffff;
    padding: 40px 0;
    text-align: center;
}

.heading-block{
        margin-bottom: 10px;
}

    .--title {
       
        margin-bottom: 10px;
    }
    
    .floating-label {
    position: relative;
    margin-bottom: 4px;
    overflow: hidden;
}

}