@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* @import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese'); */
html {
    scroll-behavior: smooth;
}
body{
margin: 0px;
padding: 0px;
font-family: 'Roboto', sans-serif;
color:000;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Poppins', sans-serif;
}
p{
    font-size: 16px;
}
p:empty { display:none !important;}


body::before {
/* never visible - this is used in jQuery to check the current MQ */
content: 'mobile';
display: none;
}
@media only screen and (min-width: 1050px) {
body::before {
/* never visible - this is used in jQuery to check the current MQ */
content: 'desktop';
}
}


/*********** Header CSS ********************/
.logo-mobile{
	display: none;
}
.topnav-cont ul.top-left {
padding: 0;
margin: 0;
z-index: 9;
position: relative;
}
.topnav-cont ul.top-left li {
float: left;
list-style: none;
margin-right: 20px;
font-size: 14px;
}
.topnav-cont ul.top-left li a{
color: #000;
text-decoration: none;
transition: 0.5s;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.5px;
font-weight: 400;
}

.topnav-cont ul.top-left li a:hover{ 
color:#FFAA00;
}
.topnav-cont ul.top-left li a i{ 
margin-right: 5px;
}
.topnav-cont ul.top-right {
position: relative;
z-index: 9;
padding: 0;
margin: 0;}
.topnav-cont ul.top-right li{
list-style: none;
display: inline;
margin: 0px 6px;
}
.topnav-cont ul.top-right li a {
color: #6D6B6B;
transition: 0.5s;
}
.topnav-cont ul.top-right li:last-child {
margin:0;   
}
.topnav-cont ul.top-right li:last-child a {
background:#ffaa00;
padding: 10px 15px;
border-radius:3px;
color:#fff;
letter-spacing: .5px;
text-transform: uppercase;
font-size: 14px;
margin-left: 15px;
font-weight: 500;
}
.topnav-cont ul.top-right li:last-child a:hover {
background: #0f3437;
text-decoration: none;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);
}
.topnav-cont ul.top-right li a:hover i{
color:#FFAA00;
}
.topnav-cont ul.top-right li:last-child a:hover{

    color:#fff !important;
}
/* ----------------Search-Btn------------------- 31st january */

.search-box
{
    background: #fff;
    height: 45px;
    border-radius: 40px;
    padding: 10px 15px;
    position: absolute;
    transform: translate(-50%,-50%);
    transition: 0.3s all ease;
    display: flex;
    align-items: center;
}
.search-box:hover{
    border:1px solid #f3f3f3;
   
}
.topnav-cont ul.top-right li a {
    color: #000 !important;
}
.topnav-cont ul.top-right li:last-child a {
    
    padding: 12px 15px;
}
.search-txt
{
   border:none;
    background: none;
    outline: none;
    float: left;
    padding: 0;
    color: #000;
    font-size: 16px;
    transition: 0.4s;
    line-height: 15px;
    width: 0px;
    font-weight: 500;
}

.search-box:hover > .search-txt
{
    width: 340px;
    padding: 0 6px 6px 0px;
    border-bottom:1px solid #000;
    margin-right:10px;
    outline: none;

}

.search-box:hover > .search-btn
{
    background:#fff;
    color:#000;
}

.search-btn
{
    color: #e84118;
    float: right;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
    color: #fff;
    cursor: pointer;
}

.search-btn > i
{
    font-size-adjust: 30px;
}

a
{
    text-decoration: none;
}

.topnav-cont ul.top-right{
    display:flex;
    gap:10px;
    align-items: center;
    justify-content: flex-end;
}

/* ----------------End-------------------------- */

.hrader-top{
padding:20px 0px;
}
/* .center-logo{
text-align: center;
} */
.center-logo img{
max-width: 172px;
height: auto;
position: relative;
top: 0px;
bottom: 0;
z-index: 9;
}
.navbar.bg-faded{
background:#ffffff;
padding: 0;
height: 60px;
 -ms-transition:     all 0.3s ease-out;
-moz-transition:    all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition:      all 0.3s ease-out;
transition:         all 0.3s ease-out;
}
.navbar.bg-faded.small{
 position:fixed;
-ms-transition:     all 0.3s ease-out;
-moz-transition:    all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition:      all 0.3s ease-out;
transition:         all 0.3s ease-out;
z-index: 999;
width: 100%;
top: 0;
background: #fff;
box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
.navbar.bg-faded.small .custom-logo-link{
/* background: url(../images/IB_logo_final-small.png); */
width: 292px;
height: 47px;
display: block;
background-size: 75%;
background-repeat: no-repeat;
background-position: center;
margin: 0px auto;
}

header .navbar.navbar-expand-sm.small .navbar-nav li a{
color: #000 !important;
}
header .navbar.navbar-expand-sm.small .navbar-nav li a:hover {
color:#FFAA00 !important;
}
.small.navbar .navbar-nav li a:before {
background: #FFAA00;
}
.navbar.bg-faded.small .center-logo img{
/* max-width: 220px;  */
top:0px;  
-ms-transition:     all 0.3s ease-out;
-moz-transition:    all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition:      all 0.3s ease-out;
transition:         all 0.3s ease-out;   
}
/* .navbar.bg-faded.small .center-logo .custom-logo{ display: none; }
.navbar.bg-faded .center-logo .small-logo{ display: none; } */
.navbar.bg-faded.small .center-logo .small-logo{ display: inline-block; }
.navbar .navbar-nav{
width:100%;
}
header .navbar.navbar-expand-sm .navbar-nav li a{
padding: 19px 0px;
font-size: 14px;
color:#1F1F1F;
position: relative;
margin-right: 30px; 
overflow: hidden;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.4px;
}
.navbar-expand-sm .navbar-collapse.nav-right ul li:last-child a{
margin:0;   
}
.navbar-expand-sm .navbar-collapse.nav-right ul{
justify-content: flex-end;
}
.navbar .navbar-nav li a:before{
content: "";
width: 100%;
height: 3px;
position: absolute;
background:#1F1F1F;
bottom:0px;
left: 0;
opacity:0;
transition:0.3s;
}
.navbar .navbar-nav li a:hover:before{
bottom: 0px;
opacity:1;
transition:0.3s;
}
.dropdown-menu{
display: block !important;
background:#222f58;
border-radius: 0;
border: none;
min-width: 200px;
padding: 10px;
margin: 20px 0 0;
transition:0.2s;
visibility: hidden;
opacity: 0;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item{
padding: 0px 0 10px !important;
margin: 0;
font-size: 13px !important;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:last-child{
padding: 0px 0 0px !important;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:before{
display:none;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover{
background:transparent !important;
color:#fbb632 !important;
}
.navbar .navbar-nav li.dropdown:hover .dropdown-menu{
transition:0.2s;
visibility: visible !important;
opacity: 1 !important;
margin:0;
}
.nav-eq-cta a{
padding: 10px 20px;
display: inline-block;
background:#fbb632;
font-size: 14px;
color:#222f58;
border-radius: 3px;
font-weight: 800;
transition:0.2s;
}
.nav-eq-cta a:hover{
transition:0.2s;
background:#fff;
}
/*********** Header CSS END ********************/

/*********** Footer CSS ********************/
footer{
padding: 50px 0 15px;
background: url(../images/footer-bg.webp);
background-size: cover;
background-position: center center;
background-attachment: fixed;
}
footer .footer-top-cta h3 {text-align: center; color: #fff; font-size:32px; margin: 0 0 30px 0;}
footer .footer-top-cta a{background: transparent;
padding:14px 36px;
border: 1px solid #fff;
color: #ffffff;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-decoration: none;
border-radius:3px;
letter-spacing: 1.2px;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
display: table;
margin: 0px auto;
}
footer .footer-top-cta form {
 width: 75%;
margin: 0px auto;   
}
footer .footer-top-cta form div.wpcf7-mail-sent-ok {
border: 1px solid orange;
color: orange;
font-size: 20px;
text-align: center;
}
footer .footer-top-cta form input {
border-radius: 3px;
width: 100%;
padding: 0px 10px;
border: none;
color:  #999;
font-size: 14px;
    background: transparent;
height: 44px;
border: 1px solid #707070;
margin: 20px 0px 0;
}
footer .footer-top-cta form textarea {
width: 100%;
margin: 20px 0px 0;
color: #999;
border: none;
border-radius: 3px;
font-size: 14px;
background: transparent;
border: 1px solid #707070;
padding: 15px 10px;
height: 154px;
}
footer .footer-top-cta form label {
display: block;
}
footer .footer-top-cta form label span span {
margin: 12px 0 0; 
}
footer .footer-top-cta form label br:empty {
display: none;
}
footer .footer-top-cta form div.wpcf7-validation-errors, footer .footer-top-cta form div.wpcf7-acceptance-missing {
border: 2px solid #fff;
color: #fff;
text-align: center;
margin: 20px 0 0;
}

footer .footer-top-cta form input:focus, footer .footer-top-cta form textarea:focus{
outline: none;
}
footer .footer-top-cta form .submit-button {
background:#FFAA00;
margin-top: 20px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.5px;
padding: 16px 0;
border-radius: 3px;
border: 1px solid #FFAA00;
cursor: pointer;
width: auto;
padding: 10px 30px;
height: auto;
transition: 0.5s;
float: right;
color:#fff;
}

footer .footer-top-cta form .submit-button:hover { background: transparent; color: #FFAA00; }
footer .footer-top-cta form .wpcf7-submit {
background:#FFAA00;
margin-top: 20px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.5px;
padding: 16px 0;
border-radius: 3px;
border: 1px solid #FFAA00;
cursor: pointer;
width: auto;
padding: 10px 30px;
height: auto;
transition: 0.5s;
float: right;
color:#fff;
}

footer .footer-top-cta form .wpcf7-submit:hover { background: transparent; color: #FFAA00; }
footer .footer-top-cta a:hover {
background: #fbb632;
border: 1px solid #fbb632;    
}
footer .footer-top-cta{
border-bottom:1px solid #686868;
padding: 0 0 50px;
margin: 0 0 50px;
}
footer h4 {
    color: #fff;
    font-size: 24px;
    margin: 0 0 20px;
    font-weight: 700;
}
footer p {
    color: #fff;
    text-align: left;
    font-size: 16px;
    line-height: 28px;
}
footer .phone{ padding: 0; margin: 0; }
footer .phone li { list-style: none; color: #fff; font-size: 14px; }
footer .phone li a { color: #fff; text-decoration: none; transition: 0.2s;}
footer .phone li a:hover {
color:#fbb632;
transition: 0.2s;
text-decoration: none;
}
.social {
text-align: left;
}
.social ul{
padding: 0;
margin: 0px 0 0;
list-style: none;
}
.social ul li{
display: inline-block;
}
.social ul li a{
display: inline-block;
width: 30px;
height: 30px;
background:transparent;
border:1px solid #ffffff;
text-align: center;
line-height: 30px;
font-size: 14px;
border-radius: 50%;
color:#ffffff;
margin: 0 5px;
transition:0.2s;
}
.social ul li a:hover{
background: #fa0;
color:#fff;
border: 1px solid #fa0;
transition:0.2s;
}
footer .ft-links{
padding: 0px 40px;
}
.ft-links ul{
padding: 0;
list-style: none;
margin: 0 0 20px;
}
.ft-links ul:last-child{
margin:0;
}
.ft-links ul li{
margin: 6px 0;
width: 50%;
float: left;
list-style: none;
}
.ft-links ul li a{
font-size: 14px;
color:#fff;
display: block;
transition: 0.2s;
}
.ft-links ul li a:hover{
color:#fbb632;
transition: 0.2s;
text-decoration: none;
}
.copy-r-text span{
font-style: italic;
padding: 5px 0;
display: block;
}
.copy-r-text span a{
color: #fff;
text-decoration: none;transition: 0.5s;
}
.copy-r-text span a:hover{
color: #fbb632;
}
.copy-r-text{
text-align: right;
font-size: 13px;
color:#fff;
padding-top: 20px;
border-top:1px solid #2e4446;
margin-top: 50px;
}

/*********** Footer CSS END ********************/

.first-homepage-background{
background: #042B2E;
}
.second-homepage-background{
background: #07474C;
}
.home-banner{
background: #FFFFFF;
padding:80px 0px;
}
.home-banner .banner-image {
position: relative;
}
/*.home-banner .banner-image::before{
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: 0.5;
z-index: 1;
}*/
.home-banner .banner-image img{
position: absolute;
object-fit: cover;
right: 0;
top: -40px;
max-width: 100%;
}
.home-banner .home-inset-banner{
background: #ffffff;
/* padding: 6% 0px 0;  */
padding:0;

}
.home-banner .banner-contant{
position: relative;
color: #fff;
z-index: 1;
width: 100%;
}
.home-banner .banner-contant h1 {
    /* font-weight: 700; */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-size: 46px;
}
span.txt-color{
    color: #fa0;
}
.home-banner .banner-contant h2,
.home-banner .banner-contant h3 {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    color: #000;
    letter-spacing: 0;
    line-height: 40px;
}
.home-banner .banner-contant p{
    padding-top: 14px;
    padding-bottom: 16px;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0px;
    color: #3a3a3a;
    margin-right: 40px;
}

.home-banner .banner-contant .primary-btn{
    background: #0f3437;
    color: #ffffff;
    border: 1px solid #0f3437;
    display: table;
    font-weight: 500;
}
.home-banner .banner-contant .primary-btn:hover{
background:  #ffaa00;
border: 1px solid #ffaa00;
}

.primary-btn{
background: transparent;
padding:16px 30px;
border: 1px solid #fff;
color: #ffffff;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-decoration: none;
border-radius: 3px;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
letter-spacing: 1.2px;
}

.primary-btn:hover{
color: #fff;
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
background: #CC0429;
text-decoration: none;
border: 1px solid #CC0429;
}
.secondary-btn{
background: #CC0429;
padding:16px 30px;
border: 1px solid #CC0429;
color: #ffffff;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-decoration: none;
text-align: center;
border-radius: 3px;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
letter-spacing: 1.2px;
}

.secondary-btn:hover{
color: #fff;
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
background: transparent;
text-decoration: none;
border: 1px solid #fff;
}

.third-btn{
text-align: center;
background: #CC0429;
padding:16px 30px;
border: 1px solid #CC0429;
color: #ffffff;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-decoration: none;
border-radius: 3px;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
letter-spacing: 1.2px;
}

.third-btn:hover{
color: #fff;
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
background: #07474C;
text-decoration: none;
border: 1px solid #07474C;
}
.video{
position: relative;
margin: 80px 0;
}
.video video{
width: 100%;
height: 580px;
object-fit: cover;
}
.video::before{
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
background:rgba(255, 255, 255, 0.90);
}
.video .video-contant{
position: absolute;
top: 50%;
left: 0;
color: #fff;
color: #000000;
right: 0;
margin: 0px auto;
text-align: center;
transform: translate(0%, -50%);
}
.video .video-contant h2{
padding: 0 60px 20px;
font-size: 70px;
text-align: center;
position: relative;
width: 100%;
font-weight: 600;
text-transform: uppercase;
}
.video .video-contant p {
font-size: 20px;
color: #000;
font-weight: 300;
max-width: 730px;
width: 100%;
margin: 0 auto 40px;
line-height: 34px;
}
/*.video .video-contant h2::before{
position: absolute;
content: "";
border: solid 1px #000000f2;
width: 20%;
top: 35px;
right: 0;
}*/
.video .video-contant a{
margin: 0 10px;
}
/*.video .video-contant h2::after{
position: absolute;
content: "";
border: solid 1px #000000f2;
width: 20%;
top: 35px;
left: 0px;
}*/
.video-contant .primary-btn{
background:#fff;
padding:16px 30px;
border: 1px solid #000;
color: #000;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-decoration: none;
border-radius: 3px;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
letter-spacing: 1.2px;
}

.video-contant .primary-btn:hover{
color: #fff;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
background: #CC0429;
text-decoration: none;
border: 1px solid #CC0429;
}

.video-contant .secondary-btn:hover{
color: #fff;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
background: #07474C;
text-decoration: none;
border: 1px solid #07474C;
}
.heading-1{
    color: #000;
font-size: 36px;
position: relative;
padding: 0 0 0px;
margin: 0 0 50px;
/* font-weight: 700; */
font-weight: 600;
text-align: center;
}
.heading-1:after{
position: absolute;
content: "";
background: url(../images/headingline.png);
bottom: -32px;
width: 92px;
right: 0;
left: 0;
margin: 0px auto;
height: 12px;
background-repeat: no-repeat;
}
.marketing-courses .courses {
background: #07474C;
padding: 40px 50px 50px;
}
.marketing-courses .courses-box{
background: #fff;
margin:30px 0 0;
position: relative;
width: 100%;
padding-bottom:60px;
}
.marketing-courses .courses-contant{
 padding: 30px;
}
.marketing-courses .courses-box h3{
font-size: 26px;
padding-bottom: 15px;
position: relative;
border-bottom: solid 2px #ececec;
margin: 0 0 15px;
font-weight: 300;
letter-spacing: 0.2px;
}
.marketing-courses .courses-box ul{
list-style: none;
padding: 10px 0px;
}
.marketing-courses .courses-box li{
    margin: 0 0 20px;
    position: relative;
    padding-left: 25px;
}
.marketing-courses .courses-box li:before{
position: absolute;
content: "\f058";
font-family: FontAwesome;
left: 0;
color: #FFAA00;
}
.marketing-courses .courses-box .courses-btn{
background: #FFAA00;
width: 100%;
padding: 16px 10px 14px;
color: #ffffff;
text-decoration: none;
font-size: 16px;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
transition: 0.3s;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.2px;
}
.marketing-courses .courses-box .courses-btn span{
z-index: 1;
position: relative;
}
.marketing-courses .courses-box .courses-btn::before {
content: '';
position: absolute;
bottom: 0%;
left: 0px;
width: 100%;
height: 100%;
background: #CC0429;
display: block;
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
transition: transform 0.5s cubic-bezier(1, 0, 0, 1);
}
.marketing-courses .courses-box .courses-btn:hover::before{
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
.marketing-courses .courses-box .courses-btn i{
color: #fff;
margin-left: 10px;
padding: 3px;
}
.marketing-courses .courses-box .ribbon {
 width: 100px;
height: 100px;
overflow: hidden;
position: absolute;
}

.marketing-courses .courses-box .ribbon span {
position: absolute;
display: block;
width: 225px;
padding: 3px 0;
background-color: #CC0429;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
text-transform: uppercase;
text-align: center;
}

.marketing-courses .courses-box .ribbon-top-right {
  top: -7px;
right: -7px;
}

.marketing-courses .courses-box .ribbon-top-right span {
left: -45px;
top: 20px;
transform: rotate(45deg);
}
.marketing-courses .courses-box .ribbon-top-right span:empty {
display: none;
}
.types-of-programs {
padding: 80px 0px;
background: url(../images/types-programs-bg.png);
background-repeat: no-repeat;
background-position: right bottom;
}
.types-of-programs .programs{
position: relative;
}
.types-of-programs .programs .col-md-4{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;   
}
.types-of-programs .programs::before{
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.6;
}
.heading-2{
color:#000;
font-size: 32px;
position: relative;
padding: 0 0 0px;
margin: 0 0 50px;
font-weight: 600;
text-align: center;
}
.heading-2:after{
position: absolute;
content: "";
background: url(../images/headingline2.png);
bottom: -32px;
width: 92px;
height: 12px;
right: 0;
left: 0;
margin: 0px auto;
background-repeat: no-repeat;
}
.types-of-programs .programs .programs-box {
background: #fff;
margin: 20px 0 0;
width: 100%;
padding: 60px 30px;
}
.types-of-programs .programs .programs-box i{
font-size: 40px;
padding-bottom: 20px;
}
.types-of-programs .programs .programs-box h4{
color: #FFAA00;
font-size: 26px;
font-weight: 300;
letter-spacing: 0.2px;
}
.types-of-programs .programs .programs-box p{
  font-size: 16px;
letter-spacing: 0.4px;
line-height: 28px;
padding: 10px 0px 20px;
color: #000;
}
.types-of-programs .programs .programs-box a{
color: #FFAA00;
text-decoration: none;
padding-bottom: 2px;
position: relative;
transition: 0.5s;
}
.types-of-programs .programs .programs-box a:after{
position: absolute;
content: "";
width: 0;
height: 1px;
transition: 0.5s;
bottom: 0;
background: #FFAA00;
left: 0;
}
.types-of-programs .programs .programs-box a:hover:after{
width: 100%;
}

.why-choose{
padding: 80px 0px;
background-color: #ffffff;
}
.home .why-choose{

padding-bottom:0px;
}
.why-choose .course{
background: url(../images/1856.jpg);
min-height: 590px;
position: relative;
padding:0px 30px;
background-image:none;
}
.why-choose .course::before{
position: absolute;
content: "";
display: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: hsla(0, 0%, 0%, 0.92);
}
.why-choose .course .course-img img{
position: relative;
}

.why-choose .course .course-img { position: relative; margin-top: 40px;}
.why-choose .course .course-img::before{
position: absolute;
content: "";
top: 80px;
bottom: -15px;
left: -15px;
right: 80px;
background: #FFAA00;
}
.why-choose .course .course-contant p {
color: #ffffff;
font-size: 16px;
line-height: 28px;
letter-spacing: 0.4px;
}
.course-contant{
margin-top: 40px;
}
.why-choose .course .course-contant .card-header{   
    padding: 0px;
    background: #0f3437;
    border: none;
}
.Why-Choose .course .course-contant .accordion{
max-width: 550px;
}
.why-choose .course .course-contant .accordion>.card:not(:first-of-type):not(:last-of-type) ,
.why-choose .accordion>.card:last-of-type, .why-choose .accordion>.card:first-of-type {
border-bottom: 0;
border-radius: 5px;
margin: 10px 0px;
}
.why-choose .course .course-contant .card-body{
padding: 22px 15px;
line-height: 28px;
letter-spacing: 0.4px;
}
.why-choose .course .course-contant .card-header .btn-link {
color: #ffffff;
text-decoration: none;
position: relative;
width: 100%;
text-align: left;
padding: 14px 16px;
border: none;
font-size: 18px;
font-weight: 300;
letter-spacing: 0.5px;
}
.why-choose .card{
border: 0px;border-radius: 0px !important;
}
.why-choose .course .course-contant .card-header .btn-link.collapsed::before{
position: absolute;
content: "\f067";
font-family: FontAwesome;
right: 15px;
font-size: 14px;
}
.why-choose .course .course-contant .card-header .btn-link::before{
position: absolute;
content: "\f068";
font-family: FontAwesome;
right: 15px;
font-size: 14px;
}
.why-choose .course .course-contant .card-header .btn-link.collapsed {
    background: #ededed;
    border-radius: 0px;
    color: #000;
}
.counter-value {
font-size: 60px;
font-weight: 500;
color: #383838;
}
.counter .counter-box{
background: #fff;
font-size: 75px;
font-family: 'Oswald', sans-serif;
text-align: center;
font-weight: 600;
line-height: 46px;
padding: 70px 40px 63px;
color: #383838;
}
.counter .counter-box i {
position: absolute;
opacity: 0.09;
left: 0;
right: 0;
margin: 24px 0 0;
font-size: 36px;
color: #07474c;
}
.counter .counter-box span{
font-size: 32px;
font-weight: 200;
line-height: normal;
position: relative;
z-index: 1;
}
.ceo-video{
background: url(../images/3219459.jpg) no-repeat center;
background-size: cover;
    margin:80px 0 0;
    position: relative;
}
.ceo-video::before{
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: 0.8;
}
.ceo-video .ceo-video-play{
background: #FFAA00;
    position: relative;
padding: 50px 0px 50px 20px;
}
.ceo-video .ceo-video-play img{
position: relative;
left: 40px;
}
.ceo-video .ceo-contant{
padding: 20px;

}
.ceo-video .ceo-contant h3{
color:#ffffff;
font-size: 46px;
margin-bottom: 15px;
text-align: left;
font-weight: 300;
letter-spacing: 0.2px;
}
.ceo-video .ceo-contant span{
font-size: 26px;
font-weight: 200;
}
.ceo-video .ceo-contant p{
color: #ffffff;
font-size: 16px;
letter-spacing: 0.4px;
padding-right: 40px;
line-height: 28px;
}
.ceo-video .ceo-name{
position: absolute;
font-size: 24px;
color: #222F58;
z-index: 9999;
transform: rotate(270deg);
top: 0;
right: 0;
left: 40px;
bottom: 0;
display: flex;
justify-content: center;
z-index: 0; 
}
.ceo-video .ceo-name::before {
position: absolute;
content: "";
width: 85%;
height: 1px;
background: #000000;
top: 5px;
}
.ceo-video .ceo-name span{
 top: -15px;
position: relative;
color: #000;
background: #fa0;
left: 0px;
display: table;
padding: 0px 15px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
text-transform: uppercase;
}

.ceo-video .video-play-button {
position: absolute;
z-index: 10;
top: 50%;
left: 60%;
transform: translateX(-50%) translateY(-50%);
box-sizing: content-box;
display: block;
width: 26px;
height: 36px;
border-radius: 50%;
padding: 18px 20px 18px 28px;
z-index: 99;
}
.ceo-video .video-play-button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
background: #ffaa00;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}
.ceo-video .video-play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
background: #ffaa00;
border-radius: 50%;
transition: all 200ms;
}
.ceo-video .video-play-button:hover:after {
background-color: #ffaa00;
}
.ceo-video .video-play-button img {
position: relative;
z-index: 3;
max-width: 100%;
width: auto;
height: auto;
}
.ceo-video .video-play-button span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-left: 26px solid#fff;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
}
@keyframes pulse-border {
0% {
 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 opacity: 1;
}
100% {
 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 opacity: 0;
}
}


.how-to-apply{ padding: 80px 0; background: #f5f5f5;}
.how-to-apply .box-apply{margin:0px 0 0;
text-align:center;
padding:15px 0;}
.how-to-apply .col-md-4{
border-right: 2px solid #e6e6e6; 
margin-top: 50px;
padding: 0px 30px;
}
.how-to-apply .col-md-4:last-child { border:none; }
.how-to-apply .box-apply h3{ text-align: center;
color: #000; font-weight: 500; font-size: 20px;margin: 18px 0; }
.how-to-apply .box-apply p {
color:#000;
font-size: 16px;
letter-spacing: 0.4px;
margin: 0;
line-height: 28px;   
}
.how-to-apply .apply-btn.secondary-btn {background: #0f3437;
margin: 50px auto 0;
display: table;border: 1px solid #000;}
.how-to-apply .apply-btn.secondary-btn:hover{
color: #fff;
background: #ffaa00;
border: 1px solid #ffaa00;
}
.blue-home-batch{
background:#042B2E;
padding: 30px 30px;
}
.blue-home-batch .row {justify-content: center;
align-items: center;}
.blue-home-batch h2 {
color:#ffffff;
margin: 0 0 20px;font-size: 28px;
}
.blue-home-batch p {
color: 
#ffffff;
margin: 0 0 0px;
letter-spacing: 0.4px;
line-height: 28px;
}
.blue-home-batch .primary-btn{ display: table; float: right;}
.blue-home-batch .primary-btn:hover {background:#FFAA00; border:1px solid #FFAA00;}


.tab-slider,
.slider-nav {
display: flex;
justify-content: center;
align-items: center;
flex: 1 100%;
flex-wrap: wrap;
overflow: hidden;
}

.slider-nav {
width: 100%;
}

.slide {
display: flex;
flex: 1 100%;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.testimonial img {
display: block;
max-width: 100%;
}

.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
transform: translate(0 -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}

.testimonial .tab-slider .slick-next:before, 
.testimonial .tab-slider .slick-prev:before  {
font-family: FontAwesome;
font-size: 16px;
color: #A8A8A8;
outline: none;
position: absolute;
border: 1px solid #A8A8A8;
width: 30px;
height: 30px;
border-radius: 100%;
transition: 0.5s;
line-height: 30px;
margin: 0px 20px;
}
.testimonial .tab-slider .slick-next:hover:before, 
.testimonial .tab-slider .slick-prev:hover:before {
border: 1px solid #FFAA00;
color: #FFAA00;
}
.testimonial .tab-slider .slick-next:before {
content: "\f105";
left: 50px;

}
.testimonial .tab-slider .slick-prev:before {
content: "\f104";
}
.testimonial .tab-slider button {
left: 0;
font-size: 0px;
outline: none;
top: auto;
bottom: -50px;  
}

.testimonial .tab-slider .slick-next button:focus{
outline: none !important;
}

.slick-prev.slick-arrow{
left: 30px;
}
.slider-img{
display: flex;
}
.slick-slide.slick-current.slick-active img {
height: 450px;
width: 250px;
object-fit: cover;
transition: 0.5s;
}
.slick-slide.slick-active img {
height: 200px;
width: 250px;
object-fit: cover;
transition: 0.5s;
}
.inner-space{
padding: 0 15px;
height: 450px;
display: flex !important;
align-items: flex-end;
}
.slick-current.slick-active .inner-space{
padding: 0 15px 0 0;
}

.testimonial{
color: #fff;
padding: 80px 0px;
}
.testimonial .slide-desc p{
position: relative;
padding: 40px 30px;
font-size: 16px;
color: #fff;
line-height: 28px;
letter-spacing: 0.4px;
}
.testimonial .slider-tab-section {
padding: 30px 0 0;
}
.testimonial .slide-desc p:before{
position: absolute;
content: "\f10d";
font-family: FontAwesome;
right: 15px;
font-size: 30px;
left: 0;
top: 0;
}
.testimonial .slide-desc p:after{
position: absolute;
content: "\f10e";
font-family: FontAwesome;
right: 15px;
font-size: 30px;
bottom: 0;
right: 1px;
}
.testimonial-name{
padding: 0px 30px;
}
.testimonial-name span {
font-size: 14px;
font-style: italic;
}
.testimonial-name h3 {
font-weight: 300;
}
.testimonial .tab-slider{
margin: 50px 0px;
overflow: inherit;
}
.testimonial .slick-slide{
transition:0.3s   ;
}
.testimonial .slick-slide.slick-current.slick-active img, .slick-slide.slick-current.slick-active{
transition:0.3s;
}



/****************** Contact  Us ***************************/

.inner-banner-top{
background-repeat: no-repeat !important;
display: flex;
align-items: center;
justify-content: center;
min-height: 500px;
background-size: cover !important;
background-position: center center !important;
position: relative;
}
.inner-banner-top:before{
position: absolute;
content: "";
background: linear-gradient(#000, #026d75); 
opacity: 0.8;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.inner-banner-top.contact-us-bg{
background: url(../images/contact-bg.jpg);
}

.inner-banner-top .banner-contant{}
.inner-banner-top .banner-contant h1{
font-size:48px;
text-align: center;
color:#FFF;
letter-spacing: 1px;
font-weight: 300;
}
.inner-banner-top .banner-contant p{
text-align: center;
color:#FFF;
margin: 20px auto 0;
padding: 0px 20px;
width: 70%;
font-size: 18px;
font-weight: 300;
line-height: 30px;
letter-spacing: .5px;
}

.no-padding{padding: 0;}
.map-bottom-contact { background: #fff; }
.contact-form{
background:#07474C;
padding:50px 50px;
width:100%;}
.contact-form form input {
border-radius: 3px;
width: 100%;
padding: 0px 10px;
border: none;
color: #999;
font-size: 14px;
height: 44px;
margin: 20px 0px 0;
}
.contact-form form label{
display: block;
}
.contact-form form label span span{
font-size: 14px;
color: #fff;
margin: 10px 0 0 0;   
}
.contact-form form div.wpcf7-validation-errors, .contact-form form div.wpcf7-acceptance-missing {
border: 1px solid #fff;
text-align: center;
color: #fff;
margin: 20px 0 0;
}
.contact-form form label br:empty{
display: none;
}
.contact-form form textarea {
width: 100%;
margin: 20px 0px 0;
color: #999;
border: none;
border-radius: 3px;
font-size: 14px;
padding: 15px 10px;
height: 152px;
}
.contact-form form div.wpcf7-mail-sent-ok {
border: 1px solid orange;
color: orange;
font-size: 18px;
text-align: center;
margin: 20px 0 0;
}
.contact-form form .submit-button{
background:#CC0429;
margin-top: 20px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.5px;
padding: 16px 0;
border-radius: 3px;
cursor: pointer;
width: auto;
padding: 10px 30px;
height: auto;
transition: 0.5s;
color:#fff;}
.contact-form form .submit-button:hover {
box-shadow: 0 14px 20px #0003;
}
.contact-form form .wpcf7-submit{
background:#CC0429;
margin-top: 20px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.5px;
padding: 16px 0;
border-radius: 3px;
cursor: pointer;
width: auto;
padding: 10px 30px;
height: auto;
transition: 0.5s;
color:#fff;}
.contact-form form .wpcf7-submit:hover {
box-shadow: 0 14px 20px #0003;
}
.map-bottom-contact{
padding: 60px 0px;
background:#fff;
}
.map-bottom-contact .col-lg-6{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;}
.map-bottom-contact .map-contact{
width:100%;
}

.contact-pagr-full{
padding:50px 0;
}

.contact-form form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #999;
}
.contact-form form ::-moz-placeholder { /* Firefox 19+ */
color: #999;
}
.contact-form form :-ms-input-placeholder { /* IE 10+ */
color: #999;
}
.contact-form form :-moz-placeholder { /* Firefox 18- */
color: #999;
}
.adderss-right h5 {
font-size: 32px;
color:#fff;
font-weight: 600;
margin: 0 0 20px;}
.contact-box .adderss-right {
padding:0px 56px;
}
.contact-box {
background: #FFAA00;
min-height: 500px !important;
display: flex !important;
flex-wrap: wrap;
align-items: center;
}
.contact-box ul {
padding: 0px 0px;
list-style: none;
margin: 0;
}
.contact-box .adderss-right ul li {
display: flex;
flex-wrap: wrap;
display: -webkit-flex;
display: -webkit-box;
display: -moz-flex;
display: -moz-box;
display: -ms-flexbox;
padding: 30px 0;
}
.contact-box .adderss-right ul li .icon {
flex: 0 0 24%;
max-width: 24%;
width: 100%;
}
.contact-box .adderss-right ul li .icon i {
height: 48px;
width: 48px;
border-radius: 100%;
background: #fff;
color:#CC0429;
text-align: center;
line-height: 48px;
font-size: 20px;
display: table;
}
.contact-box .adderss-right ul li .right-box-c {
font-size: 16px;
color:#fff;
flex: 0 0 76%;
max-width: 76%;
width: 100%;
}
.contact-box .adderss-right ul li .right-box-c span { letter-spacing: 0.4px; }
.contact-box .adderss-right ul li .right-box-c h6 {
font-size: 16px;
margin: 0 0 10px;
}
.contact-box .adderss-right ul li .right-box-c a {
color: #fff;
text-decoration: none;
display: block;
}
.map-bottom-contact .map-contact{margin: 60px 0 0;}
.map-bottom-contact .map-contact iframe{ height: 500px; }




/*about us Page*/
.inner-banner-top.about-us-bg{
    background: url(../images/about-bg.jpg);
}
.about-ceo-video .ceo-video{
    background: #ffffff;
    margin: 60px 0;
    position: relative;
}
.about-ceo-video .ceo-video::before{
background: #ffffff;
}
.about-ceo-video .ceo-video .ceo-contant{
padding: 20px;
}
.about-ceo-video .ceo-video .ceo-contant h3{
color: #000000;
}
.about-ceo-video .ceo-video .ceo-contant span{
color: #4D4D4D;
}
.about-ceo-video .ceo-video .ceo-contant p{
color: #4D4D4D;
padding: 0;
}

.about-ceo-video .ceo-video .ceo-video-play::before {

position: absolute;
content: "";
background: #FFAA00;
left: -100%;
height: 100%;
width: 100%;
top: 0;
}

.about-transfunnel{
background: #FAFAFA;
padding:60px 0px;
}
.about-transfunnel .transfunnel-contant{
padding: 20px 0px 0;
}
.about-transfunnel .transfunnel-contant p {
letter-spacing: 0.4px;
line-height: 28px;   
}
.about-transfunnel .transfunnel-contant-img img{
height: 320px;
object-fit: cover;
width: 100%;
}
.about-transfunnel .transfunnel-contant-img span{
font-size: 24px;
font-family: 'Oswald', sans-serif;
margin: 10px 0 0;
display: table;
}

.hubspot-diamond{
padding: 60px 0;
overflow: hidden;
}

.hubspot-diamond-contant h4{
color: #FFAA00;
}
.hubspot-diamond-contant h2{
font-size: 40px;
color: #4D4D4D;
padding: 20px 0px; 
font-weight: 600;
line-height: 60px;
}
.hubspot-diamond-contant span{
font-size: 24px;
color: #4D4D4D;
}
.hubspot-diamond-contant p{
font-size: 16px;
color: #4D4D4D;
padding: 20px 0px;
}
.hubspot-diamond-partner{
width: 100%;
position: relative;
padding: 20px;
}


.hubspot-diamond-partner_img{
top: 0%;
left: 0%;
height: 450px;
width: 450px;
position: absolute;
}

.hubspot-diamond-partner_img img{
position: absolute;
top: 0%;
left: 0%;
height: 450px;
width: 450px;
animation: rotate 40s linear infinite 0s;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(180deg);
}
to {
-webkit-transform: rotateY(360deg);
}
}

.cta-batch{
background: url(../images/cta-batch-bg.jpg) no-repeat center;
position: relative;
background-attachment: fixed;
background-size: cover;
padding: 40px 0px;
}
.cta-batch .primary-btn{    display: table;}
.cta-batch::before{
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #07474C;
opacity: 0.8;
}
.cta-batch h2{
color: #ffffff;
margin: 0 0 20px;
}
.cta-batch p{
color:#ffffff;
margin: 0 0 30px;
letter-spacing: 0.4px;
line-height:28px;
}
.our-program{
margin: 60px 0px;

}
.explore-our{
padding: 10px 0px;
text-align: center;
}
.course-card{
padding: 10px;
box-shadow:0 0px 24px rgba(0,0,0,0.1);
transition: 0.4s;
background: #fff;
}
.explore-our .col-md-4{
padding:20px 15px;
}
.course-icon{
background:#07474C;
min-height: 140px;
clip-path: polygon(0% 0, 100% 0%, 100% 80%, 0 100%);
display: flex;
align-items: center;
justify-content: center;
}
.course-icon h4 { color:#fff; }
.course-icon img{
max-width: 60px;
margin-top: -20px;
}
.course-card a{
background:#07474C;
padding: 12px 10px;
color:#ffffff;
text-decoration: none;
font-size: 14px;
text-align: center;
display: block;
transition: 0.5s;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1.2px;
}
.course-card a:hover {
background:#ffaa00;
text-decoration: none;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);
}
.course-card ul{
list-style: none;
padding: 5px 0px;
margin:0px;
}
.course-card li{
margin: 10px 0px;
}
.course-card-contant{
text-align: center;
margin: 15px 0 0;
}
.card-price{
text-align: center;
padding: 5px 0px 20px;

}
.card-price b{
font-family: 'Oswald', sans-serif;
font-size: 40px;
    font-weight: 500;
}
.card-price .pr-icon{
color: #CC0429;
padding: 5px;
display: inline;
}
.card-price span{
font-size: 12px;
border-left: solid 0.5px #eaeaea;
padding: 0 10px;
line-height: 20px;
display: inline-block;
text-align: left;
}
.card-price sup {
top: -4px;
padding: 5px;
font-size: 32px;
}
.card-price sup i{
font-family: 22px;  
}
.card-btn-price{
position: relative;
}
.explore-our .third-btn {margin: 40px auto 0;
display: table; }


/*Courses Page*/

.inner-banner-top.Course-us-bg{
    background: url(../images/Courses-bg.jpg);
}
.courses-point{
display: flex;
}
.courses-tab-contant{
padding: 20px 0px;
}
.courses-tab-contant img{
min-height: 350px;
object-fit: cover;
width: 100%;
}



.courses-point ul{
padding: 0 30px;
width: 100%;
max-width: 50%;
flex: 0 0 50%;
}
.courses-point ul li{color:#4D4D4D;margin: 5px 0; position: relative;list-style: none;}
.courses-point ul li:after {
position: absolute;
content: '';
width: 10px;
height: 10px;
left: -30px;
top: 4px;
border: 1px solid #ffaa00;
background: #fff;
display:none;
}
.courses-point ul li:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    left: -30px;
    top: 5px;
    z-index: 1;
    background-image: url(https://design.marketing-automation.co.in/inbound/wp-content/themes/transfunnel/images/tick-icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.courses-point ul li span { color: #4D4D4D;letter-spacing: 0.4px; }
.courses-tab-contant p { color: #4D4D4D; letter-spacing: 0.4px;
line-height: 28px;
}
.courses-tab-about {padding: 60px 0;
overflow: hidden;}
.heading-top { text-align: center;color:#4D4D4D;font-size: 12px;display: table;margin: 0px auto 12px;}

.portfolio{ background:#fafafa;padding: 0 0 40px;}
.portfolio .filters {
text-align: center;
top: -47px;
background:#042B2E;
color:#fff;
position: relative;
margin-top:60px;
display:none;
}
.portfolio .filters ul {
padding: 0;
margin:0;
}
.portfolio .filters ul li {
list-style: none;
display: inline-block;
padding: 35px 25px;
cursor: pointer;
position: relative;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
}
.portfolio .filters ul li.active{ color: #FFAA00; }
.portfolio .filters ul li:hover {color: #FFAA00; }
.portfolio .filters ul li:after {
content: '';
display: block;
width: calc(0% - 60px);
position: absolute;
height: 2px;
background:#FFAA00;
margin-top: 2px;
transition: width 350ms ease-out;
}
.portfolio .filters ul li:hover:after {
width: calc(100% - 50px);
transition: width 350ms ease-out;
}
.portfolio .filters ul li.active:after {
width: calc(100% - 50px);
}
.portfolio .filters-content .show {
opacity: 1;
visibility: visible;
transition: all 350ms;
}
.portfolio .filters-content .hide {
opacity: 0;
visibility: hidden;
transition: all 350ms;
}
.portfolio .filters-content .item {
text-align: center;
cursor: pointer;
margin-bottom: 30px;
}

/*trainer Page*/

.inner-banner-top.trainer-us-bg{
background: url(../images/trainer-bg.jpg);
}

.trainer-about-section{ 
padding: 50px 0 0px; 
overflow: hidden;
 }
.trainer-about-section .image-trainer-about img{
width: 100%; 
}
.trainer-about-section .row {
align-items: center;
}
.trainer-about-section .trainer-about-content h2 {
font-size: 24px;
color:#000;  
margin: 0 0 20px;
}
.trainer-about-section .trainer-about-content p {
color: #4D4D4D; 
line-height: 28px;
letter-spacing: 0.4px;
}
.trainer-fields { 
padding: 50px 0; overflow: hidden;
}
.trainer-fields:nth-child(even) {
background: #FAFAFA;   
}
.trainer-fields:nth-child(even) .col-md-12  .row  {
flex-direction: row-reverse;
}
.trainer-fields .trainer-image {
overflow: hidden;
}
.trainer-fields .trainer-image img { 
width: 100%;
height: 320px;
object-fit: cover; 
transition: 0.5s;
}
.trainer-fields .trainer-fields-box{
padding: 20px 0px 0px;
}
.trainer-fields .trainer-image:hover img {
transition: 0.5s;
transform: scale(1.05);
}
/*.trainer-fields.gray-field{ 
background: #FAFAFA; 
}*/
.trainer-fields h4{ 
font-size: 20px; 
color: #000; 
}
.trainer-fields span { 
font-size: 16px; 
color: #000; 
font-style: italic; 
margin: 12px 0;
display: table;
}
.trainer-fields p {
color: #4D4D4D; 
line-height: 28px;
letter-spacing: 0.4px;
}
.trainer-fields .trainer-content a{
color: #4D4D4D; font-size: 18px;transition: 0.5s;
}
.trainer-fields .trainer-content a:hover {
color:#FFAA00;
}
.information-form{
text-align: center;
margin: 30px 0px 70px;
}
.information-form p { line-height: 28px; letter-spacing: 0.4px; }
.information-form iframe{width: 60% !important;
margin: 0px auto;}
.information-form form {    width: 60%; margin:40px auto 0;}
.information-form form label{text-align: left;
font-size: 14px;
display: block;}
.information-form form .field.hs-form-field{margin: 20px 0 0;}
.information-form form input, .information-form form textarea {
width: 100%;
background:#FAFAFA;
border: 1px solid #dddddd;
padding: 10px 20px;
border-radius: 5px;
font-size: 14px;
font-weight: 300;
}
.information-form form input:hover, .information-form form textarea:hover,
.information-form form input:focus, .information-form form textarea:focus{
border-color: #CC0429;
}
.information-form form textarea {
height: 140px; 
}
.information-form form ul { padding: 0; margin: 0; }
.information-form form ul li { list-style: none; }
.information-form form ul li label { color: red; margin: 7px 0 0;}
.information-form form input.hs-button{
background: #CC0429;
padding: 16px 36px;
width: auto;
text-align: left;
display: table;
border: none;
color:#ffffff;
font-size: 14px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-decoration: none;
border-radius:3px;
font-weight: 500;
margin: 30px 0 0;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.information-form form input.hs-button:hover{
background:#07474C;
text-decoration: none;
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
}
.information-form form .wpcf7-submit{
background: #CC0429;
padding: 16px 36px;
width: auto;
text-align: left;
display: table;
border: none;
color:#ffffff;
font-size: 14px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-decoration: none;
border-radius:3px;
font-weight: 500;
margin: 30px 0 0;
letter-spacing: 1.2px;
text-transform: uppercase;
line-height: 21px;
}
.information-form form .wpcf7-submit:hover{
background:#07474C;
text-decoration: none;
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
}
.information-form form div.wpcf7-validation-errors, .information-form form div.wpcf7-acceptance-missing {
border: 2px solid red;
margin: 0px 0 0;
}
.information-form form div.wpcf7-mail-sent-ok {
 border: 2px solid orange;
color: orange;
font-size: 20px;
margin: 10px 0 0;

}
.information-form .submitted-message{
font-size: 24px;
color: #CC0429;}


/*Why Inbound Marketing Page*/
.features .text-block h2 {
    font-weight: 700;
    font-size: 32px;
}
.Future-Marketing{
margin: 60px 0px; 
overflow: hidden;
}
.Future-Marketing .Marketing-box{
position: relative;
padding: 20px 0px;
}
.Future-Marketing .Marketing-box:nth-child(odd) .row {
flex-direction: row-reverse;
}
.Future-Marketing .Marketing-box:nth-child(odd) .row .Marketing-box-img img {
right: 60px;
left: auto;   
}

.Future-Marketing .Marketing-box:nth-child(odd) .row .Marketing-box-img:after {
position: absolute;
content: "";
width: 150px;
height: 100%;
background: #FFAA00;
right: 0;
z-index: -1;
top: -30px;
}
.Future-Marketing .Marketing-box:nth-child(odd) .row .Marketing-box-img:before {
display: none;
}
.Future-Marketing .Marketing-box:nth-child(odd){
margin: 40px 0;
}
.marketing-banner {margin: 20px 0 30px;}
.marketing-banner .marketing-banner-img{
clip-path:polygon(94.33013% 47.5%,94.69846% 48.2899%,94.92404% 49.13176%,95% 50%,94.92404% 50.86824%,94.69846% 51.7101%,94.33013% 52.5%,74.33013% 87.14102%,73.83022% 87.85495%,73.21394% 88.47124%,72.5% 88.97114%,71.7101% 89.33948%,70.86824% 89.56505%,70% 89.64102%,30% 89.64102%,29.13176% 89.56505%,28.2899% 89.33948%,27.5% 88.97114%,26.78606% 88.47124%,26.16978% 87.85495%,25.66987% 87.14102%,5.66987% 52.5%,5.30154% 51.7101%,5.07596% 50.86824%,5% 50%,5.07596% 49.13176%,5.30154% 48.2899%,5.66987% 47.5%,25.66987% 12.85898%,26.16978% 12.14505%,26.78606% 11.52876%,27.5% 11.02886%,28.2899% 10.66052%,29.13176% 10.43495%,30% 10.35898%,70% 10.35898%,70.86824% 10.43495%,71.7101% 10.66052%,72.5% 11.02886%,73.21394% 11.52876%,73.83022% 12.14505%,74.33013% 12.85898%);
-webkit-clip-path:polygon(94.33013% 47.5%,94.69846% 48.2899%,94.92404% 49.13176%,95% 50%,94.92404% 50.86824%,94.69846% 51.7101%,94.33013% 52.5%,74.33013% 87.14102%,73.83022% 87.85495%,73.21394% 88.47124%,72.5% 88.97114%,71.7101% 89.33948%,70.86824% 89.56505%,70% 89.64102%,30% 89.64102%,29.13176% 89.56505%,28.2899% 89.33948%,27.5% 88.97114%,26.78606% 88.47124%,26.16978% 87.85495%,25.66987% 87.14102%,5.66987% 52.5%,5.30154% 51.7101%,5.07596% 50.86824%,5% 50%,5.07596% 49.13176%,5.30154% 48.2899%,5.66987% 47.5%,25.66987% 12.85898%,26.16978% 12.14505%,26.78606% 11.52876%,27.5% 11.02886%,28.2899% 10.66052%,29.13176% 10.43495%,30% 10.35898%,70% 10.35898%,70.86824% 10.43495%,71.7101% 10.66052%,72.5% 11.02886%,73.21394% 11.52876%,73.83022% 12.14505%,74.33013% 12.85898%);
height: 500px;
position: relative;
}
.marketing-banner .marketing-banner-img:before{
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: 0.7;
z-index: 1;
}
.marketing-banner-heading{
position: absolute;
top: 0;
color: #ffffff;
z-index: 1;
bottom: 0;
display: flex;
padding: 0px 100px;
align-items: center;
justify-content: center;
right: 0;
left: 0;
}
.marketing-banner-heading h1{
margin-left: 50px;
position: relative;
font-weight: 400;
font-style: italic;
font-size: 48px;
}
.marketing-banner-heading h1:before{
position: absolute;
content: "";
width: 60px;
height: 5px;
background: #ffffff;
top: 25%;
left: -70px;
z-index: 1111;
border-radius: 10px;
}
.Marketing-banner .marketing-banner-img img{
object-fit: cover;
min-height: 500px;
width: 100%;
}

.Marketing-box-img{
position: relative;
}
.Marketing-box-img:before{
position: absolute;
content: "";
width: 150px;
height: 100%;
background: #FFAA00;
left: 0;
top: 30px;
z-index: -1;
bottom: 0;
}
.Marketing-box-img img {
    width: 100%;
object-fit: cover;
height: 550px;
position: relative;
top: 0;
left: 60px;
}
.marketing-banner-contant p{
padding: 15px 0px;
font-size: 18px;
font-weight: 300;
line-height: 28px;
letter-spacing: .5px;
}
.marketing-banner-contant h2{font-size: 48px;
letter-spacing: 1px;
font-weight: 300;}
.marketing-banner-contant h3 {
margin: 10px 60px;
position: relative;
}
.marketing-banner-contant h3:before{
position: absolute;
content: "";
width: 50px;
height: 2px;
background: #ffaa00;
left: -60px;
top: 15px;
}
.Future-Marketing .Marketing-box-contant{
background: #FAFAFA;
padding: 30px 40px;
position: relative;
top: 50px;
bottom: 0;
z-index: 1;}
.Future-Marketing .Marketing-box-contant p, .Future-Marketing .Marketing-box-contant-2 p {
    line-height: 28px;
letter-spacing: 0.4px;

}
.Marketing-box-contant ul {
padding: 0px 30px;
margin: 0;
list-style: none;
}
.Marketing-box-contant ul li{
position: relative;
}
.Marketing-box-contant ul li:before{
position: absolute;
content: '';
width: 10px;
height: 10px;
left: -26px;
top: 8px;
background:#fff;
border: 1px solid #ffaa00;
z-index: 1; 
}
.Marketing-box-contant ul li:after{
position: absolute;
content: '';
width: 10px;
height: 10px;
left: -30px;
top: 4px;
border: 1px solid #ffaa00;
background:#fff;
}

.Marketing-box-2{
margin: 100px 0px 70px;
}
.Marketing-box-img-2{
position: relative;
}

.Marketing-box-img-2:after{
    position: absolute;
content: "";
width: 150px;
height: 100%;
background: #FFAA00;
right: 0;
z-index: -1;
top: -30px;
}
.Marketing-banner-contant-2 p{
padding: 15px 0px;
}
.Future-Marketing .Marketing-box-contant-2{
    background: #FAFAFA;
padding: 30px 40px;
position: relative;
top: 50px;
bottom: 0;
z-index: 1;
}
.Marketing-box-contant-2 ul {
padding: 0px 30px;
margin: 0;
list-style: none;
}
.Marketing-box-contant-2 ul li{
position: relative;
}
.Marketing-box-contant-2 ul li:before{
position: absolute;
content: '';
width: 10px;
height: 10px;
left: -26px;
top: 8px;
background:#fff;
border: 1px solid #ffaa00;
z-index: 1; 
}
.Marketing-box-contant-2 ul li:after{
position: absolute;
content: '';
width: 10px;
height: 10px;
left: -30px;
top: 4px;
border: 1px solid #ffaa00;
background:#fff;
}

.Marketing-box-img-2 img {
 width: 100%;
object-fit: cover;
height: 550px;
position: relative;
top: 0;
right:60px;
}

.Marketing-box-contant-2 h3, .Marketing-box-contant h3 {
margin: 10px 60px;
position: relative;
}
.Marketing-box-contant-2 h3:before{
position: absolute;
content: "";
width: 50px;
height: 2px;
background: #ffaa00;
left: -60px;
top: 15px;
}
.Marketing-box-contant h3::before {
position: absolute;
content: "";
width: 50px;
height: 2px;
background: 
#ffaa00;
left: -60px;
top: 15px;
}
.Marketing-box-contant ul li {
margin: 10px 0px;
}
.Marketing-box-contant-2 ul li {
margin: 10px 0px;
}


.Who-needs{
margin: 50px 0px;
}
.Who-needs .Who-needs-boxs{
padding: 20px 0px;
}
.Who-needs .Who-needs-boxs .col-md-6 {
    display: flex;
}
.Who-needs .Who-needs-boxs  .col-md-3 {
display: flex;  
}
.Who-needs .i-am b{
font-size: 130px;
color: #4D4D4D;
line-height: 180px;
}
.Who-needs .i-am-box{
padding: 45px 20px;
transition: 0.5s;
border: solid 0.5px #D6D6D6;
}
.Who-needs .i-am-box i{
    font-size: 60px;
    padding: 0px 10px 20px;
    color: #042B2E;
}
.Who-needs .i-am-box h4,
.Who-needs .i-am-box h3{
    height: 100%;
    max-height: 60px;
    font-size: 24px;
    font-weight: 600;
}
.Who-needs .i-am-box p{
padding: 10px 0px;
letter-spacing: 0.4px;
line-height: 28px;
}

.Who-needs .i-am-box a {
color: #FFAA00;
text-decoration: none;
padding-bottom: 2px;
position: relative;
transition: 0.5s;
}

.Who-needs .i-am-box a:after {
position: absolute;
content: "";
width: 0;
height: 1px;
transition: 0.5s;
bottom: 0;
background: #FFAA00;
left: 0;
}
.Who-needs .i-am-box a:hover:after{
width: 100%;
}
.Who-needs .i-am-box:hover{
background:#042B2E;
color: #ffffff;
transition: 0.5s;
cursor: context-menu;
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
  transform: translateY(-10px);
   transition: all 200ms ease-in;
}
.Who-needs .i-am-box:hover i{
color: #ffffff;
} 

.about-cta{
margin: 20px 0px;
background: #FAFAFA;
padding: 40px 0px;
}
.about-cta p { margin: 0; letter-spacing: 0.4px;
line-height: 28px;}
.about-cta .col-md-4{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.Why-Us{
margin: 60px 0px;
}
.Why-Us .Why-I-A{
padding: 20px 0px 0;
}
.tabs-nav{
list-style: none;
padding: 0px;
margin: 0px 30px;
    border-right: solid 0.5px #000000;
    display: block;
}
.tabs-nav a{
padding: 30px 0px;
text-decoration: none;
color: #4D4D4D;
position: relative;
width: 100%;
display: table;
}
.tabs-nav .tab-active a{
background: #ffffff;
box-shadow: 0 0 11px rgba(33,33,33,.2); 
border-radius: 10px 0px 0px 10px;
 transition: 0.3s;    
}
.tabs-nav img{
max-width: 50px;
padding-bottom: 10px;
}
.tabs-nav span{
font-size: 20px;
display: block;
font-family: 'Oswald', sans-serif;
font-weight: 400;
}
.tabs-nav li.tab-active span {
color:#ffaa00;
}
.tabs-nav .tab-active a:before{
position: absolute;
content: "";
width: 8px;
height: 100%;
background: #ffaa00;
right: -9px;
border-radius: 0px 10px 10px 0px;
box-shadow: 0 0 11px rgba(33,33,33,.1); 
top: 0;
}
.tabs-nav li a:hover{
box-shadow: 0 0 11px rgba(33,33,33,.1); 
    border-radius: 10px 0px 0px 10px;
    transition: 0.3s;
}
.tabs-nav li{
margin: 40px 0px;
display: block;
text-align: center;
}
.tabs-nav li:first-child{
margin-top: 0px;
}
.tabs-stage {
padding: 0px 10px;
}
.tabs-stage h3 {
font-weight: 400;
font-size: 24px;}
.tabs-stage p{
padding: 10px 0px 0px;letter-spacing: 0.4px;
line-height: 28px;
}
.tabs-stage ul {
padding: 10px 30px;
margin: 0px;
list-style: none;
}
.tabs-stage ul li{
margin: 5px 0px;
position: relative;
}
.tabs-stage ul li:before{
position: absolute;
content: '';
width: 10px;
height: 10px;
left: -26px;
top: 8px;
background: #fff;
border: 1px solid #ffaa00;
z-index: 1;
}
.tabs-stage ul li::after {
position: absolute;
content: '';
width: 10px;
height: 10px;
left: -30px;
top: 4px;
border: 1px solid #ffaa00;
background:#fff;
}


/*Courses inner Page*/

.inner-banner-top.Courses-inner-bg{
    background: url(../images/Courses-inner-bg.jpg);
}

.courses-inner-about {
margin: 60px 0px;
text-align: center;
}
.courses-inner-about p{
padding:0px 10%;
color: #4D4D4D;
letter-spacing: 0.4px;
line-height: 28px;
margin: 0 0 40px;
}

.courses-price-list{
margin: 60px 0px;
}

.courses-price-list-card{
padding: 30px 40px;
width: 100%;
box-shadow: 0 0px 24px rgba(0,0,0,0.1);
transition: 0.5s;
}
.courses-price-list-card:hover {
background:#07474C;
transition: 0.5s !important;
}
.courses-price-list-card:hover h4, .courses-price-list-card:hover h5,
.courses-price-list-card:hover span, .courses-price-list-card:hover .courses-price-list-card-contant li,
.courses-price-list-card:hover .courses-price-list-card-contant span{
color:#fff;
}
.courses-price-list-card h4{
color: #1f1f1f;
padding: 10px 0px;
}
.courses-price-list-card h5{
color:#CC0429;
font-size: 28px;
}
.courses-price-list-card span{
font-size: 14px;
font-weight: 300;
color: #303030;
font-family: 'Roboto', sans-serif;
}
.courses-price-list-card .courses-price-list-card-contant {
margin: 0px;
padding: 0px 20px;
}
.courses-price-list-card .courses-price-list-card-contant li{
font-size: 16px;
color: #FFAA00;
margin: 15px 0px;
}
.courses-price-list-card .courses-price-list-card-contant span {
color: #4D4D4D;
font-size: 16px;
    font-weight: 400;
}
.courses-price-list-card .courses-price-list-card-contant strong{
font-weight: 600;
}
/* home page i am section start */
.home section.Who-needs {
    background-color: #ffffff;
    margin: 0;
    padding: 80px 0px;
}
.home .Who-needs .i-am b,
.Who-needs .i-am b{ 
    font-size: 80px;
    color: #212529;
    line-height:90px;
}
/* home page i am section end */


/* Add On CSS */
.marketing-courses {
    background: #07474c;
}
.home-services-module{
    padding: 60px 0 90px;
    background: #fff;
}
.home-services-module .service-block{
    justify-content: center;
}
.pop-up-modal{
    padding: 80px 0 0;
    background: #fff;
}
.home-services-module .modal-content{
    background: transparent;
    border: none;
}
.home-services-module .modal-content .modal-header{
    border: none;
}
.home-services-module .close{
    font-size: 2rem;
}
.home-services-module .close:hover{
    color: #fff;
}
.home-services-module .modal-header .close{
    padding: 4rem 1rem 0;
}
.home-services-module .close:focus, .close:active{
    outline: none;
}
.home-services-module .modal.show .modal-dialog{
    max-width: 670px;
    margin: auto;
}
.home-services-module .close{
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}
.text-wrp p,
.home-services-module .text-wrp h3{
    margin-bottom: 0;
    font-weight: 500;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
}
.text-wrp h2{
    font-weight: 600;
    font-size: 36px;
}
.icon-with-text{
    /* background: #cda1a1; */
    background:#f5f5f5;
    text-align: center;
    padding: 40px 0;
    margin-top: 30px;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
}
.service-heading{
    text-align: center;
}

.img-with-popup {
    position: relative;
}
.img-with-popup{
    width:100%;
}
.img-with-text{
    background: #fff;
    padding: 80px 0 0px;
}
.img-text-block{
    align-items: center;
}
.img-with-text .primary-btn{
    background: #0f3437;
    color: #ffffff;
    border: 1px solid #0f3437;
    display: table;
    font-weight: 500;
    transition: all 0.3s ease 0s;
}
.img-with-text .primary-btn:hover{
    background: #ffaa00;
    border: 1px solid #ffaa00;
}
.video-popup{
    margin-top: 60px;
}
.img-with-text .text-wrp p {
    margin-bottom: 30px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    color: #3a3a3a;
}
.img-with-text .text-wrp ul{
    padding: 0 0 0 15px;
    list-style-type: none;
    line-height: 34px;
}
.img-with-text .text-wrp ul li{
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-left: 12px;
    color: #3a3a3a;
}
.img-with-text .text-wrp ul li:before{
    position: absolute;
    content: '';
    background-image: url(../images/ok-icon.png);
    width: 100%;
    height: 100%;
    top: 6px;
    left: -20px;
    background-repeat: no-repeat;
}
.img-wrp img{
    max-width: 100%;
}

.content-with-list-box{
    background-image: url(../images/Group-183.webp);
    width: 100%;
    height: 100%;
    background-size: cover;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 100px 0;
    background-color: #fff;
    max-height: 450px;
}
.list-box:nth-child(1)::before{
    position: absolute;
    content: '';
    background: #fa0;
    top: -40px;
    left: 90px;
    width: 100px;
    height: 100px;
    z-index: -1;
    border-radius: 50px;
}
.right-side-box{
    position:relative;
    z-index:1;
}

.content-with-list-box .primary-btn{
    background: #0f3437;
    border: 1px solid #0f3437;
    transition: .4s all ease-in-out;
}
.content-with-list-box .primary-bt:hover{
    background: #ffaa00;
    border: 1px solid #ffaa00;
}
.list-box{
    width: 100%;
    max-width: 320px;
    margin: 0 auto 24px;
    background: #fff;
    padding: 20px 20px;
    border: 1px solid #fff;
    border-radius: 6px;
    box-shadow: 0px 12px 12px #00000024;
}
/* Our Courses */
section.our-courses-section {
    padding:70px 0 0px;
    background: #0f3437;
}
.our-courses-section .heading-1,
.our-courses-section p,
.our-courses-section li,
.our-courses-section h3,
.our-courses-section .category.title{
    color:#fff;
}
.our-courses-section li{
    margin:0 0 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
}
.our-courses-section ul{
    list-style:none;
    padding-left:0;
}
.our-courses-section p{
    width: 60%;
    margin: auto;
}
.our-courses-section a{
    transition: all 0.3s ease 0s;
    text-decoration: none;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1.2px;
        padding: 16px 30px;
    background-color:#fff;
    color:#0f3437;
    font-weight:500;
    margin:20px 0 0;
    display:inline-block;
    border: 1px solid #fff;
}
.our-courses-section a:hover{
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.our-courses-section .bottom-section{
    padding:50px 0px 0;
}
.our-courses-section .service-heading{
    margin:0 0 40px;
}
.our-courses-section .content h3,
.our-courses-section .content h2{
    margin: 0 0 30px;
    font-size: 26px;
    text-transform: capitalize;
    font-weight: 600;
    color:#fff;
}
.our-courses-section .icon-with-title{
    display:flex;
    align-items:center;
    gap:20px;
    padding:0 40px;
}

.our-courses-section span.category-icon {
    display: inline-block;
}

.our-courses-section span.category.title,
.our-courses-section .category.title {
    font-size:28px;
    font-weight:600;
    margin:0;
}

.box-img-container {
    /* width:400px; */
    display: flex;
    align-items: flex-end;
}
.box-img-container img{
    display:block;
    max-width:100%;
}

.our-courses-section .main-row.row {
    align-items:stretch;
}
.title-with-img .box{
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.our-courses-section .bottom-box {
    padding:0 40px;
}

/* 20 March Css arun */
.text-link {
	color:#fa0;
	text-decoration:underline;
}
.text-link:hover {
	color:#fa0;
	text-decoration:none;
}

.about-trainer {
    margin: 80px 0px;
}
/* End */
@media(min-width:768px){
  .our-courses-section .bottom-section{
    display:block;
  }
  .our-courses-section .top-section .bottom-box{
    display:none;
  }
  .title-with-img:first-child .box .icon-with-title{
    justify-content:flex-end;
    
}
.our-courses-section .top-section{
    background-color:#0f3437;
}

.our-courses-section .bottom-section .bottom-box{
    position:relative;
    z-index:1;
}
.our-courses-section .bottom-section:before,
.our-courses-section .bottom-section:after{
    position:absolute;
    content:'';
    top:0;
    width:50%;
    height:100%;
}
.our-courses-section .bottom-section:before{
    left:0;
    background-color:#1b3e41;
}

.our-courses-section .bottom-section:after{
    left:50%;
    background-color:#27484b;
}
}
.our-courses-section .bottom-section{
    position:relative;
    padding-bottom: 50px;
}
@media(max-width:767px){
    .our-courses-section .bottom-section{
    display:none;
  }
  
    .title-with-img:first-child{
        margin-bottom:40px;
    }  
    .our-courses-section .top-section .bottom-box{
        margin-top:30px;
    }
    .video-popup{
        gap: 30px;
    }
    .our-courses-section p{
        width: 100%;
    }
    .our-courses-section .bottom-box{
        padding: 0;
    }
    section.our-courses-section{
        padding: 60px 0;
    }
}
/* End */

@media(min-width: 420px) and (max-width: 766px){
    .img-wrp{
        width: 70% !important;
        margin: auto !important; 
    }
}
@media(max-width: 767px){
    .text-wrp p{
        font-size: 16px;
    }
    .content-with-list-box{
        background-size: cover;
        max-height: 100%;
        padding: 60px 0;
    }
    .right-side-box{
        margin-top: 2 0px;
    }
    .list-box:nth-child(1)::before{
        display: none;
    }
    .list-box{
        max-width: 100%;
    }
    .img-wrp{
        width: 100%;
        max-width: 100%;
        background-size: cover;
    }
    .img-wrp img{
        max-width: 100%;
        width: 100%;
    }
    .text-wrp{
        margin: 40px 0;
    }
}
@media(max-width: 991px){
    .img-with-popup span.play-btn{
        height: 60px;
        width: 60px;     
    }
    .img-with-popup span.play-btn .span-arrow {
        height: 26px;
        width: 26px;
    }
    .content-with-list-box{
        background-size: cover;
        max-height: 100%;
        padding: 80px 0 40px;
    }
    .list-box:nth-child(1)::before {
        left: 0;
    }
    .img-wrp img{
        max-width: 100%;
        width: 100%;
    }
}


/* About Us CSS */
.text-with-bg-img{
    padding: 100px 0 40px;
    background: linear-gradient(180deg, rgba(245,245,245,1) 50%, rgba(255,255,255,1) 50%);
}
.img-txt-block{
    margin-top: 120px;
}
.top-heading{
    text-align: center;
    width: 85%;
    margin: auto;
}
.top-heading p{
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
}
.top-heading h1{
    font-weight: 600;
    line-height: 1.1;
}
.bottom-text{
    display: flex;
}
.ready-txt{
    flex: 1 1 30%;
    position: relative;
}
.vision-text{
    margin-top: 40px;
}
span.arrow img{
    width: 300px;
    height: 80px;
    object-fit: contain;
}
.ready-txt p{
    font-size: 24px;
    font-weight: 600;
}
.right-para{
    flex: 1 1 70%;
}
.right-para p{
    font-size: 16px;
}
.text-with-bg-img p{
    margin: 0;
}
.center-img{
    margin: 60px 0;
}
.img-txt-block, .img-txt-block-2{
    display: flex;
    align-items: center;
    gap: 70px;
}
.img-txt-block:nth-child(1){
    margin-bottom: 60px;
}
.img-block{
    flex: 1 1 30%;
    position: relative;
}
.img-block:nth-child(1){
    position: relative;
}
.img-block span{
    position: absolute;
    content: '';
    top: 0;
    width: 160px;
    height: 160px;
    left: 0;
    transform: translate(-80px, -80px);
    background-size: cover;
}
img.video-btn{
    animation: rotate 10s infinite linear;
}
@keyframes rotate{
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.img-block span>img{
    width:160px;
    height: 160px;
}
/* .img-block:nth-child(1):before{
    position: absolute;
    content: '';
    background-image: url(../images/Certified.png);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    transform: translate(-80px, -80px);
} */
.center-img img{
    max-width:100%;
}
.text-block{
    flex: 1 1 70%;
}
.img-txt-block-2{
    margin-bottom: 80px;
}
.trainer-img-txt h3,
.trainer-img-txt h2{
    margin: 0;
    font-size: 26px;
    font-weight: 700;
}

.trainer-img-txt h3{
    margin: 7px 0 20px;
    font-size: 16px;
    font-weight: 400;
}



.credibility-tainers {
    background: #f2f2f2;
    padding: 80px 0px;
}

.left-text h4 {
    font-size: 22px;
    margin-top: 20px;
}

.left-image-with-text {
    text-align: center;
    background: #fff;
    padding: 30px 20px;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 14%) 0px 0px 12px;
}
.left-bottom-text p{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
}
.left-img-heading h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.left-img-heading h3 span{
    font-weight: 600;
}

.left-img-heading {
    margin-bottom: 16px;
}
.elite-logo img{
    max-width: 100%;
}
.hubspot-award-logo img{
    max-width: 100%;
}
.right-text h2 {
    font-size: 30px;
    font-weight: 700;
}

.right-text {
    padding: 12px;
}

.right-text p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 18px;
}

.left-text.text {
    text-align: left;
}


/* mission */

.mission-vision {
    background-image: url(../images/Mission.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    max-width: 100%;
    padding: 80px 0px 110px;
    color: #fff;
    position: relative;
}
.mission-vision-box {
    max-width: 50%;
    margin-left: auto;
    position: relative;
}

.mission-vision-box h2 {
    font-size: 24px;
}
/* End */

@media(max-width: 767px){
    .top-heading{
        width: 100%;
    }
    span.arrow img{
        display: none;
    }
    .bottom-text{
        display: block;
    }
    .ready-txt p{
        margin-bottom: 20px;
    }
    .img-txt-block{
        display: block;
    }
    .img-block{
        width: 100%;
    }
    .img-block img{
        width: 100%;
    }
    .img-block:nth-child(1)::before{
        width: 160px;
        height: 160px;
        transform: translate(-20px, -80px);
    }
    .text-block{
        margin-top: 30px;
    }
    .img-txt-block-2{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        gap: 0;
    }
    .left-img-heading{
        margin: 30px 0;
    }
    .left-img-heading h3{
        margin: 0;
        text-align: center;
    }
    .right-text{
        padding: 0;
        margin-top: 40px;    
    }
    .credibility-tainers {
        padding: 60px 0px;
    }
    .mission-vision-box{
        max-width: 100%;
    }
    .mission-vision:before{
        position: absolute;
        content: '';
        background: #000;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .4;
    }
    .img-block span{
        transform: translate(-20px, -80px);
    }
    .text-with-bg-img{
        padding: 60px 0;
    }
}
@media(min-width: 410px) and (max-width: 766px){
    .img-block img{
        width: 100%;
    }
    .img-txt-block, .img-txt-block-2{
        display: flex;
        flex-wrap: unset;
        flex-direction: row;
        gap: 20px;
        align-items: flex-start;
    }
    .img-block span>img{
        width: 80px;
        height: 80px;
    }
    .img-block span{
        transform: translate(-10px, -40px);
    }
}
@media(min-width: 768px) and (max-width: 991px){
    .mission-vision{
        background-position: bottom;
    }
    .img-block span{
        transform: translate(-20px, -80px);
    }
}

/* Our Trainer */
.about-trainer h3 {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
}
.trainer-block{
    align-items: center;
    margin-top: 60px;
}
.about-trainer .trainer-block:nth-child(odd){
    flex-direction: row-reverse;
}
.trainer-image img{
    max-width:100%;
}
.feature-block{
    margin-top: 60px;
    align-items: center;
}.features .feature-block:nth-child(1){
    margin-top: 0;
}
.features .feature-block:nth-child(even){
    flex-direction: row-reverse;
}
.text-block ul{
    padding: 0 0 0 35px;
    list-style-type: none;
    line-height: 30px;
}
.text-block ul li{
    position: relative;
    color: #3a3a3a;
    line-height: 34px;
}
.text-block ul li::before{
    position: absolute;
    content: '';
    background: url(../images/tick-icon.png);
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    transform: translate(-35px, 5px);
}
.text-block p{
    margin: 16px 0;
    line-height: 28px;
    color: #3a3a3a;
}
.text-block h5{
    font-size: 16px;
    margin: 6px 0 24px;
    font-weight: 400;
}
/* End */


/* Contact */
.contact-bx{
    display: flex;
    align-items: baseline;
    gap: 12px;
}
.contact-text ul{
    padding: 0;
    list-style-type: none;
    line-height: 30px;
}
.contact-text ul, .contact-text p{
    margin: 16px 0 0;
} 
.contact-text ul li{
    display: flex;
    align-items: center;
    gap: 12px;
}
.contact-text ul li>h6,.contact-text ul li>p{
    margin: 0;
} 
.contact-b-text{
    font-weight: 500;
}
@media(max-width: 767px){
    .contact-bx{
        margin-bottom: 60px;
    }
}
@media(max-width: 991px){
    .contact-bx{
        margin-bottom: 90px;
    }
}
/* End */


/* Course CSS */
.course-detail {
    margin-top: 120px;
}
.img-block img{
    max-width: 100%;
    height: 100%;
    min-height: 200px;
    object-fit: cover;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.course-group .img-block{
    text-align: center;
}
.course-group .text-block{
    padding: 40px;
}
.course-block{
    margin-top: 50px;
}
.course-group{
    background: #ffffff;    
    border: 1px solid #fff;
    border-radius: 6px;
}
.course-group .text-block p{
    height: 100%;
    min-height: 50px;
    font-weight: 500;
    color: #000000;
}
.course-group .text-block h4{
    color: #ffaa00;
}
.course-detail a{
    text-decoration: none;
}
.course-detail a:hover{
    text-decoration: none;
}
.course-group .text-block span{
    font-size: 14px;
    color: #a7a7a7;
}
.course-group:hover{
    box-shadow: 0 0 30px #00000030;
}

@media(max-width: 767px){
    .course-group{
        margin-bottom: 40px;
    }
}
/* End */
/* courses inner page css */
        /* tabs */
        ul.content-tabs {
            margin: 0;
            padding: 0;
            float: left;
            list-style: none;
            height: 40px;
            width: 100%;
            position: relative;
          }
          ul.content-tabs:after{
            position:absolute;
            content:'';
            left:0;
            bottom: 1px;
            width:100%;
            z-index:1;
            height:1px;
            background-color:#7a7a7a;
          }
          ul.content-tabs  li {
            float: left;
            margin: 0;
            cursor: pointer;
            padding: 0px 21px;
            line-height: 31px;
            overflow: hidden;
            position: relative;
            color: #7a7a7a;
            font-weight: 500;
            height: 100%;
          }
        
          .tab_last {
          }
        
          ul.content-tabs  li:hover {
            color: #000;
          }
        
          ul.content-tabs  li.active {
            background-color: #fff;
            color: #000;
            display: block;
            height: 100%;
            border-bottom: 1px solid #ffaa00;
          }
        ul.content-tabs li.active:after{
          position:absolute;
          content:'';
          bottom: 0;
          left:0;
          width:100%;
          height:2px;
          z-index: 2;
          background-color:#ffaa00;
        }
          .tab_container {
            border-top: none;
            clear: both;
            float: left;
            width: 100%;
            background: #fff;
            overflow: auto;
            padding-top: 60px;
            padding-right: 20px;
          }
        
          .tab_content {
            padding: 0;
            display: none;
          }
        
          .tab_drawer_heading {
            display: none;
          }
        
          @media screen and (max-width: 560px) {
            .tab_container{
              padding:0;
            }
            .content-tabs  {
              display: none;
            }
            .tab_drawer_heading {
              background-color: #0f3437;
              color: #fff;
              margin: 10px 0px;
              text-align: center;
              padding: 10px 20px;
              display: block;
              cursor: pointer;
              -webkit-touch-callout: none;
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
              font-size: 16px;
            }
            .d_active {
              background-color: #ffaa00;
              color: #fff;
            }
            
          }
        /* tabs end */
        .instructer-box .row{
            align-items:center;
        }
        .instructer-box .ins-image{
            height:250px;
        }
        .instructer-box .ins-image img{
            max-width:100%;
            display:block;
            height:100%;
             border-radius:5px;
            object-fit:cover;
        }
        .curriculum-content .lesson-box {
            padding:30px 40px;
            border:1px solid #a7a7a7;
            border-radius:10px;
            margin:0 0 25px;
        }
        .curriculum-content .lesson-box h3{
            margin:0 0 20px;
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 16px;
        } 
        .curriculum-content .lesson-box p{
            color:#3a3a3a;
        }
        .curriculum-content .lesson-box p:last-child{
            margin:0;
        }
        .ins-details h3{
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 16px;
        }
        
      /* page css */
      .overview-content h2 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 16px;  
      }
      .overview-content p {
        color:#3a3a3a;
      }
      .overview-content img {
        width: 100%;
      }
      section.inner-tab-container {
              padding-top:80px;
          }
          section.inner-tab-container .page-title{
              padding:60px 0px;
              text-align:center;
              font-size: 26px;
            font-weight: 600;
          }
          /* sidebar css */
          .right-side-bar {
            background:#fff;
            border-radius:5px;
            padding:20px 20px 25px;
            box-shadow:rgb(17 17 26 / 5%) 0px 4px 16px, rgb(17 17 26 / 5%) 0px 8px 32px;
        }
        .inner-details{
            display:flex;
            flex-direction:column;
            gap:15px;
        }
        .details-box {
            display:flex;
            justify-content:space-between;
            align-items:center;
        }
        
        .icon-label {
            display:flex;
            align-items:center;
            gap:10px;
        }
        .icon-label .icon-container{
            height:20px;
            width:20px;
            display: flex;
            align-items: flex-start;
        }
        .icon-label .icon-container img{
            width:100%;
            height:100%;
            object-fit:cover;
        }
        .details-box span.label{
            font-size:14px;
            font-weight:600;
        }
        .details-box .val{
            font-size:14px;
            font-weight:500;
            color:#7a7a7a;
        }
        .inner-details .details-box:first-child .val{
            font-size: 22px;
        font-weight: 700;
        color: #ffaa00;
        }
        

        .right-side-bar a.cta {
            background: #0f3437;
            color: #ffffff;
            border: 1px solid #0f3437;
            display: table;
            font-weight: 500;
            transition: all 0.3s ease 0s;
            padding: 10px 30px;
            text-decoration: none;
            border-radius: 3px;
            text-align: center;
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: 1.2px;
            margin:20px auto;
            display: block;
        }
        .right-side-bar a.cta:hover{
            color: #fff;
            background: #ffaa00;
            border: 1px solid #ffaa00;
        }

        .share-the-course a{
            color:#000;
            font-size:12px;
            font-weight:500;
            text-decoration:none;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:10px;
        }
        .share-the-course a img{
            width:15px;
        }
          /* sidebar css end */
          /* releated course css */
          .related-course-row{
            padding-top:60px;
          }
          .related-course-row{
            padding-top:60px;
        }
        .course-box .cs-img-container{
            margin:0 0 20px;
        }
        .course-box .cs-img-container img{
            max-width:100%;
            display:block;
            object-fit:cover;
            height:250px;
        }
        .box-body {
            padding:0 10px;
        }
        .course-box{
            margin:0 0 15px;
            border-radius:5px;
            overflow:hidden;
        }
        .related-course-row h2{
            margin-bottom:70px;
        }
        .related-course-row a{
            display:block;
        }
        .related-course-row a:hover{
            text-decoration:none;
        }
        span.cs-price {
            font-size: 22px;
            font-weight: 700;
            color: #ffaa00;
            margin: 0 0 5px;
            display: block;
        }
        
        h4.cs-title {
            color:#000;
            font-size:18px;
            line-height:1.5;
            font-weight: 600;
        }
        .amt-of-lesson{
            color:#7a7a7a;
        }
        .hubspot-link__container.sproket {
            display: none;
        }
          /* releated course css end  */
/* courses inner page css end  */
section.testimonial .heading-1{
    color:#fff;
}
.why-choose .heading-1{
    color:#000;
}
.img-with-popup {
    width: 100%;
    height: 276px;
}
.img-with-popup a{
    display:block;
    width: 100%;
    height: 100%;
}
.img-with-popup a img{
    max-width:100%;
    display:block;
    height:100%;
    object-fit:cover;
}
.img-with-popup iframe{
	height:100%;
}
section.pop-up-modal.home-services-module .row:last-child{
    margin-top:20px;
}

@media(max-width:568px){
	.img-with-popup{
	margin-bottom:20px;
}
}

/* 15 feb 2023 */
.trainer-image{
    width: 300px;
    height: 370px;
}
.trainer-image img{
    width:100%;
    height: 100%;
    object-fit:cover;
    display: block;
    border-radius: 4px;
}

/*********** After Submit Text CSS ********************/

footer #mainfooter .submitted-message p{
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}
footer #mainfooter .submitted-message p>a{
    background: #0f3437;
    color: #ffffff;
    border: 1px solid #0f3437;
    display: table;
    font-weight: 500;
    transition: all 0.3s ease 0s;
}
footer #mainfooter .submitted-message p>a:hover{
    background: #ffaa00;
    border: 1px solid #ffaa00;
    box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 20%);
    text-decoration: none;
}

/*********** End ********************/

@media(max-width:767px){
    .trainer-image{
        text-align:center;
        margin:auto;

    }
    .trainer-image img{
        margin:auto;
    }
}

.img-with-popup a{
    position: relative;
}
.img-with-popup .play-btn{
    position:absolute;
    width:60px;
    height:60px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    cursor:pointer;
}
.img-with-popup .play-btn img{
    width:100%;
    height:100%;
    display:block;
}
section.trainer-img-txt .img-block span>img{
    display:none;
}
/*  */
/* 28 feb 2023 */
.i-am-box .icon-image, .i-am-box .icon-image-on-hover{
    width: 60px;

}
.i-am-box img{
        max-width:100%;
        display:block;
        object-fit:cover;
        padding: 0px 10px 20px;
}
.i-am-box .icon-image-on-hover{
    display:none;
}
.i-am-box:hover .icon-image-on-hover{
    display:block;
}
.i-am-box:hover .icon-image{
    display:none;
}

/* testimonial css */
.testimonial{
    background-color:#fff;
}
section.testimonial .heading-1{
   color: #212529;

}
.testimonial .slide-desc p{
    color:#212529;
    text-align:center;
    
}
.testimonial .slide-desc p:after{
    display:none;
}
.testimonial .slide-desc p:before{
    color:#212529;
    left:50%;
    transform: translateX(-50%);
}
.testimonial-name {
    text-align: center;
    color:#212529;
}
.testimonial .tab-slider button.slick-arrow{
    top:40%;
    bottom: unset;
    transform: translate(-50%,-50%);
    width:30px;
    height:30px;
}

.testimonial .tab-slider button.slick-prev {
    left: -30px;
}
.testimonial .tab-slider button.slick-next{
    right: -70px;
    left: unset;
}
.testimonial .tab-slider .slick-next:before, .testimonial .tab-slider .slick-prev:before{
    margin:0;
    width:100%;
    height:100%;
    left:0;
    top:0;
}

@media(max-width:650px){
    .testimonial .tab-slider button.slick-arrow{
        top:unset;
        bottom: -60px;
        width:30px;
        height:30px;
    } 
    .testimonial .tab-slider button.slick-prev {
        left: 40%;
    }
    .testimonial .tab-slider button.slick-next{
        right:35%;
        left: unset;
    }
    .slider-tab-section{
        padding-bottom:80px;
    }
}
/* testimonial css end */
.home .why-choose{

padding-top:0;
}
/* 28 feb 2023 end */
/* 2 march 2023 */

.search-box:hover{
    
}
.search-box:hover{
    max-width: 350px;
    /* left: -15%; */
}
@media(max-width:991px){
 
    .search-box{
        left:2%;
      
    }
    .search-box:hover{
        max-width: 330px;
        left: 0%;
        right: -100%;
    }

}

@media(max-width:767px){
    .why-choose .course .course-contant .card-header .btn-link span{ 
        max-width:90% !important;
        display:block;

    }
    .why-choose .course .course-contant .card-header .btn-link.collapsed::before{
        top:50%;
        transform:translateY(-50%);
    }
    .navbar .navbar-nav{
        padding-top:10px !important;
    }
    .top-heading h1{

        font-size: 28px;
    }
    a.fixed-btn{
        top: 45% !important;
       
    }
    header .navbar.navbar-expand-sm .navbar-nav li a:hover,
    header .navbar.navbar-expand-sm .navbar-nav li a:visited,
    header .navbar.navbar-expand-sm .navbar-nav li a:focus,
    header .navbar.navbar-expand-sm .navbar-nav li a:focus-visible{
        color:#fff;
        outline: none;
    }
    .search-box {
        left: unset;
    }
    .topnav-cont ul.top-right{
        padding: 0 10px;
    }
    .search-box:hover{
        left: 35%;
        right: 0;
    }
    .our-courses-section .icon-with-title{
        padding:0 0 20px;
    }
    .img-with-text{
        padding: 20px 0 0px;
    }
    .img-with-popup{
        margin :0 auto 20px;
        max-width:100%;
    }
    .img-with-popup img{
        max-width:400px !important;
        margin:auto;
    }
    .courses-tab-about{
        padding-top:0 !important;
    }
}
@media(max-width:568px){
    .img-with-popup img{
        max-width:100% !important;
       
    }
    .text-with-bg-img{
        padding-bottom:0;
    }
    .mission-vision{
        margin-top:60px;
    }
    .img-txt-block:nth-child(1){
        margin-top:60px;
    }
    .left-img-heading img{
        max-width:100%;
    }
}
.search-box{
    display:none !important;
}
.contact-text ul  li p a{
    color: inherit;
	cursor:pointer;
}
/* 2 march 2023 end */