body{
  font-family: 'Biryani', sans-serif;;
}
@media(min-width:425px)
{
#logo{
    text-align: center;
    width:400px;
  
  }
}
@media(max-width:424px)
{
#logo{
    text-align: center;
    width:300px;
  
  }
}
  #mvg{
    font-size: 80px;
    color:white;
  }
  #mvg>p{
   
    color:white;
  }
 h2#ab{
  color:#245993;

 }
h2#ab{
  text-align: center;
text-align-last:center;


}
 #ab{
    text-align: justify;
  text-align-last:left;
  margin-left: 10px;
  margin-right: 10px;
 
  }
  .padding{
  text-align:center;
  }
  .service .card {
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    background-color:#245993 !important;
    color:white;
    height: 360px;

    
  } 
  @media(max-width:320px)
  {
    .service .card {
     
      
      height: 400px;
  
      
    } }
  
  
  .service .card i {
    transition: all 0.5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  
  .service .card h4, .service .card i, .service .card p {
    position: relative;
  }
  
  .service .card h4 {
    transition: color .5s ease;
    -moz-transition: color .5s ease;
    -webkit-transition: color .5s ease;
    -o-transition: color .5s ease;
  }
  
  .service .card p {
    color: white;
    transition: color .5s ease;
    -moz-transition: color .5s ease;
    -webkit-transition: color .5s ease;
    -o-transition: color .5s ease;
  }
  
  .service .card:hover h4 {
    color:#245993;
    transition: 1s ease;
  }
  .service .card:hover{

    transition: 2s ease;
  }
 
  .service .card:hover i:hover {
    color:white;
    background-color: whitesmoke;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  
  .service .card:hover p {
    color:#245993;
   
  }
  .service .card:hover .fa::before  {
    color:#245993;
    
  }
  
  
  .service .card:before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: -500px;
    width: 100%;
    height: 360px;
    background:whitesmoke;
    color:#245993;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
  
    
  }
 
  .service .card:hover:before {
    bottom: 0px;
  }
  
  #obj,#partners
  {
    text-align: center;
    color:#245993 ;
    margin-top:10px;
    margin-bottom:10px;
  }
  #obj>strong,h3.sub-heading
  {
    color:#857a3a ;
    margin-top:10px;
    margin-bottom:10px;
  }

 


  
  
@media(max-width:768px)
{
  #aftercollapse{
    display: none;
  }
}
@media(min-width:1025px)
{
  #beforecollapse{
    display: none;
  }

}
/**************************** objectives and stratergies *****************************************/
.container1{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.container1 .box1{
  position: relative;
  width: 350px;
  padding: 40px;
  background: #fff;
  box-shadow:0 5px 15px rgba(0,0,0,0.1);
  border-radius:4px;
  margin: 20px;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;

}
.container1 .box1:before{
  content: '';
  width:50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255,255,255,.2);
  z-index: 2;
  pointer-events: none;
}
.container1 .box1 .icon1{
  position: relative;
  width: 145px;
  height: 145px;
  color: #fff;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border-radius: 50%;
  font-size: 28px;
  font-weight: 700;
  transition: 2s ;
}
.container1 .box1:nth-child(1) .icon1{
  box-shadow: 0 0 0 0 #245993;
  background: #245993;
}
.container1 .box1:nth-child(1):hover .icon1{
  box-shadow: 0 0 0 700px #245993;
}

.container1 .box1:nth-child(2) .icon1{
  box-shadow: 0 0 0 0 #857a3a;
  background: #857a3a;
}
.container1 .box1:nth-child(2):hover .icon1{
  box-shadow: 0 0 0 700px #857a3a;
}
.container1 .box1:nth-child(3) .icon1{
  box-shadow: 0 0 0 0 #245993;
  background: #245993;
}
.container1 .box1:nth-child(3):hover .icon1{
  box-shadow: 0 0 0 700px #245993;
}
.container1 .box1 .content1{
  position: relative;
  z-index: 1;
  transition: 0.5s ease;
}
.container1 .box1:hover .content1{
  color: #fff;
}
.container1 .box1:hover .content1 p{
  margin: 0;
  padding: 0;
}



/**************************** objectives and stratergies *****************************************/

/**********************************FACEBOOK FEED***********************************************/




/**********************************FACEBOOK FEED***********************************************/
/**************************** Our Initiatives*****************************************/

  
.tile{ 
    width: 50%;
    height: 50%;
    float:left;
    font-size: 30px;
   }
#tl{ 
  background: #fff;
  color:#245993; 
   }
#tr{ 
  background: #245993;
  color: #fff;
   }
#bl{
 background: #245993;
 color: #fff;
  }
#br{
 background: #fff;
 color: #245993;
  }
  .tile p{
    margin-top: 150;	
  }


/**************************** Our Initiatives *****************************************/

/**************************** Our Focus *****************************************/

/**************************** Our Focus *****************************************/
#ourfocus
{
  width:120px;
}

/**************************** NEWS FEEDS*****************************************/
 /*description*/
 @media (max-width: 600px)
 {
  
 .ribbon:before{
  width: 0.469em;
  height: 3.0em;
  padding: 0 0 0.438em;
  top: 0;
  left: -0.469em;
  background: inherit;
  border-radius: 0.313em 0 0 0.313em;
 }
 #wa{
    height: 10.5%;
}


}

 @media (max-width: 600px)
 {
 .ribbon {
     line-height: 1.143em;
     padding: 0.5em;
 }
  #wa{
    height: 10.5%;
}


 
}
 .ribbon {
     position: relative;
     padding: 0 0.5em;
     font-size: 2.000em;
     margin: 0 0 0 -0.625em;
     line-height: 1.875em;
     color: white;
     border-radius: 0 0.156em 0.156em 0;
     background:#245993;
     box-shadow: -1px 2px 3px rgba(0,0,0,0.5);
 }
 @media(min-width:600px)
 {
 .ribbon:before {
    width: 0.469em;
    height: 2.250em;
    padding: 0 0 0.438em;
    top: 0;
    left: -0.469em;
    background:  #245993;
    border-radius: 0.313em 0 0 0.313em;
}
 }
.ribbon:before, .ribbon:after {
    position: absolute;
    content: '';
    display: block;
}

 h1 {
     display: block;
     font-size: 2em;
     margin-block-start: 0.67em;
     margin-block-end: 0.67em;
     margin-inline-start: 0px;
     margin-inline-end: 0px;
     font-weight: bold;
 }
 
 .ribbon:after {
     width: 0.313em;
     height: 0.350em;
     background: rgba(0,0,0,0.35);
     bottom: -0.313em;
     left: -0.313em;
     border-radius: 0.313em 0 0 0.313em;
     box-shadow: inset -1px 2px 2px rgba(0,0,0,0.3);
 }
 
  .content {
    background: white;
     width: 90%;
     min-height: 3.750em;
    margin: 2em auto;
    padding: 1.250em;
    border-radius: 0.313em;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
    line-height: 1.5em;
    color: #775f5f;
  }
.ribbon:before {
  width: 0.469em;
  height: 2.250em;
  padding: 0 0 0.438em;
  top: 0;
  left: -0.469em;
  background:  #245993;
  border-radius: 0.313em 0 0 0.313em;
}

@media(max-width:425px)
{
  #ribbonsizefb{
    font-size: 1.729em;
  }
 
  
}

@media(max-width:375px)
{
  #ribbonsizefb{
    font-size: 1.429em;
  }
  #ribbonsize{
    font-size: 1.429em;
  }
  
}
@media(max-width:320px)
{
  #ribbonsizefb{
    font-size: 1.329em;
  }
  #ribbonsize{
    font-size: 1.350em;
  }
  
}

/*description*/
/**************************** NEWS FEEDS *****************************************/
/*******************************about social media *****************************************************/



a.btn-social,
.btn-social
{
    border-radius: 50%;
    color: #ffffff !important;
    display: inline-block;
    height: 54px;
    line-height: 54px;
    margin: 8px 4px;
    text-align: center;
    text-decoration: none;
    margin-bottom:15px;
    transition: background-color .3s;
  
    width: 54px;
}

.btn-social .fa,.btn-social i
{
    backface-visibility: hidden;
 
    transform: scale(1);
    transition: all .25s;
    
}
.btn-social:hover,.btn-social:focus
{
    color: #fff;
    outline: none;
    text-decoration: none;
}
.btn-social:hover .fa,.btn-social:focus .fa,.btn-social:hover i,.btn-social:focus i
{
    
    transform: scale(1.3);
  
}
.btn-social.btn-xs
{
    font-size: 9px;
    height: 24px;
    line-height: 13px;
    margin: 6px 2px;
    width: 24px;
}
.btn-social.btn-sm
{
    font-size: 13px;
    height: 36px;
    line-height: 18px;
    margin: 6px 2px;
    width: 36px;
}
.btn-social.btn-lg
{
    font-size: 22px;
    height: 72px;
    line-height: 40px;
    margin: 10px 6px;
    width: 72px;
}


.btn-dropbox
{
    background-color: #245993;
}
.btn-dropbox:hover
{
    background-color: #857a3a;
}
.btn-facebook
{
    background-color: #245993;
}
.btn-facebook:hover,#aboutfb.fa-facebook:hover
{
    background-color: #857a3a;
}

.btn-instagram
{
    background-color: #245993;
}
.btn-instagram:hover,#aboutinsta.fa-instagram:hover
{
    background-color: #857a3a;
}


.btn-linkedin
{
    background-color: #245993;
}
.btn-linkedin:hover,#aboutlinkedin.fa-linkedin:hover
{
    background-color: #857a3a;
}

.btn-twitter
{
    background-color: #245993;
}
.btn-twitter:hover,#abouttwitter.fa-twitter:hover
{
    background-color: #857a3a;
}
.btn-utubeplay
{
    background-color: #245993;
}
.btn-utubeplay:hover,#aboututube.fa-youtube-play:hover
{
    background-color: 	#857a3a;
}
#aboutfb.fa-facebook, #abouttwitter.fa-twitter, #aboutlinkedin.fa-linkedin,  #aboutinsta.fa-instagram ,#aboututube.fa-youtube-play{
 
  color:white;
  border: none;
  font-size:20px ;
  margin-top:10px;

}
 /* alert */
  .signup-modal 
{
    width: 100vw;
}
.signup-modal .modal-header
{
    display: flex;
    justify-content: flex-end;
    margin: 0px;
    padding: 0px;
    overflow: visible;
}
.signup-modal .modal-dialog
{
    pointer-events: all;
}
.signup-modal .container1 {
    /* width: 500px; */
    height:350px;
    background: rgb(250, 249, 249);
    margin: 20px auto;
    border-radius: 4px;
    text-align: center;
    position: relative;
   /* -moz-box-shadow: 0px 0px 28px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0px 0px 28px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 28px rgba(0, 0, 0, .3);*/
    overflow: hidden;
}


.signup-modal .one,
.signup-modal .two {
    display: block;
    height:500px;
    width: 500px;
    margin: 0px auto;
    position: absolute;
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.signup-modal .one {
    top: 0;
    background: #fff;
    box-shadow: none;
}

.signup-modal .two {
    top: 700px;
    background: #857a3a;
}

.signup-modal .two h3 {
    color: #fff;
    padding-top: 50%;
}

.signup-modal .container1 .logo {
    width:200px;;
    height: auto;
    display: block;
    margin: 0px auto;
}

.signup-modal .one .heading {
    color: #5c8092;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 900;
    margin-top: 15px;
}

.signup-modal .container1 p {
    font-size: 12px;
    color: #b7b7b7;
    font-weight: lighter;
    text-transform: capitalize;
}

.signup-modal input[type='text'] {
    width: 85%;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding-bottom: -80px;
    border: none;
    border-bottom: 3px solid #857a3a;
    overflow: auto;
    position: relative;
}




.signup-modal  input[type='text']:active:focus,
.signup-modal input[type='text']:focus,
.signup-modal input[type='text']:hover {
    outline: none;
    font-size: 18px;
}



.signup-modal input[type='text']:focus::-webkit-input-placeholder,
.signup-modal input[type='text']:active:focus::-webkit-input-placeholder {
    font-size: 8px;
    display: block;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.signup-modal  ::-webkit-placeholder {
    font-size: 14px;
    color: #b7b7b7;
    text-transform: capitalize;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.signup-modal ::placeholder {
    font-size: 14px;
    color: #b7b7b7;
    text-transform: capitalize;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.signup-modal .one .btn {
    width: 85%;
    background: #857a3a;
    padding: 10px;
    margin-top: 15px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}

.signup-modal .one .btn:active:focus,
.signup-modal .one .btn:focus,
.signup-modal .one .btn:hover {
    outline: none;
}

.signup-modal .one .btn:hover {
    cursor: pointer;
}

.signup-modal .close {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    cursor: pointer;
}

.signup-modal .close:before {
    content: "";
    position: absolute;
    top: -340px;
    right: 50px;
    display: block;
    width: 22px;
    height: 3px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.signup-modal .close:after {
    content: "";
    position: absolute;
    top: -340px;
    right: 50px;
    display: block;
    width: 22px;
    height: 3px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.signup-modal .btn-close
{
    border: none;
    background: transparent;
    outline: none;
}
.signup-modal .modal-content
{
    -moz-box-shadow: 0px 0px 28px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0px 0px 28px rgb(0 0 0 / 30%); 
    box-shadow: 0px 0px 28px rgb(0 0 0 / 30%);
    background:white;
    border-radius: 4px;

}

#note{
  width:auto;
  height:auto;
}
@media (max-width: 991.98px)
{
    .signup-modal {
    width: 100vw;
    }
}

/*@media(max-width:365px)*/
/*{*/
/*  #note{*/
/*    display: none;*/
/*  }*/
/*}*/
/*@media(min-width:365.1px)*/
/*{*/
/*  #note1{*/
/*    display: none;*/
/*  }*/

/*}*/
/*******************************about social media *****************************************************/