body {
  font-family: BELLB;
  font-size: 16px;
}
/*********   TOP HEADER CSS STYLING             ********************/
.navbar-toggler-icon i{color: #fff; margin-top: 4px;}
.top_header{
    background: #e04a6d;
    padding: .5rem 1rem;
    color: #fff;
}
.top_header .top-heading {display: flex;}
.top_header .top-heading h3 a{color: #fff;border-bottom: 1px solid #fff;} 
.top_header .top-heading h3{margin: auto;font-family: CALIBRI;
    font-size: 16px;
    font-weight: 500;}
.top_header .social_icon i{color:#fff;    padding: 0 5px; }

/**********************     Navigation Bar            ***********************/
.navigation_bar{
    background-color: #fdf2ee;z-index: 9;
}
.menu_list a{border-radius: 0!important;  margin:0;}
.navigation_bar .navbar-brand{
    color:#e04a6d;font-weight: 600;margin-right: 60px;
}
.navigation_bar .navbar-brand span{background: #474747;
    color: #fff;
    padding: 5px 10px;
    font-weight: 400;
    font-style: italic;}
.navigation_bar li{margin-right: 10px;}
.navigation_bar li a{color: #474747;text-transform: uppercase;font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;}
.navigation_bar .active a.nav-link{
    background: #e04a6d;
    border-radius: 15px;color: #fff;
   
}
.nav-item a:hover{
 background: #e04a6d;
    border-radius: 15px;color: #fff;
   
}
.join_btn {
   
    background: #e04a6d;
    border: none;
    color: #fff;
    border-radius: 25px;
    border: 1px solid #e04a6d;
    padding: 10px 10px!important;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 20px;

}
.join_btn:hover{color:#e04a6d;text-decoration: none;border:1px solid #e04a6d;background-color: #fbf0ec;-webkit-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out;}
.join_btn span{
  background: #fdf2ee;
    padding: 5px 7px;
    border-radius: 25px;
    margin-left: 10px;
}
.join_btn  span i{color: #e04a6d;}
/********************    Navigation bAR ends           ************************/
/*******      TOP HEADER CSS ENDS       **************/

@media (min-width: 768px) { 
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }
}
@media (max-width: 767px) { 
.dropdown:hover .dropdown-menu
    display: none;
    margin-top: auto; 
}
@media (max-width: 689px) { 
.top_header .top-heading h3{
    font-size: 12px;
}

}
/**************   Carousel  css styling            ******/
/* Slider */
.carousel-inner {
    width: 100%;
    display: inline-block;
    position: relative;
}
.carousel-inner {
    /*padding-top: 37%;*/
    display: block;
    content: "";
}
/*.carousel-item {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: skyblue;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/
.carousel-item img {
    width: 100%;
}
.caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 56%;
    z-index: 9;
    margin-top: 0px;
    text-align: center;
}
.caption h1 {
  color: #fff;text-transform: uppercase;letter-spacing: 1px;
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 5px;
}
.caption h2 {
  color: rgba(255,255,255,.75);
    font-size: 24px;
    font-weight: 300;  font-family: CALIBRI;
}
.carousel-indicators .active {
  background: #fff;
}
.carousel-indicators li {
  background: rgba(255, 255, 255, 0.4);
  border-top: 20px solid;
  z-index: 15;
}
.btn-about {background-color: #Fff;border-radius: 25px; border:none;padding: 5px 15px;margin-top: 10px;
    margin-right: 10px;
}
.btn-about a{color:#e04a6d;text-decoration: none;}
.btn-about:hover ,.btn-story:hover{background: #474747;}
.btn-story{
    background-color: #e04a6d; border-radius: 25px; border:1px solid #fff;padding: 5px 15px;margin-top: 10px;
    margin-right: 10px;
}
.btn-story a{color:#fff;text-decoration: none;}
/***********************       ANOTHER SECTION STARTS                   *******************************/
.description{background-color: #fbf0ec;padding: 70px 0;}
.description h1{
    color: #636160;font-family: BELLB;font-weight: 600;
    font-size: 60px;
}
.description h2 ,.Event_TabSection h2 ,.find_job h2,.About_us h2 ,.courses_section h2{
    color: #e04a6d;font-family: BELLB;font-weight: 800;text-transform: uppercase;
    font-size: 50px;
}
.description h2 span{ color: #4f4f4e;}
.description h4{
    color: #636160;font-family: BELLB;font-weight: 600;
    font-size: 30px;
}
.description p{font-family: CALIBRI;font-size: 20px;text-align: justify;}
.light_one{
    background-color: #fbc6c7;    padding: 15px 0;margin-bottom: 100px;
}
.medium_one{ background-color: #ffd6d4;margin-top: 50px; padding: 30px 0;margin-bottom: 45px;}
.dark_one{ background-color: #ffe4e2;margin-top:100px;    padding: 30px 0;}
.newwork_place{
-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-shadow: 0px 2px 24px 0px rgba(255,77,55,0);
    box-shadow: 0px 2px 24px 0px rgba(255,77,55,0);
}
.newwork_place a{
color: #504a4a;text-decoration: underline;font-weight: 700;font-size: 18px;
}
.newwork_place h4{
    color: #5b5252;
}
.newwork_place p{
    font-family: CALIBRI;
    font-size: 18px;
    line-height: 22px;    padding: 0 25px; color: #5b5252;
}
/*********************** NEW SECTION STARTS                       *******************************/
.my_suppergirl{
    background-color: #e04a6d;padding: 70px 0;}
.my_suppergirl h2 ,.footer-big h2 {
    color: #FFF;text-transform: uppercase;
    font-family: BELLB;
    font-weight: 800;
    font-size: 50px;
}
.font18{font-size: 18px!important;    line-height: 22px;}
.my_suppergirl p{color: #fff;font-family: CALIBRI;
    font-size: 20px;
    padding: 0 25px;}
.Name_description{
       background-color: #434343;
    width: 100%;
      min-height: 115px;
    padding: 10px 6px;
    text-align: center;
}

.Name_description h4{color:#fff;text-transform: uppercase;margin: 0;font-size: 20px;}
.Name_description p{color:#fff;padding: 0;margin:0;}


/********************* Event S ection Css Styling          **********************************/

.Event_TabSection{padding: 70px 0;background: #fef3ef; }
.Event_TabSection p {
    color: #434343;
    font-family: CALIBRI;
    font-size: 24px;
    padding: 0 25px;
}
@media screen and (max-width: 400px) {
  .tab_div {
    display: none;
  }
}

.Event_TabSection .tab_div {
  width: 100%;
  transform: translateZ(0);
}

.Event_TabSection  .tabs_menu {
  width: 20%;
  float: left;
}

.Event_TabSection  ul.tabs {
  padding: 0;
}

#tab1,
#tab2,
#tab3,
#tab4,
#tab5 {
   font-family: BELLB;
 font-size: 20px;
 
  width: 100%;text-align: center;font-weight: 700;
}
.Event_TabSection ul li p{color: #fff!important;margin:0;font-family: CALIBRI;font-weight: 400;font-size: 18px;}
.Event_TabSection ul.tabs .active{color:#facf0e;}
.Event_TabSection  ul.tabs li {
  list-style-type: none;
  font-family: Quicksand;
  
  font-size: 18px;
  color: white;
  /*   transition: background-color 0.2s ease; */
}


#tab1_content,
#tab2_content,
#tab3_content,
#tab4_content {
  float: right;
  width: 80%;
  height: auto;
  border:2px solid #e04a6d;background: #faf5f2;
}


/* hover effect */

.Event_TabSection  ul.tabs li {
  display: inline-block;
  position: relative;
  padding: 8px 0px;
  cursor: pointer;
  background: #dc3a5d;
  color: #fff;
  z-index: 0;
}

.Event_TabSection  ul.tabs li:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fbc6c7;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .5s ease-out;
}

.Event_TabSection  ul.tabs li:hover:before {
  transform: scaleX(1);
}
.Event_TabSection .card{padding:0 30px;border:none;border-radius: 14px;}
.Event_TabSection .card img{border-radius: 50px;}
.Event_TabSection .card h4{
   font-family:  CALIBRI; font-weight: 600;font-size: 30px;
}
.Event_TabSection .card h6{
  font-family: CALIBRI; font-weight: 600;font-size: 20px;color: #e04a6d;text-transform: uppercase;
}
.Event_TabSection .card p{
  font-family: CALIBRI;padding: 0;font-size: 18px;
}
.Event_TabSection .card span{
    background: #fff4ef;
    border-radius: 25px;font-size: 18px;
    font-weight: 600;
}
.Event_TabSection .card span label{ color:#f3a362;}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/********       LAST SECTION *********/
.find_job{
    padding: 70px 0; background: #fef3ef;padding-top: 0;
}
.see_jobs:hover{color: #e04a6d; text-decoration: none;background-color: #fbc6c7;}
.see_jobs{
    border: 1px solid #e04a6d;;
    color: #e04a6d;
    border-radius: 25px;
    padding: 8px 15px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
.find_job h4{
   color: #e04a6d;font-family: BELLB;
}
footer ul {
 padding:0;
 margin:0
}
footer li {
 list-style:none
}
footer a:focus,a:hover {
 text-decoration:none;
 -webkit-transition:.3s ease;
 -o-transition:.3s ease;
 transition:.3s ease
}
 footer a:focus {
 outline:0
}
footer img {
 max-width:100%
}
footer p {
 font-size:16px;
 line-height:30px;
 color:#898b96;
 font-weight:300
}
footer h4 {
text-align: right;
 margin:0;
 font-weight:400;
 padding:0;
 color:#fff;
}
footer a {
 color:#5867dd
}
.no-padding {
 padding:0!important
}
footer .go_top {
 line-height:40px;
 cursor:pointer;
 width:40px;
 background:#5867dd;
 color:#fff;
 position:fixed;
 -webkit-box-shadow:0 4px 4px rgba(0,0,0,.1);
 box-shadow:0 4px 4px rgba(0,0,0,.1);
 -webkit-border-radius:50%;
 border-radius:50%;
 right:-webkit-calc((100% - 1140px)/ 2);
 right:calc((100% - 1140px)/ 2);
 z-index:111;
 bottom:80px;
 text-align:center
}
footer .go_top span {
 display:inline-block
}
footer .footer-big {
 padding: 60px 0 0 0;
    background-color: #d63f63;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 0 solid #e1e1e1;
}
footer .footer-big .footer-widget {
 margin-bottom:40px
}
footer .footer--light {
 background:#e7e8ed
}
.footer-big .footer-menu ul li a,.footer-big p,.footer-big ul li {
     color: #fff;
    font-size: 18px;
    margin-bottom: 0px;
    /*text-align: right;*/
}
.footer-menu {
 padding-left:48px
}
.footer-menu ul li a {
 font-size:15px;
 line-height:32px;
 -webkit-transition:.3s;
 -o-transition:.3s;
 transition:.3s
}

.footer-menu--1 {
 width:100%
}
.footer-menu--1 .fa {
    font-size: 15px!important;
    text-align: center;
    text-decoration: none;
    margin-right: 25px!important;
    width: 0!important;
    padding: 0;
    height: 0!important;
}
.footer-widget-title {
 line-height:42px;
 margin-bottom:10px;text-align: left;
 font-size:22px;font-weight: 700;
}
.widget-about{text-align: left;}
.widget-about img {
 display:block;
 margin-bottom:30px
}
.widget-about p {
 font-weight:400;text-align: left;
}

.widget-about .contact-details li:last-child {
 margin-bottom:0
}
.widget-about .contact-details li span {
 padding-right:12px
}
.widget-about .contact-details li a {
 color:#fff
}
@media (max-width:991px) {
 .footer-menu {
  padding-left:0
 }
}


footer .fa {
  padding:10px;
  font-size: 20px!important;border-radius: 50px;
  width: 50px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  text-align: center!important;background-color:#8b8a8b;
}

footer .fa:hover {
    opacity: 0.7;
}


.Subscribe input{
    background: #ebebeb;
    border: none;width: 100%;
    padding: 5px 15px;border-radius: 25px;
}
.Subscribe button{
    background: #fff;
    border: none;
    padding: 10px;
    color: #d63f63;
}
.none{background: none!important;border:none;}
.img-shadow-1
{
-webkit-box-shadow: 0 28px 16px -26px black;
-moz-box-shadow: 0 28px 16px -26px black;
box-shadow: 0 28px 16px -26px black;
}

.img-shadow-1:hover
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);

-webkit-box-shadow: 0 58px 36px -56px black;
-moz-box-shadow: 0 58px 36px -56px black;
box-shadow: 0 58px 36px -56px black;
}

.img-shadow-1
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.img-shadow-1:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/****** image hover ******/

.image-hover * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.image-hover {position:relative;width: 100%;
  display:inline-block;overflow:hidden;
box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3)}
.image-hover a {text-decoration:none}

.post-image::before {
    background-color: #e04a6d;
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 600ms ease 0s;
    width: 0;
    opacity: 0.7;
}
 .post-image {
    overflow: hidden;
    position: relative;
}
 .post-image img{
  transition: all 0.5s ease-in-out 0s;
 }
.post-image::after {
    background-color: #f39eb2;
    bottom: 0;
    content: "";
    display: block;
    height: 50%;
    position: absolute;
    right: 0;
    transition: all 600ms ease 0s;
    width: 0;
    opacity: 0.7;z-index: -1;
}
.newwork_place1:hover .post-image::before, .newwork_place1:hover .post-image::after {width: 100%;}
.newwork_place:hover .post-image::before, .newwork_place:hover .post-image::after {width: 100%;}
/* Opacity #2 */
.hover12 figure {
  background: #1abc9c;
}
.hover12 figure img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.hover12 figure:hover img {
  opacity: .5;
}
/*******************  FEATURED JOBS              *******************/
.featured-item.style-4 {
    background: #fef3ef;
   position: relative;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0px 0px 8px 0px rgba(243, 158, 178, 1.0);
   padding: 10px 12px;
    z-index: 9;
    text-align: center;
   
}
.featured-item::before {
    transform: scale(0);
    background: rgb(0,91,234);
    background: linear-gradient(180deg, rgba(243, 158, 178, 1.0) 0%, rgba(243, 158, 178, 1.0) 80%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.featured-item p{
  color: #333;
}
.featured-item:hover::before {
    transform: scale(1);transition: all 0.5s ease-in-out 0s;
}
.featured-item:hover:after {
    opacity: 0.2;transition: all 0.5s ease-in-out 0s;
}
.featured-item:after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    z-index: -1;
    background: url(../images/04.png) no-repeat 0 0;
    background-size: cover;
}
/**************************       INNER PAGES CSS STYLING STARTS                                 *******************************************/
.insideBanner{
  width: 100%;
    height: 650px;
    position: relative;
    background-position: center;
    background-size: cover!important;
}
.About_Panel  h2{
color: #FFFFFF;
text-shadow: 0px 5px 5px #474747;text-align: center;font-family: CALIBRI;padding-top: 50px;font-size: 50px;
}
.About_us{
  background-color: #f9eeea;padding: 70px 0;
}
.About_us p{
    font-family: CALIBRI;
    font-size: 20px;text-align: justify;
    line-height: 22px;    padding: 0 25px; color: #5b5252;    line-height: 30px;
}
.About_us p a{color: #000;border-bottom: 1px solid #333;}
.back_background{
   width: 100%;
    height: 550px;
    position: relative;
    background-position: center;
    background-size: cover!important;
}
.back_background h2{
  color: #fff;font-family: BELLB;text-transform: uppercase;
    font-weight: 800;
    font-size: 50px;
}

.back_background h4{
  color: #fff;
    font-family: BELLB;
    font-weight: 400;
    font-size: 24px;
}
.p-70{
  padding-top: 70px;
}
.digital_mentor{
  background-color: #fcf0ec;
}
.digital_mentor p{font-size: 18px;}
.digital_mentor h2{
 color: #e04a6d;
    font-family: CALIBRI;
    font-weight: 800;    padding-top: 40px;
    font-size: 50px;text-transform: uppercase;
}
.digital_mentor h2 span{
  color:#474747;
}
.digital_mentor h4{color: #e04a6d;
    font-family: CALIBRI;
    font-weight: 800;
    font-size: 30px;text-transform: uppercase;}
.digital_mentor h6{color: #393939;
    font-family: CALIBRI;
    font-weight: 800;
    font-size: 20px;text-transform: capitalize;}
.circle-1 {
  width:200px;
  height:200px;
  border-radius: 50%;
  border:10px solid #fff;
margin:auto;
}

.circle-1 img {
  width:100%;
  height:180px;
  border-radius: 50%;
  cursor:pointer;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
.circle-1:hover img {
 transform: scale(1.1);
-ms-transform: scale(1.1); 
-webkit-transform: scale(1.1);
  box-shadow: 2px 2px 2px #4b4b4b;
  
}
.initiatives_content h2{
color: #FFFFFF;
text-shadow: 0px 5px 5px #474747;text-align: center;font-size: 50px;text-transform: uppercase;
}
.initiatives_content p{
color:#fff;font-size: 24px;
}
.initiatives_content {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.connection{
  margin-top: 20px;
    line-height: 22px;text-transform: uppercase;font-size: 18px;
    color: #000;
    line-height: 30px;
    font-weight: 600;
}
/**********************    COURSES SECTION STARTS                  ****************************/
.courses_section{
  background-color: #fef3ef;padding:70px 0;
}

.form-control:focus {
  box-shadow: none;
}

.form-control-underlined {
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
  padding-left: 0;
}


.form-control::placeholder {
  font-size: 0.95rem;
  color: #aaa;
  font-style: italic;
}
.white{background-color: #fff;}
.white .form-control{border-radius: 25px!important}
.white .form-control .text-info .fa{color:#d63f63!important;}
.updated_courses {background-color: #fef3ef;padding-bottom: 70px;}
.updated_courses  h1{
  text-transform: uppercase;color:#474747;font-size: 50px;text-align: center;font-weight: 700;
}
 .updated_courses h3{
    color: #e04a6d;font-family: BELLB;font-weight: 800;text-transform: uppercase;text-align: center;line-height: 50px;
    font-size:40px;
}
 .updated_courses h3 span{color:#474747;}
/*********    Tabing Pill            ***********/
.card-deck {
  margin: 0 -15px;
  justify-content: space-between;
}

.card-deck .card {
  margin: 0 0 1rem;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .card-deck .card {
    -ms-flex: 0 0 48.7%;
    flex: 0 0 48.7%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .card-deck .card {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
  }
}

@media (min-width: 992px)
{
  .card-deck .card {
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
  }
}


.nav-pills-custom .nav-link {
    color: #d63f63;
    background: #fff;font-family: CALIBRI;text-transform: capitalize;font-size: 22px;font-weight: 700;
    position: relative;
}

.nav-pills-custom .nav-link.active {
    color: #fff;
    background: #d63f63;
}


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #d63f63;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}

/************  OWL CAROUSEL STARTS                      ***************************/
.owl-buttons {
  display: none;
}
.owl-carousel:hover .owl-buttons {
  display: block;
}

.owl-item {
  text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
  background: transparent;
  color: #869791;
  font-size: 40px;
  line-height: 300px;
  margin: 0;
  padding: 0 60px;
  position: absolute;
  top: 0;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0;
display: none;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0;
display: none;
}

/******************************************/
/* clearfix */

.owl-carousel .owl-wrapper:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  line-height: 0;
}


/* display none until init */

.owl-carousel {
  position: relative;
  display: none;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  position: relative;
  display: none;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* mouse grab icon */

.grabbing {
  cursor: url(../images/grabbing.png) 8 8, move;
}


/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  overflow: hidden;
}

.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}


/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}


/* fade */

.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}


/* backSlide */

.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}


/* goDown */

.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}


/* scaleUp */

.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}


/* Keyframes */


/*empty*/

@-webkit-keyframes empty {
  0% {
    opacity: 1
  }
}

@-moz-keyframes empty {
  0% {
    opacity: 1
  }
}

@keyframes empty {
  0% {
    opacity: 1
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}

@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}

@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
}

@-webkit-keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}

@-moz-keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}

@keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(.8);
  }
}

@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(.8);
  }
}

@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(.8);
  }
}

@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}

@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}

@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}

@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}


/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
  display: inline-block;
  margin: 5px;
  padding: 3px 10px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  color: #FFF;
  font-size: 12px;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}


/* Clickable class fix problem with hover on touch devices */


/* Use it for non-touch hover action */

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  text-decoration: none;
  opacity: 1;
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
}


/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  margin: 5px 7px;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #e63c5e;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
}


/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
  padding: 2px 10px;
  width: auto;
  height: auto;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: #FFF;
  font-size: 12px;
}


/* preloading images */

.owl-item.loading {
  min-height: 150px;
  background: url(../images/AjaxLoader.gif) no-repeat center center
}


/* CUSTOM USER OPTIONS */

.carousel-container {
  width: 100%;
}

.item {
  margin: 0 10px;
  background: #ffe4e2;
  color: #333;    box-shadow: 0px 0px 8px 0px rgba(243, 158, 178, 1.0);
}

.item img {
  width: 100%;
}

.item h4 {
    color: #d63f63;margin:0;
    padding: 10px;
    text-transform: uppercase
}

.item p {
  color: #333;
  padding: 0 10px 10px;
      text-align: center;
}

.customNavigation {
  margin-bottom: 15px;
  margin-right: 11px;
  text-align: right;
}

.customNavigation .btn {
  position: relative;
  display: inline-block;
  overflow: visible;
padding: 0px 20px;
  border: 0;
  box-shadow: none;
  color: #fff;
  text-transform: uppercase;
  text-shadow: none;
  font-size: 20px;
  cursor: crosshair;
  -webkit-transition: all .1s ease-in 0s;
  -moz-transition: all .1s ease-in 0s;
  -o-transition: all .1s ease-in 0s;
  transition-property: all .1s ease-in 0s;
  -webkit-font-smoothing: antialiased;
  background: #d63f63;
}

.customNavigation .btn:hover {
  background: #222;
}

.hoverfx {
  position: relative;
  display: block;
  overflow: hidden;
  text-align: center;
}

.hoverfx img {
  position: absolute;
  left: 0;
  width: 100%;
}

.hoverfx:before {
  display: inline-block;
  padding-top: 80%;
  content: '';
  vertical-align: middle;
}

.hoverfx .figure {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 10px 15px;
  max-width: 60%;
  border: 3px solid #e9e9e9;
  color: #ecf0f1;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 1.2rem;
  opacity: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition-property: all .3s ease;
}

.hoverfx .figure:hover {
  background: #e9e9e9;
  color: #333;
}

.hoverfx .overlay {
  position: absolute;
  top: 0;
  z-index: 1;
  padding: 50%;
  background: rgba(0, 0, 0, .7);
  opacity: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition-property: all .3s ease;
}

.item:hover .figure,
.item:hover .overlay {
  opacity: 1;
}
/****************************************/
.tabbing{padding: 50px 0;}
.tabbing .card{background-color:transparent!important;border:none!important;}
.tabbing .card .card-title{color:#d63f63;}
.free{
  background: #e04a6d;
    border: none;
    color: #fff;
  border-radius: 6px;
    border: 1px solid #e04a6d;
    padding: 2px 10px;
    font-family: 'Roboto', sans-serif;

}

.free:hover{
color: #e04a6d;
    text-decoration: none;
    border: 1px solid #e04a6d;
    background-color: #fbf0ec;
    -webkit-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out;
}
.text-green{
  color: #4cad53;
    font-size: 18px;
}

/*************   SOCIAL MEIDA ICON EFFECTS             **********************/
/**Icon Hover Effect 2**/
#canvas {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.5;}
#confetti {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.navbar-toggler {
  background: #e04a6d;
}
.quote:before{
    content: "\f10d";
    font-family: 'Fontawesome';
  text-align: center;
  font-size: 50px; color:#636160;
}
.font-40{font-size: 45px;}

/***********************   17-10-2020 JOIN US FORM STYLING                 **************************************/
.Member_form {
    width: 100%;
    height: 700px;
    position: relative;
    background-size: contain;
    background-position: center;
    background-size: cover!important;
    background: url(../images/memberform.jpg);
}
.Form_content {
    position: absolute;
    z-index: 1;
    left: 395px;
    width: 36%;
    top: 230px;
    text-align: center;
}
.forum_heading {
    color: #e04a6d;
    text-align: center;font-size:50px;font-weight: 900;
    margin: 0 0 10px 0;
}
.Aware_Section h4 {
    margin: 0 0 10px 0;
    color: #e04a6d;
    font-size: 26px;font-weight: 600;
}
.Aware_Section p {
    margin-bottom: 40px;
    font-size: 18px;
    text-align: justify;
    line-height: 30px;
}
.Form_content p {
    color: #fff;
    font-size: 18px;
    margin: 0 0 25px 0;
    padding: 0;
    font-weight: 400;
    text-align: justify;
}
.Join_memberShip {
    position: absolute;
    border-radius: 25px;
    z-index: 1;
    right: 25px;
    background: rgba(0,0,0,.59);
    width: 30%;
    top: 60px;
    background: rgba(0,0,0,.59);
    height:90%;
}
.Transparent_bg {
    padding: 20px 30px!important;
}
.Form_content h2 {
    font-family: BELLB;
    font-weight: 700;
    letter-spacing: -.015em;
    color: #364f75;
    font-size: 40px;
    line-height:40px;
    margin: 25px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

/******************  CONTACT US FORM                   ********************/
/* ///// inputs /////*/

.contact_us_form {background-color: #fef3ef;    padding: 70px 0;}
.contact_us_form input:focus ~ label, textarea:focus ~ label, input:valid ~ label, textarea:valid ~ label {
    font-size: 0.75em;
    color: #999;
    top: -5px;
    -webkit-transition: all 0.225s ease;
    transition: all 0.225s ease;
}

.contact_us_form .styled-input {
    float: left;
    width: 293px;
    margin: 1rem 0;
    position: relative;
    border-radius: 4px;
}

@media only screen and (max-width: 768px){
 .contact_us_form    .styled-input {
        width:100%;
    }
}

.contact_us_form .styled-input label {
    color: #999;
    top: 0px;
    left: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    pointer-events: none;
}

.contact_us_form  .styled-input.wide { 
    width: 650px;
    max-width: 100%;
}

.contact_us_form  input,
textarea {
    padding: 10px;
    border: 0;
    width: 100%;
    font-size: 18px;
    background-color: #fff;
    color: #333;
    border-radius: 4px;    border: 2px solid #d63f63;
}

.contact_us_form  input:focus,
textarea:focus { outline: 0; }

.contact_us_form  input:focus ~ span,
textarea:focus ~ span {
    width: 100%;
    -webkit-transition: all 0.075s ease;
    transition: all 0.075s ease;
}

.contact_us_form  textarea {
    width: 100%;
    min-height: 8em;
}
.contact_us_form  h1{
     color: #e04a6d;
    font-family: BELLB;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
    font-size: 40px;
}
.contact_us_form  .input-container {
    width: 650px;
    max-width: 100%;
    margin: 20px auto 0px auto;box-shadow: 1px 3px 9px #ccc;
    padding: 10px;background: #fff;
}

.contact_us_form  .submit-btn {
    float: right;
    padding: 7px 35px;
    border-radius: 60px;
    display: inline-block;
    background-color: #d63f63;
    color: white;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.06),
              0 2px 10px 0 rgba(0,0,0,0.07);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact_us_form  .submit-btn:hover {
    transform: translateY(1px);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10),
              0 1px 1px 0 rgba(0,0,0,0.09);
}

@media (max-width: 768px) {
   .contact_us_form  .submit-btn {
        width:100%;
        float: none;
        text-align:center;
    }
}

.contact_us_form  input[type=checkbox] + label {
  color: #ccc;
  font-style: italic;
} 

.contact_us_form  input[type=checkbox]:checked + label {
  color: #f00;
  font-style: normal;
}
.rt{margin: auto;}

/******************** EVENT SECTION CSS STYLING STARTS          ***************************************/

.speakers-section-two{
  position: relative;
  padding: 120px 0 20px;
}

.speaker-block-two{
  position: relative;
  margin-bottom: 30px;
}

.speaker-block-two .image-box{
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.speaker-block-two .image-box:after{ width:100%; position:absolute; left:0; top:0; height:100%; background:rgba(0,0,0,.5); content:'';}
.speaker-block-two .image-box .image{
  position: relative;
  margin-bottom: 0;
}

.speaker-block-two .image-box .image img{
  display: block;
  width: 100%;
  height: auto;
}

.speaker-block-two .caption-box{
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 40px 35px;
  z-index:9;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.speaker-block-two h2{
  color: #fff;
}

.speaker-block-two .image-box:hover .caption-box{
  opacity: 0;
}

.speaker-block-two .caption-box .name{
  display: block;
  font-size:18px;
  line-height: 1em;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 0;
  
}
.speaker-block-two .caption-box .name span{ border:1px solid #fff; padding:5px; background:#fff; color:#001489;}
.speaker-block-two .caption-box .designation{
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 24px;
  color: #ffffff;
}

.speaker-block-two .overlay-box{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.speaker-block-two .image-box:hover .overlay-box{
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

/*.speaker-block-two .overlay-box:before{
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px; 
  background: rgba(224, 74, 109, 1.0);
  background: -moz-linear-gradient(rgba(224, 74, 109, 1.0););
  background: -webkit-linear-gradient(rgba(224, 74, 109, 1.0););
  background: linear-gradient(rgba(224, 74, 109, 1.0););
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a01', endColorstr='#e1137b',GradientType=1 );
  content: "";
  border-radius: 10px;
  opacity: .90;
}*/

.speaker-block-two .overlay-box .inner{
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.speaker-block-two .overlay-box .info-box{
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 20px;
}

.speaker-block-two .overlay-box .info-box:before{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  max-width: 250px;
  border-bottom: 1px solid rgba(255,255,255,.20);
  content: "";
}

.speaker-block-two .overlay-box .info-box .name{
  display: block;
  font-size: 20px;
  line-height: 1em;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 10px;
}
.speaker-block-two .overlay-box .info-box .name span{ border:1px solid #fff; padding:5px; background:#001489; color:#fff;}
.speaker-block-two .overlay-box .info-box .name a{
  color: #ffffff;
}

.speaker-block-two .overlay-box .info-box .designation{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

.speaker-block-two .social-links{
  position: relative;
  display: block;
}

.eventImgBox img {
    width: 60px;
    border-radius: 50%;
    float: left;
    margin-right: 10px; border:1px solid #fff; padding:3px;
}

.eventImgBox p{color:#fff; line-height:18px;}

.speakers-section{
  background-color: #faefeb;padding:0 0 70px 0;
}

.speakers-section-two .icon-shape{
  position: absolute;
  left: -640px;
  bottom: 35px;
  height: 1076px;
  width:873px;
  background-image: url(../images/icons/shape-15.png);
  background-repeat: repeat;
  background-position: center;
  opacity: .06;
}

.event_form h2{
  color: #4f4f4e;
  font-family: BELLB;
    font-weight: 800;
    text-transform: uppercase;text-align: center;margin-top: 80px;
    font-size: 50px;
}

.note
{
    text-align: center;
    height: 80px;
    background: -webkit-linear-gradient(left, #0072ff, #8811c5);
    color: #fff;
    font-weight: bold;
    line-height: 80px;
}
.form-content
{   
    padding: 5%;   
    margin-bottom: 2%;
    
}
.form-control{
    border-radius:1.5rem;
}
.btnSubmit
{
    border:none;
    border-radius:1.5rem;
    padding: 1%;
    width: 20%;
    cursor: pointer;
    background: #0062cc;
    color: #fff;
}
#myModal p  ,#myModal_New p {
    color: #636160;font-family: CALIBRI;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 18px;line-height: 22px;
}

#myModal h4 ,#myModal_New h4 {
    text-align: center;color: #e04a6d;
    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 0;font-weight: 600;
}

#myModal  .modal-header ,#myModal_New .modal-header{border-bottom: none;}
#myModal .modal-content ,#myModal_New .modal-content{
  width: 400px;
    box-shadow: 0 3px 6px hsla(0,0%,0%,.16);
    background:#f9eeea;
    margin: auto;
   
    border-radius: 12px;
}

#myModal .close ,#myModal_New .close{padding-right: 40px;}
.p-50{padding: 50px 0;}

/**********************     JOB SEEEKER PAGE         ************************************/
.Job_seeker{
  width: 100%;
    height: 650px;
    position: relative;
    background-position: center;
    background-size: cover!important;
}
.job_seekerBanner{
     position: absolute;
    z-index: 1;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.job_seekerBanner h2{
 color: #FFFFFF;
    text-shadow: 0px 5px 5px #474747;
    text-align: center;
    font-size: 50px;
    text-transform: uppercase; 
}
.btn-pink{background: #e04a6d;border-color: #e04a6d;border-radius: 0;}
.btn-pink:hover{
  background: #fcf0ec;border-color: #e04a6d;color:#e04a6d;
}
.job_seekerBanner h6{
 color: #FFFFFF;
    text-shadow: 0px 5px 5px #474747;
    text-align: center;
    font-size: 25px;
    text-transform: uppercase; 
}
.white_bg a {
  text-decoration: none;
}

.white_bg nav {
 font-family: CALIBRI;float: right;
}

.white_bg ul {
  background: darkorange;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.white_bg li {
  border-top: 3px solid #e04a6d;
  background: #fff;
  display: block;
  float: left;
  padding: 1rem;
  position: relative;
  text-decoration: none;
  transition-duration: 0.5s;
}
  
.white_bg li a {
  color: #474747;    font-size: 18px;
}

.white_bg li:hover {
  background: #fdf2ee;
  cursor: pointer;
}

.white_bg ul li ul {
  background: orange;
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 1rem;
  left: 0;
  display: none;
}

.white_bg ul li:hover > ul,
.white_bg ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.white_bg ul li ul li {
  clear: both;z-index: 999999;
  width: 100%;
}
.company_hiring{
  padding: 60px 0;
    background-color: #d63f63;
}
.company_hiring {
    position: relative;
    background: #d63f63;
    overflow: hidden;
}
/*.company_hiring:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.2;
    background-image: url('../images/background.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}*/
.company_hiring h1 {
    text-transform: uppercase;
    text-align: center;
    z-index: 2;
    position: relative;
    color: #fff;
} 
.company_hiring h4{text-align: center;color: #fff; z-index: 2;}
.searchList{
   background: #fff;
    border-bottom: 4px solid #fff;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;}
.searchList .flex-item {
            display:flex;
        align-items: center;
        }
.searchList .flex-item img{
    flex-grow:0;
    flex-shrink:0;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
    .searchList     span {
            padding-left: 5px;
        }
.jobinfo{
  margin-left: 20px;
}
.jobinfo h5{
  color: #333; font-size: 22px; font-weight: 600; font-family: CALIBRI;
}
.jobinfo h6{
  color: #8b8a8b; font-size: 18px; font-weight: 600; font-family: CALIBRI;
}
.listbtn{
     margin: auto;
    border-radius: 40px;
    color: #606879;
    font-weight: 600;
    padding: 5px 7px;
    text-align: center;
    border: 1px solid #d63f63;
}
.listbtn a{color: #d63f63;}
.listbtn:hover{background-color: #8b8a8b;border: 1px solid #fff;color: #fff!important;}
.listbtn a:hover{color: #fff;}
.searchList:hover {
    box-shadow: 0 5px 30px rgba(0,0,0,.1);
    border-color: #8b8a8b;
}
.Categories ,.job_alert ,.search_job{
  margin-bottom: 25px;    margin-top: 50px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 3px;border: 1px solid #f5f5f5;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.Categories h3, .job_alert h3 ,.search_job h3{padding: 10px 25px;}
.Categories .u-flexList{
  list-style-type: none;padding: 0 25px;
}
.Categories .u-flexList li{
border-top: 1px solid #ccc;padding: 6px 0;}
.Categories .u-flexList li a{color: #d63f63;font-size: 18px;}
.alert_form {padding: 0 25px 25px 25px;}
.alert_form .form-control{border-radius: 0!important;}
.search_place{padding:0 60px;    min-height: 755px;}

    /*blog*/
/*========== Latest News ============*/
 
 .news-post {
    margin-bottom:20px;    text-align: left; box-shadow: 0px 4px 7px 4px rgba(0,0,0,0.1);
  }
 .news-post .img-container {
    position: relative;
  }
 .news-post .img-container img{width:100%;}
.news-post .img-container .date {
    width:64px;
    height:64px;
    text-align: center;
    color:#fff;
    position: absolute;
    bottom: -32px;
    left:calc(50% - 36px);
    padding-top: 4px;
  }
 .news-post .img-container .date b {
    font-size: 30px;
    display: block;
    line-height: 30px;
  }
  .news-post .img-container .date span {
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
  }
  .news-post .img-container .overlay {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.7);
    transform: scale(0.5);
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    opacity: 0;
    visibility: hidden;
  }
   .news-post .img-container .overlay a {
    display: table;
    width:100%;
    height:100%;
    text-align: center;
    font-size: 28px;
    color:#fff;
  }
 .news-post .img-container .overlay a span {
    display: table-cell;
    vertical-align: middle;
  }
   .news-post .img-container .overlay a span i {
    width:67px;
    height:67px;
    border:2px solid #ffffff;
    border-radius: 50%;
    line-height: 67px;
  }
.news-post:hover .img-container .overlay {
    transform: scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    opacity: 1;
    visibility: visible;

  }
 .news-post .text {
    padding: 15px 5px 45px 10px;
    background: #fff;
  }
 .news-post .text ul li {
    margin-right: 19px;
  }
  .news-post .text ul li:nth-child(2) {
    margin-right: 35px;
  }
.news-post .text ul li i {
    margin-right: 5px;
  }
 .news-post .text h6 {
    font-size: 22px;
    color:#000;
    font-weight: 600;
    margin: 32px 0 10px 0;
  }
 .news-post .text p {
    line-height: 24px;
  }
  .p-color-bg {
    background: #d63f63;
}
.clear-fix {
    clear: both;
}
.blogPage{ background:#fff; padding:20px 0;}
.img-responsive img{width:100%;}
.news-post ul{list-style-type: none;padding: 0;}

/*blog detail css*/
.blogPage{ background:#fff; padding:20px 0;}
 .blog-page-two.blog-single-page .single-news-postTwo {
    margin-bottom: 15px;
}
.blog-page-two .single-news-postTwo .img-container {
    position: relative;
}
.img-responsive img {
    width: 100%;
}
.blog-page-two .single-news-postTwo .post {
    padding-left: 100px;
    margin-top: 37px;
    position: relative;
}
.blog-page-two .single-news-postTwo .post .date {
    width: 85px;
    height: 85px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
}
.p-color-bg {
    background: #d63f63;
}
.blog-page-two .single-news-postTwo .post h3 {
    text-transform: capitalize;
    margin: -4px 0 6px 0;
}
.blog-page-two .single-news-postTwo .post ul {
   padding:0;
}
.blog-page-two .single-news-postTwo .post ul.post-author li {
    display: inline-block;
    margin-right: 10px;
    font-style: italic;
}
.blog-page-two .single-news-postTwo .post ul.post-author li i {
    font-size: 14px;
    margin-right: 6px;
}
.blog-page-two .single-news-postTwo .post .date b {
    font-size: 36px;
}
.blog-page-two .single-news-postTwo .post .date span {
    display: block;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: -6px;
}
.blog-page-two .single-news-postTwo .post>p {
    margin: 23px 0;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
    line-height: 25px;
}
.middle_Events{
background-color: #faefeb;
    padding: 0 0 70px 0;
}
.middle_Events img{width: 100%;}
.mgt-25 {
    margin-top: 25px;
}
.middle_Events h6 {
    font-weight: 700;
    letter-spacing: -.015em;
    color: #e04a6d;;
    font-family: CALIBRI;
    font-size: 20px;
    line-height: 1.2em;
    margin: 25px 0;
}
.middle_Events p{    color: #5b5252;letter-spacing: -.015em;font-family: CALIBRI;}

/***********    NEW FORM SECTION          ***********/
/*.formSection {
    background: #fff;
    padding: 0px;
    text-align: center;
    margin-top: 40px;
    border-radius: 7px 7px 7px 7px;
    -webkit-box-shadow: -10px 10px 5px 0px rgb(0 0 0 / 26%);
    -moz-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.26);
    box-shadow: -10px 10px 5px 0px rgb(0 0 0 / 26%);
}*/
.formSection {
    background: rgb(255 255 255 / 94%);
    color: #000;
    padding: 0px;
    text-align: center;
    margin-top: 80px;
    border-radius: 7px 7px 7px 7px;
    -webkit-box-shadow: 0px 0px 21px rgb(0 0 0);
    -moz-box-shadow: 0px 0px 21px rgb(0 0 0);
    box-shadow: 0px 0px 21px rgb(0 0 0)
}

.formSection .formBox{
   padding: 5px 10px;
    text-align: left;
}

/*.purple h3{
      color: #FF5349;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    max-width: 402px;
    text-align: left; 
    font-family: Montserrat;
    text-transform: capitalize;
}*/

.purple h3{
      color: #000;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    max-width: 402px;
    font-family: CALIBRI;
    text-transform: capitalize;
}
.btnlink{
      background: #e04a6d;
}
.btnlink a{
      color: #fff;
}
.position_for{
  position: absolute;
    top:-10px;
    /* border: 9px; */
    z-index: 9999999999999999999;
    right: 0;
}
.br{border-radius: 5px!important;    height: calc(15px + .75rem + 2px)!important;}
.carousel-control-next {
    right: 280px!important;
}
.Event_TabSection  h6{
    font-family: CALIBRI;
    font-weight: 600;
    font-size: 20px;
    color: #e04a6d;
}
#subscribebanner label.label-input100.mb-0, #subscribebanner .btnlink {
    font-family: CALIBRI;
}
.Event_TabSection span {
    background: #fff4ef;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 600;
}
#tab1_content, #tab2_content, #tab3_content, #tab4_content {
    float: right;
    width: 80%;
    height: auto;
    border: 2px solid #e04a6d;
    background: #fff;
}
.carousel-control-next {
    right: 280px!important;
}
.pillar_head {
    border-right: 2px dashed white;
    padding: 25px 30px;
    border-bottom: 2px dashed white;
    background-color: #e63c5e;min-height: 330px;
}
 .pillar_head i{
  color:#fff;
  font-size: 60px;
 }


.pillar_head img{
  width: 75px;margin-bottom: 15px;
}

.pillar_head .services-info h3{color: #fff; font-size: 18px; font-weight: 600;  line-height: 22px;font-family: 'Montserrat', sans-serif;}
.pillar_head .services-info p{color: #fff;font-size: 14px;text-align: center;font-family: 'Montserrat', sans-serif;
    line-height: 20px;}

#virtual-assistance .owl-wrapper .owl-item:last-child .pillar_head {
    min-height: 275px;
}


/* Start 02-July-2022 */
.masonry {
  column-count: 2;
  column-gap: 5px;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .masonry {
    column-count: 3;
  }
}
@media (min-width: 992px) {
  .masonry {
    column-count: 4;
  }
}
@media (min-width: 1199px) {
  .masonry {
    column-count: 4;
  }
}
.masonry .brick {
  box-sizing: border-box;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  counter-increment: brick-counter;
  margin: 5px 0;
}
.masonry img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* End 02-July-2022 */


/* Start 04-July-2022 */
.client-section2 {
    padding: 50px 0;
    position: relative;
}
.client-section2 h2 {
    font-size: 45px;  
}
.content {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: auto;
    overflow: hidden;
    padding: 50px 0;
}
.content .content-overlay {
    background: rgba(0,0,0,0.8);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.content:hover .content-overlay {
    opacity: 1;
}
.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}
.content-details h3 {
    color: #F68530;
    font-weight: 500;
    font-size: 22px;
    text-transform: uppercase;
    font-family: Montserrat;
}
.content-details p {
    color: #fff;
    font-size: 16px;
    padding: 0;
    line-height: 22px;
    text-align: center;
    font-family: Montserrat;
}
#partner-slider .items {
    margin: 0 20px;
}
#partner-slider .content {
    padding: 10px 0;
}
/* End 04-July-2022 */