.main-contact-page{
    width: 100%;
    height: auto;
    background-color:#fcfcfc;
    
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    
  
}
.main-contact-page01{
    width: 90%;
    height: auto;
    background-color: red; 
   background: transparent;
    padding: .6rem;
}
.main-contact-page-data05{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: yellow;
    background: transparent;
}
.main-contact-page-data{

    width: 95%;
    height: auto;
    background-color: aqua;
    background: transparent;
    border: .1rem solid gray;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 3rem;
    padding: 1rem;
}
.main-contact-page-data01{
    width: 49%;
    height: auto;
   background-color: #efeaea;
    padding-left: 4rem;
    padding-right: 1.5rem;
}
.main-contact-page-data02{
    width: 49%;
    height: auto;
   
    background-color: rgb(20, 33, 220);

    background: transparent;
  
    padding: 2rem;
    line-height: 2rem;
    overflow: hidden;
    
}
.circle-img-main{
    margin-top: 1rem;
    width: 100%;
    height: 8rem;
    border-bottom: .2rem dotted gray;
    display: flex;
    align-items: center;
}
.circle-img{
    margin-left: 1rem;
    height: 5.5rem;
    width: 6rem;
    background-color: #1032a1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    color: white;
    align-items: center;
    font-size: 5rem;
    cursor: pointer;
}
.circle-img-content{
    margin-left:1rem ;
    background-color: white;
    background: transparent;
    width: 100%;
    height: auto;
    padding: .8rem;
    line-height: 2rem;
}
.first-main{
    text-align: start;
    font-size: 1.3rem;
    color: black;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 600;
    cursor: pointer;

}
#first-main{
    text-align: start;
    font-size: 1.3rem;
    color: rgb(100, 126, 103);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 600;
    cursor: pointer;
}
#first-main:hover{
    color: #1032a1;
}
    .main-contact-page-data02 input{
       
        width: 100%;
        height: 4rem;
        font-size: 1.3rem;
        font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-weight: 500;
        text-align: start;   
        /* margin-bottom: 2rem;  */
        padding-left: 3rem; 
}
.main-contact-page-data02 label{
    font-size: 1.4rem;
    padding-left: 4rem;
    margin-top: 3rem;
    font-weight: 600;
    cursor: pointer;
}
.main-contact-page-data02 textarea{
       
       width: 100%;
       height: 8rem;
       font-size: 1.4rem;
       font-family: 'Times New Roman', Times, serif;
       font-weight: 500;
       text-align: start;  
       padding: 2rem;   
}
.input-type-btn{
    width: 20%;
    height: 5rem;
    font-size: 1.5rem;
    font-family:  sans-serif;
    font-weight: 400;
    color: white;
    background-color:darkgreen;
}
.input-type-btn:hover{
    background-color: #1032a1;
}
.input-type-btn01{
    width: 20%;
    height: 5rem;
    font-size: 1.5rem;
    font-family: sans-serif;
    font-weight: 400;
    color: white;
    background-color: #1032a1;
    margin: 2rem;
}
.input-type-btn01:hover{
    background-color:darkgreen;
}
.contentmain-from{
    padding: 1.8rem; padding-left: 10rem; font-size: 1.6rem; font-family:  sans-serif; font-weight: 600;color: #383838;cursor: pointer;

}
.brand-title{
    font-size: 1.9rem;
    font-weight:700;
    color: black;
}
.home-to-contact{
    width: 95%;
    height: 5rem;
    background-color: rgb(239, 234, 234);
    margin-left: 3rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 2rem;
    
}
.home-to-about{
    width: 100%;
    height: 5rem;
    background-color: rgb(239, 234, 234);
 
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 2rem;
    
}
.home-to-contact p{
    font-size: 1.9rem;
}
.home-to-contact a{
    font-size: 1.9rem;
    text-decoration: none;
    color: black;
}
.home-to-contact a:hover{
    color: #1032a1;
}


@media only screen and (max-width: 500px){
    .main-contact-page-data01{
        display: none;
    }
    .home-to-contact{
        display: none;
    }
    .main-contact-page-data02{
        width: 100%;
        padding: 0;
        margin: 0;
        margin-top: 3rem;
        
    }
    .main-contact-page-data{
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #displaynone{
      
    } 
    .input-type-btn01{
        width: 30%;
    }
    .input-type-btn{
        width: 30%;
        margin-left: 5.5rem;
        
    }
    .main-contact-page01{
        width: 100%;
    }
    .contentmain-from{
        padding: 0;
        margin: 0;
    }
    .main-contact-page-data{
        border: none;
    }
    .brand-title{
    font-size: 1.5rem;
    font-weight:600;
    margin-top: 3.6rem;
   font-style: italic;
}
  
   
  
   
  
}
@media only screen and (min-width:501px) and  (max-width: 900px){
    .main-contact-page-data01{
        display: none;
    }
    .home-to-contact{
        display: none;
    }
    .main-contact-page-data02{
        width: 100%;
        padding: 0;
        margin: 0;
        margin-top: 3rem;
        
    }
    .main-contact-page-data{
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #displaynone{
      
    } 
    .input-type-btn01{
        width: 30%;
    }
    .input-type-btn{
        width: 30%;
        margin-left: 5.5rem;
        
    }
    .main-contact-page01{
        width: 100%;
    }
    .contentmain-from{
        padding: 0;
        margin: 0;
    }
    .main-contact-page-data{
        border: none;
    }

}



/* ==================================== */