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


#resec{
  max-width: 50px;
}





/******nav  and header starts *******/
#logo{
  
max-width: 130px;
}

#logo1{
  
  max-width: 70px;
  margin-left: 20px;
  margin-top: -20px;
  
   }
#calink{
  color: #f70037 !important  ;
}
#mainnaves{
  background-color: transparent;

}
#mainnav a{
  color: black;
  
 
}
#mainnav{
margin-top: -15px;
background-color: #F8F8FF;
color:black;

}
#mainnav a:hover{
  color: #f70037;
}

#navsevent{
  margin-top: -40px;
  
}

#navfinal{
background-color: #F8F8FF;
}




#navigation a:hover{
color: #5B84B1;

}
#header:before{
  content: "";
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
 


}
.header-section{
  width: 100%;
  height: inherit;
  color: white;
  text-align: center;
  
}
.center-div{
  width: 100%;
  font-family: 'Raleway', sans-serif;
 
  position: absolute;
  top: 75%;
  left: 50%;
  color: whitesmoke;
  transform: translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%); 
  -webkit-transform: translate(-50%,-50%);
  font-size: smaller;
}
#navbars{
  
  color: #F70037;
  
  background-color: #2d3436;
  background-image: linear-gradient(315deg, #2d3436 0%, #000000 74%);

}



@media(max-width: 768px){
  .nav-item{
      text-align: center;
  }
}
/******nav  and header ends *******/
/*index page header starts */
#indexhead{
  color:#F16375;
  font-family: 'Oswald', sans-serif;
 margin-top: 100px;
}
#indexhead3{
  color:#323648;
  font-family: 'Oswald', sans-serif;
 margin-top: 100px;
}
#indexhead1{
  color:#323648;
  font-family: 'Oswald', sans-serif;
 margin-top: 80px;
}
#indexhead2{
  color:#F16375;
  font-family: 'Roboto', sans-serif;
 margin-top: 80px;
 font-size: xx-large;
}
.indexcard{
  background-color: #F8F8FF;
  padding: 40px 0;
margin-top: 50px;
color:#595959;
text-align: center;

}
.indexcard:hover{
  transform: translateY(-15px);
  transition:0.9s;
  background-color: transparent;
}

#fieldimage{
 
  height: 100px;

}
.indexname{
  text-align: center;
  
  font-family: 'Roboto Slab', serif;
}
.indexname:hover{
  color: #F5833F;
}
#fieldof{

  background-color: #F7F7F7;
  height:auto;
  text-align: center;
 text-transform: uppercase;
  width: 100%;
}
#indexlink{
  text-decoration: none;
  color: #595959;
}
#indexlink:hover{
  color:#3D6B8C;
}
#fieldofwork{
  background-color:#F8F8FF ;
  width: 100vw;
  height: auto;
}
#indexmain{
  background-color: #F8F8FF;
  height: auto;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#indeximage{
  width: 100%;

height:auto;
margin-top: 10px;
margin-bottom: 20px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-filter: drop-shadow(20px 20px 20px #222 );
 filter: drop-shadow(20px 20px 20px #222);
}
 #indexpara{
   color:#323648;
   font-family: sans-serif;
 }
 #indexpara1{
  color:#323648;
  margin-top: -24px;
  font-family: sans-serif;
}
#masterhead{
  color:#323648;
  font-family: 'Oswald', sans-serif;
  margin-top: 50px;
}
#masterimage{
  width: 100%;
  margin-top: 45px;
  height:auto;
  margin-top: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 50px;
  -webkit-filter: drop-shadow(20px 20px 20px #222 );
   filter: drop-shadow(20px 20px 20px #222);
  }

#masterhr{
 background-color: #2F77A0;
  width: 100%;
  height: 0.5px;
 
}
#countdown{
  

justify-content: center;
justify-items: center;
margin-top: 100px;
align-items: center;
}

#countimage{
  width: 50%;
  height:auto;


 

}
#countpara{
  color: gray;
 font-size: 30px;
}
#review{
  align-items: center;
  text-align: center;
}

/* index page header end */
/****** our field of work start ********/
.field{
background-color: #D0D9E7;


  
  position: relative;
  height: auto;
  background-repeat:no-repeat ;
  background-size: cover;
  background-position: center;
  width: 100%;
}
#hone{
color: #595959;
font-family: 'Syne', sans-serif;
margin-bottom: 5px;

 
}

.field-extra-div{
  width: 100%;
height: auto;




}
.extra-div{
 background-color:transparent;
  
  
 


  padding: 50px!important;
 border-top-left-radius: 30% 70%;
  border-bottom-right-radius: 30% 70%; 
  transition: 0.9s;
  margin-bottom: 30px;
  
  word-wrap: break-word;
  


  
  
  text-align: center;
  
  

}
.extra-div h3{
  font-size: 18px;
  margin: 20px 0 15px 0;
  font-family: 'Syne', sans-serif;
  line-height: 0.9;
  word-spacing: 3px;
  color: #39484F;

}
.extra-div:hover{
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  transform: translateY(-20px);
  


}
.extra-div p{
color:#6f6f71;
content: justify;
}
.field.extra-div {
background-color: transparent;
}
.fa-color{
color: #E95F26;

}
/****** our field of work ends ********/
/*FOOTER starts*/

footer {
background-color:#282828;


  
 
  
}
.secure{

float: left;
margin-left: -19px;

 
  
}


footer a {
  color: #fff;
  font-size: 14px;
  transition-duration: 0.2s;
}

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


.copy:hover{
  color: white;
}

.footer-middle {
  padding-top: 2em;
  color: white;
}



/*SOCİAL İCONS*/

/* footer social icons */

ul.social-network {
  list-style: none;
  display: inline;
  margin-left: 0 !important;
  padding: 0;
}

ul.social-network li {
  display: inline;
  margin: 0 5px;
}


/* footer social icons */

.social-network a.icoFacebook:hover {
  background-color: #3B5998;
}

.social-network a.icoLinkedin:hover {
  background-color: #007bb7;
}
.social-network a.icoinstagram:hover {
  background-color:lightcoral;
}
.social-network a.icotwitter:hover {
  background-color: #007bb7;
}

.social-network a.icoFacebook:hover i,
.social-network a.icoLinkedin:hover i,
.social-network a.iconinstagram:hover i 
{
  color: lightgray;
}

.social-network a.socialIcon:hover,
.socialHoverClass {
  color: #44BCDD;
}

.social-circle li a {
  display: inline-block;
  position: relative;
  margin: 0 auto 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  width: 30px;
  height: 30px;
  font-size: 15px;
}

.social-circle li i {
  margin: 0;
  line-height: 30px;
  text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

.social-circle i {
  color: #595959;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

.social-network a {
  background-color: lightgray;
}
#para{
    text-align: center;
    font-size: 15px;
   text-transform: capitalize;
   margin-left: 5px;
   margin-bottom: 20px;
   color: #7D7D7D;
   
   
}
#para:hover{
  color: white;
}
#hfour{
    color:  gray;
}
#hfour:hover{
  color:#89ABE3;
}
#navigation{
  color: #7D7D7D;
}
#navigation:hover{
  color: white;
  
}
/*FOOTER ends*/


/******service  starts *******/
.section-services {
  margin-top: -40px;
  padding-top: 90px;
  padding-bottom: 120px;
  background-color: #F8F8FF;
 
  color: #323648;
  font-family: 'Raleway', sans-serif;
}

.section-services .header-section {
  margin-bottom: 35px;
}

.section-services .header-section .title {
  position: relative;
  margin-bottom: -40px;
  padding-bottom: 25px;
  text-transform: uppercase;
  font-weight: 700;
}



.section-services .header-section .title span {
  color:#595959;
 

}

.section-services .header-section .description {
  color: #FCF6F5FF;
}

.section-services .single-service {
  margin-top: 40px;
  background-color: transparent;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.1); 
  border-top-left-radius: 20% 40%;
  border-bottom-right-radius: 20% 40%; 
}

.section-services .single-service .part-1 {
  padding: 40px 40px 25px;
  border-bottom: 2px solid #1d1e23;
}

.section-services .single-service .part-1 i {
  margin-bottom: 25px;
  font-size: 50px;
  color:  #E95F26;
}

.section-services .single-service .part-1 .title {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.8em;
}

.section-services .single-service .part-2 {
  padding: 30px 40px 40px;
}

.section-services .single-service .part-2 .description {
  margin-bottom: 22px;
  color: #6f6f71;
  font-size: 14px;
  line-height: 1.8em;
}

.section-services .single-service .part-2 a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

.section-services .single-service .part-2 a i {
  margin-right: 10px;
  color: #f70037;
}
.single-service:hover{
 transform: translateY(-25px);
 transition:1s;
 box-shadow: 0 0 200px 0 rgba(0,0,0,.1);
 
}

.card-title{
  font-family: 'Montserrat', sans-serif;
  font-size:x-large;
  font-weight: 800;
}
#heads1{
  font-family: 'Montserrat', sans-serif;
  font-size:x-large;
  font-weight: 800;
  margin-left: -84px;
}
.card-text{
  font-family: 'Roboto Slab', serif;
  font-size:medium;
  word-break: keep-all;
  font-weight: 500;
}
#main{
  background-color:transparent;
  border: none;
 
  border-radius: 25px;

}
#main:hover{
  transform: translateY(-15px);
  transition:0.9s;
background-color: #F8F8FF;
  box-shadow: 0 0 200px 0 rgba(0,0,0,.1);
  
  
}
#icn{
 margin-left: 25px;
 margin-top: 45px;
 height: 80px;
 width: 80px;
 box-shadow: #007bb7;
 -webkit-filter: drop-shadow(10px 10px 10px #222 );
 filter: drop-shadow(10px 10px 10px #222);

  

}

  /******service  ends *******/
/** service second portion starts **/
#services{
background-color: #F8F8FF;
height: auto;
width: auto;


}

#serhead{
color: #323648;
margin-top: 50px;
font-family: 'Noto Sans JP', sans-serif;
font-size:35px;
}
#serpara{
color:#323648; 
font-family: 'Roboto', sans-serif;
font-weight: 200;
font-size: large;
}

#serimage{
width: 100%;
margin-top: 45px;
height: auto;

background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-filter: drop-shadow(20px 20px 20px #222 );
 filter: drop-shadow(20px 20px 20px #222);
}
#serpara1{
  color:#323648; 
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: medium;
  word-wrap: break-word;
}
#serpara2{
  color:#323648; 
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: medium;
  word-wrap: break-word;
  margin-left: -85px;

}
/* service portion ends */

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



#background{
  background-color:#F8F8FF;
  clip-path: polygon(50% 0%, 100% 0, 100% 60%, 100% 100%, 21% 100%, 0 90%, 0 0);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
  height: auto;
  width: 100%;
  position: relative;
}
#background2{
 background-color:  #F8F8FF;
  height:auto;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;


}
#picpic{
  position: absolute;
}
#about{
  background-color:  #F8F8FF;
  height: auto;
  width: auto;
  
 
}

#abtcard{
 
  background-color:#F8F8FF;
  height: auto;
  margin-top: -24px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#aboutcards{
  border: none;
  margin: 15px;
  background-color: transparent;
 
}
#hori{
  color: black;
  width: 950px;

}
#abtimg{
  height: 120px;
  width: 120px;
  margin-left: 10px;
  margin-top: 15px;
  -webkit-filter: drop-shadow(10px 10px 10px #222 );
filter: drop-shadow(10px 10px 10px #222);
}
#aboutcardhead{
  color: #C6090A;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 4px;
}
#abtscnd{


  position: relative;
  margin-left: 49px;
  margin-top: 75px;
  font-size: 32px;
  color: #C6090A;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 2px;
}
#abtpara{
  color: black;
 margin-left: 50px;
 margin-right: 55px;
  font-family: 'Montserrat', sans-serif;
font-size: 18px;

}
#abtpara1{
  color: black;
 margin-left: -3px;
 margin-right: 55px;
  font-family: 'Montserrat', sans-serif;


}

#abthead{
  color: #323648;
margin-top: 50px;
font-family: 'Noto Sans JP', sans-serif;



  letter-spacing: 1px;
  
  font-size: 45px;

 
}
#cart{
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% ;
  background-color: #E0EEFF;
  margin-top: 50px;

  
}
#cimage{
height:auto;
width:100%;
-webkit-filter: drop-shadow(10px 10px 10px #222 );
filter: drop-shadow(10px 10px 10px #222);

}
#aboutpara{
  font-family: 'Montserrat', sans-serif;
  margin-top:2px;
}
#abtpara2{
  color:#4B4E5E;
  margin-left: 15px;

}

/******About us ends*********/

/***contact us *******/
.conto{
background-color: #F8F8FF;

}
#forms{
 background-color: whitesmoke;
color: grey;
-webkit-filter: drop-shadow(10px 10px 10px #222 );
filter: drop-shadow(20px 20px 20px #222);

}
#conhead{
 color: #5bb175;
}
.btn-info{
padding: 10px;
color:white;
background-color:#F70037;

}
.btn-info:hover{
 background-color: black;
}
#firstname{
 color: #5bb175;
 font-size: 11px;
}
#lastname{
color: #5bb175;
font-size: 11px;
}
#emails{
color: #5bb175;
font-size: 11px;
}
#numbers{
color: #5bb175;
font-size: 11px;
}
#message{
color: #5bb175;
font-size: 11px;
}

#getintouch{
  background-color: #F8F8FF;
  height: auto;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#contacthead{

    color: #323648;
    margin-top: 50px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:35px;
    letter-spacing: 5px;

}
#contactpara{
  color:#323648; 
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: large;
  }
/***contact us ends *******/


/****events page *******/

.Events{
background-color:#F8F8FF;
height: auto;
width: 100%;
position: relative;
}
#hone{
color: #323648;
font-family: 'Noto Sans JP', sans-serif;
  font-size:xx-large;
  font-weight: 800;
margin-bottom: 5px;
text-align: center;
margin-top: 25px;
}


.testimonials{
padding: 40px 0;
background: #F8F8FF;
color: #595959;
text-align: center;

}



.inner{
max-width: 1200px;
margin: auto;
overflow: hidden;
padding: 0 20px;
}

/* .border{
width: 160px;
height: 5px;
background: #6ab04c;
margin: 26px auto;
} */

.row{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.col{
flex: 33.33%;
max-width: 33.33%;
box-sizing: border-box;
padding: 15px;
}
.testimonial{
background:#F8F8FF;
padding: 30px;
font-family: 'Poppins', sans-serif; 



margin: 10px;
margin-bottom: 25px;

border: none;

}
.testimonial:hover{
transform:scale(1.1);
transition: 0.9s;


box-shadow: 0 0 120px 0 rgba(0,0,0,.1); 
background:transparent;



}
.testimonial img{
width: 100px;
height: 100px;
border-radius: 30%;
-webkit-filter: drop-shadow(10px 10px 10px #222 );
filter: drop-shadow(10px 10px 10px #222);
}
.namess{
font-family: 'Montserrat', sans-serif;
  font-size:x-large;
  font-weight: 800;
text-transform: uppercase;
margin: 20px 0;
color: #323648;
}
.stars{
color: #6ab04c;
margin-bottom: 20px;
}


@media screen and (max-width:960px) {
.col{
flex: 100%;
max-width: 80%;
}
}

@media screen and (max-width:600px) {
.col{
flex: 100%;
max-width: 100%;
}
}
.Events  h1 {
color:#BEC0C2;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-size: 35px;
}
.name{
color: #5bb175;
text-transform: uppercase;
font-weight: auto;

}



/****events ends *******/


/***  carrer starts*****/
#regis{
background-color:#F5F5F5;

margin-top: 50px;
-webkit-filter: drop-shadow(10px 10px 10px #222 );
filter: drop-shadow(20px 20px 20px #222);
border-radius: 5px;
}

#file{
color: #007bb7;

}

#files{

width: 258px;
text-align: center;

}
#uploadresume{
  color: black;
  margin-left: 10px;
}
#file{
  color: #f70037;
}
#fbutnc{
width: 158px;
margin-top: 10px;
background-color: #FF5049;
color: white;
}
#names{
color: #5bb175;
font-size: 13px;
}
#location{
color: #5bb175;
font-size: 13px;
}
#edu{
color: #5bb175;
font-size: 13px;
}
#emails{
color: #5bb175;
font-size: 13px;
}

/* career portion starts */
#carrer{
background-color: #F8F8FF;
height: auto;
width: auto;


}
#carhead{
color: #323648;
margin-top: 50px;
font-family: 'Noto Sans JP', sans-serif;
font-size:28px;
}
#carpara{
color:#323648; 
font-family: 'Roboto', sans-serif;
font-weight: 200;
font-size: large;
}
#carbtn{
background-color:#FF5049;
padding: 15px 50px;
margin-bottom: 50px;



}

#carlink{
text-decoration: none;
color: white;
}
#carimage{
width: 100%;
margin-top: 45px;
height: auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-filter: drop-shadow(10px 10px 10px #222 );
filter: drop-shadow(10px 10px 10px #222);

}
#webcont{
color: #323648;
word-break:normal;

font-size: 15px;

}
#carhead3{
color: #FF5049;
}
#hr{
background-color: #FF5049;
height:auto;
width: 100%;
}
#carhead2{
color: white;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
margin-top: 25px;
font-weight: 900;
}
#carpara2{
color: white;
font-family: 'Roboto', sans-serif;
font-weight: 26px;
font-weight: lighter;
justify-content: center;

}
#hrhead{
color: white;
font-family: 'Noto Sans JP', sans-serif;

font-size: 30px;

}
#hrpara{
color: white;
font-family: 'Roboto', sans-serif;

}
#hricon{
color: white;


}
#hrpara2{
color: white;
font-size: 20px;
margin-left: 10px;
text-align: center;
margin-bottom: 10px;
}
/* carrer portion ends */
/* events second portion starts*/
#Events2{
background-color: #F8F8FF;
height: auto;
width: auto;


}
#evthead{
color: #323648;
margin-top: 50px;
font-family: 'Noto Sans JP', sans-serif;
font-size:35px;
}
#evtpara{
color:#323648; 
font-family: 'Roboto', sans-serif;
font-weight: 200;
font-size: large;
}

#evtimage{
width: 100%;
margin-top: 45px;
height: auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-filter: drop-shadow(10px 10px 10px #222 );
 filter: drop-shadow(10px 10px 10px #222);

}
/* events end */
/* scroll top starts */
#topbtn{
  display: none; 
  position: fixed;
  
  background: #F70037;
  bottom: 60px;
  right: 30px;
  border: none;
 padding:15px;

  z-index: 99;
  border-radius: 10px;
 
}
#topbtn:hover{color: #222;
  
}
html{
  scroll-behavior: smooth;
}

/* scroll top ends */
/* thanx page stars */
#thanx{
  background-color:#F7F7F7;
  height: 110vh;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#thankhead{
  font-family: 'Chilanka', cursive;
 text-align: center;
  color:#2C51A3 ;
  margin-top: 20px;
  font-size: 90px;
 
}
#thankpara{
  font-family: 'Chilanka', cursive;
  text-align: center;
   color:	#808080;
   margin-top: -19px;
}
#thankbutton{
  padding: 10px 60px;
  background-color: #f70037;
  border-radius: 10px;
  color: white;
  margin-left: 30%;

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



/* thanx page ends */
/*final loader starts */

  /*------------------  */
#otppp{
  border: none;
}
#otpbutton{
  width: 180px;
  background-color: #C82333;
  border-radius: 10px;
  margin-top: 10px;
  color: white;
  height: 50px;
  
}/*something went wong */
#errorimage{
  width: 100%;

margin-bottom:30px;
height: auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-filter: drop-shadow(10px 10px 10px #222 );
filter: drop-shadow(10px 10px 10px #222);

}
#errorbuttn{
  margin-bottom:30px;
}
#errorhead{
  color: #323648;
  margin-top: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size:35px;
}
#errorpara{
  color:#323648; 
  font-family: 'Roboto', sans-serif;
  font-weight: 200;

  font-size: medium;
}
/*thanx page */
#thanxhead{
  color: #323648;
  margin-top: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size:35px;
}
#thanxpara{
  color:#323648; 
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: medium;
}
#thanxsection{
  background-color: #F8F8FF;
  height: auto;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* client page testimonial */
#clienthead{
  color:#323648;
  font-family: 'Oswald', sans-serif;
  margin-top: 50px;
}
#clientpara{
  color:#323648;
  font-family: sans-serif;
  margin-top: -25px;
}
#thanximage{
  width: 100%;
  height: auto;
  background-position: center;
  background-size: cover;
  margin-bottom: 50px;
}
/** product cards */
/*
flip card
*/
.flip-card {

  width: 300px;
  height: 300px;
  perspective: 1000px;


margin-bottom: 15px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  border-radius: 15px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
  
}

.flip-card-front, .flip-card-back {
  position: absolute;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  
}

.flip-card-front {
  background-color:#F5F5FC;
  color: black;
  
 
}

.flip-card-back {
  background-color:#F5F5FC;
  color: #323648;
 
  transform: rotateY(180deg);
}
#productimage{
  height: 200px;
  width: 200px;
  margin-left:30px;
  margin-top: 7px;
}
#icnnn{
  width: 100%;
  height: auto;
  margin-top: 10px;
  
  -webkit-filter: drop-shadow(10px 10px 10px #222 );
  filter: drop-shadow(10px 10px 10px #222);
}
#icno{
  width: 80%;
  height: auto;
}
#mains{
  background-color: transparent;
  border-radius: 10px;
border: none;
}
#mains:hover{
  
  transform: translateX(-15px);
  transition:0.2s;
background-color: #F8F8FF;
  box-shadow: 0 0 200px 0 rgba(0,0,0,.1);
}
#prolink{
  text-decoration: none;
  color: white;
}
#probtn{
  margin-bottom: 5px;
}
/** video player **/
#video{
  width: 100%;
  height: auto;
 margin-top: 60px;
 margin-bottom: 60px;
  border-radius: 2px;
}
#videoplayer{
  background-color:#F8F8FF;
  width: 100%;
  height: auto;

}
/** av bypass */
/** av bypass */
#avhead{
  color:#C6090A;
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
  margin-top: 40px;
  letter-spacing: -1px;

}
#avpara{
  color: #323648;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  
}
#avhead1{
  color:black;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  margin-top: 20px;
  letter-spacing: -1px;
  

}
/*slider */
#demo{
  background-color: #F8F8FF;
  height: auto;
  width: 100%;
  
}

#demo .carousel-control-next{
  width: 50px;
  height: 50px;
  border-radius:20%;
 
  background-color: #658FAE;
opacity: 0.2;
  top: calc(50% - 25px);
}
#demo .carousel-control-prev{
  width: 50px;
  height: 50px;
  border-radius:20%;

  background-color: #658FAE;
opacity: 0.2;
  top: calc(50% - 25px);
}
#demo .carousel-control-prev:hover{
  background-color: #658FAE;
  opacity: 0.7;
}
#demo .carousel-control-next:hover{
  background-color: #658FAE;
  opacity: 0.7;
}
#demo .carousel-control-prev{
  left: 5%;
}
#demo .carousel-control-next{
  right: 5%;
}
#sliderimage{
  height: auto;
  width: 100%;
margin-bottom: 20px;
margin-top:15px;
  -webkit-filter: drop-shadow(18px 18px 18px #222 );
  filter: drop-shadow(18px 18px 18px #222);
}
#sliderhead{
  font-weight: 800;
margin-top: 22px;
color: #05122C;

}
#sliderhead1{
  font-weight: 800;
margin-top: 2px;
color: #05122C;
margin-right:10px;
margin-left:10px;

}

#sliderpara{
  font-weight: 100px;
font-size: 16px;
}
#sliderbtn{
  border-radius:1px;
  margin-bottom:20px;
  
  
}
#sliderhead2{
  font-family: 'Poppins', sans-serif;
font-size: 25px;
font-weight: bold;
 }

  /* ask to expert */
  #asktoexpert{
    background-color:#F8F8FF;
    width: 100%;
    height: auto;
  }
  #askpara{
   font-size:20px;
   margin-left:10px;
   margin-right:10px;
  }
  #askpara2{
    font-size:2px;
    
   }
  #asktoexpertform{
    background-color:#F6F6FD;
    width: 100%;
    height: auto;
    
  }
  #nameask{
    padding: 31px;
  }
  #numask{
    padding: 31px;
  }
  #managask{
    padding: 31px;
  }
  #emailask{
    padding: 31px;
  }
  #labelname{
    color:#05122C ;
    font-size:20px;
  }
  #askpara1{
    font-size:15px;
 
   }
   #askpara2{
    font-size:20px;
 
   }
   .form-check-input{
     top:3px;
     padding: 28px;
     
    }
    .form-check-input{
      padding: 20px;
    }
   
   #askimage{
     height: auto ;
     width: 100%;
   }
   
   #formcheck{
     font-size: 20px;
     color:#05122C;
    
   }
   .box #one,#two,#three{
    
    height: 19px;
    width: 25px;
   }
   #askbtn{
     padding:28px;
     margin-top:7px;
     font-size:17px;
     width: 100%;
     height: auto;
    
     background-color:#C82333;
     color: white;
     border:none;
     font-family: 'Source Sans Pro', sans-serif;
     
     border-radius: 5px;
   
    
  
  
   }
   #askname{
     color:#C6090A;
   }
   #askmanag{
    color:#C6090A;
   }
   #asknum{
     color: #C6090A;
   }
   #askmails{
     color: #C6090A;
   }
   #msgerr{
    color: #C6090A;
   }
   /* main page slider*/
   #demo1{
    background-color: #F8F8FF;
    height: auto;
    width: 100%;
    
  }
  
  #demo1 .carousel-control-next{
    width: 50px;
    height: 50px;
    
   
    background-color: #658FAE;
  opacity: 0.2;
    top: calc(70% - 25px);
  }
  #demo1 .carousel-control-prev{
    width: 50px;
    height: 50px;
  
    
  
    background-color: #658FAE;
  opacity: 0.2;
    top: calc(70% - 25px);
  }
  #demo1 .carousel-control-prev:hover{
    background-color: #658FAE;
    opacity: 0.9;
  }
  #demo1 .carousel-control-next:hover{
    background-color: #658FAE;
    opacity: 0.9;
  }
  #demo1 .carousel-control-prev{
    left: 0%;
  }
  #demo1 .carousel-control-next{
    right: 0%;
  }
  #sliderimage{
    height: auto;
    width: 100%;
  margin-bottom: 20px;
  margin-top:15px;
    -webkit-filter: drop-shadow(18px 18px 18px #222 );
    filter: drop-shadow(18px 18px 18px #222);
  }
  #sliderhead{
    font-weight: 800;
  margin-top: 2px;
  color: #05122C;
  
  }
  #sliderhead1{
    font-weight: 800;
  margin-top: 2px;
  color: #05122C;
  margin-right:10px;
  margin-left:10px;
  
  }
  
  #sliderpara{
    font-weight: 100px;
  font-size: 16px;
  }
  #sliderbtn{
    border-radius:1px;
    margin-bottom:20px;
    
    
  }
  #message1{
    color: #C6090A;
  }