@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins&display=swap');
html,body{
 
     font-family: 'Poppins';
     font-size: 15px;
     line-height: 1.5;
     margin: 0;
     top: 0;
     left: 0;
     box-sizing: border-box;
     overflow-x: hidden;
    box-sizing: border-box;
}

a{
    text-decoration: none;
    color:white;
}

.btn{
    padding: 10px;
    margin-top: 10px;
    background-color: chocolate;
    color:white;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 8px 16px;
    border: 1px solid chocolate;
    width: 200px;
    cursor: pointer;
    margin-bottom: 30px;
}
.btn:hover{
    background-color: white;
    color:black;

}
h2{
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3px;
    font-size: 3em;
    line-height: 48px;
    padding-bottom: 10px;
    color:rgb(54, 50, 50);
    font-weight: bold;
}
span{
    color:chocolate;
}
hr{
     margin: auto;
    width: 200px;
    margin-bottom:20px ;
}

/*******************************************************navbar******************************************/

/*bootstrap Css*/


/***************************************************end navbar******************************************/






/*______________________________________________________home Page___________________________________________*/


/*****************************************************ShowCase********************************************/
.slide{
    margin-bottom: 25px;

}
@media only screen and (max-width: 600px) {
    .slide {
        margin-top: 65px;
    }
  }

.showcase-head{
    font-weight: bold;
    font-size: 25px;
    text-transform: uppercase;
    color:chocolate;
    line-height: 20px;
    letter-spacing: 0.5em;
    text-shadow: 1px 1px 2px black, 0 0 25px white, 0 0 5px whitesmoke
}
.showcase-p{
    font-weight: inherit;
    font-size: 18px;
    color:chocolate;
    line-height: 20px;
    letter-spacing: 0.2em;
    text-shadow: 1px 1px 2px black, 0 0 25px white, 0 0 5px whitesmoke

}

/********************************************end showcase***********************************************/

/***********************************************about us***********************************************/


/*bootstrap Css && style already in*/


/********************************************end About us********************************************/


/**************************************************services*******************************************/
.services{
    width: 100%;
    min-height: 500px;
    background-image: url(./imges/light_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.card-img-top{
    margin-left: auto;
  margin-right: auto;
    height: 280px;
    width: 70%;
}
.services .card-title{
    
    font-size: 25px;
    text-shadow: 1px 1px 2px black, 0 0 25px chocolate, 0 0 5px coral;
}
.card{
    border-radius: 25px;
    margin-bottom: 50px;
    
}
.services .Our-services{
    padding-top: 30px;
}
/******************************************************end services************************************************/

/******************************************************Contact************************************************/
.get_in_touch{
max-width: 800px;
margin: 50px auto;
position: relative;
box-shadow: 0 10px 30px 0px rgba(0,0,0,0.1);
padding: 30px;


}
.contact-form .form-field{
    position: relative;
    margin: 32px 0;
}
.contact-form .input-text{
    display: block;
    width: 100%;
    height: 36px;
    border-width: 0 0 2px 0;
    border-color: chocolate ;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}
.contact-form .input-text:focus{
    outline: none;
}
.contact-form .submit-btn{
    display: inline-block;
    background-color: chocolate;
    color:white;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 8px 16px;
    border: none;
    width: 200px;
    cursor: pointer;
}

.footer-header{
    text-transform: uppercase;
    font-weight: bold;
    color:chocolate;
    padding-top: 50px;
    font-size: 25px;
    margin-bottom: 20px ;
}
.Footer_items{
    color:white;
    display: flex;
    margin-bottom: -10px;
    justify-content: center;
    font-size: 15px;
    
}
.Footer_items:hover{
    color:chocolate;
}
.Footer_items_company_details{
    color:white;
    display: flex;
    justify-content: center;
}
.footer-icon{
    margin-right: 10px;
}

/******************************************************end Contact************************************************/
/*______________________________________________________end home Page___________________________________________*/

/*______________________________________________________Who We are Page___________________________________________*/
.Who_we_are h2{
    margin-top: 8%;
    color: rgb(66, 55, 40);
    text-shadow: 2px 2px 4px #000000;
    font-size: 30px;
}
.logo_imge img{
    margin-top: 80px; 
    
}

/*______________________________________________________end Who We are Page___________________________________________*/
/*______________________________________________________our background Page___________________________________________*/

/***************************************************showcase***********************************************/
.OurBackGround .ShowCase img{
    width: 100%;
    max-height: 500px;
    background-repeat: no-repeat;
    background-size: cover; 
    margin-top: 63px;

}

@media only screen and (max-width: 600px) {
    .OurBackGround .ShowCase img {
        margin-top: 65px;
    }
  }
/***************************************************end showcase***********************************************/
/***************************************************Mission and Vision section*************************************/
.missionContainer{
    width: 100%;

    background-image: url(./imges/lightblue.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.missionContainer h2{
    color: chocolate;
    
}
.mission h2{
    color: chocolate;
}
/***************************************************end Mission and Vision section*************************************/

/*______________________________________________________Web Page___________________________________________*/
.WebDeve .ShowCase img{
    width: 100%;
    max-height: 500px;
    background-repeat: no-repeat;
    background-size: cover; 
    margin-top: 63px;

}
@media only screen and (max-width: 600px) {
    .WebDeve .ShowCase img{
        margin-top: 65px;
    }
  }


.wb-imge h2{
    padding-top: 5%;
    margin-top: 25px;
    text-shadow: 25px 10px 5px #000000;
   color: rgb(240, 129, 3);
   font-weight: bold;
   letter-spacing: 7px;
   opacity: 1;
    
}
/*_______________________________________________Media Marketing Style___________________________________*/

#MediaMarketing .ImageContainer img{

    width: 100%;
    max-height: 500px;
    background-repeat: no-repeat;
    background-size: cover; 
    margin-top: 63px;
    
}
@media only screen and (max-width: 600px) {
    #MediaMarketing .ImageContainer img{
        margin-top: 65px;
    }
  }

.contentImageContainer h1{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 3em;
    line-height: 48px;
    padding-bottom: 20px;
    color: rgb(54, 50, 50);
    font-weight: bold;
    
    text-shadow: 10px 10px 10px #fff;
    
}
.contentImageContainer p{
    letter-spacing: 3px;
    color: #454545;
    font-style: italic;
    
    font-size: 1.2em;
    text-shadow: 2px 0px 2px  #000000;
    


}
.contentImageContainer .btn{
    
    padding: 10px;
    margin-top: 10px;
    background-color: chocolate;
    color:white;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 8px 16px;
    border: 1px solid chocolate;
    width: 200px;
    cursor: pointer;
}

.contentImageContainer .btn:hover{
    color:black;
    background-color: white;
}
#MediaMarketing .checked{
    color:gold;
}
#MediaMarketing .ReviewContainer{
    background-color: coral;
}

#MediaMarketing .ReviewContainer p{
    font-style: bold;
    color:green;
}

#MediaMarketing h1{
    font-style: bold;
    color:black;

}
.basicTital{
    font-style: bold;
    color:black;

}
.basicPhr{
    font-style: 20;
    color: coral;
}
.SocialMediaChannel .ImageContainer{
    width: 300px;
    height: 200px;
    margin-left: 50px;
    background-image: url(./imges/SocialMediaMarketing1.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 10vw;
  
}
.Strong{
    color: coral;
    font-weight: bold;
}



/*_______________________________________________Blog Style___________________________________*/

.blog p{
    margin-top:20%;
    text-align: center;
    margin-bottom: 200px;
    
}

/*_______________________________________________contact Style___________________________________*/

.submit-btn{

    padding: 10px;
    margin-top: 10px;
    background-color: chocolate;
    color:white;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 8px 16px;
    border: 1px solid chocolate;
    width: 200px;
    cursor: pointer;

}

.submit-btn:hover{
    background-color: white;
    color:black;
    border: 1px solid chocolate;

}