@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,800;1,300;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;1,400;1,600&display=swap');
*{
    padding:0;
    margin:0;
    box-sizing: border-box;
    font-family: 'Montserrat','poppins', sans-serif;
  
    
}


.order .form{
    background:yellow !important;
}
#loading{
    position:fixed;
    background-image:url("https://createwebsite.net/wp-content/uploads/2015/09/Loader1.gif");
    background-color:#4d77eb;
    background-repeat:no-repeat;
    background-position:center;
	background-size:cover;
    height:100vh;
    width:100%;
    z-index:9999999999999999999999999999999;
}
.contacttxt{
    border:1px solid purple;
    
}
.offadd{
    border-top:2px solid purple;
    color:purple!important;
    
}
.offfadd{
    font-size:1.5rem;
    font-weight:400;
    
}
.footer .col-md-3{
    display:none;
}
.footer .creator{
    text-align:right;
    font-size:.8rem;
    font-weight:400;
    transform:translate(2%,-2rem);
}
.credti:before{
    content:'';
    position:absolute;
    background:white;
    height:1px;
    width:100%;
    left:0;
    
}
.carousel-inner>.item {
    -webkit-transition: -webkit-transform .1s ease-in !important;
    -o-transition: -o-transform .1s ease-in !important;
    transition: transform .1s ease-in !important;
}
.footer .credti{
    text-align:center;
    padding-top:2rem;
    font-weight:300;
}

.gallery{
    text-align:center;
}
.gallery img{
    max-height:100vh;
    width:60%;
    padding:4rem;
}
.form-group .innerform{
   display:flex;
}
.partners img{
    margin-left:5rem;
    height:150px;
}
.form-group label{
    font-size:2rem;
}
.innerform i{
    font-size:2rem;
    margin-left:1rem;
}

.form-group p{
    font-weight:300!important;
}
.form-group .text-muted{
    font-size:0.8rem;
}
.partners img{
 width:300px;
}
.partners h2{
    text-align:center;
    padding:6rem;
}
.partners h2:after{
   content:'';
    position:absolute;
    background:red;
    height:2px;
    width:10%;
    left:45%;
    margin-top:3rem;
}

.contactus iframe{
    width:100%;
    height:50vh;
    border:2px solid black!important;
}
.team h2,.team p{
    font-family:poppins;
    color:black;
   

}
.team h1{
    padding:1rem;
    margin-top:-6rem;
    margin-bottom:3rem;
}
.team h1:before{
    content:'';
    position:absolute;
    background:red;
    width:5%;
    height:2px;
    left:48%;
    margin-top:4rem;
}
.team img{
    width:60%;
    height:200px!important;
 
     margin-top:1rem;

   
}
.ser p{
   font-weight:400;
}

.services .services1,.services2,.services3{
    padding:1rem 2rem!important;
    font-weight:400;
    padding:0rem 0rem;
    color:black;
    font-family:poppins;
    border-right:1px solid black!important;
    border-top:1px solid black!important;
    border-bottom:1px solid black!important;
    background:white;
    }

.team h1{
    font-family:poppins;
    font-size:3rem;
    color:black;
    
  
}
.review{
    text-align:center;
  
   width:100%;
    
}
.review img{
    height:10rem;
    
}
.review h1{
    margin:2rem;
    color:black!important;
    padding:3rem;
}
.review:before{
    content:'';
    position:absolute;
    background:red;
    height:2px;
    width:10%;
    left:45%;
    transform:translateY(7rem);
    
}
.review h3{
    font-size:1rem;
    line-height:2rem;
    font-family:poppins;
}
.review .col-md-6{
    border:1px solid black;
}

.contactus h1{
    color:black;
    text-align:center;
    margin:3rem;
    
    
}
.contactus img{
     background:white;
    height:100px;
    width:150px;
}
.contactus{
      margin-top:10rem;
      
}
.contactus h1::before{
  content:'';
    background:red;
    height:2px;
    width:5%;
    position:absolute;
    transform:translate(4rem,3rem);
    
}
.contacttxt h3{
    font-family:poppins;
    color:black;
    font-size:1.5rem;
}
.contacttxt{
   font-family:poppins;

    color:black;   
}


.carousel .carousel-indicators li {
    width: 10px;
   height: 10px;
   border-radius: 100%;
   user-select: none;
   outline:none;
   
 }
.slide{
    height:100%;
    transition:1s;
}

.slide img{
    height:70vh;
    width:100%;
}
#mizan,#dots{
    display:none;
}
#tmclc,#tmclc1,#tmclc3{
    font-size:3rem;
    outline:none;
    user-select: none;
    top:0;
    left:1rem;
    opacity:1!important;
    cursor: pointer;
   
  position: absolute;
}
.social1 button{
    color:white;
    
    background-color:pink;
    overflow:hidden!important;
}
.popcard{
  
    position:absolute;
    top:0rem;
   display:flex;
    justify-content:center;
    align-items:center;
    right:0;
      z-index:0;
    opacity:0;
  bottom:0;
   left:0;
  
   transition:1s ease-in-out;
   max-height:50vh;
    width:100%;
   
}
.popcard:hover{
   
    opacity:1;
}
.socialnav li a{
      border:1px solid black;
    background:white;
    margin-right:1em;
    transition:.5s ease-in-out;
    padding:.2rem;
}
.socialnav i{
    font-size:1.2rem;
    
}
.socialnav li a:hover{
     transform:translateY(-4px);
    opacity:.3;
  
}
.socialnav .fa-whatsapp,.fa-facebook{
    color:black;
}
.team .popcard i{
    font-size:1.5rem;
    padding:3rem;
    background:white;
    
   
   
    
}
.team button{
    margin-bottom:1rem;
}

.clc{
    cursor: pointer;
    position:absolute;
    color:red;
    outline:none;
    user-select: none;
    
}

.team a .fa-facebook{
    transition:1s;
}
.team a .fa-facebook:hover{

    transform:rotate(360deg);
}
.team a .fa-twitter{
    transition:1s;
}
.team a .fa-twitter:hover{
    transform:rotate(360deg);
}
.team a .fa-whatsapp{
    transition:1s;
}
.team a .fa-whatsapp:hover{
    transform:rotate(360deg);
}
.team .fa-facebook{
    color:blue;
}
.fa-whatsapp{
    color:green;
}

.team img{
    height:50vh;
    
    margin-bottom:2rem;

    
}
.team h2{
    font-size:1.5rem;
    font-weight:400;
    color:purple;
    font-family:poppins;
}



.clc:hover{
    color:blue;
    text-decoration: none;
}
.team{
    margin:8rem;
    text-align: center;
  
}
.team .btn{
    background:purple!important;
    color:white!important;
    font-family:poppins;
}





.close{
    font-size:2rem;
    outline:none;
    user-select: none;
    top:0;
    left:1rem;
    opacity:1!important;
    cursor: pointer;
    color:red!important;
  position: absolute;
}
.popup{
    height:100%;
    width:100%;
    top:0;
    position:fixed;
     background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
    display: flex;
    justify-content:center;
    align-items:center;
    visibility:hidden;
    opacity:0;
    z-index:999;
    transition:visibility 1s, opacity 1s;
    
}
.ceopopup{
    height:100%;
    width:100%;
    top:0;
    left:0;
    position:fixed;
     background:linear-gradient(rgba(0,0,0,0.6),rgba(0, 0, 0, 0.603));
   display:flex;
    justify-content:center;
    align-items:center;
    visibility: hidden;
    z-index:999999;
    opacity:0;
    transition:width 1s , visibility 1.5s ,opacity 1.5s;
    
}


.ceopopupactive{
    opacity:1;
   visibility:visible;
   
}


.ceopop h2{
    color:white;
    font-weight:800;
}
.ceopop p{
    color:pink;
    font-size:1.3rem;
}
.ceopop{
    position: relative;
    background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7));
    height:100%;
    width:100%;
    padding:2rem 1rem;
    left:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
  
}
.mdpopup{
    height:100%;
    width:100%;
    top:0;
    left:0;
    position:fixed;
     background:linear-gradient(rgba(0,0,0,0.6),rgba(0, 0, 0, 0.603));
   display:flex;
    justify-content:center;
    align-items:center;
    visibility: hidden;
    z-index:999999;
    opacity:0;
    transition:width 1s , visibility 1.5s ,opacity 1.5s;
    
    
}

.mdpopupactive{
    opacity:1;
    width:100%;
   visibility:visible;
    
}
.mdpop h2{
    color:white;
    font-weight:800;
}
.mdpop p{
    color:pink;
    font-size:1.3rem;
}
.mdpop{
    position: relative;
    background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7));
    height:100%;
    width:100%;
    padding:2rem 1rem;
    left:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
  
}
.popup-active{
    
    visibility:visible;
    opacity:1;
}

.pop{
    position: relative;
    background:white;
    height:90%;
    width:80%;
    padding:2rem 1rem;
    
    justify-content:center;
    align-items:center;
    text-align:center;
  
}

#more{
    display:none;
   opacity:0;
   transition:display 1s ,opacity 1s;
}

.navbar ul li a::after{
    content:'';
    position:absolute;
    height:4px;
    width:0%;
 
    background:purple!important;
    left:50%!important;
    transform:translateX(-50%);
    transition:.5s ease-out;
    top:-50%;
    
}
.navbar ul li a:hover::after{
    width:90%;
}

.navbar ul li a:hover{
    color:purple;
    opacity:.3;
}




html{
    scroll-behavior: smooth;
}
.btn:hover{
    background:#ed47c1!important;
}
.brand{
    color:purple;
   
}
.brand h,p{
    font-family:poppins;
    font-weight:bold;
}
.htxt .hbtn{
   border-radius:20px;
}
.services i{
    font-size:2rem;
     color:purple;
}
.services1{
    border:2px solid white;
    background-color:white;
    animation:s1 .5s ease-in;
    transition:.5s ease-in-out;
    
}
.footer{
    background:#5c2a9d;
    color:white;
   transform:translateX(0rem);
    height:100%;
    font-family: 'Raleway', sans-serif!important;
}
.footer img{
    width:100%;
    height:80%;
    margin-top:1rem;
    display:none;
    }
.footer ul{
    margin-top:1rem;
    list-style:disclosure-open;
    margin-left:1rem;
}
.footer ul li{
 padding-top:1rem;
}
.footer h2{
    font-size:1.8rem;
    font-family:Montserrat;
    font-weight:600;
    margin-top:1.5rem;
}
.footer .minimize{
   font-size:1rem;
    
    font-family:poppins;
}

.footer i{
 font-size:2rem;
  
}
.footer .address{
     
     font-weight:400;
    margin-top:2rem;
   
}
.address .col-md-11{
   padding-left:2rem;
    width:100%;
}
.footer .fform{
    margin-top:2rem;
}
.fform input{
  border:2px solid black;
    padding:.5rem;
    border-radius:20px;
}
.fform button{
    color:black;
    margin-left:.2rem;
   
    background:pink!important;
}
@keyframes s1{
    0%{
        transform:translate(-100%,0%);
    }
    100%{
        transform:translate(0%,0%);
           
    }
}
@keyframes s2{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
           
    }
}

.services1-click{
   
    transform:scale(1.1);
}
@keyframes s3{
    0%{
        transform:translate(100%,0%);
    }
    100%{
        transform:translate(0%,0%);
           
    }
}
.services2{
    transition:.5s ease-in-out;

    border:2px solid white;
    animation:s2 .5s ease-in;
}
.services3{
    border:2px solid white;
    transition:.5s ease-in-out;
  
    animation:s3 .5s ease-in;
}
.services{
    text-align:center;
     
  }
.services h2{
    text-align: center;
    padding:2rem;
   color:black!important;
    font-weight:300;
    font-family:poppins;
    font-size:2rem!important;
    padding:0rem!important;
}
.ser{
    background:white;
}

.ser h2{
    color:black;
    text-align:center;
    font-size:3rem;
    padding:3rem;
}

@keyframes ahtxt{
    0%{
        transform:translateX(-80%);
    }
}
.t{
    outline:none;
    user-select: none;
    border:1px solid  #c8219d;
    background:white;
}

.tracking{
    padding-bottom:1rem;
    color:purple;
    font-weight:600;
    text-align:left;
    width:100%;
  height:100%;
    background:white;
    padding:4rem;
    display:flex;
    justify-content:center;
}
.tracking input{
    border:1px solid red;
    color:purple!important;
    
  }

.navbar{
     font-family: 'Montserrat', sans-serif;
     background:white!important;
  
    }

.header{
   
    background-size:cover;
    height:100%;
    background-attachment:fixed;
    background-position:center center;
    animation:slidebg 10s ease-in-out infinite;
   background-repeat: no-repeat;
    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(images/h5.jpg);
    background:white;
   
   
   
}


.navbar{
    background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
}
.btn{
    background:#58328a!important;
}
.navbar-nav a{
    font-family: poppins;
    position: relative;
    color:purple;
    font-weight:400;
    margin-right:2rem;
    font-size:1rem;
   }
.navbar-brand img{
    height:50px;
    background:white;
}
#emailHelp{
    color:white!important;
}
.footer{
    background:#5c2a9d;
    color:white;
    height:100%;
   padding:3rem;
    font-family: 'Raleway', sans-serif!important;
}
.footer img{
    width:100%;
    height:80%;
    margin-top:1rem;
    background:white;
   
    
}
.footer ul{
    margin-top:4rem;
    list-style:disclosure-open;
   
}
.footer ul li{
 padding-top:1rem;
}
.footer h2{
    font-size:1.8rem;
    font-family:Montserrat;
    font-weight:600;
    margin-top:1.5rem;
}
.footer .minimize{
   font-size:1rem;
    
    font-family:poppins;
}

.footer i{
 font-size:2rem;
  
}
.footer .address{
     
     font-weight:400;
    margin-top:2rem;
   
}
.address .col-md-11{
   padding-left:2rem;
    width:100%;
}
.footer .fform{
    margin-top:2rem;
}
.fform input{
  border:2px solid black;
    padding:.5rem;
    border-radius:20px;
}
.fform button{
    color:black;
    margin-left:.2rem;
   
    background:pink!important;
}

@media screen and (max-width:780px)
{
    html{
        font-size:13px;
    }
    .htxt{
        height:100%;
    }
    .tracking{
        width:100%;
        margin:0;
    }
    .header{
        height:100%;
    }
    
   .carousel
    .social-icon{
        width: 100% !important;
    }
    .popup{
        height:100%;
      
    }
    .pop h3{
        font-size:2rem; 
    }
    .pop p{
        font-size:1rem;
    }
   
    .pop{
        height:100%;
        left:-2rem;
    }
    .social1{
        top:15rem;
        z-index:1;
        
    }
    .social1 button{
        font-size:1rem;
        opacity:.5;
    }
   
    
    .navbar ul li a::after{
        display:none;
    }
    .slide{
        height:50vh;
    }
    .slide img{
        height:50vh;
    }
    .teampop img{
         width:59%;
   
    }
    .contactus iframe{
        width:100%;

    }
    .popcard{
        max-height:40vh;
    }
    .team{
        width:100%;
        margin:0;
        padding:0;
        display:flex;
       
    }

    .team img{
        width:60%;
        height:60%;
       
         margin-top:5rem;
      
    }
    
    .team h1{
        margin-top:3rem;
    }
    .team .col-md-6{
         margin-bottom:3rem;
    }
    .navbar-toggler i{
        color:purple!important;
        font-weight:bold!important; 
    }
      
    .footer h2,h,li{
       margin-left:0rem;
    }
    .footer ul{
        margin-top:.5rem;
    }
    .socialnav li a{
        display:flex;
       
        justify-content:center;
         border:none;
        float:left;
        background:white;
    }
    .socialnav .fa-facebook,.socialnav .fa-whatsapp{
        color:purple;
        font-size:2rem;
        margin:1rem 0rem;
    }
    .socialnav{
        width:20%;
        float:left;
     }
   
    .gallery img{
        max-height:400px;
        width:400px;
    }
    .partners img{
        width:200px;
         margin:5rem;
        max-height:100px;
    }
    .partners{
       text-align:center;
    }
    .popcard{
        opacity:1;
        height:5vh;
        z-index:-1;
        top:105%;
       
    }
    .popcard .fa-facebook, .popcard .fa-whatsapp{
       color:black;
        
       
    }
    .popcard:before{
        content:'';
        position:absolute;
        background:purple;
        height:2px;
        width:100%;
        z-index:-1;
    }
    .tracking{
        background-position:right;
        
    }
    .footer img{
        width:50%;
    }
    .footer{
        padding-bottom:2rem;
    }
    .footer .container{
        margin:0;
    }
    .team h1:before{
        width:10%;
        left:12.5rem;
    }
    .footer .creator{
        transform:translate(0);
        text-align:center;
        font-weight:lighter;
    }
    .ser h2:first-child:before{
        width:20%;
        transform:translate(1rem,8rem);
    }
    .review:before{
        margin-top:3rem;
    }
    
    .carousel-inner img{
        height:40vh;
    }
    .carousel .carousel-control-prev{
        display:none;
        
    }
    .carousel .carousel-control-next{
        display:none;
    }
    .contactus h1::before{
        width:20%;
        margin-top:1rem;
    }
    
    .team h1:before{
        width:15%;
        
    }
}