*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
img{
width: 100%;
vertical-align: middle;
}
ul{
list-style: none;
}
hr{
width: 100%;
height: 1%;
background: #fff;
} .top-text h1{
font-family: 'Open Sans', sans-serif;
color: #363641;
font-size: 33px;
font-weight: 800;
margin: 20px 0px 20px;
text-align: center;
}
.top-text img{
width: 100%;
margin: 20px 40px 20px 0px;
overflow: hidden;
} .banner-img{
margin: auto;
max-width: 100%;
height: 320px;
display: block;
overflow: hidden;
position: relative;
}
.banner-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.bannter-text{
content: "";
position: absolute;
top: 0;
right: 20px;
padding: 10px;
background: #00c5ac;
color: #fff;
font-size: 16px;
} .img-box{
margin: auto;
max-width: 100%;
display: block;
overflow: hidden;
}
.img-box img{
width: 100%;
object-fit: cover;
}
.text-box p{
margin-top: 10px;
margin-bottom: 40px;
font-family: 'Open Sans', sans-serif;
color: #000;
font-size: 18px;
font-weight: 800;
text-align: center;
text-transform: uppercase;
}
.button-sec{
text-align: center;	
}
.button-sec .btn-sec{
position: static;
display: inline-block;
margin: 0 10px;
padding: 10px 20px;
float: none;
clear: both;
border-style: solid;
border-width: 3px;
border-color: #00c5ac !important;
border-radius: 0px;
background-color: rgba(54, 54, 65, 0);
font-family: 'Open Sans', sans-serif;
color: #00c5ac;
font-size: 18px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
-o-object-fit: fill;
object-fit: fill;
transition: all 0.4s ease-in-out;
}
.button-sec .btn-sec:hover{
color: #fff  !important;
background: #00c5ac;
}
.services-text{
margin: 4rem 0;
}
.services-text h2{
font-family: 'Open Sans', sans-serif;
color: #363641;
font-size: 30px;
line-height: 42px;
font-weight: 600;
text-transform: uppercase;
}
.services-text p{
margin: 0 0 10px 0;
padding: 10px 20px;
border-left: 5px solid #E2E2E2;
font-size: 18px;
line-height: 22px;
font-family: 'Open Sans', sans-serif;
color: #000;
font-weight: 400;
text-align: center;
}
.services-text span{
display: block;
margin: 0 0 10px 0;
padding: 0px;
font-size: 18px;
line-height: 22px;
font-family: 'Open Sans', sans-serif;
color: #000;
font-weight: 600;
text-align: center;
} .section-one,
.section-three,
.section-two{
margin: 2rem 0;
}
.section-one h1{
margin-top: 20px;
margin-bottom: 60px;
padding-right: 10px;
padding-left: 10px;
font-family: 'Open Sans', sans-serif;
color: #363641;
font-size: 16px;
font-weight: 800;
text-align: center;
}
.section-two h1,
.section-three h1,
.services h1{
display: block;
margin-bottom: 20px;
float: none;
font-family: 'Open Sans', sans-serif;
color: #363641;
font-size: 27px;
line-height: 42px;
font-weight: 800;
text-align: center;
text-transform: uppercase;
} .services-img-last{
max-width: 100%;
margin: auto;
display: block;
overflow: hidden;
}
.services-img-last img{
width: 100%;
object-fit: cover;
} .img-box-three{
margin: auto;
margin-bottom: 2rem;
max-width: 100%;
display: block;
overflow: hidden;
}
.img-box-three img{
width: 100%;
object-fit: cover;
}
.img-box-banner{
max-width: 100%;
display: block;
margin: auto;
overflow: hidden;
}
.img-box-banner img{
width: 100%;
object-fit: cover;
} .form-creating{
padding-top: 60px;
padding-bottom: 100px;
border: 1px solid transparent;
background: #e5ea8c;
overflow: hidden;
}
.form-creating h1{
display: block;
margin-bottom: 20px;
float: none;
font-family: 'Open Sans', sans-serif;
color: #363641;
font-size: 27px;
line-height: 42px;
font-weight: 800;
text-align: left;
text-transform: uppercase;
}
.form-creating small{
font-family: 'Open Sans', sans-serif;
font-size: 10px;
color: #363641;
}
.form-creating label{
display: block;
margin-bottom: 5px;
float: none;
font-family: 'Open Sans', sans-serif;
color: #333333;
font-size: 14px;
font-weight: bold;
}
.form-creating input,
.form-creating textarea{
background: transparent;
border: 2px solid #fff;
outline: none!important;
background: transparent;
}
.form-creating input:focus,
.form-creating textarea:focus{
outline: none!important;
box-shadow: none;
border: 2px solid  #fff;
}
.form-control{
background: none!important;
}
.form-creating input[type=checkbox], input[type=radio]{
margin-right:15px;
}
.form-message-box .form-creating input, .form-creating textarea{
background: none!important;
width:100% !important;
}
.form-creating [type=submit]{
display: inline-block;
padding: 10px 18px;
margin: 1rem;
font-size: 14px;
text-align: center;
font-family: 'Open Sans', sans-serif;
color: #333333;
font-weight: bold;
border: 2px solid #fff;
background: transparent;
cursor: pointer;
outline: #00c5ac!important;
transition: all 0.4s ease-in-out;
}
.form-creating [type=submit]:hover{
background: #fff;
} .Contact-us{
padding-top: 100px;
padding-bottom: 100px;
background-color: #00c5ac;
}
.img-box-footer{
max-width: 700px;
height: 320px;
display: block;
margin: auto;
overflow: hidden;
text-align: right;
}
.img-box-footer img{
width: 100%;
height: 100%;
object-fit: cover;
}
.Contact-text h4{
margin-top: 16px;
margin-bottom: 30px;
font-family: 'Open Sans', sans-serif;
color: #fff;
font-size: 28px;
line-height: 0px;
font-weight: 600;
text-transform: capitalize;
}
.Contact-text p{
margin-top: 15px;
margin-bottom: 0px;
color: #fff;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: 30px;
text-transform: uppercase
}
.Contact-text span{
display: inline-block;
color: #fff;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight:600;    
margin-bottom:15px;
} .social{
width: 100%;
background: #363641;
overflow: hidden;
}
.social-icon{
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.social-icon li a{ 
display: inline-block;
padding: 21px;    
color: #fff;
font-size:24px;
font-family: "Font Awesome 5 Free";
}
.social-icon li a:hover{    
color:#00c5ac;
}
.copyright{
display:block;
justify-content: space-between;
align-items: center;
}
.copyright p{	
padding-bottom: 10px;
color: #fff;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
text-decoration: none;
text-align:center;
}
.copyright p a{
padding-bottom: 10px;
color: #fff;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
text-decoration: none;
}
.copyright p a:hover{
color:#00c5ac;
} @media only screen and (max-width: 992px){
.top-text h1{
font-size: 25px;
margin-top: 28px;
}
.section-two h1,
.section-three h1,
.services h1{
font-size: 22px;
}
.services-text p{
text-align: left;
}
.img-box-banner{
margin-bottom: 2rem;
}
}
@media only screen and (max-width: 780px){
.top-text h1{
font-size: 20px;
margin-top: 42px;
}
.section-two h1,
.section-three h1,
.services h1{
font-size: 14px;
line-height: 20px;
}
.services-text p{
text-align: left;
font-size: 18px;
}
.section-one h1{
font-size: 12px;
}
.button-sec .btn-sec{
margin:0 18px;
padding: 8px 16px;
font-size: 14px;
}
.img-box-footer{
margin-bottom: 30px;
}
.text-box p{
font-size: 15px;
}
.form-creating h1{
text-align: center;
}
}
@media only screen and (max-width: 420px){
.top-text h1{
font-size: 15px;
margin-top: 30px;
}
.button-sec .btn-sec{
margin-left: 10px;
margin-right: 10px;
margin-bottom: 15px;
font-size: 14px;
padding: 8px 10px;
}
.Contact-text{
text-align: center;
}
}
@media only screen and (max-width: 378px){
.top-text h1{
font-size: 12px;
margin-top: 30px;
}
.section-two h1,
.section-three h1,
.services h1{
font-size: 10px;
}
.services-text p{
font-size: 12px;
}
.section-one h1{
font-size: 10px;
margin-bottom: 30px;
}
.button-sec .btn-sec{
margin:0 8px;
padding: 6px 4px;
font-size: 12px;
}
.img-box-footer{
margin-bottom: 30px;
}
.services-text h2{
font-size: 20px;
}
.img-box-banner{
margin-bottom: 2rem;
}
.text-box p{
font-size: 10px;
}
.form-creating label{
font-size: 9px;
}
.form-creating h1{
font-size: 20px;
}
.form-creating button{
font-size: 9px;
}
.Contact-text h4 {
margin-top: 10px;
margin-bottom: 30px;
font-size: 20px;
}
.Contact-text p {
font-size: 14px;
}
.Contact-text span {
font-size: 10px;
}
.copyright p {
font-size: 9px;
}
}