*{
    font-family: 'Lato', sans-serif;   
}

.first-bg{
   /* background-color: #0061A1; */
   background: linear-gradient( to bottom, #0061A1 99%, #0061A1 0%, white 51%, white 0% );
    
}

.first-ro{
    padding: 0;
    
}

.Ellipse{
    background-image: url('../images/Ellipse\ 120.png');
    background-repeat: no-repeat;
    height: 174px;
    width: 100%;

}

.butn{
    height: 48px;
width: 134px;
/* left: 1156px; */
top: 49px;
border-radius: 18px;
color: aliceblue;
background-color: #0061A1;
border: 1px solid whitesmoke;
margin-top: 50px;
margin-left: 85px;
/* font-size: 10px; */
    font-weight: bold;
    /* float: right; */

}

.logo-up{
    margin-top: 9%;
    margin-left: 17%;
    /* height: 66px;
    width: 66px; */
}

.logo-dn{
    
    margin-left: 7%;
    /* height: 12px;
    width: 147px; */
    
}

.text{
    color: aliceblue;
    /* padding: 105px; */
    /* padding-left: 162px !important;
    padding-right: 148px !important;
    padding-top: 60px !important; */
    z-index: 9;
}

.text h1{
    font-size: 60px;
    /* margin-left: 37px; */
    /* margin-top: 80px; */
}


/* 
.i-but a{
    display: flex; */
    /* margin-left: 37px; */
    /* width: 100%; */
    /* padding: 0;

}

.i-but ul{
    list-style-type: none;
    display: flex;
} */


.phone{
    /* margin-left: 4%; */
    /* margin-left: 14%; */
    margin-top: -35px;
    /* margin: 100%;
    height: auto; */
    /* padding: 0; */

}
.ph{
    z-index: 9;
   
}

.shape{
   width: 100%;
   /* margin-top: -332px; */
}



.head1{
    text-align: center;
    margin-top: 70px;
    /* margin-top: -10px; */
    /* z-index: 9; */
    background-color: white;
}

.screenshot{
    align-items: center;
}

.second{
     background-image: url('../images/shape-bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: bottom;
}


@media (max-width: 430px) { 
        .phone {
            width: 80%;
            padding-left: 62px;
        }
    }
  

/* 
  @media (max-width: 476px) { 
    .i-but ul{
        display: flex;


    }
    .i-but li{
        margin-top: 10px;
        margin-left: 12px;
       
    }

    .im-g{
        height: auto;
        width: 100%;
    }
  } */


  .footer{
     
     background-color: #F3F5FA;
  }

 .foot{
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 1222px !important;
 }

  .rec{
    /* background-image: url('./images/Rectangle\ 83.png'); */
    border:1px solid #E7ECF8;
    border-radius: 25px;
    background-color: #E7ECF8;

    /* background-repeat: no-repeat; */
    /* padding-left: 25px !important; */
    /* padding-top: 15px; */
    background-size:auto;
  }

  .rec ul{
    list-style-type: none;
    display: flex;
  }

  hr {
    height:3px;
    border-width:0;
    width: 100%;
    /* background-color:#00A4BD; */
  }


  @media (min-width: 320px) { 
    .butn{
        height:32px;
    width: 69px;
    margin-top: 18px;
    margin-left: 0px;
    }

    .log2{
        width: 82% !important;
    }
    .text h1 {
        font-size: 27px;
        margin-top: 18px;
    }

    .im-g{
        height: auto;
        width: 49%;
    }

    .ph{
        padding-left: 93px;
    }

  }

  @media (min-width: 375px) {
    .butn{
        height:32px;
    width: 98px;
    margin-top: 18px;
    margin-left: 0px;
    }

    .log2{
        width: 82% !important;
    } 

    .text h1{
        font-size: 32px;
    }

  }

  @media (min-width: 425px) { 
    .butn{
        height:36px;
    width: 80px;
    margin-top: 28px;
    margin-left: 0px;
    }

    .log2{
        width: 77% !important;
    } 

    .text h1{
        font-size: 60px;
    }
  }

  @media (min-width: 768px) { 
    .butn{
        height:40px;
    width: 110px;
    margin-top: 28px;
    margin-left: 31px !important;
    }

    .log2{
        width: 54% !important;
    } 
    /* .i-but ul{
        display: contents;
    }

    .i-but{
        padding-left: 12px;
    } */

    .text h1{
        font-size: 53px;
    }
    
    .phone {
        width: 70%;
        padding-left:9% ;
    }


  }

  @media (min-width: 1024px) { 
    .butn{
        height:40px;
    width: 110px;
    margin-top: 46px;
    margin-left: 70px !important;
    }

    .log2{
        width: 45% !important;
    } 
    /* .i-but{
        padding-left: 12px;
    } */

    .text h1{
        font-size: 60px;
    }

    .text{
        padding-left: 95px !important;
    }

    .im-g{
        height: auto;
        width: 36%;
    }

  }

  @media (min-width:1440px) { 
    .butn{
        height:48px;
    width: 134px;
    margin-top: 49px;
    margin-left: 150px !important;
    }

    .log2{
        width: 37% !important;
    } 

    .text{
       
        padding-left: 92px !important;
    padding-right: 215px !important;
        padding-top: 60px !important;
    
    }

    .im-g{
        height: auto;
        width: 41%;
    }

    .phone{
    margin-left: 4%;
    /* margin-top: -43%; */
    }
  }

  @media (min-width:2560px) { 
    .butn{
        height:76px;
    width: 195px;
    font-size: 37px;
    margin-top: 49px;
    margin-left: 239px !important;
    }

    .log2{
        width: 37% !important;
    } 

  }