* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;


}




/* all tag css */

body {
    /* background-color: #fdf5df; */
}




/* all class css */


 /* css code for preloader */

#preloader{
    background: #000 url('/static/images/circle-loader-gif-2.gif') no-repeat center;
    background-size: 20%;
    height: 100Vh;
    width: 100%;
    position: fixed;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}

#preloader img{
    width: 10%;
    height: 10vh;
}


/* navbar */

.nav-logo{ 
    width: 200px ;
    height: 57.93px;
    cursor: pointer;
}

.sticky-top{
    box-shadow: 1px 3px 25px rgba(70, 65, 92, 0.774);
}

/* navigation hover animation */
.nav-link{
    
    padding-right:7% ;
    position: relative;  
    font-family: 'Cooper Black';
    font-size: large;
}
.nav-link::after{
    content:"";
    position: absolute;
    left: 0; bottom: 0; width: 100%; height: 3px;
    background: #f92c85;

    transform: scaleX(0);
    transform-origin: center;
    transition: 750ms;
}
.nav-link:hover::after{
    transform: scaleX(1);  
}




/* css code for punch line  */

.description {


    width: 100%;
    height: 75vh;

    color: #1d3124;
    text-align: center;
}

.description_heading {
    text-align: center;
    font-size: 4.5rem;
    margin-bottom: 2%;
    color: #285185;
    color: #5ebec4;
}

.h5 {
    font-family: 'Raleway', sans-serif;
    font-size: 1.8rem;
    letter-spacing: 2px;
}

.description_second_heading {
    font-size: 3.8rem;
    color: #285185;
}
.text_about{
    
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
}



/* css code for button */

.contact-btn {
    
    background: #f92c85;
    width: 30%;
    height: 45px;
    padding-top: 5px;
    font-size: 1.2rem;
    margin-top: 3%;
    color: white;
    border: none;
}

.contact-btn:hover {
    background: #ccd9e2;
    border: 2px solid #f92c85;
    color: #1d3124;
}


/* index page services css code */

.services {
    margin-top: 15%;
    width: 100%;
    height: 80vh;
}

.ser_heading {
    font-size: 2.5rem;
    color: #f92c85;
}

.ser_img {
    height: 80vh;
}

.ser_img:hover {
    border: 2px solid #285185;
    border-radius: 8px;
    background: #ccd9e2;
    /* border-bottom: none; */
}

.ser_img img {
    width: 200px;
    height: 200px;
    border: 2px solid #f92c85;
    border-radius: 50%;
    text-align: center;
    margin-right: 2%;
    margin: auto;

}

.service_heading {
    color: #f92c85;
    font-size: 2rem;
}

.ser_img p {
    font-family: 'Raleway', sans-serif;
}

.ser_img .btn {
    margin: auto;
    width: 50%;
}


/* Quotation */

.carousel_inner {

    width: 50%;
    margin: auto;
   
}

.quotations {
    font-family: 'Dancing Script', cursive;
    width: 75%;
    height: 30vh;
    font-size: 2rem;
    letter-spacing: 1px;
    margin: auto;
}
.author{
    float: right;
    color: #f92c85;
}





/* footer */






/* service page */
.service{
    position: relative;
  text-align: center;
  color: white;
}
.centered{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.centered h1{
    font-size: 2.2rem;
}

.service_heading3{
    display: none;
}

.service_heading2{
    font-size: 1.5rem;
}






@media (max-width: 1000px) {
    .service_heading2{
        display: none;
    }
    .service_heading3{
        font-family: 'Roboto', sans-serif;
        font-size: 2rem;
        display: unset;
    }
    .contact-btn{
        width: 100%;
    }
    
   }
   
   .description_second_heading{
    font-size: 1.8rem;
   }
   
 


/* individual service  */
.seo_heading{
    font-size: 2.3rem;
    color: #f92c85;
}

.seo_heading2{
    font-size: 2rem;
    color: #f92c85;
}
.seo_about{
    font-family: 'Raleway', sans-serif; 
    line-height:1.8;
}
.seo_agency{
    text-decoration: none;
    color: #f92c85;
}

.seo_agency:hover{
    text-decoration: underline;
}



/* about page  */
.about_page_heading{
    font-size: 2.8rem;
    color: #f92c85;
    letter-spacing: 1.2px;
}


.card{
    border: none;
}
.card:hover{
    border: 2px solid #285185;
    border-radius: 8px;
    background: #ccd9e2;
}

.card img{
    margin: auto;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 2px solid #f92c85;
}
.card-title 
{
    text-align: center;
    font-size: 1.6rem;
    color: #f92c85;
}
.card-subtitle{
    text-align: center;
}






/* media query */



@media (max-width: 992px) {
   .nav_brand_name img{
    width: 50%;
   }
   .text{
    font-size: 2rem;
   }
   .h5{
    font-size: 1.2rem;
   }
   .quotations {
    height: 50vh;
    
}
}






 

/* Apply styles for viewport width greater than or equal to 1200px */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/* puch line animation */


.text {
    color: red;
    font-weight: bold;
    animation: type 4s steps(40, end);
    animation: color-change 5s linear infinite;
    overflow: hidden;
}

@keyframes color-change {
    0% {
        color: red;
    }

    25% {
        color: blue;
    }

    50% {
        color: green;
    }

    100% {
        color: red;
    }
}



/* footer section */

footer {
    background-color: #333;
    color: #fff;
    padding: 2rem 0;
}

footer h5 {
    font-weight: bold;
    margin-bottom: 1rem;
}

footer form {
    margin-bottom: 1.5rem;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
    color: #aaa;
}




/* video */
.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-heading {
    
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
    color: #1d3124;
    font-size: 20px;
}
.video_first_heading{
    letter-spacing: 1.2px;
    font-weight: bold;
    font-size: 5.3rem;
    color: #f92c85;
}

@media (max-width: 768px) {
    .video-heading {
        font-size: 8px;
    }
   .video_first_heading{
    font-size: 1.5rem;
    
   }
   .quotations{
    width: 50vh;
   }

   

}