*,
*::after,
*::before{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.html{
    font-size: 62.5%;
}

.nav-img-sec{
    width: 100px;
}

.navbar input[type="checkbox"],
.navbar .hamburger-lines{
    display: none;
}

.container{
    max-width: 1200px;
    width: 90%;
    margin: auto;
}

.navbar{
    width: 100%;
    background: #fff;
    color: #000;
    opacity: 0.85;
    position: fixed;
    top: 0;
    z-index: 9999;
    border: 1px solid #10090940;
    border-top: none;
    border-right: none;
    border-left: none;
}

.navbar-container{
    display: flex;
    justify-content: space-between;
    height: 64px;
    align-items: center;
}

.menu-items{
    order: 2;
    display: flex;
    margin-bottom: 0px;
}
.logo{
    order: 1;
    font-size: 2.3rem;
}

.menu-items li{
    list-style: none;
    margin-left: 1.5rem;
    font-size: 1.3rem;
}

.navbar a{
    font-size: 14px;
    color: #444;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease-in-out;
}

.navbar a:hover{
    color: #067e66;
}

.nav-but-sec{
     border-radius: 24px;
     border: none;
     font-size: 12px;
     padding: 6px 11px;
     background-color:#45b0dd;
     color: white;
     font-weight: 500;
}

.nav-but-sec:hover{
    color: #45b0dd;
    background-color:white;
    border: 1px solid black;
}

.nav-main-sec{
    display: block;
}

.nav-sub-main-sec{
    display: none;
}


.main-para-sec{
    margin-top: 139px;
}

.main-para-sec2{
    margin-top: 70px;
}

.testi-img-sec-tag{
   width: 40% !important;
    margin-left: 12rem;
    margin-top: -19px;
}

.testi-para-sec{
    font-size: 12px;
}

.box{
    border: 8px solid whitesmoke;
   padding: 11px 40px;
    text-align: justify;
    border-right: none;
    position: relative;
}



@media (max-width: 768px){
    .navbar{
        opacity: 0.95;
    }

    .navbar-container input[type="checkbox"],
    .navbar-container .hamburger-lines{
        display: block;
    }

    .navbar-container{
        display: block;
        position: relative;
        height: 64px;
    }

    .navbar-container input[type="checkbox"]{
        position: absolute;
        display: block;
        height: 32px;
        width: 30px;
        top: 20px;
        left: 20px;
        z-index: 5;
        opacity: 0;
        cursor: pointer;
    }

    .navbar-container .hamburger-lines{
        display: block;
        height: 28px;
        width: 35px;
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .navbar-container .hamburger-lines .line{
        display: block;
        height: 4px;
        width: 100%;
        border-radius: 10px;
        background: #333;
    }
    
    .navbar-container .hamburger-lines .line1{
        transform-origin: 0% 0%;
        transition: transform 0.3s ease-in-out;
    }

    .navbar-container .hamburger-lines .line2{
        transition: transform 0.2s ease-in-out;
    }

    .navbar-container .hamburger-lines .line3{
        transform-origin: 0% 100%;
        transition: transform 0.3s ease-in-out;
    }

    .navbar .menu-items{
        padding-top: 100px;
        background: #fff;
        height: 100vh;
        max-width: 300px;
        transform: translate(-150%);
        display: flex;
        flex-direction: column;
        margin-left: -40px;
        padding-left: 40px;
        transition: transform 0.5s ease-in-out;
        box-shadow:  5px 0px 10px 0px #aaa;
        overflow: scroll;
    }

    .navbar .menu-items li{
        margin-bottom: 1.8rem;
        font-size: 1.1rem;
        font-weight: 500;
    }

    .logo{
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 2.5rem;
    }

    .navbar-container input[type="checkbox"]:checked ~ .menu-items{
        transform: translateX(0);
    }

    .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line1{
        transform: rotate(45deg);
    }

    .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line2{
        transform: scaleY(0);
    }

    .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line3{
        transform: rotate(-45deg);
    }

}

@media (max-width: 500px){
    .navbar-container input[type="checkbox"]:checked ~ .logo{
        display: none;
    }
}

.head-sec-tag{
    font-size: 38px;
    font-weight: 700;
    margin-top: 35px;
}

.para-sec-tag{
    font-size: 15px;
    color: gray;
}

.but-sec{
       margin: 0px auto;
   padding: 5px 11px;
    font-size: 14px;
    border-radius: 23px;
    color: #fffefe;
    background-color: #45b0dd;
    border: none;
    font-weight: 500;
}

.but-sec:hover{
     color: #45b0dd;
    background-color:white;
    border: 1px solid black;
}

.img-sec-tag{
    width: 100%;
}

.services-head-sec{
   text-align: center;
    font-size: 27px;
    font-weight: 700;
}

.service-para-sec{
    font-size: 15px;
    text-align: justify;
}

.about-head-sec-tag{
     text-align: center;
    font-size: 27px;
    font-weight: 700;
    color:#45b0dd;
}

.sub-sec{
    margin-top: 4rem;
}

.about-para-sec{
    font-size: 15px;
    text-align: center;
}

.about-head-sec{
     text-align: center;
    font-size: 27px;
    font-weight: 800;
    color: #31b36b;
}

.contact-head-sec{
    font-size: 28px;
   text-align: center;
   padding: 18px;
}

.main-sec{
    margin-top: 4rem;
}

.form-sec-tag{
    margin-left: 0rem;
}

.input-sec-tag{
  border-radius: 18px;
    font-size: 14px;
    padding: 3px 15px;
    width: 100%;
    height: 39px;
}

.input-sec-tag2{
      border-radius: 15px;
    font-size: 14px;
    padding: 18px 14px;
    width: 100%;
}

.contact-but-sec{
       border-radius: 15px;
    padding: 3px 18px;
    font-size: 17px;
    color: white;
    background-color: #45b0dd;
    border: none;
    margin-left: 13rem;
    font-weight: 500;

}

.contact-but-sec:hover{
    color: #45b0dd;
    background-color:white;
    border: 1px solid black;
     
}

.testi-head-sec-tag{
     text-align: center;
    font-size: 27px;
    font-weight: 700;
}

/*.copyright-text{
  margin:0;
font-size:13px;
text-align: center;

}
*/
/* .site-footer h6{
    color: #45b0dd;
    margin-left: 30px;
}

.footer-links{
    list-style-type: none;
    font-size: 13px;
}

.site-footer hr{
  border-top-color:#bbb;
  opacity:0.5
} */

/*.watsap-icon-sec{
    position: fixed;
    bottom:60px;
    right: 17px;
    border: 1px solid gray;
    border-radius: 36px;
    background-color: #008000ba;
    font-size: 25px;
    padding: 2px 9px;
}
*/
/* .icon-sec-tag{
    color: white !important;
} */



@media screen and (min-width:320px) and (max-width:538px) {
    .navbar{
        /* display: none; */
    }
    .nav-main-sec{
        display: none;
    }
    .nav-sub-main-sec{
        display: block;
    }
    .head-sec-tag{
        font-size: 26px;
        margin-top: 0px !important;
    }
    .para-sec-tag {
    font-size: 11px;
    }
    .but-sec{
        font-size: 11px;
    }
    .sub-sec{
    margin-top:0rem !important;
    }

    .main-para-sec2 {
        margin-top: 10px;
    }
    .main-sec {
        margin-top: 16px;
    }
   /* .form-sec-tag {
        margin-left: 4rem;
   } */
   .contact-but-sec {
    margin-left: 5rem !important;
   }
   .contact-head-sec{
    margin-left: 0px;
    padding: 0px;
   }
   .testi-head-sec-tag{
        margin-top: 20px;
   }
    .testi-img-sec-tag{
        margin-left: 9rem;
    }
    .box{
        padding: 11px 10px;
    }
    .service-para-sec {
    font-size: 14px;
    }
    .about-para-sec {
    font-size: 14px;
    }
    .section-title{
        margin-top: -50px;
    }
   
}



@media screen and (min-width:320px) and (max-width:768px) {
    .nav-main-sec{
        display: none;
    }
    .nav-sub-main-sec{
        display: block;
    }
    .main-para-sec {
    margin-top: 53px;
}
}






@media (max-width:768px) {
    .navbar{
        /* display: none; */
    }
    .head-sec-tag {
        font-size: 30px;
       font-weight: 700;
    }
    .service-sec-tag{
        display: flex;
        align-items: center;
    }
    .about-sec-tag{
        display: flex;
        align-items: center;
    }
    .contact-sec-tag{
        display: flex;
        align-items: center;
    }
    .blog-area{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .contact-info-text span{
        font-size: 11px !important;
    }
    
    /* .form-sec-tag{
        margin-left: 4rem;
    } */
    
    
    
}

@media (max-width:1024px) {
.contact-info-text span{
        font-size: 14px !important;
    }



    /* .contact-but-sec{
        margin-left: 14rem;
    } */
}

section{
  width: 100%;
}

.menu a {
	 position: relative;
	 z-index: 2;
	 display: block;
	 letter-spacing: 0.01rem;
	 padding: 12px 9px;
	 text-decoration: none;
	 /* font-weight: 600; */
	 /* font-size: 1.25rem; */
	 transition: 0.2s;
}
 .menu a:hover {
	    color: black;
}
 .menu a:hover .icon {
	 fill: black;
}
 .dropdown > a {
	 display: flex;
	 align-items: center;
     font-size: 15px;
}
 .dropdown > a .icon {
	 margin-left: 0.25em;
}
 .dropdown:hover .dropdown-nav {
	 opacity: 1;
	 transform: translateY(0);
	 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
 .dropdown-nav {
    width: 173px;
	 opacity: 0;
	 transition: transform 0.3s cubic-bezier(0.88, -0.72, 0, 1), opacity 0.3s ease-in-out;
	 transform: translateY(-4rem);
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 position: absolute;
	 z-index: 1;
	 background:#45b0dd;
     border: 1px solid gray;
}
 .dropdown-nav a {
	 font-weight: 500;
	 font-size: 15px;
     color: white;
}


/*blogs*/

.blog-head-sec{
    color: #45b0dd;
}

/* .blog-area {
    background: #80808029;
    min-height: 100vh;
} */


.blg-main-sec{
    padding: 10px;
}

.blog-wrapper {
 border: 1px solid #8080805c;
  overflow: hidden;
}
.home-blog-wrapper{
  transition: .3s;
}
.blog-wrapper.home-blog-wrapper:hover {
  box-shadow: 10px 20px 30px rgba(0,0,0,.12);
}
.blog-thumb {
  margin-bottom: 20px;
}
.blog-title {
  display: inline-block;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
  margin: 10px 0 15px;
  padding: 0;
  text-align: left;
}
.blog-content.home-blog h2 {
  font-size: 18px;
  margin-bottom: 10px;
}
.blog-content.home-blog p {
  margin-bottom: 10px;
}
.link-box.home-blog-link a {
  font-size: 14px;
  color:#45b0dd;
  text-decoration: none;
}

.link-box.home-blog-link a:hover{
color:rgba(0, 128, 0, 0.801);
}

.blog-title a {
  color: #222;
  text-decoration: none;
}
.link-box a {
  color: #555;
}
.link-box a:hover {
  color:#45b0dd;
}
.blog-title a:hover {
  color:#45b0dd ;
}
.meta-info ul li {
  color: #9e9e9e;
  display: inline-block;
  font-size: 11px;
  padding: 0 12px;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
}
.embed-responsive {
  margin-bottom: 20px;
}
.meta-info ul li:first-child{padding-left:0}
.meta-info ul li a{color:#ff5e14}
.meta-info ul li a:hover{color:#444}
.meta-info ul li::before {
  border: 1px solid #999;
  border-radius: 5px;
  content: "";
  height: 5px;
  left: -4px;
  position: absolute;
  top: 6px;
  width: 5px;
}
.meta-info ul li:first-child:before{display:none}
.blog-thumb img {
  width: 100%;
}
.link-box a {
  font-weight: 600;
}

/*End Blogs*/


/*contact*/


.contact-sec-main{
    background-image: url(./images/cnt-bg-img.jpg);
    padding: 28px 12px 0px 0px;
}

.contact-info-item{
    background: white;
    padding: 40px 0px;
    border-radius: 3px;
}

.contact-info {
    display: inline-block;
    width: 100%;
    text-align: center;
    /* margin-bottom: 10px;
    margin-top: 10px; */
}

.contact-info-text h2 {
    color: rgba(0, 128, 0, 0.651);
    font-size: 23px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 10px;
}

.contact-info-text a{
    color: black;
    text-decoration: none;
}

.contact-info-text span {
    color: #000000;
    font-size: 15px;
    display: inline-block;
    width: 100%;
}

.contact-info-text a:hover{
    color:#095372 !important;
}

.contact-info-icon{
    margin-bottom: 15px;
}

.contact-info-icon i{
    font-size: 40px;
     color: #45b0dd;
}

.service-card{
    border: none !important;
    box-shadow: 0px 0px 5px 0px grey !important;
    /* padding: 0px 0px; */
}



/*Footer*/

 #footer {
  /* background: linear-gradient(105deg,#6e99e6 ,#0038998c); */
  background:whitesmoke;
  padding: 0 0 15px 0;
  color: black;
  font-size: 14px;
  box-shadow: 8px 0px 7px 5px rgba(128, 128, 128, 0.432);
}

#footer .footer-top {
 /* background: linear-gradient(105deg,#6e99e6 ,);
  border-bottom: 1px solid linear-gradient(105deg,#6e99e6 ,#0038998c); */
  padding: 40px 0px 0px 0px;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 28px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

#footer .footer-top .footer-info h3 span {
  color: #23bbed;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  /* line-height: 24px; */
  margin-bottom: 0;
  font-family: "Raleway", sans-serif;
  color:black;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #292929;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #23bbed;
  color: #151515;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 22px;
  font-weight: 600;
  color:#23bbed;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #23bbed;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
    font-size: 15px;
    font-weight: 500;
  color:black;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
  text-decoration: none !important;
}

#footer .footer-top .footer-links ul a:hover {
  color: #23bbed;
}

.footer-newsletter a{
   color:black;
    text-decoration: none;
}

.footer-newsletter a:hover{
  color:goldenrod ;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background:black;
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
}

#footer .footer-top .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

#footer .footer-top .footer-newsletter form input[type=submit] {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #23bbed;
  color: #151515;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}

#footer .footer-top .footer-newsletter form input[type=submit]:hover {
  background: #ffcd6b;
}

#footer .copyright {
  text-align: center;
  /* padding-top: 15px; */
} 

#footer .copyright a{
    text-decoration: none !important;
}

#footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color:black;
}

.whats-icon .whatsapp-img{
  transform: translate3d(0px, 0px, 0px);
  content-visibility: visible;
  width: 75px;
    position: fixed;
    top: 40%;
    left: 94%;
    z-index: +999;
}
@media only screen and (max-width: 767px){
  .whats-icon .whatsapp-img {
    transform: translate3d(0px, 0px, 0px);
    content-visibility: visible;
    width: 53px;
    position: fixed;
    top: 40%;
    left: 83%;
    z-index: +999;
}
}

/*End Footer*/   





<!-- Footer-->
/*  
h1,
        h2,
        h3,
        h4,
        h5,
        h6 {}
        a,
        a:hover,
        a:focus,
        a:active {
            text-decoration: none;
            outline: none;
        }
        
        a,
        a:active,
        a:focus {
            color: #333;
            text-decoration: none;
            transition-timing-function: ease-in-out;
            -ms-transition-timing-function: ease-in-out;
            -moz-transition-timing-function: ease-in-out;
            -webkit-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            transition-duration: .2s;
            -ms-transition-duration: .2s;
            -moz-transition-duration: .2s;
            -webkit-transition-duration: .2s;
            -o-transition-duration: .2s;
        }
        
        ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        img {
    max-width: 100%;
    height: auto;
}
        section {
            padding:0px;
           /* min-height: 100vh;*/
        
/* .footer {
    background: linear-gradient(105deg,#6e99e6 ,#0038998c);
    padding-top: 34px;
    padding-bottom: 14px;
}

.footer-xyug-sec{
    color: black;
}

.footer-xyug-sec:hover{
    color: goldenrod;
} */


/*END FOOTER SOCIAL DESIGN*/


/* .single_footer{}
@media only screen and (max-width:768px) { 
.single_footer{margin-bottom:30px;}
}
.single_footer h4 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
}
.single_footer h4::after {
    content: "";
    display: block;
    height: 2px;
    width: 40px;
    background: #fff;
    margin-top: 20px;
}
.single_footer p{color:#fff;}
.single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single_footer ul li{}
.single_footer ul li a {
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 36px;
    font-size: 15px;
    text-transform: capitalize;
}
.single_footer ul li a:hover { color: #ff3666; }

.single_footer_address{}
.single_footer_address ul{}
.single_footer_address ul li{color:#fff;}
.single_footer_address ul li span {
    font-weight: 400;
    color: #fff;
    line-height: 28px;
}
.contact_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
} */

/*START NEWSLETTER CSS*/
/* .subscribe {
    display: block;
    position: relative;
    margin-top: 15px;
    width: 100%;
}
.subscribe__input {
background-color: #fff;
border: medium none;
border-radius: 5px;
color: #333;
display: block;
font-size: 15px;
font-weight: 500;
height: 46px;
letter-spacing: 0.4px;
margin: 0;
padding: 0 150px 0 20px;
text-align: center;
text-transform: capitalize;
width: 100%;
}
@media only screen and (max-width:768px) { 
.subscribe__input{padding: 0 50px 0 20px;}
}

.subscribe__btn {
background-color: transparent;
border-radius: 0 25px 25px 0;
color: #01c7e9;
cursor: pointer;
display: block;
font-size: 20px;
height: 45px;
position: absolute;
right: 0;
top: 0;
width: 60px;
}
.subscribe__btn i{transition: all 0.3s ease 0s;}
@media only screen and (max-width:768px) { 
.subscribe__btn{right:0px;}
}

.subscribe__btn:hover i{
    color:#ff3666;
}
button {
    padding: 0;
    border: none;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
} */
/*END NEWSLETTER CSS*/

/*START SOCIAL PROFILE CSS*/
/* .social_profile {margin-top:40px;}
.social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
.social_profile ul li{float:left;}
.social_profile ul li a {
    text-align: center;
    border: 0px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    margin: 0px 8px;
    font-size: 18px;
    color: #fff;
    border-radius: 30px;
    width: 38px;
    height: 38px;
    line-height: 37px;
    display: block;
    border: 1px solid rgba(255,255,255,0.2);
}
@media only screen and (max-width:768px) { 
.social_profile ul li a{margin-right:10px;margin-bottom:10px;}
}
@media only screen and (max-width:480px) { 
.social_profile ul li a{
    width:40px;
    height:40px;
    line-height:40px;
}
}
.social_profile ul li a:hover{
background:#ff3666;
border: 1px solid #ff3666;
color:#fff;
border:0px;
} */
/*END SOCIAL PROFILE CSS*/
/* .copyright {
    margin-top: 70px;
    padding-top: 40px;
    color:#fff;
    font-size: 15px;
    border-top: 1px solid rgba(255,255,255,0.4);
    text-align: center;
}
.copyright a{color:#01c7e9;transition: all 0.2s ease 0s;}
.copyright a:hover{color:#ff3666;} */