/*

Theme Name:   jtyouth jobs Child
Theme URI:    https://wordpress.org/
Description:  A child theme of jtyouth jobs theme.
Author:       Lokendra singh
Author URI:   https://wordpress.org/
Template:     jtyouthjobs
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*@import url("../jtyouthjobs/style.css");*/


img{

	max-width: 100%;
}


/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/


body {


  font-family: 'Poppins', sans-serif;


  color: #444444;


}


a {


  color: #52BAB1;


}


a:hover {


  color: #33a99e;


  text-decoration: none;


}


h1, h2, h3, h4, h5, h6 {


  font-family: 'Poppins', sans-serif;


}


/*--------------------------------------------------------------


# Preloader


--------------------------------------------------------------*/


#preloader {


  position: fixed;


  top: 0;


  left: 0;


  right: 0;


  bottom: 0;


  z-index: 9999;


  overflow: hidden;


  background: #52BAB1;


}


#preloader:before {


  content: "";


  position: fixed;


  top: calc(50% - 30px);


  left: calc(50% - 30px);


  border: 6px solid #52BAB1;


  border-top-color: #fff;


  border-bottom-color: #fff;


  border-radius: 50%;


  width: 60px;


  height: 60px;


  -webkit-animation: animate-preloader 1s linear infinite;


  animation: animate-preloader 1s linear infinite;


}


@-webkit-keyframes animate-preloader {


  0% {


    transform: rotate(0deg);


  }


  100% {


    transform: rotate(360deg);


  }


}


@keyframes animate-preloader {


  0% {


    transform: rotate(0deg);


  }


  100% {


    transform: rotate(360deg);


  }


}


/*--------------------------------------------------------------


# Back to top button


--------------------------------------------------------------*/


.back-to-top {


  position: fixed;


  display: none;


  right: 15px;


  bottom: 15px;


  z-index: 99999;


}


.back-to-top i {


  display: flex;


  align-items: center;


  justify-content: center;


  font-size: 24px;


  width: 40px;


  height: 40px;


  border-radius: 50px;


  background: #52BAB1;


  color: #fff;


  transition: all 0.4s;


}


.back-to-top i:hover {


  background: #33a99e;


  color: #fff;


}


/*--------------------------------------------------------------


# Header


--------------------------------------------------------------*/


.container{max-width: 1400px;}


#header {


  transition: all 0.5s;


  z-index: 997;


  padding: 15px 0;


}


#header.header-scrolled, #header.header-inner-pages {


  background: rgb(220,241,242);


  background: linear-gradient(0deg, rgba(220,241,242,1) 0%, rgba(255,255,255,1) 100%);


  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);


}


.header-inr{


  background: rgb(220,241,242);


  background: linear-gradient(0deg, rgba(220,241,242,1) 0%, rgba(255,255,255,1) 100%);


  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);


}


}


#header .logo {


  font-size: 30px;


  margin: 0;


  padding: 0;


  line-height: 1;


  font-weight: 500;


  letter-spacing: 2px;


  text-transform: uppercase;


}


#header .logo a {


  color: #fff;


}


#header .logo img {


  max-height: 40px;


}


/*--------------------------------------------------------------


# Navigation Menu


--------------------------------------------------------------*/


/* Desktop Navigation */


.nav-menu ul {


  margin: 0;


  padding: 0;


  list-style: none;


}


.nav-menu > ul {


  display: flex;


}


.nav-menu > ul > li {


  position: relative;


  white-space: nowrap;


  padding: 10px 0 10px 28px;


}


.nav-menu a {


  display: block;


  position: relative;


  color: #000;


  transition: 0.3s;


  font-size: 15px;


  letter-spacing: 0.5px;


  font-weight: 500;


  font-family: 'Poppins', sans-serif;


}


.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {


  color: #52BAB1; 


}


.nav-menu .drop-down ul {


  border-radius: 8px;


  display: block;


  position: absolute;


  left: 14px;


  top: calc(100% + 30px);


  z-index: 99;


  opacity: 0;


  visibility: hidden;


  padding: 10px 0;


  background: #fff;


  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);


  transition: 0.3s;


}


.nav-menu .drop-down:hover > ul {


  opacity: 1;


  top: 100%;


  visibility: visible;


}


.nav-menu .drop-down li {


  min-width: 180px;


  position: relative;


}


.nav-menu .drop-down ul a {


  padding: 10px 20px;


  font-size: 14px;


  font-weight: 500;


  text-transform: none;


  color: #0c3c53;


}


.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {


  color: #52BAB1;


}


.nav-menu .drop-down > a:after {


  content: "\ea99";


  font-family: IcoFont;


  padding-left: 5px;


}


.nav-menu .drop-down .drop-down ul {


  top: 0;


  left: calc(100% - 30px);


}


.nav-menu .drop-down .drop-down:hover > ul {


  opacity: 1;


  top: 0;


  left: 100%;


}


.nav-menu .drop-down .drop-down > a {


  padding-right: 35px;


}


.nav-menu .drop-down .drop-down > a:after {


  content: "\eaa0";


  font-family: IcoFont;


  position: absolute;


  right: 15px;


}


@media (max-width: 1366px) {


  .nav-menu .drop-down .drop-down ul {


    left: -90%;


  }


  .nav-menu .drop-down .drop-down:hover > ul {


    left: -100%;


  }


  .nav-menu .drop-down .drop-down > a:after {


    content: "\ea9d";


  }


}


/* Get Startet Button */


.get-started-btn {


  margin-left: 25px;


  color: #fff;


  border-radius: 50px;


  padding: 6px 25px 7px 25px;


  white-space: nowrap;


  transition: 0.3s;


  font-size: 14px;


  display: inline-block;


  background: #52BAB1;


  font-weight: 600;


}


.get-started-btn:hover {


  background: #33a99e;


  color: #fff;


}


@media (max-width: 768px) {


  .get-started-btn {


    margin: 0 48px 0 0;


    padding: 6px 20px 7px 20px;


  }


}


/* Mobile Navigation */


.mobile-nav-toggle {


  position: fixed;


  top: 20px;


  right: 15px;


  z-index: 9998;


  border: 0;


  background: none;


  font-size: 24px;


  transition: all 0.4s;


  outline: none !important;


  line-height: 1;


  cursor: pointer;


  text-align: right;


}


.mobile-nav-toggle i {


  color: #52bab1;


}


.mobile-nav {


  position: fixed;


  top: 55px;


  right: 15px;


  bottom: 15px;


  left: 15px;


  z-index: 9999;


  overflow-y: auto;


  background: #fff;


  transition: ease-in-out 0.2s;


  opacity: 0;


  visibility: hidden;


  border-radius: 10px;


  padding: 10px 0;


}


.mobile-nav * {


  margin: 0;


  padding: 0;


  list-style: none;


}


.mobile-nav a {


  display: block;


  position: relative;


  color: #37517e;


  padding: 10px 20px;


  font-weight: 500;


  outline: none;


}


.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {


  color: #52BAB1;


  text-decoration: none;


}


.mobile-nav .drop-down > a:after {


  content: "\ea99";


  font-family: IcoFont;


  padding-left: 10px;


  position: absolute;


  right: 15px;


}


.mobile-nav .active.drop-down > a:after {


  content: "\eaa1";


}


.mobile-nav .drop-down > a {


  padding-right: 35px;


}


.mobile-nav .drop-down ul {


  display: none;


  overflow: hidden;


}


.mobile-nav .drop-down li {


  padding-left: 20px;


}


.mobile-nav-overly {


  width: 100%;


  height: 100%;


  z-index: 9997;


  top: 0;


  left: 0;


  position: fixed;


  background: rgba(40, 58, 90, 0.6);


  overflow: hidden;


  display: none;


  transition: ease-in-out 0.2s;


}


.mobile-nav-active {


  overflow: hidden;


}


.mobile-nav-active .mobile-nav {


  opacity: 1;


  visibility: visible;


}


/*.mobile-nav-active .mobile-nav-toggle i {


  color: #fff;


}*/


.mobile-nav-active .mobile-nav-toggle i {


    color: #52bab1;


}


/*--------------------------------------------------------------


# Hero Section


--------------------------------------------------------------*/


#hero {


  width: 100%;


  height: 80vh;


  background: #DCF1F2;


  background: url("../jtyouthjobs-child/assets/img/icn-bg.png") fixed center center, linear-gradient(#ffffff, #DCF1F2);


  position: relative;


}


#hero:before{


   position: absolute;


    content: '';


    width: 300PX;


    height: 367px;


    background: url(../jtyouthjobs-child/assets/img/left-top-corner.png) no-repeat;


    left: 0;


    top: 0;


}


#hero:after{


    position: absolute;


    content: '';


    width: 300PX;


    height: 367px;


    background: url(../jtyouthjobs-child/assets/img/right-top-corner.png) no-repeat;


    right: 0;


    top: 0;


}


.emaillist .es-field-wrap {


    display: inline-block !important;


    margin: 0px 3px 0px 0px;


        width: 33%;


}


.emaillist .es-field-wrap label{


	display: block;


}


.emaollist input[type="submit"]{


  width: 130px!important;


}


#hero .container {


  padding-top: 72px;


}


#hero h1 {


  margin: 0 0 10px 0;


  font-size: 70px;


  font-weight: 700;


  color: #000;


}


#hero h2 {


  color:#000;


  margin-bottom: 50px;


  font-size: 28px;


}


#hero .btn-get-started {


  font-family: 'Poppins', sans-serif;


    font-weight: 600;


    font-size: 25px;


    letter-spacing: 1px;


    display: inline-block;


    padding: 15px 28px 11px 70px;


    border-radius: 50px;


    transition: 0.5s;


    margin: 10px 0 0 0;


    color: #fff;


    background: #52BAB1 url(../jtyouthjobs-child/assets/img/register-bg.png) no-repeat;


    background-size: contain;


    text-transform: uppercase;


    border: 2px solid #fff;


    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);


}


#hero .btn-get-started:hover {


  background: #33a99e url(../jtyouthjobs-child/assets/img/register-bg.png) no-repeat;


  background-size: contain;


}


#hero .btn-watch-video {


  font-size: 16px;


  display: inline-block;


  padding: 10px 0 8px 40px;


  transition: 0.5s;


  margin: 10px 0 0 25px;


  color: #fff;


  position: relative;


}


#hero .btn-watch-video i {


  color: #fff;


  font-size: 32px;


  position: absolute;


  left: 0;


  top: 7px;


  transition: 0.3s;


}


#hero .btn-watch-video:hover i {


  color: #52BAB1;


}


#hero .animated {


  animation: up-down 2s ease-in-out infinite alternate-reverse both;


}


.resources-main#hero h1{


    font-size: 90px;


    font-weight: 800;


    position: absolute;


    top: 35%;


    z-index: 99;


    -webkit-text-stroke: 1px white;


    left: 0;


    width: 100%;


}


.resources-main .cta p{


  font-size: 20px;


  line-height: 35px;


}


.resources-main .cta:before{


    width: 200PX;


    height: 245px;


    background-size: contain;


}


.resources-main .cta:after{


    width: 200PX;


    height: 245px;


    background-size: contain;


}


.resources-main .services .icon-box{


    padding: 0;


    background: #fff;


    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);


    text-align: center;


    margin-bottom: 20px;


}


.resources-main .services .icon-box h4{


    font-size: 24px;


    font-weight: 700;


    border-bottom: 3px solid #F1F1F1;


    padding-bottom: 15px;


    margin-top: 20px;


}


.resources-main .services .icon-box a{


   font-size: 16px;


   text-transform: uppercase;


   font-weight: 600;


   padding-bottom: 15px;


    display: block; 


}


.resources-main .footer-newsletter{padding: 0;}


.resources-main .footer-newsletter:before{display: none;}


.resources-main .footer-newsletter:after{display: none;}


.about-main{


  padding-top: 140px;


  position: relative;


}


.about-main section{padding: 0;}


.about-main:before{


    position: absolute;


    content: '';


    width: 640PX;


    height:540px;


    background: url(../jtyouthjobs-child/assets/img/inr-page-grphic.png) no-repeat;


    right: 0;


    background-size: contain;


    top: 20px;


    z-index: -10;


}


.about-main:after{


    position: absolute;


    content: '';


    width: 210PX;


    height: 410px;


    background: url(../jtyouthjobs-child/assets/img/half-flawer.png) no-repeat;


    left: 0;


    background-size: contain;


    top: 30%;


    z-index: -10;


}


.about-main .services .icon-box{


  padding: 10px;


  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);


  border: 1px solid #F1F1F1;


  margin-bottom: 20px;


      width: 100%;


} 


.about-main .services .icon-box h4 {


    font-weight: 500;


    font-size: 16px;


    margin: 20px 0 8px;


}


.about-main .services .icon-box p {


    font-weight: 300;


    margin-bottom: 20px;


}


.about-main .services .icon-box a {


    margin-bottom: 10px;


    display: block;


    font-size: 14px;


    font-weight: 600;


  /*  color: #52bab1;*/


}


.about-main .services .icon-box .img-hovr{


  position: relative;


  overflow: hidden;


  cursor: pointer;


}


.about-main .services .icon-box .img-hovr img{


  width: 100%;


}


.about-main .services .icon-box .img-hovr:hover{


  position: relative;


  overflow: hidden;


}


.about-main .services .icon-box .img-hovr:hover::after{


  background: rgba(0, 0, 0, 0.75);


  position: absolute;


  content: '';


  width: 100%;


  height: 100%;


  left: 0;


  top: 0;


  z-index: 99;


  border-radius: 10px 10px 0px 0px;


}


.about-main .services .icon-box .img-hovr:hover::before{


    background: #03C0C1;


    position: absolute;


    content: '🡫 Download';


    width: 150px;


    height: 30px;


    color: #fff;


    left: 16%;


    top: 40%;


    z-index: 999;


    border-radius: 20px;


    text-align: center;


    line-height: 29px;


}


.about-main nav{


  display: inline-block;


  margin-top: 30px;


}


.about-main nav .page-numbers{


    color: #757575;      


    border: none;


    font-size: 25px;


    margin-right: 10px;


    padding: .5rem 1rem;


}


.about-main nav .page-numbers:hover {


    background-color: #52bab1;


    color: #fff;


    border-radius: 10px;


}


.about-main nav .page-numbers.current {


    background-color: #52bab1;


    color: #fff;


    border-radius: 10px;


}


.worshop-main .services .icon-box .img-hovr:hover::before{


  left: 36%;


}


.worshop-main .services .icon-box a{


  background: #52BAB1;


  color: #fff;


  padding: 5px 20px;


  border-radius: 20px;


  display: inline-block;


}


.worshop-main .services .icon-box a img{


  filter: brightness(0) invert(1);


}


.jobs-main .icon-box:hover {


    transform: inherit !important;


}


.jobs-main .icon-box a{


  background: #03C0C1;


  border-radius: 8px;


  color: #fff;


  padding: 8px 20px;


}


.jobs-main .icon-box h3 small{


  display: block;


  font-size: 14px;


  color: #7E7E7E;


  font-weight: 400;


  margin: 10px 0px;


}


.happening-main .icon-box{


  padding: 0px !important;


}


.happening-main .icon-box img{


  max-width: 100%;


}


.happening-main .services .icon-box small{


  font-size: 12px;


  color: #A8A8A8;


  font-weight: 500;


  padding: 10px;


}


.happening-main .services .icon-box h4{


  font-size: 18px;


  font-weight: 600;


  color: #000;


  padding: 10px 10px 0;


  margin-top: 0;


}


.happening-main .services .icon-box p{


  font-size: 12px;


  font-weight: 300;


  color: #404042;


  line-height: 22px;


  padding: 0px 10px 10px 10px;


  margin-bottom: 0;


}


.happening-main .services .icon-box:hover{


      transform: inherit;


}


.happening-main-det h2{


  font-size: 50px;


  font-weight: 800;


  line-height: 70px;


  color: #000;


}


.happening-main-det p{


  font-size: 20px;


  font-weight: 400;


  line-height: 38px;


  color: #000;


}


.happening-main-det .dat{


    background: #DCF1EF;


    font-size: 16px;


    color: #52BAB1;


    border-radius: 0px 25px 25px 25px;


    padding: 10px 30px;


    font-weight: 600;


    margin-bottom: 10px;


    display: inline-block;


}


.happening-main-det .sp-txt{


  background: #EDF8F7;


  color: #52BAB1;


  font-size: 20px;


  line-height: 38px;


  font-weight: 500;


  padding: 40px 50px;


  border-radius: 0px 50px 50px 0px ;


  text-align: left;


  margin-bottom: 50px;


  position: relative;


  font-style: italic;


}


.happening-main-det .sp-txt:before{


  position: absolute;


  left: 0;


  top: 0;


  content: '';


  width: 20px;


  height: 100%;


  background: #52BAB1;


  border-radius: 0px 10px 10px 0px;


}


.contct-main .contct-inr{overflow: hidden;}


.contct-main .contct-inr{


  background: #fff;


    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);


    border: 1px solid #F1F1F1;


    border-radius: 20px;


    padding-bottom: 50px;


    margin-bottom: 120px;


}


.contct-main .contct-inr label{


  font-size: 17px;


  color: #000;


  font-weight: 400;


}


.contct-main .contct-inr label span{


  color: #FF0000;


}


.contct-main .form-group {


    margin-bottom: 2rem;


}


.contct-main .form-control{


  border: 1px solid #C7C7C7;


  padding: 13px;


  height: auto;


}


.contct-main .btn-primary {


    color: #fff;


    background-color: #52bab1;


    margin: 20px auto;


    border-color: #52bab1;


    font-style: 18px;


    padding: 10px 30px;


}


.contct-main .btn-primary:not(:disabled):not(.disabled):active{background-color: #52bab1;


    border-color: #52bab1;


  }


.contct-main .cont-top{


  background: #EDF8F7;


  padding:30px 50px;


  text-align: center;


}


.contct-main .cont-top p{


  font-size: 17px;


  color: #000;


  font-weight: 400;


  line-height: 34px;


  margin: 0;


}


.contct-main .cont-top p span{


  color: #03C0C1;


  display: block;


}


.contct-main .cont-top p strong{


  color: #03C0C1;


}


 @media (max-width: 1600px) {


 #hero .hero-img img.img-fluid {


    max-width: 88%;


  }


}


 @media (max-width: 1440px) {


 #hero .hero-img img.img-fluid {


    max-width: 91%;


  }


}


@media (max-width: 1366px) {


  #hero .hero-img img.img-fluid {


    max-width: 70%;


  }


}


@media (max-width: 1200px) {


  #hero .hero-img img.img-fluid {


    max-width: 66%;


  }


}


@media (max-width: 991px) {


  #hero .hero-img img.img-fluid {


    max-width: 50% !important;


}


}


@media (max-width: 991px) {


  #hero {


    height: 100vh;


    text-align: center;


  }


  #hero .animated {


    -webkit-animation: none;


    animation: none;


  }


  #hero .hero-img {


    text-align: center;


  }


  #hero .hero-img img {


    width: 50%;


  }


}


@media (max-width: 768px) {


  #hero h1 {


    font-size: 28px;


    line-height: 36px;


  }


  #hero h2 {


    font-size: 18px;


    line-height: 24px;


    margin-bottom: 30px;


  }


  #hero .hero-img img {


    width: 69%;


  }


}


@media (max-width: 575px) {


  #hero .hero-img img {


    width: 80%;


  }


  #hero .btn-get-started {


    font-size: 16px;


  }


  #hero .btn-watch-video {


    font-size: 16px;


    padding: 10px 0 8px 40px;


    margin-left: 20px;


  }


  #hero .btn-watch-video i {


    font-size: 32px;


    top: 7px;


  }


}


@-webkit-keyframes up-down {


  0% {


    transform: translateY(10px);


  }


  100% {


    transform: translateY(-10px);


  }


}


@keyframes up-down {


  0% {


    transform: translateY(10px);


  }


  100% {


    transform: translateY(-10px);


  }


}


/*--------------------------------------------------------------


# Sections General


--------------------------------------------------------------*/


section {


  padding: 60px 0;


  /* overflow: hidden;*/


}


.section-bg {


  background-color: #F5FCFC;


}


.section-title {


  text-align: center;


  padding-bottom: 30px;


}


.section-title h2 {


    font-size: 45px;


    font-weight: 600;


    position: relative;


    color: #000000;


}


.section-title p {


  margin-bottom: 0;


}


/*--------------------------------------------------------------


# Cliens


--------------------------------------------------------------*/


.cliens {


  padding: 12px 0;


  text-align: center;


}


.cliens img {


  max-width: 45%;


  transition: all 0.4s ease-in-out;


  display: inline-block;


  padding: 15px 0;


  -webkit-filter: grayscale(100);


  filter: grayscale(100);


}


.cliens img:hover {


  -webkit-filter: none;


  filter: none;


  transform: scale(1.1);


}


@media (max-width: 768px) {


  .cliens img {


    max-width: 40%;


  }


}


/*--------------------------------------------------------------


# About Us


--------------------------------------------------------------*/


.about .content h3 {


      font-weight: 700;


    font-size: 45px;


    color: #52BAB1;


}


.about .content h4 {


    font-weight: 800;


    font-size: 24px;


    color: #000;


    margin: 30px 0px 20px 0px;


    line-height: 35px;


}


.about .content p {


    font-weight: 400;


    font-size: 24px;


    color: #858587;


}


.about img.vid-chat{


    min-width: 120%;


    margin-left: -130px;


    margin-top: 20px;


}


.abt-shado{


    background: #fff;


    background: #fff url(../jtyouthjobs-child/assets/img/workshop-bg.png) no-repeat;


    border-radius: 15px;


    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);


    background-size: contain;


    background-position: bottom;


    padding: 120px 50px 0;


    min-height: 550px;


    box-sizing: border-box;


}


.about .content ul {


  list-style: none;


  padding: 0;


}


.about .content ul li {


  padding-left: 28px;


  position: relative;


}


.about .content ul li + li {


  margin-top: 10px;


}


.about .content ul i {


  position: absolute;


  left: 0;


  top: 2px;


  font-size: 20px;


  color: #52BAB1;


  line-height: 1;


}


.about .content p:last-child {


  margin-bottom: 0;


}


.about .content .btn-learn-more {


    font-family: "Poppins", sans-serif;


    font-weight: 700;


    font-size: 23px;


    letter-spacing: 1px;


    display: inline-block;


    padding: 15px 50px;


    border-radius: 30px;


    transition: 0.3s;


    line-height: 1;


    color: #ffffff;


    -webkit-animation-delay: 0.8s;


    animation-delay: 0.8s;


    margin-top: 6px;


    background: #52BAB1;


    text-transform: uppercase;


}


.about .content .btn-learn-more:hover {


  background: #52BAB1;


  color: #fff;


  text-decoration: none;


}


/*--------------------------------------------------------------


# Why Us


--------------------------------------------------------------*/


.why-us .content {


  padding: 60px 100px 0 100px;


}


.why-us .content h3 {


  font-weight: 400;


  font-size: 34px;


  color: #37517e;


}


.why-us .content h4 {


  font-size: 20px;


  font-weight: 700;


  margin-top: 5px;


}


.why-us .content p {


  font-size: 15px;


  color: #848484;


}


.why-us .img {


  background-size: contain;


  background-repeat: no-repeat;


  background-position: center center;


}


.why-us .accordion-list {


  padding: 0 100px 60px 100px;


}


.why-us .accordion-list ul {


  padding: 0;


  list-style: none;


}


.why-us .accordion-list li + li {


  margin-top: 15px;


}


.why-us .accordion-list li {


  padding: 20px;


  background: #fff;


  border-radius: 4px;


}


.why-us .accordion-list a {


  display: block;


  position: relative;


  font-family: "Poppins", sans-serif;


  font-size: 16px;


  line-height: 24px;


  font-weight: 500;


  padding-right: 30px;


  outline: none;


}


.why-us .accordion-list span {


  color: #52BAB1;


  font-weight: 600;


  font-size: 18px;


  padding-right: 10px;


}


.why-us .accordion-list i {


  font-size: 24px;


  position: absolute;


  right: 0;


  top: 0;


}


.why-us .accordion-list p {


  margin-bottom: 0;


  padding: 10px 0 0 0;


}


.why-us .accordion-list .icon-show {


  display: none;


}


.why-us .accordion-list a.collapsed {


  color: #343a40;


}


.why-us .accordion-list a.collapsed:hover {


  color: #52BAB1;


}


.why-us .accordion-list a.collapsed .icon-show {


  display: inline-block;


}


.why-us .accordion-list a.collapsed .icon-close {


  display: none;


}


@media (max-width: 1024px) {

#header .logo img {
    margin-left: 0px !important;
}
.col-lg-6.d-flex.flex-column.justify-content-center.pt-4.pt-lg-0.order-2.order-lg-1.aos-init.aos-animate {
    padding-left: 0px !important;
}


  .why-us .content, .why-us .accordion-list {


    padding-left: 0;


    padding-right: 0;


  }


}


@media (max-width: 992px) {


  .why-us .img {


    min-height: 400px;


  }


  .why-us .content {


    padding-top: 30px;


  }


  .why-us .accordion-list {


    padding-bottom: 30px;


  }


}


@media (max-width: 575px) {


  .why-us .img {


    min-height: 200px;


  }


}


/*--------------------------------------------------------------


# Skills


--------------------------------------------------------------*/


.skills .content h3 {


  font-weight: 700;


  font-size: 32px;


  color: #37517e;


  font-family: "Poppins", sans-serif;


}


.skills .content ul {


  list-style: none;


  padding: 0;


}


.skills .content ul li {


  padding-bottom: 10px;


}


.skills .content ul i {


  font-size: 20px;


  padding-right: 4px;


  color: #52BAB1;


}


.skills .content p:last-child {


  margin-bottom: 0;


}


.skills .progress {


  height: 50px;


  display: block;


  background: none;


}


.skills .progress .skill {


  padding: 10px 0;


  margin: 0 0 6px 0;


  text-transform: uppercase;


  display: block;


  font-weight: 600;


  font-family: "Poppins", sans-serif;


  color: #37517e;


}


.skills .progress .skill .val {


  float: right;


  font-style: normal;


}


.skills .progress-bar-wrap {


  background: #e8edf5;


}


.skills .progress-bar {


  width: 1px;


  height: 10px;


  transition: .9s;


  background-color: #4668a2;


}


/*--------------------------------------------------------------


# Services


--------------------------------------------------------------*/


#services{


  padding-bottom: 80px;


}


.services .icon-box {


  padding: 15px 10px;


  transition: all ease-in-out 0.4s;


  background: #fff;


  border-radius: 16px;


}


.articleslide{


  padding: 0px !important;


}


.services .articleslide h4{


  padding: 10px 10px 0;


}


.services .articleslide h4 a{


    padding: 0;


}


.services .articleslide p {


    padding: 0px 10px;


}


.services .articleslide a {


    padding: 10px 10px 20px;


    display: block;


}


.services .icon-box .icon {


  margin-bottom: 10px;


}


.services .icon-box .icon i {


  color: #52BAB1;


  font-size: 36px;


  transition: 0.3s;


}


.services .icon-box h4 {


    font-weight: 600;


    margin-bottom: 15px;


    font-size: 20px;


}


.services .icon-box h4 a {


  color: #000;


  transition: ease-in-out 0.3s;


}


.services .icon-box p {


  line-height: 24px;


  font-size: 14px;


  margin-bottom: 0;


}


.services .icon-box.colr1{background: #f1f6e9;}


.services .icon-box.colr2{background: #fdecdc;}


.services .icon-box.colr3{background: #f6e4eb;}


.services .icon-box.colr4{background: #e8f2fe;}


.services .icon-box:hover {


  transform: translateY(-10px);


  background: #fff;


  box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);


}


.services .icon-box:hover h4 a {


}


/*--------------------------------------------------------------


# Cta


--------------------------------------------------------------*/


.cta {  


  padding:70px 0;


  position: relative;


}


.cta:before{


   position: absolute;


    content: '';


    width: 300PX;


    height: 367px;


    background: url(../jtyouthjobs-child/assets/img/left-top-corner.png) no-repeat;


    left: 0;


    top: 0;


}


.cta:after{


    position: absolute;


    content: '';


    width: 300PX;


    height: 367px;


    background: url(../jtyouthjobs-child/assets/img/right-top-corner.png) no-repeat;


    right: 0;


    top: 0;


}


.cta h3 {


  color: #000;


  font-size: 28px;


  font-weight: 700;


}


.cta p {


  color: #000;


}


.cta h4 {


    color: #000;


    font-size: 16px;


    font-weight: 500;


    line-height: 22px;


    margin: 20px 0 10px;


}


.cta .webi-bx{


  background: #fff;


  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);


  border:1px solid #F1F1F1;


  padding: 10px;


  border-radius: 10px;


  padding-bottom: 20px;


}


.cta .webi-bx p{


  font-size: 14px;


  color: #858587;


  line-height: 24px;


  font-weight: 300;


}


.cta .carousel-inner {


    overflow: visible;


}


.blog .carousel-indicators {left: 0; top: auto; bottom: -50px;}


.blog .carousel-indicators li {background: #C9C9C9; border-radius: 50%; width: 8px; height: 8px; border:none;}


.blog .carousel-indicators .active {background: #000;}


@media (max-width: 1024px) {

.about-main .services .icon-box .img-hovr:hover::before{
  left: 35%;
}


  .cta {


    background-attachment: scroll;


  }


}


@media (min-width: 769px) {


  .cta .cta-btn-container {


    display: flex;


    align-items: center;


    justify-content: flex-end;


  }


}


/*--------------------------------------------------------------


# Portfolio


--------------------------------------------------------------*/


.portfolio #portfolio-flters {


  list-style: none;


  margin-bottom: 20px;


}


.portfolio #portfolio-flters li {


  cursor: pointer;


  display: inline-block;


  margin: 10px 5px;


  font-size: 15px;


  font-weight: 500;


  line-height: 1;


  color: #444444;


  transition: all 0.3s;


  padding: 8px 20px;


  border-radius: 50px;


  font-family: "Poppins", sans-serif;


}


.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {


  background: #52BAB1;


  color: #fff;


}


.portfolio .portfolio-item {


  margin-bottom: 30px;


}


.portfolio .portfolio-item .portfolio-img {


  overflow: hidden;


}


.portfolio .portfolio-item .portfolio-img img {


  transition: all 0.6s;


}


.portfolio .portfolio-item .portfolio-info {


  opacity: 0;


  position: absolute;


  left: 15px;


  bottom: 0;


  z-index: 3;


  right: 15px;


  transition: all 0.3s;


  background: rgba(55, 81, 126, 0.8);


  padding: 10px 15px;


}


.portfolio .portfolio-item .portfolio-info h4 {


  font-size: 18px;


  color: #fff;


  font-weight: 600;


  color: #fff;


  margin-bottom: 0px;


}


.portfolio .portfolio-item .portfolio-info p {


  color: #f9fcfe;


  font-size: 14px;


  margin-bottom: 0;


}


.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {


  position: absolute;


  right: 40px;


  font-size: 24px;


  top: calc(50% - 18px);


  color: #fff;


  transition: 0.3s;


}


.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {


  color: #52BAB1;


}


.portfolio .portfolio-item .portfolio-info .details-link {


  right: 10px;


}


.portfolio .portfolio-item:hover .portfolio-img img {


  transform: scale(1.15);


}


.portfolio .portfolio-item:hover .portfolio-info {


  opacity: 1;


}


/*--------------------------------------------------------------


# Team


--------------------------------------------------------------*/


.team .member {


  position: relative;


  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);


  padding: 30px;


  border-radius: 5px;


  background: #fff;


  transition: 0.5s;


}


.team .member .pic {


  overflow: hidden;


  width: 180px;


  border-radius: 50%;


}


.team .member .pic img {


  transition: ease-in-out 0.3s;


}


.team .member:hover {


  transform: translateY(-10px);


}


.team .member .member-info {


  padding-left: 30px;


}


.team .member h4 {


  font-weight: 700;


  margin-bottom: 5px;


  font-size: 20px;


  color: #37517e;


}


.team .member span {


  display: block;


  font-size: 15px;


  padding-bottom: 10px;


  position: relative;


  font-weight: 500;


}


.team .member span::after {


  content: '';


  position: absolute;


  display: block;


  width: 50px;


  height: 1px;


  background: #cbd6e9;


  bottom: 0;


  left: 0;


}


.team .member p {


  margin: 10px 0 0 0;


  font-size: 14px;


}


.team .member .social {


  margin-top: 12px;


  display: flex;


  align-items: center;


  justify-content: flex-start;


}


.team .member .social a {


  transition: ease-in-out 0.3s;


  display: flex;


  align-items: center;


  justify-content: center;


  border-radius: 50px;


  width: 32px;


  height: 32px;


  background: #eff2f8;


}


.team .member .social a i {


  color: #37517e;


  font-size: 16px;


  margin: 0 2px;


}


.team .member .social a:hover {


  background: #52BAB1;


}


.team .member .social a:hover i {


  color: #fff;


}


.team .member .social a + a {


  margin-left: 8px;


}


/*--------------------------------------------------------------


# Pricing


--------------------------------------------------------------*/


.pricing .row {


  padding-top: 10px;


}


.pricing .box {


    padding: 50px;


    box-shadow: 0 3px 20px -2px rgba(20, 45, 100, 0.1);


    background: #fff;


    height: 160px;


    border-top: 4px solid #fff;


    border-radius: 50%;


    display: inline-block;


    width: 160px;


    position: relative;


}


.pricing .box:before{


    position: absolute;


    content: '';


    height: 140px;


    width: 140px;


    background: transparent;


    border: 2px solid #52BAB1;


    left: 10px;


    top: 6px; 


    border-radius: 50%;


}


.pricing .box:hover{


    background: #52BAB1;


}


.pricing .box:hover img{


  filter: brightness(0) invert(1);


}


.pricing h3 {


    font-weight: 500;


    margin-bottom: 10px;


    font-size: 18px;


    color: #000000;


    margin-top: 20px;


}


.pricing h4 {


  font-size: 48px;


  color: #37517e;


  font-weight: 400;


  font-family: 'Poppins', sans-serif;


  margin-bottom: 25px;


}


.pricing p{


  font-size: 14px;


  line-height: 25px;


  color: #858587;


}


.pricing h4 sup {


  font-size: 28px;


}


.pricing h4 span {


  color: #52BAB1;


  font-size: 18px;


  display: block;


}


.pricing ul {


  padding: 20px 0;


  list-style: none;


  color: #999;


  text-align: left;


  line-height: 20px;


}


.pricing ul li {


  padding: 10px 0 10px 30px;


  position: relative;


}


.pricing ul i {


  color: #28a745;


  font-size: 24px;


  position: absolute;


  left: 0;


  top: 6px;


}


.pricing ul .na {


  color: #ccc;


}


.pricing ul .na i {


  color: #ccc;


}


.pricing ul .na span {


  text-decoration: line-through;


}


.pricing .buy-btn {


  display: inline-block;


  padding: 12px 35px;


  border-radius: 50px;


  color: #52BAB1;


  transition: none;


  font-size: 16px;


  font-weight: 500;


  font-family: 'Poppins', sans-serif;


  transition: 0.3s;


  border: 1px solid #52BAB1;


}


.pricing .buy-btn:hover {


  background: #52BAB1;


  color: #fff;


}


.pricing .featured {


  border-top-color: #52BAB1;


}


.pricing .featured .buy-btn {


  background: #52BAB1;


  color: #fff;


}


.pricing .featured .buy-btn:hover {


  background: #23a3df;


}


@media (max-width: 992px) {


  .pricing .box {


    max-width: 60%;


    margin: 0 auto 30px auto;


  }


}


@media (max-width: 767px) {


  .pricing .box {


    max-width: 80%;


    margin: 0 auto 30px auto;


  }


  .pmpro-checkout .main-level .pmpro_checkout-fields {


    margin-left: 0 !important;


}


}


@media (max-width: 420px) {


  .pricing .box {


    max-width: 100%;


    margin: 0 auto 30px auto;


  }


}


/*--------------------------------------------------------------


# Frequently Asked Questions


--------------------------------------------------------------*/


.faq .faq-list {


  padding: 0 100px;


}


.faq .faq-list ul {


  padding: 0;


  list-style: none;


}


.faq .faq-list li + li {


  margin-top: 15px;


}


.faq .faq-list li {


  padding: 20px;


  background: #fff;


  border-radius: 4px;


  position: relative;


}


.faq .faq-list a {


  display: block;


  position: relative;


  font-family: "Poppins", sans-serif;


  font-size: 16px;


  line-height: 24px;


  font-weight: 500;


  padding: 0 30px;


  outline: none;


}


.faq .faq-list .icon-help {


  font-size: 24px;


  position: absolute;


  right: 0;


  left: 20px;


  color: #52BAB1;


}


.faq .faq-list .icon-show, .faq .faq-list .icon-close {


  font-size: 24px;


  position: absolute;


  right: 0;


  top: 0;


}


.faq .faq-list p {


  margin-bottom: 0;


  padding: 10px 0 0 0;


}


.faq .faq-list .icon-show {


  display: none;


}


.faq .faq-list a.collapsed {


  color: #37517e;


  transition: 0.3s;


}


.faq .faq-list a.collapsed:hover {


  color: #52BAB1;


}


.faq .faq-list a.collapsed .icon-show {


  display: inline-block;


}


.faq .faq-list a.collapsed .icon-close {


  display: none;


}


@media (max-width: 1200px) {


  .faq .faq-list {


    padding: 0;


  }


}


/*--------------------------------------------------------------


# Contact


--------------------------------------------------------------*/


.contact .info {


  border-top: 3px solid #52BAB1;


  border-bottom: 3px solid #52BAB1;


  padding: 30px;


  background: #fff;


  width: 100%;


  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);


}


.contact .info i {


  font-size: 20px;


  color: #52BAB1;


  float: left;


  width: 44px;


  height: 44px;


  background: #e7f5fb;


  display: flex;


  justify-content: center;


  align-items: center;


  border-radius: 50px;


  transition: all 0.3s ease-in-out;


}


.contact .info h4 {


  padding: 0 0 0 60px;


  font-size: 22px;


  font-weight: 600;


  margin-bottom: 5px;


  color: #37517e;


}


.contact .info p {


  padding: 0 0 10px 60px;


  margin-bottom: 20px;


  font-size: 14px;


  color: #6182ba;


}


.contact .info .email p {


  padding-top: 5px;


}


.contact .info .social-links {


  padding-left: 60px;


}


.contact .info .social-links a {


  font-size: 18px;


  display: inline-block;


  background: #333;


  color: #fff;


  line-height: 1;


  padding: 8px 0;


  border-radius: 50%;


  text-align: center;


  width: 36px;


  height: 36px;


  transition: 0.3s;


  margin-right: 10px;


}


.contact .info .social-links a:hover {


  background: #52BAB1;


  color: #fff;


}


.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {


  background: #52BAB1;


  color: #fff;


}


.contact .php-email-form {


  width: 100%;


  border-top: 3px solid #52BAB1;


  border-bottom: 3px solid #52BAB1;


  padding: 30px;


  background: #fff;


  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);


}


.contact .php-email-form .form-group {


  padding-bottom: 8px;


}


.contact .php-email-form .validate {


  display: none;


  color: red;


  margin: 0 0 15px 0;


  font-weight: 400;


  font-size: 13px;


}


.contact .php-email-form .error-message {


  display: none;


  color: #fff;


  background: #ed3c0d;


  text-align: left;


  padding: 15px;


  font-weight: 600;


}


.contact .php-email-form .error-message br + br {


  margin-top: 25px;


}


.contact .php-email-form .sent-message {


  display: none;


  color: #fff;


  background: #18d26e;


  text-align: center;


  padding: 15px;


  font-weight: 600;


}


.contact .php-email-form .loading {


  display: none;


  background: #fff;


  text-align: center;


  padding: 15px;


}


.contact .php-email-form .loading:before {


  content: "";


  display: inline-block;


  border-radius: 50%;


  width: 24px;


  height: 24px;


  margin: 0 10px -6px 0;


  border: 3px solid #18d26e;


  border-top-color: #eee;


  -webkit-animation: animate-loading 1s linear infinite;


  animation: animate-loading 1s linear infinite;


}


.contact .php-email-form input, .contact .php-email-form textarea {


  border-radius: 0;


  box-shadow: none;


  font-size: 14px;


  border-radius: 4px;


}


.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {


  border-color: #52BAB1;


}


.contact .php-email-form input {


  height: 44px;


}


.contact .php-email-form textarea {


  padding: 10px 12px;


}


.contact .php-email-form button[type="submit"] {


  background: #52BAB1;


  border: 0;


  padding: 12px 34px;


  color: #fff;


  transition: 0.4s;


  border-radius: 50px;


}


.contact .php-email-form button[type="submit"]:hover {


  background: #33a99e;


}


@-webkit-keyframes animate-loading {


  0% {


    transform: rotate(0deg);


  }


  100% {


    transform: rotate(360deg);


  }


}


@keyframes animate-loading {


  0% {


    transform: rotate(0deg);


  }


  100% {


    transform: rotate(360deg);


  }


}


/*--------------------------------------------------------------


# Breadcrumbs


--------------------------------------------------------------*/


.breadcrumbs {


  padding: 15px 0;


  background: #f3f5fa;


  min-height: 40px;


  margin-top: 72px;


}


@media (max-width: 992px) {


.about-main .services .icon-box .img-hovr:hover::before{
  left: 30%;
}


  .breadcrumbs {


    margin-top: 68px;


  }


}


.breadcrumbs h2 {


  font-size: 28px;


  font-weight: 600;


  color: #37517e;


}


.breadcrumbs ol {


  display: flex;


  flex-wrap: wrap;


  list-style: none;


  padding: 0 0 10px 0;


  margin: 0;


  font-size: 14px;


}


.breadcrumbs ol li + li {


  padding-left: 10px;


}


.breadcrumbs ol li + li::before {


  display: inline-block;


  padding-right: 10px;


  color: #4668a2;


  content: "/";


}


/*--------------------------------------------------------------


# Portfolio Details


--------------------------------------------------------------*/


.portfolio-details {


  padding-top: 40px;


}


.portfolio-details .portfolio-details-container {


  position: relative;


}


.portfolio-details .portfolio-details-carousel {


  position: relative;


  z-index: 1;


}


.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {


  margin-top: 5px;


  text-align: left;


}


.portfolio-details .portfolio-details-carousel .owl-dot {


  display: inline-block;


  margin: 0 10px 0 0;


  width: 12px;


  height: 12px;


  border-radius: 50%;


  background-color: #ddd !important;


}


.portfolio-details .portfolio-details-carousel .owl-dot.active {


  background-color: #52BAB1 !important;


}


.portfolio-details .portfolio-info {


  padding: 30px;


  position: absolute;


  right: 0;


  bottom: -70px;


  background: #fff;


  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);


  z-index: 2;


}


.portfolio-details .portfolio-info h3 {


  font-size: 22px;


  font-weight: 700;


  margin-bottom: 20px;


  padding-bottom: 20px;


  border-bottom: 1px solid #eee;


}


.portfolio-details .portfolio-info ul {


  list-style: none;


  padding: 0;


  font-size: 15px;


}


.portfolio-details .portfolio-info ul li + li {


  margin-top: 10px;


}


.portfolio-details .portfolio-description {


  padding-top: 50px;


}


.portfolio-details .portfolio-description h2 {


  width: 50%;


  font-size: 26px;


  font-weight: 700;


  margin-bottom: 20px;


}


.portfolio-details .portfolio-description p {


  padding: 0 0 0 0;


}


@media (max-width: 768px) {


  .portfolio-details .portfolio-description h2 {


    width: 100%;


  }


  .portfolio-details .portfolio-info {


    position: static;


    margin-top: 30px;


  }


}


/*--------------------------------------------------------------


# Footer


--------------------------------------------------------------*/


#footer {


  font-size: 14px;


  position: relative;


}


#footer:after{


  width: 100%;


  content: '';


  height: 620px;


  position: absolute;


  bottom: 0;


  left: 0;


  background: url("../jtyouthjobs-child/assets/img/footer-bg.png") center no-repeat;


  z-index: -10;


}


.footer-newsletter {


  padding: 50px 0;


  text-align: center;


  font-size: 15px;


  color: #444444;


  position: relative;


  min-height: 430px;


}


.footer-newsletter:before{


  position: absolute;


  content: '';


  width: 322PX;


  height: 435px;


  background: url("../jtyouthjobs-child/assets/img/newsltr-left-bg.png") no-repeat;


  left: 0;


  bottom: 0;


}


.footer-newsletter:after{


  position: absolute;


  content: '';


  width: 322PX;


  height: 435px;


  background: url("../jtyouthjobs-child/assets/img/newsltr-right-bg.png") no-repeat;


  right: 0;


  bottom: 0;


} 


.footer-newsletter h4 {


    font-size: 45px;


    margin: 0 0 20px 0;


    padding: 0;


    line-height: 1;


    font-weight: 600;


    color: #52bab1;


    text-transform: uppercase;


}


.footer-newsletter p{


    font-size: 17px;


    color: #858587;


}


.footer-newsletter .emaillist br {


    display: none;


}


.footer-newsletter form {


    margin-top: 30px;


    background: #fff;


    padding:40px 40px;


    position: relative;


    border-radius: 8px;


    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);


    text-align: left;


    background: url(../jtyouthjobs-child/assets/img/nw-bg.png) no-repeat;


    border: 5px solid #fff;


    background-size: cover;


    overflow: hidden;


    min-height: 140px;


    width: 100%;


}


.footer-newsletter form input{


    border: 4px;


    padding: 12px 10px;


    border-radius: 4px;


    width: 100%;


}


.footer-newsletter form input:focus{


    outline: none;


}


.footer-newsletter form input[type="submit"] {


    border: 0;


    background: none;


    font-size: 16px;


    padding: 12px 30px;


    background: #009C9D;


    color: #fff;


    transition: 0.3s;


    border-radius: 4px;


    width: 340px;


}


.footer-newsletter form input[type="submit"]:hover {


  background: #33a99e;


}


#footer .footer-top {


}


#footer .footer-top .container{


  background: #52BAB1;


  border-radius: 30px 30px 0px 0px;


  padding: 60px 0 30px 0;


}


#footer .footer-top .footer-contact {


  margin-bottom: 30px;


}


#footer .footer-top .footer-contact h3 {


  font-size: 28px;


  margin: 0 0 10px 0;


  padding: 2px 0 2px 0;


  line-height: 1;


  text-transform: uppercase;


  font-weight: 600;


  color: #37517e;


}


#footer .footer-top .footer-contact p {


  font-size: 14px;


  line-height: 24px;


  margin-bottom: 0;


  font-family: 'Poppins', sans-serif;


  color: #5e5e5e;


}


#footer .footer-top h4 {


  font-size: 16px;


  font-weight: bold;


  color: #37517e;


  position: relative;


  padding-bottom: 12px;


}


#footer .footer-top .footer-links {


  margin-bottom: 30px;


}


#footer .footer-top .footer-links ul {


  list-style: none;


  padding: 0;


  margin: 0;


}


#footer .footer-top .footer-links ul i {


  padding-right: 2px;


  color: #52BAB1;


  font-size: 18px;


  line-height: 1;


}


#footer .footer-top .footer-links ul li {


  padding: 10px 0;


  display: flex;


  align-items: center;


}


#footer .footer-top .footer-links ul li:first-child {


  padding-top: 0;


}


#footer .footer-top .footer-links ul a {


  color: #fff;


  transition: 0.3s;


  display: inline-block;


  line-height: 1;


}


#footer .footer-top .footer-links p{


  color: #fff;


}


#footer .footer-top .footer-links ul a:hover {


  text-decoration: none;


}


#footer .footer-top .social-links a {


    display: block;


    color: #fff;


    line-height: 1;


    padding: 0px 0 14px;


    margin-right: 4px;


    border-radius: 50%;


    transition: 0.3s;


}


#footer .footer-top .social-links a i{font-size: 18px;}


#footer .footer-top .social-links a:hover {


  color: #fff;


  text-decoration: none;


}


#footer .footer-bottom {


  padding-top: 30px;


  padding-bottom: 30px;


  color: #000;


  text-align: center;


  font-size: 15px;


}


#footer .copyright {


}


#footer .credits {


}


#footer .credits a {


  transition: 0.3s;


}


  .footer-newsletter form input {


    width: 100%;


}


@media (max-width: 1600px) {


    #hero:before{


    width: 150PX;


    height: 185px;


    background-size: contain;


    }


    #hero:after{


    width: 150PX;


    height: 185px;


    background-size: contain;


    }


   /* .container {

        max-width: 1100px;
    }*/


    .footer-newsletter form {


    border-radius: 20px;


  }


  .footer-newsletter form input {


}


.footer-newsletter form input[type="submit"] {


    width: 255px;


}


.footer-newsletter:after {


        width: 220PX;


    height: 297px;


    background-size: contain;


}


.footer-newsletter:before {


        width: 220PX;


    height: 297px;


    background-size: contain;


}


.cta:before{


    width: 150PX;


    height: 185px;


    background-size: contain;


    }


    .cta:after{


    width: 150PX;


    height: 185px;


    background-size: contain;


    }


    .abt-shado {


    padding: 80px 50px 0;


    min-height: 500px;


}


.about-main:before{


    width: 520PX;


    height: 440px;


    top: 60px;


}


  .about img.vid-chat {


    margin-left: -100px;


    margin-top: 0px;


}


.about .content p {


    font-size: 23px;


}


.resources-main#hero h1 {


    font-size: 70px;


  }


  .resources-main .hero-img img.img-fluid{


    max-width: 15.5% !important;


  }


  .resources-main .services .icon-box {


    max-width: 100%;


}


.resources-main .services .icon-box img{


  max-width: 100%;


}


.about-main section img{


  max-width: 100%;


}


.about-main:after {


    width: 150PX;


    height: 300px;


  }


}


@media (max-width: 2500px) and (min-width: 1600px) {
  .about-main .services .icon-box .img-hovr:hover::before{
    left: 26% !important;
  }


}


@media (max-width: 1024px) {

.pmpro-login .pmpro_login_wrap {
    width: 70% !important;
}
.dpn-zvc-timer-cell-string{
  padding:10px 49.5px !important;
}
.resource-template-default .custom_post_sidebar.sidebar_section {
    top: 310px !important;
    right: 110px !important;
}
.resource-template-default figure.featured-media {
    width: 50% !important;
}
#hero {text-align: center;
    height: auto;
  }


  #hero:before {


    width: 60PX;


    height: 70px;


}


#hero:after {


    width: 60PX;


    height: 70px;


}


.about img.vid-chat {


    margin-left: -110px;


}


.about .content h3 {

    font-size: 35px;

}

.about .content h4 {

    font-size: 20px;


  }

  .abt-shado {

    padding: 60px 50px 0;

    min-height: 450px;

}


.about img.vid-chat {

    margin-top: 40px;

}


.footer-newsletter form input[type="submit"] {

    margin: 20px auto 0;
    display: inherit;
}

.footer-newsletter:after {

    width: 160PX;
    height: 215px;

}


.footer-newsletter:before {

    width: 160PX;
    height: 215px;

}


.resources-main .services .icon-box {


    margin: 0 auto 20px;


}


.resources-main .cta:after {

    width: 100PX;


    height: 125px;


}


.resources-main .cta:before{


    width: 100px;
    height: 125px;

}


.footer-newsletter form {


    text-align: center;

}


  #hero .hero-img img.img-fluid {


    max-width:95%;


  }


  .footer-newsletter form input {


}


.services .icon-box {


    margin-bottom: 20px;


}


.resource-template-default .custom_post_sidebar.sidebar_section {

    width: 40% !important;

}

.resource-template-default .post-inner.thin {

    width: 43% !important;

}
.emaillist .es-field-wrap {
    margin: 0px 5px 10px 0px !important;
     width: 45%;
  
}


}


@media (max-width: 991px) {


.sf.date {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}


  .container {

    padding: 0px 20px;


}

.get-started-btn {


    margin: 0 70px 0 0;

}


.footer-newsletter form input {


    width: 100%;


}


.mobile-nav-toggle {

    top: 29px;


    right: 45px;


  }


  .about img.vid-chat {


    margin-left: 0;


    min-width: 100%;
}


.footer-newsletter form{


  z-index: 99;


}


.footer-newsletter form input[type="submit"] {

    display: inline-block;

}


#footer .footer-top .footer-links {


    text-align: center;


}


#footer .footer-top .footer-links ul {


    text-align: center;


}


#footer .footer-top .footer-links ul li {

    display: block;


  }


.about-main:before {


    width: 310PX;

    height: 260px;


}


.happening-main-det h2{


    font-size: 30px;


    line-height: 50px;


}


.about-main:after{display: none;}


.resources-main#hero h1 {


    font-size: 50px;


    line-height: normal;


}


}


@media (max-width: 768px) {

.pmpro-login .pmpro_login_wrap {
    width: 90% !important;
}
.pmpro-body-has-access .main-level h1.entry-title {
    font-size: 30px;
}
.container {
    overflow-y: hidden;
}
.pmpro-checkout .main-level input#pmpro_btn-submit {
    width: 80% !important;
}
.simply {
  border-right: none !important;
    border-bottom: 2px solid #e3e3e3 !important;
    margin-bottom: 20px !important;
}
.dpn-zvc-timer-cell-string {
    padding: 10px 15px !important;
}
.pmpro-member-profile-edit .main-level .pmpro_member_profile_edit-fields{
  margin-left: 0px !important;
}
.pmpro-member-profile-edit .main-level input.pmpro_btn.pmpro_btn-cancel {
    width: 70% !important;
}
.pmpro-member-profile-edit .main-level input.pmpro_btn.pmpro_btn-submit {
    width: 70% !important;
}
.about-main .services .icon-box a {
    font-size: 13px !important;
    padding: 8px !important;
}
.resource-template-default .post-inner.thin {
    width: 95% !important;
    margin-bottom: 20px;
}
.resource-template-default .featured-media-inner.section-inner img {
    width: 100% !important;
}
.resource-template-default .custom_post_sidebar.sidebar_section .widget-content ul li a {
    line-height: 28px;
}


#footer .footer-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #footer .copyright, #footer .credits {

    text-align: center;
    float: none;

  }


  #footer .credits {

    padding-top: 4px;
  }

  .emaillist .es-field-wrap {

    width: 100%;

}


#hero .hero-img img.img-fluid {
    max-width: 100% !important;
}

.resource-template-default header.entry-header.has-text-align-center.header-footer-group {

    width: 100% !important;

}

.resource-template-default figure.featured-media {

    width: 100% !important;

}

.resource-template-default .custom_post_sidebar.sidebar_section {

    width: 100% !important;

    float: none !important;

    position: relative !important;

    top: 0px !important;

    right: 0px !important;

}

.resource-template-default .container.main-level-post {

    margin-bottom: 20px !important;

}

.resource-template-default .post-inner.thin {

    width: 100%;

}

.post-template-default input#submit {

    width: 100% !important;

}

.emaillist .es-field-wrap {
    margin: 0px 5px 10px 0px !important;
  
}


}


@media (max-width: 600px) {


.abt-shado {


    padding: 60px 50px;


}


.footer-newsletter form input {


    width: 100%;


    margin-top: 10px;


}


.footer-newsletter form input[type="submit"] {


    display: block;


    width: 100%;


    margin: 10px 0;


}


.cta:before {


    width: 100PX;


    height: 120px;


}


.cta:after {


    width: 100PX;


    height: 120px;


}


.cta .webi-bx{


  margin-bottom: 20px;


}


.mobile-nav {


    width: 88%;


  }


  .about-main:before {


    width: 180PX;


    height: 150px;


    top: 80px;


}


}


label.error {


    color: #d22020 !important;


    font-size: 13px !important;


}


 .nesxs {


    margin-bottom: 0px !important;


}


.note_user span {


    display: inline-block;


    padding: 4px;


}


#Carousel_article ol li {


 background-color: #333;


}


ol.carousel-indicators.indicator-navigation {


    position: absolute;


    bottom: -44px;


}


.cms-date-row {


    font-size: 18px;


    font-weight: 500;


    color: #52bab1;


    margin-left: 9px;


    margin-bottom: 10px;


}


.sf.date {


    margin-top: 100px;


}


a.button-link.get-started-btn {


    margin: 0px;


    padding-top: 8px;


}


.expert {


    padding-top: 50px;


    margin-top: 50px;


}


 form#waib_register {


    background: #52BAB1;


    padding: 30px;


    color: white;


    border-radius: 10px;


}


form#waib_register input#register-button {


    background: white;


    color: #52BAB1;


    border: none; border-radius: 22px;


    margin: 0 auto;    width: 45%;


}


.expert p {


    font-size: 15px;


    line-height: 24px;


    border-left: 3px solid #52BAB1;


    padding: 0px 10px;


}


form#waib_register h2 {


    margin: 0 auto;


    font-size: 40px;


    color: white;


    padding: 0px 0px 15px;


}


.error_rest_pass {


    text-align: center;


    font-size: 16px;


    color: #fff;


    background: #52bab1;


    margin: 10px;


    padding: 8px 8px 6px 8px;


    width: 100%;


}


img.article-img_in {


    width: 100%;


}


.explore-read.container {


    text-align: center;


}


section.explore-section {


    padding: 10px 10px 10px 10px;


}


.explore-read a.btn-learn-more {


    color: #fff;


    text-decoration: none;


    font-family: "Poppins", sans-serif;


    font-weight: 500;


    font-size: 18px;


    letter-spacing: 1px;


    display: inline-block;


    padding: 15px 50px;


    border-radius: 30px;


    transition: 0.3s;


    line-height: 1;


    color: #ffffff;


    -webkit-animation-delay: 0.8s;


    animation-delay: 0.8s;


    margin-top: 6px;


    background: #52BAB1;


    text-transform: uppercase;


}


.pmpro-body-has-access .main-level {


    background: #fff;


    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);


    border: 1px solid #F1F1F1;


    border-radius: 20px;


    margin-bottom: 120px;


}


.pmpro-body-has-access .main-level h1.entry-title {


    text-align: center;


    padding: 25px;


    font-weight: 700;


    color: #52BAB1;


}


.pmpro-body-has-access .main-level h2 {


    font-size: 30px;    line-height: 32px;


}


.pmpro-body-has-access .main-level a.pmpro_btn.pmpro_btn-select {


    background-color: #52BAB1;


    color: white;


    border-radius: 50px;


    padding: 10px;


    width: 60%;


    margin: 0 auto;


}


.pmpro-body-has-access .main-level .pmpro_advanced_levels-compare_table{


  margin:0 auto;


}


.pmpro_advanced_levels-compare_table thead tr th:nth-child(odd), .pmpro_advanced_levels-compare_table tbody tr td:nth-child(odd){


  background:rgb(220 241 242);


}


.pmpro-body-has-access .main-level .nav-previous.alignleft {


    display: none;


}


.pmpro-body-has-access .main-level span.pmpro_level-compare-true{


  color:#52BAB1; 


}


.pmpro-body-has-access .main-level .pmpro_advanced_levels-compare_table .pmpro_level-compare-false, .pmpro_advanced_levels-compare_table_responsive .pmpro_level-compare-false{


  color: red;


}


/*.pmpro-body-has-access .main-level table#pmpro_levels thead {


    background: gray;


}*/


.pmpro-body-has-access .main-level .pmpro_advanced_levels-compare_table tbody tr {


border:2px solid #cecece !important


}


div#pmpro_pricing_fields {


    background: #EDF8F7;


    padding: 30px 50px;


    text-align: center;


    margin: -15px;


}


.pmpro-checkout .main-level {


    margin-top: 130px;


}


.pmpro-checkout .main-level  div#pmpro_pricing_fields{


      padding: 10px 0px;


}


.pmpro-checkout .main-level  .pmpro_checkout-fields {


    width: 100%;


    margin: 0 auto;/*margin-left: 50px;*/


}


.pmpro-checkout .main-level span.pmpro_checkout-h3-name {


    display: block !important;


    text-align: center !important;


    margin: 0 auto !important;


}


.pmpro-checkout .main-level span.pmpro_checkout-h3-msg {


    display: block !important;


    text-align: center !important;


    margin: 0 auto !important;


    padding: 8px 0px 25px;


}


.pmpro-checkout .main-level input {


    border: 2px solid #bcbcbc;


    height: 40px;


    border-radius: 5px;


    width: 100%;


}


.pmpro-checkout .main-level form.pmpro_form .pmpro_asterisk abbr {


    border: none;


    text-decoration: none;


    position: relative;


    right: 230px;


    bottom: 28px;display: none;


}


/*.pmpro_checkout-field.pmpro_checkout-field-bemail abbr {


    right: 200px !important;


    top: -30px;


    position: absolute;


}


.pmpro_checkout-field.pmpro_checkout-field-password2 abbr {


    right: 167px !important;


}


.pmpro_checkout-field.pmpro_checkout-field-bconfirmemail abbr {


    right: 128px !important;


}*/


.pmpro-checkout .main-level input#pmpro_btn-submit {


    width: 30%;


    margin: 0 auto;


    display: block;


    color: white;


    border: none;


}


.pmpro-checkout .main-level label{


  font-weight: 500;


}


.pmpro-checkout .main-level .pmpro_checkout-fields p {


    text-align: center !important;


}


.pmpro-confirmation .main-level{


  margin-top: 140px;


}


.pmpro-account .main-level{


  margin-top: 140px;


}


.pmpro-cancel .main-level{


  margin-top: 140px;padding: 0px 20px 30px;


}


div#pmpro_cancel {


    text-align: center;


}


div#pmpro_cancel a.pmpro_btn.pmpro_btn-submit.pmpro_yeslink.yeslink {


    background: #52BAB1;


    color: white;


}


.pmpro-member-profile-edit .main-level{


  margin-top: 140px;


}


.pmpro-member-profile-edit .main-level input {


    width: 100%;


    height: 40px;


    border: 2px solid #c5c5c5;


    border-radius: 3px;


}


.pmpro-member-profile-edit .main-level label{


  font-weight: 500;


}


.pmpro-member-profile-edit .main-level input.pmpro_btn.pmpro_btn-submit {


    width: 50%;color: white;


    margin: 10px auto;


    display: block;


}


.pmpro-member-profile-edit .main-level input.pmpro_btn.pmpro_btn-cancel{


   width: 50%;


    margin: 10px auto;


    display: block;


}


.pmpro-member-profile-edit .main-level .pmpro_member_profile_edit-fields {


    margin-left: 70px;


}


.pmpro-member-profile-edit form.pmpro_form .pmpro_asterisk abbr {


  display: none;


}


.pmpro-invoice .main-level{


  margin-top: 140px;


  padding-bottom: 50px;


}


.content-area.container {


    margin-top: 150px;


}


.container.main-level {


    margin-top: 140px;


}


.pmpro-login input {


    width: 100%;


    border: 2px solid #cacaca;


    height: 40px;


    border-radius: 5px;


}


.pmpro-login p.login-remember input {


    width: 21px;


    vertical-align: middle;


}


.pmpro-login p.login-submit {


    width: 90%;


}


.pmpro-login p.login-submit {


    width: 90%; color:white;


}


div#pmpro_user_fields .pmpro_checkout-fields {


    margin-left: 50px;


}


.post-template-default p.comment-form-comment {


    display: grid;


}


.post-template-default input#submit {


    color: white;    border-radius: 42px;


    padding: 5px 20px;border:none;


}


.dropdown {


  position: relative;


  display: inline-block;


}


.dropdown-menu {


  display: none;


  position: absolute;


  z-index: 1;


}


.dropdown:hover .dropdown-menu {


  display: block;


}


ul.sub-menu.dropdown-menu {


    background: #52bab1;


    border: none;


    padding: 0px 27px;


    line-height: 36px;


}


ul.sub-menu.dropdown-menu a{


  color:#fff;


}


.pmpro-login .pmpro_login_wrap {


    width: 40%;


    margin: 0 auto !important;


}


.pmpro-login .pmpro_login_wrap label {


    font-weight: 500 !important;


}


.pmpro-login input#wp-submit {


    color: white;


    border: none;


}


.pmpro-login .container.main-level{


  padding-bottom: 35px;


}


.pmpro-login  .pmpro_lost_password-field.pmpro_lost_password-field-user_login {


    width: 50%;


    margin: 0 auto !important;


}


.pmpro-login p.pmpro_lost_password-instructions {


    text-align: center;


}


.pmpro_checkout-field.pmpro_checkout-field-bcountry select#bcountry {


    width: 100%;


    height: 40px;    border-radius: 5px;


    border: 2px solid #c4c4c4;


}


.pmpro-login .pmpro_submit {


    width: 20%;


    margin: 0px auto;


}


.pmpro-login input.pmpro_btn.pmpro_btn-submit {


    color: white;


    border: none;


}


.pmpro-checkout .pmpro_checkout-fields {


    margin-left: 50px !important;


}


.pmpro-checkout select#ExpirationMonth {


    width: 44%;


    height: 40px;


    border: 2px solid #c6c6c6;


    border-radius: 5px;


}


.pmpro-checkout select#ExpirationYear {


    width: 45%;


    height: 40px;


    border: 2px solid #c6c6c6;


    border-radius: 5px;


}

div#pmpro_pricing_fields {

    display: none;

}


.resource-template-default .post-inner.thin {

    width: 70%;

}

.resource-template-default .container.main-level-post {

    width: 100% !important;

    padding: 25px;

    border-radius: 15px;

    margin-bottom: 80px;

}

.resource-template-default header.entry-header.has-text-align-center.header-footer-group {

    width: 70%;

}

.resource-template-default figure.featured-media {

    width: 70%;

}


.resource-template-default .custom_post_sidebar.sidebar_section {

    width: 25%;

    float: right;

    position: absolute;

    top: 260px;

    right: 160px;

}


.resource-template-default .custom_post_sidebar.sidebar_section .widget-content ul {

    list-style: none;

        padding: 8px;

    font-size: 15px;

}

.resource-template-default .custom_post_sidebar.sidebar_section .widget-content ul li a {

    color: black;

    line-height: 32px;

}

.resource-template-default .custom_post_sidebar.sidebar_section h3.widget-title {

    background: #52bab1;

    padding: 15px;

    width: 100% !important;
    font-size: 22px;
    color: white;

}

.resource-template-default .custom_post_sidebar.sidebar_section .widget-content {

   background: #f2f2f2;
    width: 100%;

}

.resource-template-default nav {

    margin-top: 0px !important;

}


.resource-template-default .post-meta-wrapper.post-meta-single.post-meta-single-top {

    margin-left: -20px;

}

.resource-template-default .post-meta-wrapper.post-meta-single.post-meta-single-top span.meta-icon {

    color: #52BAB1;

}

.resource-template-default span.meta-text a {

    color: #52BAB1 !important;

}

.resource-template-default ul.post-meta {

    color: white !important;

}


 .post-template-default input {

    display: grid;

        width: 100%;

    border: 2px solid #e9e9e9;

    border-radius: 5px;

}

.post-template-default input#wp-comment-cookies-consent {

    width: 3%;

}

.post-template-default input#submit {

    width: 20%;

}

.error404 .section-inner.thin.error404-content {

    margin-top: 150px;

    text-align: center;

}

.error404 input#search-form-1 {

    height: 40px;

    border: 2px solid lightgrey;

    border-radius: 3px;

}

.error404 input.search-submit {

    color: white;

    padding: 10px 28px;

    border: none;

    border-radius: 5px;

}

.error404 ul#menu-footer-menu {

    display: none;

}

.post-template-default .custom_post_sidebar.sidebar_section ul {

    padding: 0;

    list-style: none;

}

.post-template-default .custom_post_sidebar.sidebar_section ul a{

  color: black;

}

.post-template-default h2#reply-title {

    font-size: 35px;

}

/*.archive .post-meta-wrapper.post-meta-single.post-meta-single-top ul.post-meta {

    display: flex;list-style: none;padding: 0px;

}

.archive .post-meta-wrapper.post-meta-single.post-meta-single-top ul.post-meta li {

    padding: 0px 10px;

}*/

.archive .container.main-level-post {

    margin-top: 90px;

}

.archive ul#menu-footer-menu {

    display: none;

}


.post-template-default .container.main-level-post {

    margin-bottom: 50px;

}


div#footer_container {

    display: none !important;

}

div#footer-new {

    display: none !important;

}
.resource-template-default .featured-media-inner.section-inner img {
    width: 90%;
}

a.btn_pdf_download {
    margin-left: 25px;
    color: #fff;
    border-radius: 50px;
    padding: 7px 25px 7px 25px;
    white-space: nowrap;
    transition: 0.3s;
    font-size: 14px;
    display: inline-block;
    background: #52BAB1;
    font-weight: 600;
}

.resource.type-resource h1.entry-title {
    text-align: center;
    margin: 25px;
    color: #52bab1;
}
video:focus {
    outline: none;
}
.single-resource .happening-main-det p {
    
    width: 93% !important;
}
.single-resource ul.post-meta {
    margin-top: 20px;
}


.dpn-zvc-timer-cell-string {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    font-size: 32px;
    background: #3a3a3a;
    color: #fff;
    line-height: normal;
    padding: 10px 56px;
    border-radius: 2px;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 2px;
    border-collapse: separate;
}
.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box {
    margin-top: 1.5rem;
}
.dpn-zvc-sidebar-tile h3 {
    background: #3a3a3a;
    padding: 10px 10px;
    border-radius: 2px;
    color: white;
}
.dpn-zvc-sidebar-content {
    background: #f2f2f2;
    padding: 16px;
    line-height: 40px;
}
.dpn-zvc-timer-cell-string {
    font-size: 15px;
    width: 100%;
    text-transform: uppercase;
}
.dpn-zvc-timer-cell {
    display: inline-block;
}

.dpn-zvc-sidebar-content-list span {
    display: block;
}
.webnair_regstration_section.wrap {
  
    height: 1080px !important;
	border-left: 2px solid #51b2ba;
    border-right: 3px solid #51b2ba;
    border-top: 2px solid #51b2ba;
    border-bottom: 2px solid #51b2ba;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 3px 12px 11px 2px #eaeaea;
}

h2.widget-title.subheading.heading-size-3 {
    background: #52bab1;
    padding: 0px 10px;
    width: 100% !important;
    font-size: 18px;
    color: white;
}
.single-workshop .workshop .widget-content {
    background: #f2f2f2;
    width: 100%;
}
.single-workshop .workshop .happening-main-det h2  {
  line-height: 60px !important;
}
a#vc_load-inline-editor {
    padding: 20px 20px;
}
.container.main-level{
    padding-bottom: 15px !important;
}
button.subscrive_custom_btn {
    border: 0;
    background: none;
    font-size: 16px;
    padding: 12px 30px;
    background: #009C9D;
    color: #fff;
    transition: 0.3s;
    border-radius: 4px;
    width: 240px;
}


 #owl-demo .item{
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

  #owl-resources .item{
  margin: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.customNavigation{
  text-align: center;
}

.customNavigation a{
  -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);
}
img.svg_readmore_icon {
    width: 20px !important;
}
a.readmore_btn{
  display: inline-block;
}
.owl-carousel .owl-item img{
  display: unset !important;
}
.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #000;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
/*span {
    font-size: 70px;    
    position: relative;
    top: -5px;
}*/
.owl-nav button:focus {
    outline: none;
}

.about-main .services .icon-box span {
    font-size: 15px;
    position: relative;
    top: -5px;
}


@media (max-width: 600px) and (min-width: 320px) {


#hero {
    height: auto;
}
	#header .logo img {
    margin-left: 0px !important;
}
.col-lg-6.d-flex.flex-column.justify-content-center.pt-4.pt-lg-0.order-2.order-lg-1.aos-init.aos-animate {
    padding-left: 0px !important;
}
	

}

@media (max-width: 768px) and (min-width: 601px) {


#hero {
    height: auto;
}
	#header .logo img {
    margin-left: 0px !important;
}
.col-lg-6.d-flex.flex-column.justify-content-center.pt-4.pt-lg-0.order-2.order-lg-1.aos-init.aos-animate {
    padding-left: 0px !important;
}

}

@media (max-width: 990px) and (min-width: 769px) {


#hero {
    height: auto;
}
	#header .logo img {
    margin-left: 0px !important;
}
.col-lg-6.d-flex.flex-column.justify-content-center.pt-4.pt-lg-0.order-2.order-lg-1.aos-init.aos-animate {
    padding-left: 110px !important;
}

}
#header .logo img {
    margin-left: 100px;
}
.col-lg-6.d-flex.flex-column.justify-content-center.pt-4.pt-lg-0.order-2.order-lg-1.aos-init.aos-animate {
    padding-left: 110px;
}