/*Theme Name: Academy Busfam
Theme URI: https://www.academybusfam.com/
Author: Busfam Team
*/

@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');



:root{
	--blue:#33c4a8;
	--dblue:#0a25b3;
	--yellow:#ffe00c;
	--lyellow:#fffdeb;
	--green:#218838;
	--lgreen:#49bc60;
	--white:#fff;
	--black:#000;
	--purple:#010425;
	--lpurple:#34059e;
}
body, html {height: 100%;}
body{
    margin: 0; 
    font-size: 14px; 
    color:var(--black);
    line-height: 1.7em;
    font-weight: 400;
    background:#fff;
    font-family: 'Montserrat', sans-serif;
}
.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2; color:var(--black);}
ul:before, ul:after{ content:''; display:table;}
ul:after{ clear:both;}
.full-img img{ width:100%; height:auto;}
img.img-crop { display: block; max-width: none }
.table-cell {display: table-cell; vertical-align: middle; padding:0;}
.table-div{ display:table; height:100%; width:100%;}
.sectiongap:nth-child(even){background: #f0faf5;padding: 50px 0 40px 0; position: relative;position: relative; overflow: hidden;}

.sectiongap:nth-child(odd){background: #fff;}


ul{margin: 0;padding: 0;}
li{list-style: none;font-size: 14px;}
ul.tick{list-style: none;margin-bottom:15px;padding:0;}
ul.tick li{list-style: none;font-weight:600;margin-bottom: 5px;font-size:16px;
color: var(--dblue);}
ul.tick li{margin-left:25px;}
ul.tick li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    color: var(--blue);
    font-size: 16px;
    padding: 6px;
	margin-left:-25px;
}
a{color: unset;text-decoration:none;}
a:hover{text-decoration: none; color: unset;}
h1, h2, h3{font-family: 'Poppins', sans-serif;}
p {
    color:var(--black);
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
}
.whitebg{background:#fff;}
section{overflow: hidden;background:#fff;}
.progress{height: 8px !important;border-radius: 5px;}
.cms-wrap h5{
    font-size: 16px;
    color:var(--blue);
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.cms-wrap h2 {font-size: 36px;font-weight:700;}
.cms-wrap h2 span{
    color: var(--blue);
}
/*section title satrt*/
.section-title{
    padding-bottom: 15px; 
    position: relative;
    z-index: 99;
}
.section-title h2{
    font-size: 28px;
    position: relative;
    font-weight: 600;
    margin-bottom: 18px;
}
.section-title h2 span{color: var(--lgreen);}
.section-title h2::after{
    content: "";
    max-width: 235px;
    width: 100%;
    border-bottom: 2px solid #eaefe8;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
}
.section-title h2::before{
    content: "";
    max-width: 70px;
    width: 100%;
    border-bottom: 3px solid var(--blue);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    z-index: 9;
}
.section-title.text-left {margin-bottom: 10px;}
.section-title.text-left h2::after{transform: unset;left: 0;}
.section-title.text-left h2::before{ transform: unset;left: 0;}
.section-title p {
    position: relative;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 8px;
    display: inline-block;
}
.darkfixd-bg .section-title h5,
.darkfixd-bg .section-title h2{ color:var(--white);}
/*.bg-light-blu:nth-child(even){background: var(--white);}
.bg-light-blu:nth-child(odd){background: #f0faf5;}*/
.movileview-btn {font-size: 28px; color: var(--dblue);}
.movileview-btn:hover {color: var(--blue);}
/*---------Backto Top Start---------*/
    #backto-top {
      display: inline-block;
       background-color: var(--blue);
      width: 45px;
      height: 45px;
      position: fixed;
      bottom: 30px;
      right: 30px;
      transition: background-color .3s, 
        opacity .5s, visibility .5s;
      opacity: 0;
      visibility: hidden;
      z-index: 1000;
      text-align: center;
      box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 24%);
      border-radius: 50%;
    }
    #backto-top i{color: var(--white);line-height: 45px;}
    #backto-top:hover {cursor: pointer;background-color:var(--dblue);}
    #backto-top:active {background-color:var(--dblue);}
    #backto-top.show {opacity: 1;visibility: visible;}

/*---------Backto Top End---------*/
/*-----------Menu Style Start-----------*/
.menumain {
    width: 100%;
    z-index: 9999;
    background-color: #fbfbfb;
	box-shadow: 0 0 20px -10px rgb(0 0 0 / 80%);
}
/*sticky header*/
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    transition: all .5s ease;
    z-index:999;
    background-color: var(--white); 
   
}
.sticky .navbar {padding: 5px 0 !important;transition: all .5s ease;}
.sticky + .banner{ margin-top: 80px;}
.sticky + .inner-banner{ margin-top: 80px;}
/*Sticky Header End*/
.menutop{height: 10px; background: #0c5adb;}
.menumain .navbar{padding: 5px 0;}
.logo-main img {height: 70px;width: unset;}
.has-mega-menu > a {
    color:var(--white) !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    text-transform: uppercase !important;
    background-color: var(--blue) !important;
    padding: 22px 15px  !important; 
}
.has-mega-menu > a:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: url(images/menu-bg.png) no-repeat;
    background-position: center center;
}

.has-mega-menu > a span {
    position: relative;
    padding-bottom: 6px;
    color: var(--white);
	left:10px;
}
.has-mega-menu ul li a img{margin-right:5px;}
.has-mega-menu ul li a span{display:table-cell;}
/*---serch box--*/
.search-box {position: relative;float: left;}
.search-box .form-group {
    position: relative;
    margin: 0px;
    width: 265px;
    max-width: 100%;
}
.form-group input[type="search"] {
    position: relative;
    line-height: 43px;
    padding: 10px 15px 10px 45px;
    border: 1px solid var(--blue) !important;
    background: #fbfbfb;
    display: block;
    font-size: 14px;
    height: 50px !important;
    width: 100%;
    color: var(--black);
    border-radius: 5px;
    transition: all 500ms ease !important;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.search-box .form-group input[type="search"]:focus-visible{
        outline: 0 !important; 
}
.search-box .form-group button {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 50px;
    width: 50px;
    display: block;
    font-size: 16px;
    color: var(--blue);
    cursor: pointer;
    line-height: 100%;
    background: none;
    font-weight: normal;
    text-align: center;
    border-radius: 0px 5px 5px 0px;
    border: 0;
}
/*-----------Menu Style End-----------*/
/*-----------Button Style-----------*/
.btn-style{
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color:var(--white) !important;
    padding: 12px 25px;
    font-weight: 600;
    border-radius: 5px !important;
    overflow: hidden;
    text-transform: capitalize;
    vertical-align: middle;
    box-shadow: 2px 2px 4px 0px rgb(0 0 0 / 25%);
    background-color: #4684ec;
    background-image: linear-gradient(  90deg ,#4684ec,#0c5adb);
    border: 0;
    box-shadow: 0 0 0 0 rgb(231 0 104);
}
.menu-callbtn .btn-style{
    /*animation: pulse-red 2s infinite;*/
   /* padding: 10px 20px;*/
}
@keyframes pulse-red {
    0% {
        /*transform: scale(0.85);*/
        box-shadow: 0 0 0 0 #4684ec; 
    }
   
    70% {
        /*transform: scale(1.1);*/
        box-shadow: 0 0 0 16px rgba(255, 82, 82, 0);
       
    }
    100% {
        /*transform: scale(0.85);*/
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0); 
    }
}
.read-btn .btn-style{padding: 10px 35px;font-size: 15px;}
.btn-style:hover {color: var(--white);background-color:var(--black);}
.btn-style span, .btn-style i {position: relative;}
.btn-style:before{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    content: "";
    background-color:var(--blue);
    transition: .5s;
}
.btn-style:hover:before{width: 100%;}
.banner .carousel-indicators{
    z-index: 444;
    right: -190px;
    left: unset;
    bottom: unset;
    transform: translateY(-50%);
    top: 40%;
    display: unset;
    padding: 5px;
}
.banner .carousel-indicators li{
    border-top: unset;
    border-bottom: unset;
    width: 15px;
    height: 15px;
    border-radius: 50%;
     border: solid 2px var(--blue);
    background: var(--white);
    margin: 8px;
}
.banner .carousel-indicators .active{background:var(--yellow);border: solid 2px var(--blue);}
/*-----------Button Style-----------*/
/*** 
====================================================================
    Banner Section Start
====================================================================
***/
.banner-section .content-column .btns-box{
    margin-top:45px;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
.banner-section .content-column .theme-btn{ margin-right:15px;}
/*Btn Style One*/
button{
    font-size: 16px;
    color:var(--white);
    padding: 10px 20px;
    font-weight: 500;
    border:0;
    border-radius: 3px;
    background-color:var(--blue);
    text-transform: uppercase;
    font-family: 'Noto Sans TC', sans-serif;
}
button:hover{background-color:var(--yellow);color:var(--black);}
.btn-style-one{
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color:var(--white);
    padding: 12px 50px;
    font-weight: 500;
    overflow: hidden;
    border-radius: 3px;
    overflow:hidden;
    background-color:var(--blue);
    text-transform: uppercase;
    font-family: 'Noto Sans TC', sans-serif;
}
.btn-style-one:before{
    position: absolute;
    content: '';
    left: 110%;
    top:0px;
    width:100%;
    height:100%;
    z-index: 1;
    opacity: 1;
    background-color: var(--yellow);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    transform: skewX(-25deg);	
}
.btn-style-one .txt{position:relative;z-index:1;}
.btn-style-one .txt:before{
    position:absolute;
    content:'';
    left:-30px;
    top:10px;
    width:21px;
    height:4px;
    background:url(images/button-icon-one.png) no-repeat;
}
.btn-style-one .txt:after{
    position:absolute;
    content:'';
    right:-30px;
    top:10px;
    width:21px;
    height:4px;
    background:url(images/button-icon-two.png) no-repeat;
}
.btn-style-one:hover::before{
    left:0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.btn-style-one:hover{color: #222222!important;border-color:#00e49a;}
.btn-style-two{
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color:var(--black);
    padding: 12px 50px;
    font-weight: 500;
    overflow: hidden;
    border-radius: 3px;
    overflow:hidden;
    background-color:var(--yellow);
    text-transform: uppercase;
    font-family: 'Noto Sans TC', sans-serif;
}
.btn-style-two:before{
    position: absolute;
    content: '';
    left: 110%;
    top:0px;
    width:100%;
    height:100%;
    z-index: 1;
    opacity: 1;
    background-color: var(--blue);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    transform: skewX(-25deg);
}
.btn-style-two .txt{position:relative;z-index:1;}
.btn-style-two .txt:before{
    position:absolute;
    content:'';
    left:-30px;
    top:10px;
    width:21px;
    height:4px;
    background:url(images/button-icon-one.png) no-repeat;
}
.btn-style-two .txt:after{
    position:absolute;
    content:'';
    right:-30px;
    top:10px;
    width:21px;
    height:4px;
    background:url(images/button-icon-two.png) no-repeat;
}
.btn-style-two:hover::before{
    left:0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.btn-style-two:hover{color: #222222;border-color:#00e49a;}
.banner-section{
    position:relative;
    padding-top:25px;
    padding-bottom:100px;
}
.banner-section .image-column .pattern-layer-one{
    position: absolute;
    left: -40px;
    top: -20px;
    width: 467px;
    height: 327px;
    z-index:2;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size:cover;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.banner-section .image-column .pattern-layer-two{
    position: absolute;
    left: -40px;
    top: 320px;
    width: 86px;
    height: 84px;
    z-index:2;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.banner-section .image-column .pattern-layer-three{
    position: absolute;
    left: 140px;
    top: 360px;
    width: 195px;
    height: 109px;
    z-index:1;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.banner-section .image-column .pattern-layer-four{
    position: absolute;
    right: 100px;
    top: 380px;
    width: 105px;
    height: 104px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.banner-section .image-column .pattern-layer-five{
    position: absolute;
    right: 120px;
    top: 320px;
    width: 20px;
    height: 20px;
    z-index:1;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.banner-section .pattern-layer-six{
    position: absolute;
    right: 0px;
    top: 90px;
    width: 284px;
    height: 278px;
    z-index:2;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size:cover;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.banner-section .pattern-layer-seven{
    position: absolute;
    right: 0px;
    bottom: 190px;
    width: 733px;
    height: 171px;
    z-index:2;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size:cover;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.banner-section .pattern-layer-eight{
    position: absolute;
    right: 350px;
    top: 230px;
    width: 20px;
    height: 20px;
    z-index:2;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size:cover;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.banner-section .image-column .image-two{
    position:absolute;
    left:-10px;
    bottom:-80px;
    z-index:2;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.banner-section .image-column{position:relative;z-index:10;}
.banner-section .image-column .inner-column{
    position:relative;
    padding-right:100px;
    margin-left:-100px;
}
.banner-section .image-column .image-content{
    position:absolute;
    right:130px;
    bottom:-60px;
    width:238px;
    height:224px;
    padding-top:100px;
    background-repeat:no-repeat;
	background:url(images/pattern-6.png);
}
.banner-section .image-column .image-content p{
    position:relative;
    color:var(--white);
    text-align:center;
    line-height:1.4em;
    font-size:20px;
}
.banner-section .content-column{position:relative; z-index:10;}
.banner-section .content-column .inner-column{
    position:relative;
    margin-left:-60px;
    padding-top:20px;
}
.banner-section .content-column .title{
    position:relative;
    color:var(--purple);
    font-size:16px;
    line-height:1.8em;
    margin-bottom:25px;
    font-weight:500;
    letter-spacing:4px;
    text-transform:uppercase;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
.banner-section .content-column h1{
    position:relative;
    color:var(--purple);
    font-weight:900;
    line-height:1.1em;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
.banner-section .content-column .btns-box{
    margin-top:45px;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
.banner-section .content-column .theme-btn{margin-right:15px;}
.banner-section .owl-dots{
    position:absolute;
    left:0px;
    right:0px;
    bottom:40px;
    display:none;
    text-align:center;
}
.banner-section .owl-dots .owl-dot{
    position:relative;
    width:30px;
    height:6px;
    margin-bottom:10px;
    border-radius:0px;
    margin:0px 5px;
    display:inline-block;
    background-color:var(--blue);
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}
.banner-section .owl-dots .owl-dot.active,
.banner-section .owl-dots .owl-dot:hover{background-color:var(--purple);}
.banner-section .owl-nav{
    position:absolute;
    left:0px;
    top:50%;
    z-index:99999;
    width:100%;
    opacity:0;
    margin-top:-10px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}
.banner-section:hover .owl-nav{opacity:1;}
.banner-section .owl-nav .owl-prev{
    position:absolute;
    left:20px;
    width:60px;
    height:60px;
    color:var(--blue);
    line-height:56px;
    font-size:24px;
    text-align:center;
    border-radius:50px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    border:2px solid var(--blue);
}
.banner-section .owl-nav .owl-next{
    position:absolute;
    right:20px;
    color:var(--blue);
    font-size:24px;
    width:60px;
    height:60px;
    line-height:56px;
    border-radius:50px;
    text-align:center;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    border:2px solid var(--blue);
}
.banner-section .owl-nav .owl-prev:hover,
.banner-section .owl-nav .owl-next:hover{
    color:var(--white);
    border-color:var(--blue);
    background-color:var(--blue);
}
.banner-section .content-column .btns-box{
    margin-top:45px;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
.banner-section .content-column .theme-btn{margin-right:15px;}
/*** 
====================================================================
    Banner Section End
====================================================================
***/
/*-----------About Home Start-----------*/
.about-img{
    text-align: center;
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0 3px 20px #a9cbfb80;
    border-bottom: solid 3px #0c5adb;
    background-size: cover;
    margin-bottom: 15px;
}
/*-----------About Home End-----------*/
/*-----------Service Cart box End-------------*/
.owl-carousel .blog-box{ margin: 15px;}
.blog-box{
    box-shadow: 3px 5px 15px 0 rgb(0 0 0 / 10%);
    position: relative;
    background-color:var(--white);
    transition: .5s;
    margin-bottom: 20px;
    border-radius: 0px;
    overflow: hidden;
}
.blog-box h4{font-size: 18px;}
.blog-box p{line-height: 25px;font-weight: 500;}
.service-img{width: 100%; margin: 0 auto;overflow: hidden;}
.service-img img{
    width: 100%;
    height: 248px;
    object-fit: cover;
    margin-bottom: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .5s ease-in-out;
}
/*-----------Service Cart box End-------------*/
/*----------------------------*/
  .what-industry{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .pross-box{
    width: 100%;
    max-width: 170px;
    margin: 6px;
    background: var(--white);
    padding: 15px 10px;
    border-radius: 5px;
    transition: color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out; 
    border: solid 0.1px #0abeda45 ;
    box-shadow: 0 1px 6px 0 #0abeda45;
    position: relative;
  }
  .pross-box span{
      position: absolute;
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      top: 10px;
      left: 10px;
      font-size: 38px;
      z-index: 0;
      color: #f2f2f2;
      opacity: 0.5;
  }
  .pross-box:hover{
      box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28) !important;
      border-color: rgba(223,225,229,0) !important;
  }
  .pross-box p{font-size: 14px;margin-bottom: 0;}
  .pross-box h4 {font-size: 13px;font-weight: 700; margin-bottom: 0;}
  .pross-icon {height: 60px;width: 60px; margin-bottom: 5px;position: relative;z-index: 9;}


/*---------service boxces section-----------*/
            .service-box{
                padding: 50px 40px 50px 40px;
                box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
                border-style: solid;
                border-width: 1px 1px 1px 1px;
                border-color: #E9E9E9;
                border-radius: 5px 5px 5px 5px;
                margin: 14px 7px;
                background-color: var(--white);
            }
            .ptop-service{padding-top: 50px;}
            .icon-box{
                width: 66px;
                height: 66px;
                padding: 8px;
                background: #eef8fd;
                border-radius: 50%;
                margin-bottom: 10px;
            }
            .service-box h3{
                font-size: 16px;
                color: var(--blue);
                font-weight: 600;
                letter-spacing: 1px;
                text-transform: uppercase;
                margin-bottom: 0;
            }
            
/*---------service boxces section end-----------*/ 
  /*testymonial start*/
  .testymonial-box{
        box-shadow: 1px 2px 6px 0px rgb(37 59 112 / 10%);
        position: relative;
        background-color:var(--white);
        padding: 15px 20px;
        transition: .5s;
        margin-bottom: 30px;
        color:var(--white);
        margin: 10px;
        text-align: center;
        border-radius: 5px;
    }
    .testymonial-box img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin-bottom: 12px;
    }
    .testymonial-box p {
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 400;
        color:var(--white);
    }
    .testymonial-box h3 {
        font-size: 18px;
        font-weight: 600;
        font-family: 'Roboto Condensed', sans-serif;
        margin-bottom: 5px;
    }
    .rating i {color:var(--yellow);}
/*testymonial end*/
/*prising table start*/
.prising-table {
    padding: 30px;
    background: var(--white);
    text-align: center;
    margin: 15px;
    box-shadow: 1px 3px 7px 1px rgb(0 0 0 / 10%);
    
}
.prising-icon img{ height: 100px;}
.prising-text {margin-bottom: 20px;}
.prising-text h2 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 16px;
}
.prising-text h2 sup{margin-left: 5px;color: var(--blue);}
.prising-text h3 {
    font-weight: 600;
    font-size: 28px;
    color: #242430;
    position: relative;
    margin-bottom: 24px;
}
.prising-text h3::before {
    content: "";
    max-width: 70px;
    width: 100%;
    border-bottom: 3px solid var(--blue);
    position: absolute;
    left: 0%;
    bottom: -10px;
    z-index: 9;
}
.prising-text h3::after {
    content: "";
    width: 100%;
    border-bottom: 2px solid #eaefe8;
    position: absolute;
    left: 0;
    bottom: -10px;
}
.prising-text ul{ text-align: left; padding-left: 30px;}
.prising-text ul li{
    font-size: 14px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
}
.prising-text ul li::before{
    content: '';
    width: 12px;
    height: 12px;
    background: var(--blue);
    background-image: linear-gradient( 90deg ,var(--blue),#4483eb);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
}
.chargerimg img{position: absolute;bottom: -40px;}
.leftpanel-text h2{
    font-weight: 500;
    line-height: 38px;
    color: var(--white);
    font-size: 38px;
}
.prising-img { width: 100%;margin: 0 auto;text-align: center;}
.prising-img img {
    width: auto;
    height: 150px;
    object-fit: cover;
    border-radius: 25px;
}
/*prising table end*/
/*------Mape and Contact Section Start------- */
     .contact-info{
        padding: 50px !important;
        background-color: #55ba47!important;
        background-size: cover !important;
        background: linear-gradient(  90deg ,#4684ec,#0c5adb);
        color: var(--white);
      }
      .contact-info h3{font-size: 22px;letter-spacing: 1px;      }
      .contact-info h3 i{margin-right: 10px;}
      .contact-info p{color: var(--white);font-size: 14px;}
      .contact-info a{font-size: 14px;}
      .contact-info hr{border-color: var(--white); }
/*------Mape and Contact Section End------- */
/*--------footer section Start---------*/
footer{
  background-color: var(--purple); 
  color: var(--white);
  padding:30px 0 10px 0;
}
footer h3{
  font-size: 16px;
  color: #feede5;
  position: relative;
  margin-bottom:25px;
}
footer h3::after{
  content: '';
  position: absolute;
  width:30px;
  left: 0;
  height:2px;
  background: var(--blue);
  bottom: -8px;
}

footer p{
  font-size: 12px;
 font-weight: 400;
 line-height: 20px;
  color: #eaf4ef;
}
footer .info {
    margin: 0;
    padding: 0;
    list-style: none;
}
footer .info li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 18px;
    font-size: 12px;
    font-weight: 400px;
}
footer .info li i {
    position: absolute;
    top: 6px;
    left: 0;
    color: var(--blue);
}
.foot_about ul li{ font-size: 12px;font-weight: 400; color:var(--blue);}
.usefull-link a {
    color: var(--white);
    margin-bottom:0;
    font-size: 12px;	
}
.usefull-link li{line-height: 18px;margin: 0 0 10px 0;}
.usefull-link ul{margin-left:16px;}
.usefull-link li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f04b";
    color: var(--blue);
    font-size: 7px;
    padding: 5px;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
	margin-left: -16px;
}

.usefull-link a:hover, footer a:hover { color: var(--blue);}
.contact-dtls{color: var(--white);}
.contact-dtls a{color: var(--white);font-size: 14px;}
.contact-dtls a i{color: #0c5adb;font-size: 18px;}
.footer-copyright{color:#aba8a8;font-size:11px;}
.copyfooter{background: #010316;padding: 10px 0;}
/*--------footer section End---------*/
/*----------Form Style------------*/
.fortun-main{
    padding: 50px 40px 50px 40px;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E9E9E9;
    border-radius: 5px 5px 5px 5px;
    margin: 14px 7px;
    background-color: var(--white);
}
.form-control, input[type=text], input[type=email], input[type=tel], input[type=file], input[type=search], input[type=date], input[type=time], textarea, select{
border: 1px solid var(--blue)!important;
font-size: 13px;
color: #666;
padding: 12px;
margin-bottom: 1pc;
}
input[type=submit] {
    background: var(--blue);
    border: 0;
    color: var(--white);
    padding: 8px 18px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 5px;
}
input[type=submit]:hover{ background: #ffe00f;color: #333;}
textarea{ height: 85px !important;}
/*----------Form Style End------------*/

/*background img style start*/
    .bg-img{
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .bg-img::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;    
        background-color: #EFEEF8;
        opacity: 0.93;
        transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    }
/*background img style end*/
/*sochal icon bar*/
        .sochal-icon-bar {
            position: fixed;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 9999;
        }

        .sochal-icon-bar a {
            display: block;
            text-align: center;
            padding: 12px;
            transition: all 0.3s ease;
            color: white;
            font-size: 17px;

        }
.sochal-icon-bar a i{  color: var(--white); }
.sochal-icon-bar a:hover {background-color: #000; color: var(--white);}
.thankyou-main{ padding: 135px 0 135px 0;}
        .thankyou-box{
          padding: 50px;
          box-shadow: 3px 3px 8px 0px rgb(33 197 142 / 21%) !important;
          max-width: 550px;
          margin: 0 auto;
          text-align: center;
          border-radius: 25px;
        }
        @media (max-width: 575.98px){
          .social-media-top{display: none;}
            .sochal-icon-bar {
                position: fixed;
                top: unset;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: unset;
                z-index: 9999;
                bottom: 0;
                width: 100%;
                background: var(--white);
                display: flex;
            }
            .sochal-icon-bar a {
                display: inline-block;
                text-align: center;
                padding: 10px;
                transition: all 0.3s ease;
                color: white;
                font-size: 20px;
                width: 100%;
            }
            #backto-top{bottom: 80px;right:12px; }
        }
/*sochalicon bar end*/
/*animation*/
.empty-animation{
    animation-name: zoomInStable; 
    animation-duration: 3s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: zoomInStable; 
    -webkit-animation-duration: 3s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: zoomInStable; 
    -moz-animation-duration: 3s; 
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: zoomInStable; 
    -ms-animation-duration: 3s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: zoomInStable; 
    -o-animation-duration: 3s; 
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

.empty-animation{
    animation-name: zoomInStable; 
    animation-duration: 3s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  
  -webkit-animation-name: zoomInStable; 
    -webkit-animation-duration: 3s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: zoomInStable; 
    -moz-animation-duration: 3s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: zoomInStable; 
    -ms-animation-duration: 3s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: zoomInStable; 
    -o-animation-duration: 3s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.empty-animation{
    animation-name: slideInUp; 
    animation-duration: 2s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: slideInUp; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: slideInUp; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: slideInUp; 
    -ms-animation-duration: 2s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
}

.empty-animation{
    animation-name: slideInRight; 
    animation-duration: 2s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: slideInRight; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: slideInRight; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: slideInRight; 
    -ms-animation-duration: 2s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
}

.empty-animation{
    animation-name: slideInLeft; 
    animation-duration: 2s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: slideInLeft; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: slideInLeft; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: slideInLeft; 
    -ms-animation-duration: 2s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
}

.empty-animation{
    animation-name: slideInUp; 
    animation-duration: 2s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: slideInUp; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: slideInUp; 
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: slideInUp; 
    -ms-animation-duration: 2s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
}

@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -webkit-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1;
      }
}
@-moz-keyframes rotateme {
    0% {
        -moz-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -moz-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -moz-transform: rotate(360deg);
        opacity: 1;
      }
}
@-o-keyframes rotateme {
    0% {
        -o-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -o-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -o-transform: rotate(360deg);
        opacity: 1;
      }
}

@keyframes rotateme {
    
     0% {
        transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        transform: rotate(180deg);
      }
    100% {
        transform: rotate(360deg);
        opacity: 1;
      }
}

.news-section .icon-layer-two,
.news-section .icon-layer-three,
.main-footer .pattern-layer-two,
.main-footer .pattern-layer-four,
.user-profile-section .pattern-layer-one,
.user-profile-section .pattern-layer-two,
.user-profile-section .pattern-layer-three,
.blog-page-section .pattern-layer-two,
.blog-page-section .pattern-layer-one,
.contact-banner-section .pattern-layer-two,
.banner-section-four .icon-layer-two,
.connection-section .icon-layer-one,
.connection-section .icon-layer-three,
.contact-banner-section .pattern-layer-three,
.banner-section-three .image-column .icon-layer-five,
.banner-section-two .content-column .icon-layer-two,
.banner-section .image-column .pattern-layer-two{
    animation-name: rotateme; 
    animation-duration: 15s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: rotateme; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: rotateme; 
    -moz-animation-duration: 15s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: rotateme; 
    -ms-animation-duration: 15s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: rotateme; 
    -o-animation-duration: 15s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

/* Bob Up Down*/
@-webkit-keyframes float_up_down {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes float_up_down {
  0% {
    transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  50% {
    transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }

  100% {
    transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

.banner-section .pattern-layer-eight,
.banner-section-two .pattern-layer-two,
.banner-section-three .pattern-layer-two,
.banner-section-four .icon-layer-four,
.banner-section-four .icon-layer-three,
.footer-style-two .pattern-layer-seven,
.banner-section .image-column .pattern-layer-five,
.feature-section .image-column .feature-icon{
    animation-name: float_up_down; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: float_up_down; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: float_up_down; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: float_up_down; 
    -ms-animation-duration: 5s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: float_left_right; 
    -o-animation-duration: 5s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

/* Bob */
@-webkit-keyframes float_left_right {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0.40;
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }
}

@keyframes float_left_right {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0.40;
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }
}

.page-title-section .icon-layer-five,
.page-title-section .icon-layer-four,
.banner-section-two .content-column .icon-layer-one,
.professional-section .images-column .inner-column .pattern-layer,
.benefit-section .images-column .inner-column .pattern-layer{
    animation-name: float_left_right; 
    animation-duration: 30s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  
  -webkit-animation-name: float_left_right; 
    -webkit-animation-duration: 30s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: float_left_right; 
    -moz-animation-duration: 30s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: float_left_right; 
    -ms-animation-duration: 30s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: float_left_right; 
    -o-animation-duration: 30s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes float_left_right_two {
  0% {
    -webkit-transform: translateX(-30px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateX(0px);
    opacity: 0.80;
  }

  100% {
    -webkit-transform: translateX(-30px);
    opacity: 1;
  }
}

@keyframes float_left_right_two {
  0% {
    transform: translateX(-30px);
    opacity: 1;
  }

  50% {
    transform: translateX(0px);
    opacity: 0.80;
  }

  100% {
    transform: translateX(-30px);
    opacity: 1;
  }
}

.blog-detail-banner-section .pattern-layer-four,
.banner-section .image-column .pattern-layer-three,
.banner-section-two .content-column .icon-layer-three,
.professional-section .images-column .inner-column .pattern-layer-two,
.benefit-section .images-column .inner-column .pattern-layer-two{
    animation-name: float_left_right_two; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  
  -webkit-animation-name: float_left_right_two; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: float_left_right_two; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: float_left_right_two; 
    -ms-animation-duration: 5s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: float_left_right_two; 
    -o-animation-duration: 5s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}


@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.banner-section-four .icon-layer-six,
.banner-section .image-column .pattern-layer-one,
.blog-detail-banner-section .pattern-layer-three,
.news-section .icon-layer-one{
    animation-name: zoom-fade; 
    animation-duration: 3s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: zoom-fade; 
    -webkit-animation-duration: 3s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: zoom-fade; 
    -moz-animation-duration: 3s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: zoom-fade; 
    -ms-animation-duration: 3s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: zoom-fade; 
    -o-animation-duration: 3s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }
    to { 
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotateme {
    from {
        -moz-transform: rotate(0deg);
    }
    to { 
        -moz-transform: rotate(360deg);
    }
}
@-o-keyframes rotateme {
    from {
        -o-transform: rotate(0deg);
    }
    to { 
        -o-transform: rotate(360deg);
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.banner-section-two .content-column .icon-layer-four,
.banner-section .image-column .pattern-layer-four,
.banner-section-three .content-column .icon-layer-two,
.banner-section-three .image-column .icon-layer-four,
.banner-section-three .image-column .icon-layer-three,
.banner-section-three .content-column .icon-layer,
.page-title-section .icon-layer-two,
.page-title-section .icon-layer-one,
.page-title-section .icon-layer-three,
.blog-page-section .pattern-layer-three,
.blog-detail-banner-section .pattern-layer-two,
.blog-detail-banner-section .pattern-layer-one,
.contact-page-section .form-column .pattern-layer-one,
.contact-page-section .form-column .pattern-layer-two,
.banner-section-two .content-column .icon-layer-five,
.contact-banner-section .pattern-layer-one,
.testimonial-section-three .icon-layer-two,
.testimonial-section-three .icon-layer-four,
.trial-section .icon-layer-two,
.case-study-section .icon-layer-five,
.case-study-section .icon-layer-four,
.news-section-two .icon-layer-one,
.goal-section .content-column .inner-column .pattern-layer-three{
    animation-name: rotateme; 
    animation-duration: 24s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: rotateme; 
    -webkit-animation-duration: 24s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: rotateme; 
    -moz-animation-duration: 24s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: rotateme; 
    -ms-animation-duration: 24s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: rotateme; 
    -o-animation-duration: 24s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

@keyframes float-bob {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

.banner-section .pattern-layer-seven,
.connection-section .icon-layer-two,
.case-study-section .icon-layer-one,
.testimonial-section-three .icon-layer-one,
.footer-style-two .pattern-layer-six,
.banner-section-three .content-column .pattern-layer-one,
.banner-section-two .content-column .pattern-layer-one,
.goal-section .images-column .pattern-layer{
    animation-name: float-bob; 
    animation-duration: 7s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: float-bob; 
    -webkit-animation-duration: 7s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: float-bob; 
    -moz-animation-duration: 7s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: float-bob; 
    -ms-animation-duration: 7s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: float-bob; 
    -o-animation-duration: 7s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

/*** 
=============================================
    Zoom Fade Css
=============================================
***/
.banner-section .pattern-layer-six,
.case-study-section .icon-layer-six,
.banner-section-two .pattern-layer-three,
.footer-style-two .pattern-layer-four,
.contact-section .info-column .icon-layer,
.testimonial-section-three .icon-layer-three,
.connection-section .icon-layer-five{
    animation-name: zoom-fade; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: zoom-fade; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: zoom-fade; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: zoom-fade; 
    -ms-animation-duration: 5s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: zoom-fade; 
    -o-animation-duration: 5s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
/*animation end*/
/*============================== Instructor Section Start==============================*/
.instructor-section{position:relative;}
.instructor-section .background-layer{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-position:center top;
    background-repeat:repeat-x;
}
.instructor-section .background-layer-one{
    position:absolute;
    left:0px;
    top:140px;
    width:620px;
    height:120px;
    background-position:center top;
    background-repeat:repeat-x;
}
.instructor-section .background-layer-two{
    position:absolute;
    right:300px;
    top:60px;
    width:774px;
    height:416px;
    background-position:center top;
    background-repeat:repeat-x;
}
.instructor-section .blocks-column{position:relative;margin-bottom:40px;}

.instructor-section .blocks-column .inner-column{
    position:relative;
    padding:80px 0px 40px;
}
.service-block{
    position:relative;
    z-index:1;
    margin-bottom: 15px;
}
.service-block .inner-box{
    position:relative;
    padding:70px 30px;
    margin-left:10px;
}
.service-block .inner-box .border-layer{
    position:absolute;
    left:-12px;
    top:0px;
    z-index:-1;
    width:32px;
    bottom:30px;
    border:4px solid #06092d;
    -ms-transform: skewY(20deg);
    transform: skewY(20deg);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}
.service-block .inner-box:hover .border-layer{
    border-color:#49bc60;
    -ms-transform: skewY(-20deg);
    transform: skewY(-20deg);
}
.service-block .inner-box:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color:var(--white);
    -ms-transform: skewY(4deg);
    transform: skewY(4deg);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}
.service-block .inner-box:hover::before{
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.service-block .inner-box .icon-box{
    position:relative;
    width:75px;
    height:75px;
    display:inline-block;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}
.service-block .inner-box:hover .icon-box{
    -webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}
.service-block .inner-box .icon-box:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    -ms-transform: skewX(3deg);
    transform: skewX(3deg);
}
.service-block .inner-box .icon-box .icon{
    position:relative;
    width:55px;
    height:55px;
    color:var(--white);
    font-size:28px;
    line-height:50px;
    text-align:center;
    border-radius:50%;
    display:inline-block;
    background-color:#49bc60;
}
.service-block .inner-box h4{
    position: relative;
    font-weight: 600;
    line-height: 1em;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
}
.service-block .inner-box h4 a{
    position:relative;
    color:#06092d;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}
.service-block .inner-box h4 a:hover{color:#49bc60;}
.service-block .inner-box .text{
    position: relative;
    color: #06092d;
    font-size: 14px;
    line-height: 22px;
}
.service-block:nth-child(2) .inner-box .icon-box:before{  
}
.service-block:nth-child(2) .inner-box .icon-box .icon{
    background-color:#f8c333;
}
.service-block:nth-child(2) .inner-box:hover .border-layer{
    border-color:#f8c333;
}
.service-block:nth-child(2) .inner-box h4 a:hover{
    color:#f8c333;
}
.instructor-section .instructor-column{position:relative;margin-bottom:40px;
}
.instructor-section .instructor-column .inner-column{
    position:relative;
    padding:35px 25px;
    background-color:var(--white);
    outline: 2px dashed #acd9c2;
    outline-offset: -12px;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
        margin-top: -70px;
}
.instructor-section .instructor-column h4{
    position:relative;
    color:#06092d;
    font-weight:700;
    line-height:1.3em;
    margin-bottom:0;
}
.instructor-section .instructor-column p{
    position:relative;
    color:#06092d;
    font-size:15px;
    opacity:0.90;
    line-height:18px;
    margin-bottom:15px;
}
.instructor-section .instructor-column p:last-child{
    margin-bottom:0px;
}
.instructor-section .instructor-column .click-here{
    position:relative;
    color:var(--blue);
    font-size:16px;
    margin-top:5px;
    font-weight:500;
    margin-bottom:20px;
    display:inline-block;
    border-bottom:1px solid var(--blue);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}
.instructor-section .instructor-column .click-here:hover{
    color:#111111;
    border-color:#111111;
}
.instructor-section .instructor-column .image{
    position:relative;
    margin-top:20px;
}
/*============================== Instructor Section Start==============================*/
.corchbox {
        background: var(--white);
        margin: 8px;
        text-align: center;
        border-radius: 5px;
        padding: 31px 25px;
        background-color: var(--white);
        outline: 2px dashed #acd9c2;
        outline-offset: -12px;
        box-shadow: 0px 0px 4px rgb(0 0 0 / 10%);
    }
    .corchbox img {width: 58px;margin-bottom: 15px;}
    .corchbox h4 {
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        color: #333;
    }
.corchbox:hover{
	background-image: radial-gradient(circle, #fff, #dafef7, #49e3c5);
	outline: 2px dashed #33c4a8;
}
    .benefit-section{
        position:relative;
        padding:150px 0px 0px;
    }
    .background-layer-one{
        position:absolute;
        right:0px;
        top:20px;
        width:606px;
        height:343px;
        background-repeat:no-repeat;
		z-index:1;
    }
    .background-layer-two{
        position:absolute;
        left:0px;
        bottom:0px;
        width:774px;
        height:416px;
        background-repeat:no-repeat;
		z-index:-1;
    }
.coursestam .inner-box{ position:relative;}
.coursestam h2{font-size: 22px;margin-bottom: 15px;}
.coursestam .movileview-btn{width: 30px;height: 33px;}
.coursestam .movileview-btn{line-height: 33px;font-size: 20px;}
.coursestam .owl-nav {top: -56px;right: 5px; position: absolute;}
.coursestam .owl-prev {top: -45px;transform: unset;right: -300px;}
.coursestam .owl-next {top: -45px;transform: unset;right: 0;}
.coursestam .inner-box .image{
    position:relative;
    overflow:hidden;
    display:inline-block;
    background-color:var(--blue);
    width: 100%;
}
.coursestam .inner-box .image img{
    position:relative;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}
.coursestam .inner-box:hover .image img{
    opacity:0.5;
    transform:scale(1.05,1.05);
}
.coursestam .inner-box .lower-content{
    position:relative;
    padding:25px;
    margin-top:-40px;
    z-index:1;
}

.coursestam .inner-box .lower-content:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    border-radius:0px;
    background-color:var(--white);
    -ms-transform: skewY(2deg);
    transform: skewY(2deg);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    box-shadow:0px 0px 15px rgba(0,0,0,0.20);
}
.coursestam .inner-box .lower-content .post-info{position:relative;}

.coursestam .inner-box .lower-content .post-info li{
    position:relative;
    color:#272626;
    font-size:14px;
    margin-right:15px;
    display:inline-block;
}
.cms-wrap ul.post-info {margin-left:0;}
.coursestam .inner-box .lower-content h4{
    position:relative;
    font-weight:600;
    line-height:1.3em;
    margin-top:10px;
    font-size: 18px;
}
.coursestam .inner-box .lower-content .post-info li:first-child {
  position: relative;
  color: #ffffff;
  border-radius: 50px;
  padding: 0px 12px;
  background-color: #33c4a8;
}
.coursestam .inner-box .lower-content .post-info li{
    position:relative;
    color:#272626;
    font-size:13px;
    margin-right:15px;
    display:inline-block;
}

.coursestam .inner-box .lower-content .post-info li i{
    color:var(--blue);font-size:12px;margin-right:5px;
}

.coursestam .inner-box .lower-content .more{
    position:relative;
    color:var(--dblue);
    font-size:14px;
    font-weight:600;
    display:inline-block;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
	cursor:pointer;
}

.coursestam .inner-box .lower-content h4 a:hover,
.coursestam .inner-box .lower-content .more:hover{color:var(--blue);margin-left:5px;}
/*--------- course section start ---------*/
.findcourse{
    padding: 30px;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
    background-color: var(--white)
}
.form-check input{
    height: 18px !important;
}
.findcourse {
    padding:30px;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
    background-color: var(--lyellow);
    font-size: 14px;
    font-weight: 500;
    border: solid 1px #ffe427;
    border-radius: 5px;
    position: sticky;
    top: 110px;
}
.findcourse h2 {font-size: 22px;color: var(--blue);margin-bottom: 2px;}
.findcourse_area h2 {font-size: 22px;color: var(--blue);margin-bottom: 0;}
.findcourse p i{color: var(--blue);}
/*--------- course banner buttom section start ---------*/
/*==========================Courses Section start==========================*/

.courses-section{
    position:relative;
    overflow:hidden;
    padding:30px 0px 40px;
}

.courses-section .pattern-layer{
    position:absolute;
    right:-80px;
    bottom:450px;
    width:774px;
    height:416px;
}

.courses-section .circle-one{
    position:absolute;
    left:-350px;
    top:0px;
    width:600px;
    height:600px;
    border-radius:50%;
    display:inline-block;
    background-color:var(--yellow);
}

.courses-section .circle-two{
    position:absolute;
    left:-350px;
    top:260px;
    width:600px;
    height:600px;
    border-radius:50%;
    display:inline-block;
    background-color:#fbfbff;
}

.course-block{
    position:relative;
    margin-bottom:15px;
}

.course-block .inner-box{
    position:relative;
}

.course-block .inner-box .image{
    position:relative;
    overflow:hidden;
    background-color:var(--blue);
}

.course-block .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.course-block .inner-box:hover .image img{
    opacity:0.6;
    transform:scale(1.05,1.05);
}

.course-block .inner-box .image .tag{
    position:absolute;
    right:15px;
    bottom:15px;
    color:var(--white);
    padding:8px 12px;
    border-radius:5px;
    display:inline-block;
    background-color:var(--blue);
    text-transform:uppercase;
}
.course-block .inner-box .lower-content{
    position:relative;
    padding:15px;
    background-color:#fff;
	box-shadow:0 0 12px #aaaaaa36;
}

.course-block .inner-box .lower-content h4{
    position:relative;
    font-weight:700;
    padding-bottom:5px;
    border-bottom:1px solid #dadada;
    font-size: 18px;
}

.course-block .inner-box .lower-content h4 a{
    position:relative;
    color:#000000;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.course-block .inner-box .lower-content h4 a:hover{
    color:var(--blue);
}

.course-block .inner-box .lower-content .uni-name{
    position:relative;
    color:var(--blue);
    font-size:15px;
    font-weight:500;
	margin-bottom:8px;
}

.course-block .inner-box .lower-content .rating{
    position:relative;
    color:#fbb039;
    font-size:16px;
}

.course-block .inner-box .lower-content .rating strong{
    position:relative;
    color:#000000;
    margin-left:10px;
    font-size:16px;
}

.course-block .inner-box .lower-content .rating i{
    position:relative;
    color:#000000;
    top:-2px;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    margin-left:5px;
}

.course-block .inner-box .lower-content .price{
    position:relative;
    color:#423b3c;
    font-size:20px;
    font-weight:700;
}

.course-block .inner-box .lower-content .price span{
    position:relative;
    font-weight:400;
    font-size:16px;
    margin-left:10px;
    text-decoration:line-through;
}

.course-block .inner-box .lower-content .hovers{
    position:relative;
    color:#000000;
    font-size:13px;
    margin-bottom: 8px;
}

.course-block .inner-box .lower-content .enroll-now{
    position:relative;
    color:var(--white);
    font-size:13px;
    padding:8px 18px;
    border-radius:5px;
    letter-spacing:1px;
    background-color:var(--blue);
    text-transform:uppercase;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    display: inline-block;
}

.course-block .inner-box .lower-content .enroll-now:hover{
    color:#111111;
    background-color:var(--yellow);
}

.course-block .inner-box .overlay-content-box{
    position:absolute;
    left:100%;
    top:-35px;
    width:360px;
    z-index:1;
    opacity:0;
    visibility:hidden;
    padding:25px 25px;
    background-color:var(--white);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transform:translateX(20px);
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.course-block .inner-box:hover .overlay-content-box{
    opacity:1;
    visibility:visible;
    transform:translateX(0px);
}

.course-block .inner-box .overlay-content-box:before{
    position:absolute;
    content:'';
    left:-10px;
    top:32%;
    border-top: 6px solid transparent;
    border-right: 10px solid var(--white);
    border-bottom: 6px solid transparent;
}

.course-block:nth-child(4n + 0) .inner-box .overlay-content-box{
    left:auto;
    right:100%;
}

.course-block:nth-child(4n + 0) .inner-box .overlay-content-box:before{
    right:-10px;
    left:auto;
    border-right:0px;
    border-top: 6px solid transparent;
    border-left: 10px solid var(--white);
    border-bottom: 6px solid transparent;
}

.course-block .inner-box .overlay-content-box h4{
    position:relative;
    font-weight:700;
    line-height:1.3em;
    color:#000000;
    font-size:24px;
    margin-bottom:20px;
    padding-bottom:18px;
    border-bottom:1px solid #dadada;
}

.course-block .inner-box .overlay-content-box .uni-name{
    position:relative;
    color:var(--blue);
    font-size:15px;
    margin-top:18px;
    margin-bottom:12px;
}

.course-block .inner-box .overlay-content-box .rating{
    position:relative;
    color:#fbb039;
    font-size:16px;
}

.course-block .inner-box .overlay-content-box .rating strong{
    position:relative;
    color:#000000;
    margin-left:10px;
    font-size:16px;
}

.course-block .inner-box .overlay-content-box .rating i{
    position:relative;
    color:#000000;
    top:-2px;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    margin-left:5px;
}

.course-block .inner-box .overlay-content-box .price{
    position:relative;
    color:#423b3c;
    font-size:20px;
    font-weight:700;
    margin-top:10px;
    margin-bottom:22px;
}

.course-block .inner-box .overlay-content-box .price span{
    position:relative;
    font-weight:400;
    font-size:16px;
    margin-left:10px;
    text-decoration:line-through;
}

.course-block .inner-box .overlay-content-box .hovers{
    position:relative;
    color:#000000;
    font-size:13px;
}

.course-block .inner-box .overlay-content-box .enroll-now{
    position:relative;
    color:var(--white);
    font-size:13px;
    padding:12px 18px;
    border-radius:5px;
    letter-spacing:1px;
    background-color:var(--blue);
    text-transform:uppercase;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.course-block .inner-box .overlay-content-box .enroll-now:hover{
    background-color:#111111;
}

.course-block .inner-box .overlay-content-box .text{
    position:relative;
    color:#000000;
    font-size:14px;
    line-height:1.8em;
    margin-top:15px;
}

.course-block .inner-box .overlay-content-box .lists{
    position:relative;
    margin-top:20px;
}

.course-block .inner-box .overlay-content-box .lists li{
    position:relative;
    margin-bottom:12px;
    color:#000000;
    font-size:14px;
    padding-left:25px;
}

.course-block .inner-box .overlay-content-box .lists li:before{
    position:absolute;
    content:'';
    left:0px;
    top:10px;
    width:15px;
    height:3px;
    background-color:var(--blue);
}

.course-block .inner-box .overlay-content-box .lists li:last-child{
    margin-bottom:0px;
}

.course-block .inner-box .overlay-content-box .btns-box{
    position:relative;
    margin-top:22px;
}

.course-block .inner-box .overlay-content-box .btns-box .enrol-btn{
    position:relative;
    color:#000000;
    font-size:16px;
    padding:16px 26px;
    border-radius:6px;
    font-weight:500;
    margin-right:10px;
    display:inline-block;
    background-color:var(--yellow);
}

.course-block .inner-box .overlay-content-box .btns-box .wishlist-btn{
    position:relative;
    color:#000000;
    font-size:16px;
    padding:16px 26px;
    border-radius:6px;
    font-weight:500;
    display:inline-block;
    background-color:#eef7f3;
}

.course-block.style-two .inner-box .lower-content{
    position:relative;
    padding:30px 20px;
    background-color:var(--white);
    border:1px solid #f5f3f3;
}

.course-block.style-two .inner-box .lower-content .price{
    float:left;
    margin-bottom:0px;
}

.course-block.style-two .inner-box .lower-content .hovers{
    float:left;
    margin-top:10px;
    margin-left:12px;
}

/*==========================Courses Section End==========================*/


/*==================== Courses Section Start =====================*/

.courses-section{
    position:relative;
    overflow:hidden;
    padding:30px 0px 40px;
}
.courses-section .row .col-md-3 .course-block{border:1px solid var(--blue);}
.courses-section .row .col-md-3 .course-block .inner-box .lower-content {
  background-color: #e6fffa;
}

.courses-section .pattern-layer{
    position:absolute;
    right:-80px;
    bottom:450px;
    width:774px;
    height:416px;
}

.courses-section .circle-one{
    position:absolute;
    left:-350px;
    top:0px;
    width:600px;
    height:600px;
    border-radius:50%;
    display:inline-block;
    background-color:var(--yellow);
}

.courses-section .circle-two{
    position:absolute;
    left:-350px;
    top:260px;
    width:600px;
    height:600px;
    border-radius:50%;
    display:inline-block;
    background-color:#fbfbff;
}



/*======== Courses Section Start========*/

.career-section{
    position:relative;
	background:#f5f5f5;
}

.career-section .image-column{
    position:relative;
}

.career-section .image-column .inner-column{
    position:relative;
}

.career-section .image-column .image{
    position:relative;
}

.career-section .content-column{
    position:relative;
}

.career-section .content-column .inner-column{
    position:relative;
    padding-top:50px;
    padding-right:100px;
}

.career-section .content-column h2{
    position: relative;
    color: #06092d;
     line-height: 1.3em; 
    margin-bottom: 15px;
    font-size: 30px;
}

.career-section .content-column .text{
    position:relative;
    margin-bottom:30px;
}

.career-section .content-column .text p{
    position:relative;
    color:#06092d;
    font-size:16px;
    line-height:1.6em;
    margin-bottom:15px;
}

.career-section .content-column .text p:last-child{
    margin-bottom:0px;
}


.btn-style-three{
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: var(--blue);
    padding: 12px 40px;
    font-weight: 600;
    overflow: hidden;
    border-radius: 3px;
    overflow:hidden;
    border:1px solid var(--blue);
}

.btn-style-three .fa{
    margin-left:6px;
}

.btn-style-three:hover{
    color: var(--white);
    border-color:var(--blue);
    background-color:var(--blue);
}

/*======== Courses Section End ========*/


/*============ Skill Section Start ==============*/

.skill-section{
    position:relative;
    overflow: hidden;
}

.skill-section .pattern-layer{
    position:absolute;
    left:0px;
    top:60px;
    width:100%;
    height:654px;
}

.skill-section .skill-column{
    position:relative;
    margin-bottom:40px;
}

.skill-section .skill-column .inner-column{
    position:relative;
    padding-top:20px;
    padding-right:80px;
}

.skill-section .skill-column .inner-column .sec-title{
    margin-bottom:20px;
}

.skill-section .skill-column .inner-column .sec-title h2{
        position: relative;
    color: #06092d;
    line-height: 1.3em;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 600;
}

/* Skills Section */

.skills .skill-item{
    position:relative;
    margin-bottom:30px;
}

.skills .skill-item:last-child{
    margin-bottom:0px;
}

.skills .skill-item .skill-bar{
    position:relative;
    width:100%;
    height:8px;
}

.skills .skill-item .skill-bar .bar-inner{
    position:relative;
    width:100%;
    height:8px;
    overflow:hidden;
    border-radius:50px;
    background:var(--white);
}

.skills .skill-item .skill-bar .bar-inner .bar{
    position:absolute;
    left:0px;
    top:0px;
    height:8px;
    width:0px;
    border-radius:50px;
    border-bottom:8px solid var(--yellow);
    -webkit-transition:all 2000ms ease;
    -ms-transition:all 2000ms ease;
    -o-transition:all 2000ms ease;
    -moz-transition:all 2000ms ease;
    transition:all 2000ms ease;
}

.skills .skill-item .skill-header{
    position:relative;
    margin-bottom:12px;
}

.skills .skill-item .skill-header .skill-title{
    position:relative;
}

.skills .skill-item .skill-header .skill-title{
    float:left;
    color:#000000;
    font-size:16px;
    font-weight:600;
    line-height:1.4em;
    text-transform:capitalize;
}

.skills .skill-item .skill-header .skill-percentage{
    position:relative;
    float:right;
    font-weight:600;
    color:#000000;
    font-size:16px;
    text-transform:uppercase;
}

.skills .skill-item:nth-child(2) .skill-bar .bar-inner .bar{
    border-color:var(--blue);
}

.skills .skill-item:nth-child(3) .skill-bar .bar-inner .bar{
    border-color:#fc7f92;
}

.skill-section .image-column{
    position:relative;
    margin-bottom:40px;
}

.skill-section .image-column .inner-column{
    position:relative;
}

.skill-section .image-column .inner-column .image{
    position:relative;
    z-index:1;
}

.skill-section .image-column .circle-one{
    position:absolute;
    left:50%;
    top:50%;
    width:270px;
    height:270px;
    border-radius:50%;
    background-color:#effef7;
}

.skill-section .image-column .circle-two{
    position:absolute;
    left:0%;
    top:0%;
    width:270px;
    height:270px;
    border-radius:50%;
    background-color:#f3fbf8;
}


/*============ Skill Section End ==============*/


/*============ Testimonial Section Start ==============*/

.testimonial-section{
    position:relative;
    overflow:hidden;
}

.testimonial-section .circle-one{
    position:absolute;
    right:-150px;
    top:150px;
    width:400px;
    height:400px;
    border-radius:50%;
    display:inline-block;
    background-color:var(--yellow);
}

.testimonial-section .circle-two{
    position:absolute;
    right:-200px;
    top:320px;
    width:400px;
    height:400px;
    border-radius:50%;
    display:inline-block;
    background-color:var(--white);
}

.testimonial-section .pattern-layer-two{
    position:absolute;
    left:0px;
    bottom:150px;
    width:446px;
    height:406px;
    background-repeat:no-repeat;
}

.testimonial-section .inner-container{
    position:relative;
}

.testimonial-section  .pattern-layer{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    height:519px;
    background-position:center top;
    background-repeat:no-repeat;
}

.testimonial-section .owl-carousel .owl-stage-outer{
    padding:20px 0px 20px;
}

.testimonial-section .owl-theme .testimonial-block{
    margin:0px 15px;
}

.testimonial-section .owl-carousel{
    margin:0px -15px;
    width:auto;
}

.testimonial-section .owl-dots{
    position:relative;
    text-align:center;
    margin-top:0px;
}

.testimonial-section .owl-dots .owl-dot{
    position:relative;
    margin:0px 5px;
    width:15px;
    height:15px;
    border-radius:50px;
    display:inline-block;
    border:2px solid #cce3d7;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.testimonial-section .owl-dots .owl-dot.active,
.testimonial-section .owl-dots .owl-dot:hover{
    border-color:var(--blue);
    background-color:var(--blue);
}

.testimonial-section .owl-nav{
    display:none;
}

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

.testimonial-block .inner-box{
    position:relative;
    padding:45px 25px 50px;
}

.testimonial-block .inner-box:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    border-radius:8px;
    background-color:var(--white);
    -ms-transform: skewY(2deg);
    transform: skewY(2deg);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.testimonial-block .inner-box .text{
    position:relative;
    color:#06092d;
    font-size: 16px;
    margin-bottom:30px;
}

.testimonial-block .inner-box .author-info{
    position:relative;
}

.testimonial-block .inner-box .author-info .info-inner{
    position:relative;
    padding-left:82px;
    padding-top:10px;
}

.testimonial-block .inner-box .author-info .info-inner .author-image{
    position:absolute;
    left:0px;
    top:0px;
    width:62px;
    height:62px;
    overflow:hidden;
    border-radius:50%;
    display:inline-block;
}

.testimonial-block .inner-box .author-info h6{
    position:relative;
    color:#06092d;
    font-weight:500;
    line-height:1.3em;
}

.testimonial-block .inner-box .author-info .designation{
    position:relative;
    color:var(--blue);
    font-weight:400;
    line-height:1.2em;
    margin-top:4px;
}

.testimonial-block .inner-box i{
    position:absolute;
    right:40px;
    bottom:20px;
    color:var(--yellow);
    line-height:1em;
    font-size:36px;
}

/*============ Testimonial Section End ==============*/

/*** 

====================================================================
    News Section
====================================================================

***/

.news-section{
    position:relative;
    padding-bottom: 100px;
}

.news-section.style-two{
    padding-top:150px;
    overflow:hidden;
    padding-bottom:40px;
}

.news-section .outer-container{
    position:relative;
    padding:0px 80px;
    max-width:1850px;
    margin:0 auto;
}

.news-section .pattern-layer{
    position:absolute;
    left:0px;
    top:300px;
    width:100%;
    height:643px;
    background-repeat:no-repeat;
}

.news-section .inner-container{
    position:relative;
}

.news-section .icon-layer-one{
    position:absolute;
    left:-15%;
    bottom:100px;
    width:160px;
    height:133px;
    background-repeat:no-repeat;
}

.news-section .icon-layer-two{
    position:absolute;
    right:0%;
    top:0px;
    width:69px;
    height:69px;
    background-repeat:no-repeat;
}

.news-section .icon-layer-three{
    position:absolute;
    right:-6%;
    bottom:120px;
    width:69px;
    height:69px;
    opacity:0.5;
    background-repeat:no-repeat;
}

.news-block{

    margin-bottom:30px;
}

.news-block .inner-box{
    position:relative;
}

.news-block .inner-box .image{
    position:relative;
    overflow:hidden;
    display:inline-block;
    background-color:var(--blue);
}
/*
.news-block .inner-box .image img{
    position:relative;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}*/

.news-block .inner-box:hover .image img{
    opacity:0.5;
    transform:scale(1.05,1.05);
}

.news-block .inner-box .lower-content{
    position: absolute;
    padding: 25px 25px;
    z-index: 1;
    bottom: -56px;
    right: -20px;
    width: 100%;
}

.news-block .inner-box .lower-content .border-layer{
    position:absolute;
    left:-12px;
    top:-30px;
    z-index:-1;
    width:32px;
    bottom:-10px;
    border:4px solid var(--blue);
    -ms-transform: skewY(20deg);
    transform: skewY(20deg);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.news-block .inner-box:hover .lower-content .border-layer{
    -ms-transform: skewY(-20deg);
    transform: skewY(-20deg);
}

.news-block .inner-box .lower-content:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    border-radius:0px;
    background-color:var(--white);
    -ms-transform: skewY(2deg);
    transform: skewY(2deg);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.news-block .inner-box .lower-content .post-info{
    position:relative;
}

.news-block .inner-box .lower-content .post-info li:first-child{
    position:relative;
    color:var(--white);
    border-radius:50px;
    padding:0px 12px;
    background-color:var(--blue);
}

.news-block .inner-box .lower-content .post-info li{
    position:relative;
    color:#272626;
    font-size:12px;
    margin:0 10px;
    display:inline-block;
}

.news-block .inner-box .lower-content h4{
    position:relative;
    font-weight:700;
    line-height:1.3em;
    margin-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #dad4d5;
    font-size: 16px;
}

.news-block .inner-box .lower-content h4 a{
    position:relative;
    color:#06092d;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.news-block .inner-box .lower-content .more{
    position:relative;
    color:#06092d;
    font-size:14px;
    margin-top:0px;
    font-weight:600;
    display:inline-block;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.news-block .inner-box .lower-content h4 a:hover,
.news-block .inner-box .lower-content .more:hover{
    color:var(--blue);
}

.news-block.style-two .inner-box .lower-content{
    margin-left:80px;
}
.clinebox{
	max-width: 100%;
	margin: 6px;
	padding:6px;
	background: var(--white);
	border-radius: 5px;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	border: solid 0.1px var(--blue);
	box-shadow: 0 1px 6px 0 var(--blue);
	text-align: center;
	letter-spacing: 1px;
}
.counterbox{
	max-width: 100%;
	padding: 30px 10px;
	border-radius: 5px;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	border: solid 0.1px #aaacea;
	box-shadow: 0 1px 6px 0 #0abeda45;
	position: relative;
	text-align: center;
	letter-spacing: 1px;
	color: var(--white);
}
/* =========================Banner Section Three start =========================*/

.banner-section-three{
    position:relative;
    overflow:hidden;
    padding-bottom:50px;
    box-shadow:0px 20px 20px rgba(0,0,0,0.10);
}

.banner-section-three .pattern-layer-two{
    position: absolute;
    right: -80px;
    top: 150px;
    width: 410px;
    height: 436px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.banner-section-three .page-breadcrumb{
    position:relative;
    padding-top:20px;
    display:inline-block;
    border-bottom:1px solid #06092d;
    z-index: 99;
}

.banner-section-three .page-breadcrumb li{
    position:relative;
    padding-right:10px;
    margin-right:10px;
    color:#78787c;
    font-size:16px;
    display:inline-block;
}

.banner-section-three .page-breadcrumb li:before{
    position:absolute;
    content:'-';
    right:-4px;
    top:0px;
    font-size:16px;
}

.banner-section-three .page-breadcrumb li a{
    position:relative;
    color:#06092d;
}

.banner-section-three .page-breadcrumb li:last-child{
    margin-right:0px;
    padding-right:0px;
}

.banner-section-three .page-breadcrumb li:last-child::before{
    display:none;
}

.banner-section-three .content-column{
    position:relative;
}

.banner-section-three .content-column .inner-column{
    position:relative;
    padding-top:150px;
    z-index: 9;
}

.banner-section-three .content-column .inner-column h2{
    position:relative;
    color:#06092d;
    font-size: 35px;
    font-weight:700;
    line-height:1.2em;
}

.banner-section-three .content-column .pattern-layer-one{
    position: absolute;
    left: -240px;
    top: -20px;
    width: 467px;
    height: 327px;
    z-index:-1;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.banner-section-three .content-column .icon-layer{
    position:absolute;
    left:-140px;
    bottom:0px;
    width:69px;
    height:69px;
    opacity:0.6;
}

.banner-section-three .content-column .icon-layer-two{
    position:absolute;
    left:0px;
    bottom:-120px;
    width:91px;
    height:93px;
}

.banner-section-three .image-column{
    position:relative;
}

.banner-section-three .image-column .inner-column{
    position:relative;
    padding-bottom:80px;
    margin-right:-140px;
}

.banner-section-three .image-column .image{
    position:relative;
    display:inline-block;
    z-index: 99;
    width:100%;
}

.banner-section-three .image-column .image img{width:50%;margin-top:20px;}

.banner-section-three .image-column .image-two{
    position:absolute;
    right:0px;
    bottom:0px;
    z-index: 99;
}
.banner-section-three .image-column .image-two img{
    width:75%;
    box-shadow:0px 20px 15px rgba(0,0,0,0.15);
}

.banner-section-three .image-column .icon-layer-three{
    position:absolute;
    left:-10px;
    top:-40px;
    width:91px;
    height:93px;
}

.banner-section-three .image-column .icon-layer-four{
    position:absolute;
    left:-10px;
    bottom:50px;
    width:69px;
    height:69px;
    z-index:1;
}

.banner-section-three .image-column .icon-layer-five{
    position:absolute;
    right:-100px;
    top:0px;
    width:105px;
    height:104px;
    z-index:1;
}

.banner-section-three.style-two{
    padding-bottom:120px;
}



/* =========================Banner Section Three End =========================*/




/*===========================Contact Page Section===========================*/

.contact-page-section{
    position:relative;
    padding:50px 0;
}

.contact-page-section .pattern-layer-three{
    position:absolute;
    left:10%;
    top:55%;
    width:45px;
    height:43px;
    background-repeat:no-repeat;
}

.contact-page-section .info-column{
    position:relative;
    margin-bottom:30px;
}

.contact-page-section .info-column .inner-column{
    position:relative;
}

.contact-page-section .info-column .title{
    position:relative;
    color:var(--blue);
    font-size:16px;
    text-transform:uppercase;
}

.contact-page-section .info-column h2{
    position:relative;
    color:#06142d;
    font-weight:700;
    line-height:1.2em;
    font-size:36px;
    margin-top:20px;
    margin-bottom:22px;
}

.contact-page-section .info-column .text{
    position:relative;
    color:#181818;
    font-size: 14px;
    line-height:1.7em;
    margin-bottom:18px;
    font-weight: 500;
}

.contact-page-section .info-column ul{
    position:relative;
}

.contact-page-section .info-column ul li{
    position:relative;
    color:#06142d;
    font-size:14px;
    line-height:1.7em;
    margin-bottom:17px;
    font-weight: 500;
	border-bottom: 1px solid #cacaca;
    padding-bottom: 16px;
}
.contact-page-section .info-column ul li:last-child{border-bottom:0;}
.contact-page-section .info-column ul li span{
    position:relative;
    display:block;
    color:var(--black);
    display:block;
    margin-bottom:5px;
    font-size: 18px;
    font-weight: 600;
}
.contact-page-section .info-column ul li span i{ 
    color:var(--blue);
    font-size: 13px;
}

.contact-page-section .form-column{
    position:relative;
    margin-bottom:30px;
}

.contact-page-section .form-column .inner-column{
    position:relative;
    padding:40px 35px;
    background-color:#f4f7fa;
}

.contact-page-section .form-column .circle-layer{
    position:absolute;
    left:-130px;
    bottom:-60px;
    width:565px;
    height:565px;
    z-index:1;
    border-radius:50%;
    background-color:var(--white)7f0;
}

.contact-page-section .form-column .pattern-layer-one{
    position:absolute;
    right:-40px;
    top:-25px;
    width:106px;
    height:70px;
    z-index:1;
    background-repeat:no-repeat;
}


.contact-page-section .form-column .pattern-layer-two{
    position:absolute;
    left:-50px;
    bottom:-25px;
    width:106px;
    height:153px;
    z-index:-1;
    background-repeat:no-repeat;
}

.contact-page-section .form-column h2{
    position:relative;
    color:#06142d;
    font-size:30px;
    font-weight:700;
    text-align:center;
}

.contact-page-section .form-column h2:before{
    position:absolute;
    content:'';
    right:20px;
    top:0px;
    width:91px;
    height:38px;
    background:url(images/contact-arrow.png);
}

.contact-page-section .form-column .text{
    position:relative;
    color:#181818;
    font-size:14px;
    line-height:1.8em;
    text-align:center;
    margin-top:12px;
    margin-bottom:30px;
    font-weight: 500;
}
/*===========================Contact Page End===========================*/
/*===========================Contact Form start===========================*/

.contact-form .form-group{
    margin-bottom:20px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
    position:relative;
    width:100%;
    line-height:28px;
    padding:10px 25px;
    color:#888888;
    height:55px;
    font-size:14px;
    border-radius:3px;
    background:var(--white);
    border:1px solid transparent;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
    border-color:var(--blue);
}

.contact-form .form-group textarea{
    position:relative;
    display:block;
    width:100%;
    line-height:24px;
    padding:15px 25px 25px;
    color:#888888;
    height:185px;
    background:var(--white);
    resize:none;
    font-size:14px;
    border-radius:3px;
    border:1px solid transparent;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.contact-form .theme-btn{
    cursor:pointer;
    margin-top:10px;
    text-transform:uppercase;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
    border-color:#ff0000 !important;    
}

.contact-form label.error{
    display:block;
    line-height:24px;
    padding:5px 0px 0px;
    margin:0px;
    text-transform:uppercase;
    font-size:12px;
    color:#ff0000;
    font-weight:500;    
}

.map-contact-section{
    position:relative;
    padding:60px 0px 110px;
}

/*===========================Contact Form End===========================*/


/*Thank & 404 You Pabe */
    .thankyougap{
        padding: 80px 0;
    }
.wrapper-1 {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.wrapper-2 {
  padding: 30px;
  text-align: center;
  background: var(--white);
      border-radius: 15px 15px 0 0;
}
.wrapper-2 h1 {
    font-family: "Kaushan Script", cursive;
    font-size: 5em;
    letter-spacing: 3px;
    color: var(--blue);
    margin: 0;
    margin-bottom: 20px;
    text-shadow: 4px 4px 2px rgb(20 48 183);
}
.wrapper-2 p {
  margin: 0;
  font-size: 1.1em;
  color: #646262;
  font-family: "Source Sans Pro", sans-serif;
  letter-spacing: 1px;
}

.footer-like {
  margin-top: auto;
  background: #333;
  padding: 6px;
  text-align: center;
   border-radius: 0 0 15px 15px ;
}
.footer-like p {
  margin: 0;
  padding: 4px;
  color: var(--white);
  font-family: "Source Sans Pro", sans-serif;
  letter-spacing: 1px;
}
.footer-like p a {
  text-decoration: none;
  color: #ebca1e;
  font-weight: 600;
}

@media (min-width: 360px) {
 .wrapper-2 h1  {
    font-size: 4.5em;
  }

}

@media (min-width: 600px) {

  .wrapper-1 {
    height: initial;
    max-width: 620px;
    margin: 0 auto;
    box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2);
  }
}
/*Thank & 404 You End*/

.tags{
    position: relative;
    padding: 5px 0; 
}
.tags ul li{
    display: inline-block;
}
.tags ul li a {
    font-size: 14px;
    background: var(--blue);
    color: var(--white);
    padding: 2px 14px;
    margin-right: 0px;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 5px;
}
.tags ul li a:hover{
    color: #111111;
    background-color: var(--yellow);
}

/*fami movement start*/
.pot {
      top: 0;
      width: 140px;
      display: block;
      position: absolute;
      animation: linear infinite alternate;
      animation-name: run;
      animation-duration: 6s;
  }
  .pot img{
     height: unset;
     padding-top:15px;
  }

  @-webkit-keyframes run {
        0% {
        left: 0%;
        transform: translateX(0);
      }
        100% {
        left: 70%;
        transform: translateX(-100%);
      }
  }
  @media (max-width: 768px){
     @-webkit-keyframes run {
          0% {
          left: 70%;
          transform: translateX(0);
        }
          100% {
          left: 70%;
          transform: translateX(0);
        }
    }
  }
    @media (max-width: 569px){
       .pot{
        display: none;
       }
    }
/*fami movement End*/





/*progress line animatiion start*/
 
          .workpross{
            position: absolute;
            margin-top: 0px;
            z-index: 99;
          }
          #svgline {
              
              width: 90%;
              left: 0;
              top: 0px;
          }
          .titlebox{
                width: 20%;
                text-align: center;
          }
          .titlebox h4{
            margin-bottom: 0;
            margin: 10px 0;
            color: #000;
			font-size:28px;
          }
          .titlebox p{
			font-family: 'Poppins', sans-serif;
            font-size: 14px;
            margin-bottom: 10px;
			background: rgba(0, 0, 0, .02);
			padding: 7px;
			border-radius: 10px;
			font-weight:400;
			line-height:20px;
          }
         .margin1 {
              margin-top: 179px;
          }
          .margin2{
            margin-top: 360px;
          }
          .margin3{
            margin-top: 10px;
          }
          .margin4{
            margin-top: 252px;
          }

          .pointer {
            width: 90px;
            height: 90px;
            border-radius: 50%;
            margin-bottom: 10px;
            box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28) !important;
            border: solid 4px var(--white)9;
            margin: 0 auto;
            background: var(--blue);
            line-height: 86px;
            font-size: 34px;
            color: var(--white);

            font-weight: 600;
          }
          #Path_1{
              fill: none;
              stroke: var(--blue);
              stroke-width: 3;
              stroke-dasharray: 2000;
              stroke-dashoffset: 2000;
              -webkit-animation: dash 3s linear forwards;
              animation: dash 3s linear forwards;
            }
            @-webkit-keyframes dash {
              to {
                stroke-dashoffset: 0;
              }
            }
            @keyframes dash {
              to {
                stroke-dashoffset: 0;
              }
            }

            .idialight img{
                width: 115px;
            }
			
			.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
#timelinemain {
    padding: 50px 0;
    position: relative;
}
/*progress line animatiion end*/

.mainmenu ul li i{color:var(--blue);}
.has-mega-menu i{color:var(--white)!important;}

/*timeline start*/
.timeline {
	white-space: nowrap;
	overflow-x: hidden
}

.timeline ol {
	font-size: 0;
	width: 100vw;
	padding: 250px 0;
	transition: all 1s
}

.timeline ol li {
	position: relative;
	display: inline-block;
	list-style-type: none;
	width: 275px;
	height: 3px;
	background: #000;
	margin-top: 110px;
}

.timeline ol li:last-child {
	width: 600px;
	top: 10px
}

.timeline ol li:not(:first-child) {
	margin-left: 14px
}

.timeline ol li:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 50%;
	left: calc(100% + 1px);
	bottom: 0;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
	border-radius: 50%;
	background:#fff000;
	animation: pulse-animation 2s infinite;
	z-index: 2;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}


.timeline ol li div {
	position: absolute;
	left: calc(50% + 7px);
	width: 280px;
	padding:15px;
	font-size: 14px;
	white-space: normal;
	color: #000;
	padding-bottom: 0;
	background:var(--blue);
	border-radius: 6px;
}

.timeline ol li div p b {
	color: #007bff
}

.timeline ol li div p {
	margin: 15px 0 10px 0;color:var(--white);
}
.timeline ol li div p i{
	color:var(--white);
}

.timeline ol li div::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid
}

.timeline ol li:nth-child(odd) div {
	transform: translateY(-100%)
}

.timeline ol li:nth-child(odd) div::before {
	top: 100%;
	width: 30px;
	height: 15px;
	border-top: solid 15px var(--blue);
	border-left: solid 15px transparent;
	border-right: solid 15px transparent;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.timeline ol li:nth-child(odd) div {
	top: calc(100% + -30px)
}

.timeline ol li:nth-child(even) div {
	top: calc(100% + 30px);
	background:var(--blue);
}

.timeline ol li:nth-child(even) div::before {
	top: -18px;
	border-bottom: solid 15px var(--blue);
	border-left: solid 15px transparent;
	border-right: solid 15px transparent;
    left: 0;
    right: 0;
    margin: 0 auto;
}


.time_heading {
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    padding: 8px;
	color:var(--white);
}


.timeline .arrows {
	display: flex;
	justify-content: center;
	margin-top:125px;
}

.timeline .arrows i{font-size:45px;color:var(--blue);}
.timeline .arrows .arrow__prev {
	margin-right: 20px
}

.timeline .disabled {
	opacity: .5
}

.timeline .arrows img {
	width: 45px;
	height: 45px
}

.timeline button {
	background: 0 0;
	border: none;
	cursor: pointer;
	outline: none
}

@media screen and (max-width:599px) {
	.timeline ol,
	.timeline ol li {
		width: auto
	}
	.timeline ol {
		padding: 0;
		transform: none!important
	}
	.timeline ol li {
		display: block;
		height: auto;
		background: 0 0;
		margin-top: 20px;
	}
	.timeline ol li:first-child {
		margin-top: 25px
	}
	.timeline ol li:not(:first-child) {
		margin-left: auto
	}
	.timeline ol li div {
		width: 94%;
		height: auto!important;
		margin: 0 auto 20px
	}
	
	.timeline ol li div {
		position: static; padding-bottom: 1px;
	}
	.timeline ol li:nth-child(odd) div {
		transform: none
	}
	.timeline ol li:nth-child(odd) div::before,
	.timeline ol li:nth-child(even) div::before {
		left: 50%;
		top: 100%;
		transform: translateX(-50%);
		border: none;
		
	}
	.timeline ol li:last-child,
	.timeline ol li:nth-last-child(2) div::before,
	.timeline ol li:not(:last-child)::after,
	.timeline .arrows {
		display: none
	}
}
/*timeline end*/

.spacer{width:100%;height:100px;}
.how_work {    padding: 50px 0 40px 0;}

.bgblue{background:#f0faf5;}
.tick ul{margin-left:16px!important;}
.tick li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: var(--blue);
	font-size:12px;
	margin:0 6px 0 -12px;
}
.tick li {
    margin: 0 0 8px 0;
	color: #3f4448;
    font-size: 14px;
    font-weight: 500;	
}
.courses-details p{margin:12px 0;}
.whitebox{background:var(--white);border:1px solid #b7b7b7;padding:15px; border-radius:8px;box-shadow:0 0 12px #bbb;border-top:3px solid var(--blue);}
.whitebox h4{margin-bottom:10px;}
.page-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-size: cover;
	padding: 60px 0;
	text-align: center;
	color:var(--white);
}
.page-banner p{color:var(--white);}
.gbg{background:#ededed;padding:15px;margin-top:20px;}
.gbg2{background:#fbfbfb;padding:15px;margin-top:10px;}

/*dots*/
 .owl-nav{text-align:center;margin-top:12px;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    font-size: 22px;
    display: inline-block;
	margin:0 5px;
}
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {color:var(--blue);}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: inherit!important;
}
.owl-carousel .owl-nav .owl-prev{display:contents;}
.owl-nav{text-align:center!important;margin-top:12px}
/*dots end*/



/* product category start*/
.each-catagory {
    position: relative;
    border-radius: 50px;
    margin:15px;
}

.each-catagory img {
    border-radius:10px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.cat-details {
    position: absolute;
    bottom: 20px;
    left: 15px;
    right: 15px;
    background: rgba(0,0,0,0.5);
    padding: 20px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
}

.each-catagory:hover .cat-details {
    bottom: 100px;
}

.cat-details h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--white);
}
.cat-details p {
    color: var(--white);
    font-size: 15px;
    margin-bottom: 0;
    line-height: 18px;
}


.product_btn {
    position: absolute;
    bottom: 7%;
    left:5%;
    display: none;	
}

.product_btn span {
  padding:12px 12px;
  background:var(--blue);
  color: var(--white);
  text-align:center;
  background-image: -webkit-linear-gradient(45deg, #010fbb 50%, transparent 50%);
  background-image: linear-gradient(45deg, #010fbb 50%, transparent 50%);
  background-position: 100%;
  background-size: 400%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
  border-radius:5px;
}
.product_btn span:hover { background:#010fbb;}


.each-catagory:hover .product_btn {
    display: block;
    -webkit-transition: ease-in-out all 0.9s;
    -moz-transition: ease-in-out all 0.9s;
    -0-transition: ease-in-out all 0.9s;
}

/* product category end*/


/* accordion start */
.blkbg .row{background:#000; padding:15px;color:var(--white);}
.blkbg .row:nth-child(even){background:#111;}
.blkbg .row:hover{background:#222;}
.txt2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.modal-dialog {
    max-width: 800px;
    margin: 50px auto;
}

.modal-body {
    position: relative;
    padding: 0px;
}
.course_content .modal .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: var(--white);
    text-shadow: 0 1px 0 var(--white);
    opacity: 1;
    margin-top: -30px;
    background: var(--blue);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: -20px;
}

.myaccordion .card,
.myaccordion .card:last-child .card-header {
  border: none;
}

.myaccordion .card-header {
  border-bottom-color:transparent;
  background: var(--blue);
}
.myaccordion .card-body {
  border:1px solid var(--blue);
}

.myaccordion .fa-stack {
  font-size: 15px;
}

.myaccordion .btn {
  width: 100%;
  font-weight: 600;
  color: var(--white);
  padding: 0;
  text-align: left;
  text-transform: capitalize;
}
.myaccordion .btn span{color: #000;}
.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
  text-decoration: none;
}

.myaccordion li + li {
  margin-top: 10px;
}

.ul2 li span{float:right;font-weight:600;}
.ul2 li i{color:var(--blue); padding-right:5px;}
.ul2 li{margin-bottom:8px;font-size:14px;}
.ul2 li a{color:#000fd0;text-decoration: underline;}
.ul2 li a:hover{color:var(--blue);}
.ul2 li span{float: right;font-weight:600;}
.card-header {padding: 0.5rem;background:var(--blue);border-bottom:0; margin-bottom:5px;}
.card-header button{color:var(--white);    padding: 10px;}
.card-header button:focus, .card-header button:hover{color:var(--white);text-decoration:none;}
/* accordion end */



/* hever circle start*/
.hovicon {
    display: inline-block;
    line-height: 90px;
    cursor: pointer;
    margin:0 0 10px 0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: var(--white);
    border:1px solid #bbb;
}
.hovicon img{width:55px;}
.hovicon.small {
    font-size: 20px;
    line-height:45px;
    width:45px;
    height:45px;
    margin:7px;
}
.hovicon.mini {
    font-size: 15px;
    line-height:32px;
    width:30px;
    height:30px;
    margin:7px;
}
a:hover .hovicon.auto-width {
    width: auto;
    height: auto;
    padding: 15px;
}
a:hover .hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
a:hover .hovicon:before {
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

a:hover .hovicon.effect-1 {
    background: var(--white);
    transition: background 0.2s, color 0.2s;
}
a:hover .hovicon.effect-1:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 2px var(--blue);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}

a:hover .hovicon.effect-1.sub-a:hover {
    background:var(--white);
  
}

a:hover .hovicon.effect-1.sub-a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/* hever circle end*/


/* nav-pills start */
.nav-pills-custom .nav-link {
    color: #555;
    background: var(--white);
    position: relative;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	border-radius: 5px;
}

.nav-pills-custom .nav-link.active {
    color: var(--white);
    background: var(--blue);
}
.nav-pills a span{margin-left:8px;}


@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid var(--blue);
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    } 
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}
.nav-pills img{
    width:45px;
}
.nav_tab .tab-content{	
	background:var(--white);
	border-radius:6px;
	padding:20px;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
	border-top: 3px solid var(--blue);
}
.nav_tab .carousel{margin-bottom:20px;}
.nav_tab h3{color: #01b4a1;font-weight: 600;font-size: 22px;}
.nav_tab .carousel-control-next, .nav_tab .carousel-control-prev {width: 6%;}

@keyframes wave {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 300px 0;
	}
}

/* nav-pills end */


.whitebox2 {
    background: var(--white);
    box-shadow: 0 .125rem .25rem rgb(0 0 0/8%)!important;
    display: flex;
    align-items: center;
    padding: 12px;
    margin-bottom: 18px;
    border-radius:5px;
}
.whitebox2 .icon{ margin-right:10px;}
.whitebox2 .icon img{width:50px;}
.whitebox2 h4{ font-size:16px;font-weight:600;}


/* filter gallery start */


.filter-list {
  text-align: center;
  padding: 2rem 0;
  text-transform: uppercase;
  width: 100%;
}

.filter-list h3{
  display: block;
}
.filter-list .btn {
  background: #f7f7f7;
  cursor: pointer;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  border-radius:5px;
  font-weight:600;
}
.filter-list .btn.active {
  background: var(--blue);
  color: var(--white);
  
}


/* filter gallery end */


/* sidebar start */

.coursestam.blog_area .inner-box P{
    position: relative;
    line-height: 22px;
    margin-top: 12px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
}
.coursestam.blog_area .inner-box .lower-content h4 {margin-top: 0}

h2.widget-title{
	
}
	
.widget-title.separator.double {
    padding-bottom: 0;
    margin-bottom:20px;
}	
	
.widget-title.separator.double {
    display: inline-block;
    position: relative;
}

.widget-title.separator.double:before {
    right: calc(100% + 6px);
	padding-right:15px;
}
.widget-title.separator.double:after, .widget-title.separator.double:before {
    content: "//";
	color:var(--blue);
}

.widget-title.separator.double:after {
    left: calc(100% + 6px);
	padding-left:15px;
}


.widget ul li:before, .blog_details ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: var(--blue);
    font-size: 12px;
    padding: 6px;
    border-radius: 50%;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
	margin-left: -30px;
}
.widget ul li, .blog_details ul li {font-size: 14px;margin-bottom:12px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;line-height: 20px;}
.widget ul li a:hover, .widget ul li:hover:before{ color: var(--blue);}
.widget ul{margin-bottom:12px;}
.widget ul {
    border: 1px solid #e9e9e9;
    padding: 10px 10px 10px 30px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.blog_details ul {margin-bottom:20px;border-bottom: 2px solid #ddd;}
.blog_details p{text-align: justify;font-size: 15px;}
ul li.list-inline-item:before {content:none!important; }
ul li.list-inline-item i {color: var(--blue);}
.blog_banner{margin:30px 0 12px 0;}
.blog_details h4{color: #000;position: relative; margin-bottom:15px;}

.blog_details h4 strong {
    background: var(--blue);
    padding: 5px 15px;
    color: var(--white);
    position: relative;
    font-weight: 600 !important;
}
.blog_details h4::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 1.5px;
    background: var(--blue);
}
.blog_details h4 strong::after {
    content: "";
    display: block;
    border-bottom: 39px solid var(--blue);
    border-right: 30px solid transparent;  
    position: absolute;
    right: -29px;
    top: 0;
    z-index: 1;
}

.blog_banner_text {
    width: 45%;
    top: 140px;
    position: absolute;
    padding: 0 0 0 65px;
	   font-family: 'Poppins', sans-serif;
    font-size: 32px;
    color: var(--blue);
    font-weight: 600;
	text-align: left;
    text-transform: uppercase;
    line-height: 38px;
}



.blog_banner_text span{
	color:#061649;
}

.blog_details h2 {
    font-size: 20px;
    margin-bottom: 15px;
	color:var(--white);
	background:var(--blue);
	padding:6px;
	display:inline-block;
	position: relative;
}
.blog_details h2::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 1.5px;
    background: var(--blue);
}

/* sidebar end */

.signup-heading{
	text-align: center;
    font-size: 25px;
    font-weight: 600;
    margin: 30px 0
}

.Login-btn.txt-rgt{float:right;}
.signup-block{box-shadow: 0 0 20px #d2d2d2;padding: 30px;border-top:4px solid var(--blue);margin-bottom:50px;}
.signup-block a{color: var(--blue);}
.signup-block a:hover{color: #000;}
.bluebg{background:#def5f4; padding:30px 0;}
.bluebg h2{font-size:20px!important;font-weight:500;}

.signup-block .form-control, input[type=text], input[type=email], input[type=tel], input[type=file], input[type=search], input[type=date], input[type=time], textarea, select {
    padding: 12px;width:100%;border: 1px solid var(--blue);border-radius: 5px;
}
input[type=text]:focus {box-shadow: none!important;}
select{border: 1px solid var(--blue) !important;background: #fff;border-radius: 5px;}
.signup-block .form-group .fa{
	position: absolute;
    background: var(--blue);
    height: 44px;
    width: 44px;
    text-align: center;
    line-height: 44px;
	color:var(--white);
}
.signin-link{ font-size: 15px;}
.signuplogo img{width: 75%;}

.btn_nav {
    position: relative;
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: var(--blue)!important;
    padding:0;
    font-weight: 400;
    border-radius: 4px;
    overflow: hidden;
    font-family: poppins,sans-serif;
    vertical-align: middle;
    border: solid 1px var(--blue);
    letter-spacing: 1.5px;
    background: var(--white);
    text-align: center;
}
.btn_nav:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    content: "";
    background-color: var(--blue);
    transition: .5s;
}
.btn_nav i {
    animation: pulse-red 2s infinite;
    border-radius: 50%;
}
.btn_nav:hover {
    color: var(--white)!important;
    background-color: var(--blue);
}


.cert a
{
	font-family: 'Yeseva One', cursive;
   text-transform: capitalize!important;
  background-image: linear-gradient(
    -225deg,
    var(--blue) 0%,
    #000 29%,
    var(--blue) 67%,
    #243bbb 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: var(--white);
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
  font-size:20px!important;
  padding: 18px 15px!important;
  letter-spacing: 1px!important;
  font-weight: 400!important;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}


.shop-submenu {
	width:750px!important;
	display: inline-block;
}

.shop-submenu li {
	display: inline-block!important
}

.shop-submenu li a {
	border-bottom: 0!important;
	font-weight: unset!important
}
.shop-submenu li:nth-child(even) a {
  border-right: solid 0 #f2f2f2!important;
}

.double-btn .enroll-now {padding: 8px 10px!important; margin: 0 2px;}


/* social icon area start */
.social_icon_area ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: var(--blue);
    text-align: center;
	line-height: 30px;
    transition: all .3s ease-out;	
}
.social_icon_area ul li i{color: var(--white)!important;}
.social_icon_area ul li:hover {background: var(--white);}
.social_icon_area ul li:hover i {color: var(--blue)!important;}

.social_icon_area li a {
    width: inherit;
    height: inherit;
    font-size: 14px;
    display: block;
}

.social_icon_area ul li i {
    color: var(--blue);
}


/* social icon area end */



/*video section start*/

.videomain::before {
    position: absolute;
    content: "";
    left: -10px;
    border-top: 10px;
    height: 10px;
    background: var(--blue);
    width: 55%;
    top: -10px;
}
.videomain::after {
    position: absolute;
    content: "";
    left: -10px;
    height: 70%;
    background: var(--blue);
    width: 10px;
    top: -5px;
}


.videomain{position:relative;}
.event .blog-box { background-color: transparent;}
.video-hading {
    color: var(--white);
    text-align: center;
    padding: 15px;
    line-height: 20px;
    font-weight: 400;
    font-size: 16px;

}
.video-hading .address_section{margin-bottom:8px;}
.video-hade .videomain {
    margin-bottom: 30px;
}
.video-box {
    width: 100%;
    height: 350px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
	border-radius: 0;
	
}
.videobtn {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    color: var(--white);
    text-align: center;
    font-size: 28px;
    display: inline-block;
    position: relative;
    background-color: var(--blue);
}

.videobtn:before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / 14%);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
    box-shadow: 0 0 0 0 rgb(255 255 255 / 14%);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}
.videobtn:after {
    position: absolute;
    left: -15px;
    top: -15px;
    right: -15px;
    bottom: -15px;
    content: '';
    background-color: rgb(215 180 116 / 46%);
    border-radius: 50%;
}
.videobtn i {
    line-height: 70px;
    position: relative;
    z-index: 9;
}
.videotitle {
    background: var(--blue);
    color: var(--white);
    padding: 15px;
}
.videotitle h4 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
}

/*video section end*/


.stellarnav > ul > li.nav_highlight {
	background-image: linear-gradient(to right, var(--blue) , var(--dblue));border-radius:4px;}

.stellarnav > ul > li.nav_highlight:hover {background-image: linear-gradient(to right, var(--dblue) , var(--blue));}
.stellarnav > ul > li.nav_highlight a{padding: 18px 10px; color:var(--white);}
.stellarnav > ul > li.nav_highlight a:hover{color:var(--white)!important;}
.pulseit{
	-webkit-animation: pulse linear .5s infinite;
	animation: pulse linear .5s infinite;
}
#tcmodal .modal-header h3 {color: var(--blue)!important;text-align: center;padding: 0!important;margin-bottom: 0;}
#tcmodal .modal-body { padding: 20px;}
#tcmodal .modal-body p{background: var(--white)dbb; padding: 8px 12px;}
#tcmodal .modal-header .close {
    padding: 1rem 1rem;
    margin: -2rem -2rem -1rem auto;
    background: var(--blue);
	color:var(--white);
	font-size: 35px;
    opacity: 1;
    border-radius: 50%;
	height: 50px;
	width: 50px;
    padding: 0!important; 
	border:0!important; 
}


#tcmodal .modal-header .close:hover { background: #var(--dblue);border:0!important; }
.recruiters h3{font-size:22px;}
.recruiters .section-title {padding-bottom: 0px;}
.recruiters p { line-height: 22px;}
.webinar .card{border:0;}
.webinar .card img{box-shadow:0 0 15px #999;border:2px solid var(--white);border-radius:8px;}
.webinar .card-footer {
    background-image: linear-gradient(var(--white),#ddd);
    border: 0;
    margin: 0 auto;
    border-radius: 0 0 8px 8px;
    padding: 8px;
    width: 100%;
    text-align: center;
    display: table;
}
.webinar .card-footer .btns-box{display:table-cell;margin:0 5px;}
.webinar .card-footer .btns-box .btn-style-one {
	font-size: 12px;padding: 5px 15px;
	background:var(--white);color:#000;
	border:1px solid var(--blue);
	}	
.webinar .card-footer .btns-box .btn-style-one i{color:var(--blue);}	
.webinar .card-footer .btns-box .btn-style-one .txt:before {
    position: absolute;
    content: '';
    left: -30px;
    top:0;
    width:0;
    height:0;
    background:transparent;
}
.webinar .card-footer .btns-box .btn-style-one .txt:after {
    position: absolute;
    content: '';
    right:0;
    top: 0;
    width:0;
    height:0;
    background:transparent;
}
.webinar_banner{
	background:#3c4a93;
	padding:50px 0;
	font-size:30px;
	color:var(--white);
	text-align:center;
	margin-bottom:20px;
}
.sticky_div{position:sticky;top:60px;}

/*proggressbar*/
.progressBar_area h5{color:var(--black);font-size:14px;font-weight:600;}
.progressbar {
    width: 100%;
	margin-top: 5px;
	margin-bottom: 20px;
	position: relative;
	background-color: #EEEEEE;
	box-shadow: inset 0px 1px 1px rgba(0,0,0,.1);
}

.proggress{
	height: 8px;
	width: 10px;
	background-color: #3498db;
}

.percentCount{
	float:right;
	margin-top: -40px;
	clear: both;
	font-weight: bold;
	font-family: Arial
}
/*proggressbar*/
.logo-scroll img {width:100px;}
.logo-scroll .owl-nav {margin-top: 20px;}
#BrochureModal .modal-body{padding:20px;}
h5.modal-title{font-size:25px;font-size:600;color:var(--dblue);}
.form-control:focus {box-shadow:none;}
.btn-close {
    width:3em;
    height:3em;
	background: url(images/close-btn.png) no-repeat;
    border: 0;
    opacity:1;
}
.modal-header button.btn-close:focus {box-shadow:none;}
.modal-header button.btn-close {padding: 0;margin: -4rem -2.5rem 0 0 ;}
.modal-header button.btn-close:hover {background: url(images/close-btn.png) no-repeat;}
.input-group-text{background:var(--blue);}
.input-group-text i{color:var(--white);}
#signup .card-header {padding: 0.5rem;background:var(--dblue);border-bottom:0; margin-bottom:5px;color:var(--white);font-weight:600;}
.thanku_bg {
  background-image: radial-gradient(circle, var(--white), var(--white), #96e3d4);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:100px 0;
}
.thanku_bg p{font-size:22px;color:var(--black);}
.btn-primary {
  background-color:var(--dblue);
  color:var(--white);
  font-size:15px;
  font-weight:600;
  padding:10px 20px;
  border-radius:8px;
  outline:0;
  border:0;
}
.btn-primary:hover {
   background-color:var(--blue);
  color:var(--white);
}
.whitebox2 h4 i {color: #4bbdcb;}
.usefull-link{margin-bottom:15px;}
.courses_price{margin:0 0 12px 0;border-bottom:1px solid #0422b2;padding: 4px 0;}
.courses_price li{float:left;margin:0 14px 0 0;}
.courses_price li:last-child{margin:0;}
.row.courses_price .col-md-6 ul{margin:0;}
.row.courses_price .col-md-6:last-child ul{float:right;}
.row.courses_price .col-md-6:last-child ul li{float:right;border-left:1px solid #999;margin:0  8px 0 0;padding:0 0 0 7px;}
.row.courses_price .col-md-6:last-child ul li:last-child{border-left:0;}
.row.woocommerce.products .card .card-footer {
    background-color:transparent;border-top:0;text-align:center;}
#pills-tabContent .alert-info{background:#fffad5;padding:5px 10px;border:0;}
#pills-tabContent .alert-info p{margin:0;font-size: 13px;line-height: 20px;}
.courses_price li h1
.courses_price li h2,
.courses_price li h5
{ font-size:16px;margin:0;}
.woocommerce.products .card .tick p{
	background:#d4f8f1;
	padding:6px;
	line-height:20px;
}


.courses h4{
    font-size:18px;
    background:#33c4a8;
    color:#fff;
    padding:8px;
}
.courses_price h1{
    font-size:20px;
	color:#b2b2b2;
    text-align:left;
    padding:0;
    margin:0;
	text-decoration: line-through;
	line-height:22px;
}

.courses_price h1:before {
    width:0;
    height: 0;
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left:0;
    background-color:transparent;
}

.courses_price h1:after {
    width:0;
    height: 1px;
    display: block;
    content: "";
    position: relative;
    margin-top: 0px;
    left: 0;
    margin-left: 0px;
    background-color: transparent;
}
.courses_price h2{
    font-size:20px;
	color:#0422b2;
    text-align:left;
    padding:0;
    margin:0;
	line-height:22px;
}

.courses_price h6{
    font-size:18px;
	color:#e96f54;
    text-align:left;
    padding:0;
    margin:0;
	line-height:22px;
}



.course_rating{
    border:1px solid #33c4a8;
    padding:4px 10px;
    font-size:24px;
    font-weight:600;
    display:table;
    margin:0 auto;
}
.course_rating span{
    font-size:18px;
    color:#33c4a8;
}
/* section_separation nav-pills */
.section_separation .nav-pills .nav-link {
    color: #000;
    margin:0 5px;
    background:transparent;
    border-radius:0;
    padding:0;
}
.section_separation .nav-pills .nav-link.active {
    color: #FFF;
    background: #33c4a8;
	border: 1px solid #33c4a8;
    padding: 10px;
    border-radius: 4px;
}
.section_separation .nav-pills .nav-link {
    position: relative;
    border-radius:0;
    font-family: 'Roboto', sans-serif;
    font-size:15px;
    font-weight:600;
	background: #fff;
	border: 1px solid #33c4a8;
    padding: 10px;
    border-radius: 4px;
}
.section_separation .nav-pills .nav-link i{
    font-size:18px;
}

/* section_separation nav-pills */



.pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.pagination .page-numbers {
  display: inline-block;
  padding: 6px 12px;
  margin-right: 6px;
  border: 1px solid var(--blue);
  background-color: #f5f5f5;
  color: #333;
  text-decoration: none;
}

.pagination .page-numbers.current {
  background-color:var(--blue);
  color: #fff;
}

.pagination .page-numbers:hover {
  background-color:var(--blue);color: #fff;
}

.pagination .prev,
.pagination .next {
  padding: 6px 12px;
  border: 1px solid var(--blue);
  background-color:var(--blue);
  color:var(--white);
  text-decoration: none;
}

.pagination .prev:hover,
.pagination .next:hover {
  background-color:var(--dblue);color:var(--white);
}

#carouselExampleCaptions .carousel-item img{margin:0 auto;}
h3.widget-title {
  color: var(--black);
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
  line-height: 25px;
}
h3.widget-title::before{
  content: "//";
  color: #33c4a8;
  padding-right: 10px;
}

h3.widget-title::after {
  content: "//";
  color: #33c4a8;
  padding-left: 10px;
}


.cms-wrap ul{margin-left:24px;}
.cms-wrap ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: var(--blue);
    font-size: 12px;
    border-radius: 50%;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
	margin-left: -24px;
}

.blog_detail ol{margin-left:24px;}
.blog_detail ol li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: var(--blue);
    font-size: 12px;
    padding: 6px;
    border-radius: 50%;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
	margin-left: -24px;
}


.cms-wrap .coursestam ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
	margin-left:0;
}

#blog .inner-box .post-info li:first-child {background:transparent; font-size: 13px;float: left;margin: 0 5px 0 0;}
#blog .inner-box .post-info li { font-size: 13px;color:var(--black);float: left;margin: 0 10px 0 0;padding:0;}
.group.form-group{margin-bottom:15px;}


.btn_dblue, .btn-primary{
    position:relative;
    color:var(--white);
    font-size:13px;
    padding:8px 18px;
    border-radius:5px;
    border:0;
	border-color:transparent;
    letter-spacing:1px;
    background-color:var(--dblue);
    text-transform:uppercase;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    display: inline-block;
}

.btn_dblue:hover, .btn-primary:hover {
    color:var(--white);
    background-color:var(--blue);
}

.btn-secondary{
    position:relative;
    color:var(--white);
    font-size:13px;
    padding:8px 18px;
    border-radius:5px;
    letter-spacing:1px;
    background-color:var(--blue);
    text-transform:uppercase;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    display: inline-block;
	border-color:transparent;
}

.btn-secondary:hover{
    color:var(--white);
    background-color:var(--dblue);
}

.blog_detail h3 {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  margin-bottom: 16px;
  border-bottom: 2px solid #18beb4;
}
.blog_detail h3 strong {
  position: relative;
  background: #18beb4;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
  padding: 6px 10px;
}
.blog_detail h3 strong::before {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid #18beb4;
  border-top: 36px solid transparent;
}
.blog_detail ul {margin-bottom:20px;}
.blog_detail ul li {font-size: 14px;}
.blog_detail ul.list-inline {border-bottom: 2px solid #ddd;margin-bottom:20px;}
.right-boder{position:relative;z-index: 1;}
.cms-wrap .whitebox ul, .courses-details ul.tick { margin-left: 0!important;}
.img-box{text-align:center;}



/*my-account dashbord design*/

.list-group-item{
    padding: 0;
}
.list-group-item:hover{
    background: #4d4d4d;
    color: #fff;
}

.list-group-item a{
    display: block;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 500;
}
.list-group-item.active{
    background-color: #75C5A8;
    border-color: #fd7988;
}

.woocommerce-MyAccount-navigation ul li {
    position: relative;
    font-size: 13px;
    line-height: 24px;
    margin-bottom:0;
	padding: 8px 30px;
	background:var(--white);
	border-bottom:1px solid var(--blue);
	color:var(--black);
	font-weight: 500;
	
}
.woocommerce-MyAccount-navigation ul li:first-child {border-top:1px solid var(--blue);}
.woocommerce-MyAccount-navigation ul li:hover, 
.woocommerce-MyAccount-navigation ul li.is-active 
{background:var(--dblue);color:var(--white);cursor:poiter;}
.woocommerce-MyAccount-navigation ul li.is-active:before {color:var(--blue);}


.cms-wrap .woocommerce-MyAccount-navigation ul { margin-left: 0;}
.woocommerce-MyAccount-navigation ul li:before {
    content: "\f101";color:var(--blue);
}

.list-group-item.active:before {
    color: #fff;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
    height: 45px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left;
  width: 22%;
}
.woocommerce-account .woocommerce-MyAccount-content {
  float: right;
  width: 75%;
  box-shadow: 0 0 14px #aaa;
  padding: 15px;
}
.woocommerce .woocommerce-MyAccount-content form .form-row {  padding: 0 10px!important;  margin: 0;}
fieldset legend{
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}

.woocommerce-Address {
    width: 100% !important;
    max-width: 100%;
    flex: unset !important;
    padding: 20px;
    border: solid 1px #75C5A8;
    margin-bottom: 20px;
}
.woocommerce-Address:last-child{
    margin-bottom: 0;
}
.woocommerce-Address h3 {
    font-size: 20px;
}

.woocommerce-Address-title .edit{
    background: #75C5A8;
    color: #fff;
    padding: 3px 15px;
    border-radius: 5px;
}
.woocommerce-Address-title .edit:hover{
    background: #333;
}

address{
    font-size: 14px;
}
.woocommerce-orders-table thead{background:var(--blue);}
.woocommerce-orders-table thead th { padding: 12px!important;color:var(--white);font-size: 14px;
font-weight: 600 !important;}
.woocommerce-order h2{
    font-size: 22px !important;
}
.woocommerce table.my_account_orders {  font-size: 13px;}
.woocommerce-columns{
    display: flex;
}

.woocommerce-columns .woocommerce-column{
    width: 50% !important;
    float: unset !important;
    flex: unset;
    max-width: unset;
    border: solid 1px #75C5A8;
    padding: 20px;
}

.woocommerce-column address{
    border: 0 !important;
    padding: 0 !important;
}

span.woocommerce-input-wrapper{
    width: 100%;
}

.woocommerce-MyAccount-content h3{
    font-size: 24px;
}
.woocommerce-MyAccount-content h2{
    font-size: 24px;
}
.woocommerce-account .addresses .title .edit {float: right; }

a.woocommerce-privacy-policy-link, a.woocommerce-terms-and-conditions-link, .showcoupon {
    color:#75C5A8;
text-decoration: underline;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    background-color:var(--blue);
    border-color:var(--blue);
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    padding: 1em 1.6em;
    color:var(--white)!important;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
    background-color:var(--yellow);
    border-color:var(--yellow);
    color:var(--black)!important;
}
.logo-scroll .corchbox img{width: 150px;margin: 0 auto;}	
label {font-size: 13px;color: var(--black);text-transform: capitalize;}
.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 6px 0;
  width: 30%;
}
.mega_heading a {
  font-size: 18px!important;
  font-weight: 600;
  color: #0a25b3!important;
  line-height: 40px;
  padding:12px 0 10px 8px!important;
}
.mega_heading span {
  background: #fff;
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  border: 1px dashed #111;
  display: inline-block;
  margin-right: 6px;
  float: left;
}
.mega_heading span img {width: 24px;}
.stellarnav.dark ul ul.shop-submenu {background: #e8fffb;border: 1px solid #33c4a8;}
.shop-submenu .col-lg-6:nth-of-type(2n+1) {border-bottom: 4px solid #33c4a8;}
.shop-submenu .col-lg-6:nth-of-type(2n+2) {border-bottom: 4px solid #499dda;}
.shop-submenu .col-lg-6:not(:last-child) { border-right: 1px solid #d7d7d7;}
.shop-submenu .row{margin:0;}
.shop-submenu ul {
  background:transparent!important;
  display: block !important;
  box-shadow: none !important;
  top: 0 !important;
  left: 30px !important;
  margin: 0 15px 15px 0!important;
  position: relative !important;
}

.shop-submenu ul li{margin:6px 0;}
.shop-submenu ul li a{color:#111!important;padding:0!important;display:initial!important;}
.shop-submenu ul li a:hover{color:#0a25b3!important;background:transparent!important;}
.shop-submenu ul li a:hover i{color:#0a25b3!important;}
.shop-submenu ul li:not(:last-child):before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f04b";
    color:#33c4a8;
    font-size:7px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	margin-left: -18px;
	margin-right:6px;
}

.shop-submenu ul li:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f04b";
    color:#33c4a8;
    font-size:7px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	margin-left: -18px;
	margin-right:6px;
}
.shop-submenu ul li.request_class:before{ content: "";}



.woocommerce-form.whitebox2 {
  background: #e8fffb;
  box-shadow: 0 0 14px #acacac !important;
  display: flex;
  align-items: center;
  padding: 12px;
  margin-bottom: 18px;
  border-radius: 10px;
}
.woocommerce-form.whitebox2 h5 {font-size: 1.4rem!important;color:#0a25b3!important;text-transform: capitalize!important;}
.woocommerce-LostPassword a { color: #0d6efd; font-size: 13px;}
.woocommerce form .password-input input[type="password"], .woocommerce-page form .password-input input[type="password"] { padding: 12px;}

.woocommerce-checkout .border_html { background-color:#33c4a8; color:#fff;}
.woocommerce-checkout .cclw_opc_main .border_html {border-color: #0a25b3!important;}
#customer_address_details label {line-height: 2.5;}
#customer_address_details span.select2-selection {border: 1px solid #33c4a8;}
#cclw_payment_section #place_order { padding: 15px 40px; font-size: 12px; font-weight: 600;}
#cclw_payment_section #place_order:hover { background:#33c4a8; color:#fff!important;}
.woocommerce-error li{margin-left: 15PX !important; font-size: 11px;color: #ff0000;}
.woocommerce-info { border-top-color: #33c4a8;}
.woocommerce-info::before { color: #0a25b3;}
fieldset legend {padding: 10px;color: #0a25b3;}
.bg2{ background: #d1e8ec;}
.wpcf7-not-valid-tip{ display:none!important;}
#enqForm_area .form-check {padding-left: 0;}
#enqForm_area .form-check .wpcf7-list-item { width: 100%;}
#enqForm_area .form-check input {height: auto !important;}
.g-recaptcha>div{
   width: 100% !important;
   height: 78px;
   transform:scale(0.9);
   webkit-transform:scale(0.9);
   text-align: left;
   position: relative;
   margin: 0 0 0 8px;
}
#enqForm_area .input[type="submit"]{margin-top:6px!important;}
.wpcf7-form .form-group{margin-bottom:15px;}
.wpcf7 .wpcf7-recaptcha iframe {float: right;}
.news-block .inner-box .lower-content .post-info li a {
    color: var(--white)!important;
}
.woocommerce-checkout .woocommerce{overflow:hidden;}
#cclw_payment_section #payment ul.payment_methods li {padding: 0;}
.woocommerce-checkout #payment ul.payment_methods li input {margin: 0 .2em 0 0;}
.woocommerce-checkout #payment ul.payment_methods { padding:0 10px;}
#customer_address_details p.form-row {padding: 0;margin: 0;}
.form-row.thwcfd-field-wrapper.mb-2 {margin-bottom: 0.2rem!important;}
#cclw_order_details_table .cclw_order_review_table td.name.more_details {
    padding: 10px 25px 0 25px;}
.checkout #payment div.form-row {padding: 1em 1em 0 1em;}
.woocommerce-checkout .border_html{padding: 10px;}
.woocommerce-error, .woocommerce-info, .woocommerce-message {margin: 0 0 1em 0;}
.course_banner{background-image: linear-gradient(#33c4a8, #fff, #fff);}
.course_banner_frm{padding:25px;}
.course_banner_frm h2{font-size:24px;font-weight:600;color:#fff;margin:0 0 15px 0;line-height:32px;}
.course_banner_frm .wpcf7-form .form-group {margin-bottom: 0;}
.course_banner_frm input{margin-bottom:10px;padding:8px 12px;}
.course_banner_frm select{margin-bottom:10px;padding:10px 12px;}
.course_banner_frm textarea{margin:4px 0 2px 0;padding:8px 12px;}
.course_banner_frm input:focus{box-shadow:none;outline:0;}
.course_banner_text {
    background: #c7ebe4;
    padding:15px;
    border-radius:0;
    text-align: center;
	width:100%;
	vertical-align: middle;
}
.course_banner_text h2{
	font-size: 25px;
    font-weight: 500;
    color:var(--dblue);
	margin:0 10px 0 0;
	padding-top:6px;
}
.course_banner_text .btns-box a{margin:0 10px;}
.course_banner .btn-style-one{font-size:13px;line-height:20px;padding:10px;font-weight:600;
}
.course_banner .btn-style-one .txt:before{background:transparent;}
.course_banner .btn-style-one .txt:after{background:transparent;}
.form-select {font-size: 13px; color:#666;}
.wpcf7-spinner {height: 0;margin: 0;}
.text-danger {font-size: 11px;}
.wpcf7-not-valid{margin:0!important;}
.wpcf7 form .wpcf7-response-output {margin: 0;}
.qr img{height:150px;}
.stellarnav li li .mega_heading a:hover {
    background:transparent;
}

.customcaptcha input{width: 15% !important;height: 40px !important;}
.contact-form .form-group input[type=text]{
    padding: 10px 5px!important;
    color: #111;
    text-align: center;
}