.main{
    width:100%;
    height:auto;
    /* border: 1px solid red; */
position: relative;
align-content: center;
justify-items: flex-end;
margin-bottom: 15px;

}
.main .tatha{
    width:90%;
    height: 340px;
    /* border: 1px solid black; */
    background-color: #e0e8f2;
    align-content: center;
    justify-items: center;
    position: relative;

}
.main .tatha .heading{
    width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    left: 290px;
}
.main .tatha .pareagrap{
     width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 70px;
    left: 290px;
}
.main .tatha .email{
      width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 190px;
    left: 290px;
}
.main .tatha .mobile{
      width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 230px;
    left: 290px;
}
.main .photo{
    width:35%;
    height: 250px;
    /* border: 1px solid red; */
     position: absolute;
     top: 45px;
     left: 0;
}
.main .photo img{
    width: 100%;
    height: 100%;
}








.main .bast_service_main2{
    position: absolute;
    top: 250px;
    left: 290px;
}




.main .bast_service_main2 button{
    background: linear-gradient(45deg, #1899ad, #0e454f);

      color:#F5FAFF;

      font-size:15px;

      font-weight: 600;
letter-spacing: .5px;
      line-height: 1;
      font-family:'Poppins', sans-serif;

      padding:20px 35px;

      border-radius: 24px 0px 25px 0px;

      border: 1px solid #1899ad;

      cursor: pointer;

      margin-top: 20px;

      transition: all 0.3s ease;
}
.main .bast_service_main2 button:hover{

background:#F5FAFF;
       color:#1899ad;
      transform: translateY(-3px);
      border: 1px solid #1899ad;
}

.main .bast_service_main2 button i{
 transform: rotate(36deg);
}













.main1{
    width:100%;
    height:auto;
    /* border: 1px solid red; */
position: relative;
align-content: center;
justify-items:flex-start;
margin-bottom: 15px;
}
.main1 .tatha1{
    width:90%;
    height: 340px;
    /* border: 1px solid black; */
    background-color: #e0e8f2;
    align-content: center;
    justify-items: center;
    position: relative;

}
.main1 .tatha1 .heading1{
    width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    left:10px;
}
.main1 .tatha1 .pareagrap1{
     width:70%;
    height:auto;
    /* border: 1px solid green; */
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 70px;
    left:10px;
}
.main1 .tatha1 .email1{
      width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 190px;
    left:10px;
}
.main1 .tatha1 .mobile1{
      width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 230px;
    left:10px;
}
.main1 .photo1{
    width:35%;
    height: 250px;
    /* border: 1px solid red; */
     position: absolute;
     top: 45px;
     left:725px;
}
.main1 .photo1 img{
    width: 100%;
    height: 100%;
}








.main1 .bast_service_main21{
    position: absolute;
    top: 250px;
    left:10px;
}





.main1 .bast_service_main21 button{
    background: linear-gradient(45deg, #1899ad, #0e454f);

      color:#F5FAFF;

      font-size:15px;

      font-weight: 600;
letter-spacing: .5px;
      line-height: 1;
      font-family:'Poppins', sans-serif;

      padding:20px 35px;

      border-radius: 24px 0px 25px 0px;

      border: 1px solid #1899ad;

      cursor: pointer;

      margin-top: 20px;

      transition: all 0.3s ease;
}

.main1 .bast_service_main21 button:hover{

background:#F5FAFF;
       color:#1899ad;
      transform: translateY(-3px);
      border: 1px solid #1899ad;
}



.main1 .bast_service_main21 button i{
 transform: rotate(36deg);
}

 @media screen and (max-width:1199px) {
.main .tatha .email{
      width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top:203px;
    left: 290px;
}
 }



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

    .main{
    width:100%;
    height:auto;
    /* border: 1px solid red; */
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom:280px;

}
.main .tatha{
    width:90%;
    height: 340px;
    border: 1px solid black;
    background-color: #e0e8f2;
    align-content: center;
    justify-items: center;
    position: relative;
top: 250px;

}
.main .tatha .heading{
    width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    left:10px;
}
.main .tatha .pareagrap{
     width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 70px;
    left:10px;
}
.main .tatha .email{
      width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 190px;
    left:10px;
}
.main .tatha .mobile{
      width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 230px;
    left:10px;
}
.main .photo{
    width:842px;
    height: 250px;
    border: 1px solid red;
     position: absolute;
     top:0px;
     left:48px;
}
.main .photo img{
    width: 100%;
    height: 100%;
}








.main .bast_service_main2{
    position: absolute;
    top: 250px;
    left:10px;
}




.main .bast_service_main2 button{
    background: linear-gradient(45deg, #1899ad, #0e454f);

      color:#F5FAFF;

      font-size:15px;

      font-weight: 600;
letter-spacing: .5px;
      line-height: 1;
      font-family:'Poppins', sans-serif;

      padding:20px 35px;

      border-radius: 24px 0px 25px 0px;

      border: 1px solid #1899ad;

      cursor: pointer;

      margin-top: 20px;

      transition: all 0.3s ease;
}
.main .bast_service_main2 button:hover{

background:#F5FAFF;
       color:#1899ad;
      transform: translateY(-3px);
      border: 1px solid #1899ad;
}


.main .bast_service_main2 button i{
 transform: rotate(36deg);
}






}







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

    .main1{
    width:100%;
    height:auto;
    /* border: 1px solid red; */
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 280px;

}
.main1 .tatha1{
    width:90%;
    height: 340px;
    border: 1px solid black;
    background-color: #e0e8f2;
    align-content: center;
    justify-items: center;
    position: relative;
top: 250px;

}
.main1 .tatha1 .heading1{
    width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    left:10px;
}
.main1 .tatha1 .pareagrap1{
     width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 70px;
    left:10px;
}
.main1 .tatha1 .email1{
      width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 190px;
    left:10px;
}
.main1 .tatha1 .mobile1{
      width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 230px;
    left:10px;
}
.main1 .photo1{
    width:842px;
    height: 250px;
    border: 1px solid red;
     position: absolute;
     top:0px;
     left:48px;
}
.main1 .photo1 img{
    width: 100%;
    height: 100%;
}








.main1 .bast_service_main21{
    position: absolute;
    top: 250px;
    left: 10px;
}



.main1 .bast_service_main21 button{
    background: linear-gradient(45deg, #1899ad, #0e454f);

      color:#F5FAFF;

      font-size:15px;

      font-weight: 600;
letter-spacing: .5px;
      line-height: 1;
      font-family:'Poppins', sans-serif;

      padding:20px 35px;

      border-radius: 24px 0px 25px 0px;

      border: 1px solid #1899ad;

      cursor: pointer;

      margin-top: 20px;

      transition: all 0.3s ease;
}
.main1 .bast_service_main21 button:hover{

background:#F5FAFF;
       color:#1899ad;
      transform: translateY(-3px);
      border: 1px solid #1899ad;
}

.main1 .bast_service_main21 button i{
 transform: rotate(36deg);
}






}








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

    .main{
    width:100%;
    height:auto;
    /* border: 1px solid red; */
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom:280px;

}
.main .tatha{
    width:690px;
    height: 340px;
    border: 1px solid black;
    background-color: #e0e8f2;
    align-content: center;
    justify-items: center;
    position: relative;
top: 250px;

}
.main .tatha .heading{
    width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    left:10px;
}
.main .tatha .pareagrap{
     width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 70px;
    left:10px;
}
.main .tatha .email{
      width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 190px;
    left:10px;
}
.main .tatha .mobile{
      width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 230px;
    left:10px;
}
.main .photo{
    width:690px;
    height: 250px;
    border: 1px solid red;
     position: absolute;
     top:0px;
     left:3px;
}
.main .photo img{
    width: 100%;
    height: 100%;
}








.main .bast_service_main2{
    position: absolute;
    top: 250px;
    left:10px;
}



.main .bast_service_main2 button{
    background: linear-gradient(45deg, #1899ad, #0e454f);

      color:#F5FAFF;

      font-size:15px;

      font-weight: 600;
letter-spacing: .5px;
      line-height: 1;
      font-family:'Poppins', sans-serif;

      padding:20px 35px;

      border-radius: 24px 0px 25px 0px;

      border: 1px solid #1899ad;

      cursor: pointer;

      margin-top: 20px;

      transition: all 0.3s ease;
}
.main .bast_service_main2 button:hover{

background:#F5FAFF;
       color:#1899ad;
      transform: translateY(-3px);
      border: 1px solid #1899ad;
}


.main .bast_service_main2 button i{
 transform: rotate(36deg);
}






}








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

    .main1{
    width:100%;
    height:auto;
    /* border: 1px solid red; */
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom:280px;

}
.main1 .tatha1{
    width:690px;
    height: 340px;
    border: 1px solid black;
    background-color: #e0e8f2;
    align-content: center;
    justify-items: center;
    position: relative;
top: 250px;

}
.main1 .tatha1 .heading1{
    width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    left:10px;
}
.main1 .tatha1 .pareagrap1{
     width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 70px;
    left:10px;
}
.main1 .tatha1 .email1{
      width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 190px;
    left:10px;
}
.main1 .tatha1 .mobile1{
      width:auto;
    height:auto;
    /* border: 1px solid green; */
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 230px;
    left:10px;
}
.main1 .photo1{
    width:690px;
    height: 250px;
    border: 1px solid red;
     position: absolute;
     top:0px;
     left:3px;
}
.main1 .photo1 img{
    width: 100%;
    height: 100%;
}








.main1 .bast_service_main21{
    position: absolute;
    top: 250px;
    left:10px;
}




.main1 .bast_service_main21 button{
    background: linear-gradient(45deg, #1899ad, #0e454f);

      color:#F5FAFF;

      font-size:15px;

      font-weight: 600;
letter-spacing: .5px;
      line-height: 1;
      font-family:'Poppins', sans-serif;

      padding:20px 35px;

      border-radius: 24px 0px 25px 0px;

      border: 1px solid #1899ad;

      cursor: pointer;

      margin-top: 20px;

      transition: all 0.3s ease;
}
.main1 .bast_service_main21 button:hover{

background:#F5FAFF;
       color:#1899ad;
      transform: translateY(-3px);
      border: 1px solid #1899ad;
}


.main1 .bast_service_main21 button i{
 transform: rotate(36deg);
}






}


@media screen and (max-width:425px) {
.main .photo{
    width:690px;
    height: 250px;
    border: 1px solid red;
     position: absolute;
     top:0px;
     left:0px;
}
.main .tatha{
    width:690px;
    height: 340px;
    border: 1px solid black;
    background-color: #e0e8f2;
    align-content: center;
    justify-items: center;
    position: relative;
top: 250px;
left: 147px;

}
}

@media screen and (max-width:425px) {
.main1 .photo1{
    width:690px;
    height: 250px;
    border: 1px solid red;
     position: absolute;
     top:0px;
     left:0px;
}
.main1 .tatha1{
    width:690px;
    height: 340px;
    border: 1px solid black;
    background-color: #e0e8f2;
    align-content: center;
    justify-items: center;
    position: relative;
top: 250px;
left: 147px;

}
}

@media screen and (max-width:375px) {
.main .photo{
    width:650px;
    height: 250px;
    border: 1px solid red;
     position: absolute;
     top:0px;
     left:0px;
}
.main .tatha{
    width:650px;
    height: 340px;
    border: 1px solid black;
    background-color: #e0e8f2;
    align-content: center;
    justify-items: center;
    position: relative;
top: 250px;
left: 148px;

}
.main1 .photo1{
    width:650px;
    height: 250px;
    border: 1px solid red;
     position: absolute;
     top:0px;
     left:0px;
}
.main1 .tatha1{
    width:650px;
    height: 340px;
    border: 1px solid black;
    background-color: #e0e8f2;
    align-content: center;
    justify-items: center;
    position: relative;
top: 250px;
left: 148px;

}
}






@media screen and (max-width:320px) {
.main .photo{
    width:620px;
    height: 250px;
    border: 1px solid red;
     position: absolute;
     top:0px;
     left:0px;
}
.main .tatha{
    width:620px;
    height: 340px;
    border: 1px solid black;
    background-color: #e0e8f2;
    align-content: center;
    justify-items: center;
    position: relative;
top: 250px;
left: 160px;

}
.main1 .photo1{
    width:620px;
    height: 250px;
    border: 1px solid red;
     position: absolute;
     top:0px;
     left:0px;
}
.main1 .tatha1{
    width:620px;
    height: 340px;
    border: 1px solid black;
    background-color: #e0e8f2;
    align-content: center;
    justify-items: center;
    position: relative;
top: 250px;
left: 160px;

}
}