@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/Fontspring-DEMO-proximanova-bold.otf') format('otf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/Fontspring-DEMO-proximanova-regular.otf') format('otf');
    font-weight: 400;
    font-style: normal;
}





body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    /* Regular */
}




body {
    color: #888;

    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    overflow-x: hidden;
}


html,
body {
    height: 100%;
    position: relative;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0px;
    margin: 0px;
    font-family: "Mulish", sans-serif;
    color: #000000;
    font-weight: 600;

}

a {
    font-family: 'Mulish', sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

inout {
    outline: none;
}

p {
    margin-bottom: 0;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}

b,
strong {
    font-weight: 600;
}

span {
    font-family: 'Mulish', sans-serif;
}

.no-padding {
    padding: 0
}

/*END PRELOADER DESIGN*/
.section-padding {
    padding: 70px 0
}

/*START SECTION TITLE DESIGN*/
.section-title {
    margin-bottom: 60px;
    position: relative;
}

.section-title h2 {
    font-size: 2.5rem;
    font-weight: 700;
    padding: 0;
    line-height: 32px;
    margin: 0px 0 10px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.section-title p {
    width: 60%;
    margin: 0;
    font-size: 42px;
    font-weight: 800;
    text-transform: capitalize;
    line-height: 46px;
    color: #1a2d62;
}

@media only screen and (max-width:480px) {
    .section-title p {
        width: 100%;
    }
}


.certi-pl-40 {
    width: 100%;
    padding-left: 40px;
}

.section-title p span {
    color: #2eca7f;
}

h1.section-title-white {
    color: #fff;
}

p.section-title-white {
    color: #fff;
}

.section-title-two {
    margin-bottom: 60px;
}

.section-title-two h2 {
    font-weight: 800;
    font-size: 50px;
    text-align: center;
}

.section-title-two h2 span {
    color: #2eca7f;
}

/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
    background: #2eca7f;
    border-radius: 30px;
    bottom: 5px;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    height: 50px;
    line-height: 47px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: fixed;
    right: 5px;
    text-align: center;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 50px;
}

@media only screen and (max-width:768px) {
    .topcontrol {
        display: none;
    }
}

.topcontrol:hover {
    background: #2eca7f;
    color: #fff;
}

/*END SCROLL TO TOP*/
/*START PRELOADER DESIGN*/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    overflow: hidden;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fb8e49;
    -webkit-animation: spin 1.7s linear infinite;
    animation: spin 1.7s linear infinite;
    z-index: 11;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #68bb3e;
    -webkit-animation: spin-reverse 0.6s linear infinite;
    animation: spin-reverse 0.6s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #5138a2;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #fff;
    z-index: 10;
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

/*END LOADER*/

::-moz-selection {
    background: #1a2d62;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #1a2d62;
    color: #fff;
    text-shadow: none;
}



.partner-logo {
    overflow: hidden;
}


/*BTN START*/
.btn_one {
    background: #E2834A;
    font-size: 15px;
    padding: 10px 30px;
    color: #fff;
    display: inline-block;
    border-radius: 100px;
    font-weight: 700;
    box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.1);
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn_one:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1a2d62;
    border-radius: 100px;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.btn_one:hover,
.btn_one:focus,
.btn_one:active {
    color: #fff;
    border-radius: 100px;
}

.btn_one:hover:before,
.btn_one:focus:before,
.btn_one:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    border-radius: 100px;
}

@media only screen and (max-width:992px) {
    .btn_one {
        padding: 10px 20px;
    }
}

@media only screen and (max-width:480px) {
    .btn_one {
        padding: 5px 15px;
    }
}

/*BTN END*/

/*START BTN TWO*/
.cta {
    position: relative;
    margin: auto;
    padding: 18px 22px;
    transition: all 0.2s ease;
}

.cta:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 28px;
    background: rgba(46, 202, 127, 0.2);
    width: 56px;
    height: 56px;
    transition: all 0.3s ease;
}

.cta span {
    position: relative;
    font-size: 15px;
    color: #1a2d62;
    font-weight: 700;
    text-transform: uppercase;
}

.cta svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #111;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
}

.cta:hover:before {
    width: 100%;
    background: #2eca7f;
}

.cta:hover svg {
    transform: translateX(0);
}

.cta:active {
    transform: scale(0.96);
}

.cta:hover span {
    color: #fff;
}

.cta:hover svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #fff;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
}

/*END BTN TWO*/
/*START BTN THREE*/
.btn_two {
    color: #1a2d62;
    border: 1px solid #ededed;
    padding: 9px 30px;
    font-weight: 700;
    display: inline-block;
    border-radius: 100px;
    font-size: 15px;
    transition: 0.3s;
}

.btn_two:hover {
    color: #fff;
    border: 1px solid #e2834a;
    background: #e2834a;
}

/*END BTN THREE*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*START TOP HEADER DESIGN*/
.logo-contact {
    padding: 10px 0;
    background: #2eca7f;
}

@media only screen and (max-width:480px) {
    .logo-contact {
        display: none;
    }
}

.logo-img {}

.logo-img a {
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
    margin-top: 5px;
    display: inline-block;
}

.single-top-contact {
    margin-top: 6px;
}

@media only screen and (max-width:992px) {
    .single-top-contact {
        margin-bottom: 30px;
    }
}

.single-top-contact i {
    color: #fff;
    float: left;
    margin-right: 15px;
    font-size: 24px;
    margin-bottom: 0px;
}

.single-top-contact h4 {
    font-size: 15px;
    color: #fff;
    margin-bottom: 0px;
    overflow: hidden;
    padding-top: 3px;
}

.single-top-contact h4 a {
    color: #fff;
}

/*TOP SOCIAL PROFILES*/
.top_social_profile ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    float: right;
}

.top_social_profile ul li {
    display: inline-block;
}

.top_social_profile ul li a {
    background: #fff;
    text-align: center;
    border: 0px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-right: 5px;
    font-size: 16px;
    color: #232434;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 30px;
}

@media only screen and (max-width:768px) {
    .top_social_profile ul li a {
        margin-right: 10px;
        margin-bottom: 10px;
    }
}

.top_social_profile ul li a:hover {
    color: #fff;
}

.top_f_facebook:hover {
    background: #3B5998;
}

.top_f_twitter:hover {
    background: #1A90D9;
}

.top_f_instagram:hover {
    background: #FF5252;
}

.top_f_linkedin:hover {
    background: #0e76a8;
}

/*END LOGO WITH CONTACT*/
/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo img {
    width: 130px;
    height: auto;

}



.bg-faded {
    background-color: #fff;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

html {
    margin-top: 0 !important;
}

#wpadminbar {
    display: none;
}

.navbar-fixed {
    z-index: 999;
    position: fixed;
    opacity: .98;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
    width: 100%;
    padding: 10px 0;
    top: 0px;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background: #fff;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}

#navigation {
    padding: 10px 0;
    background-color: #fff;
}

#navigation.navbar-fixed {
    padding: 10px 0;
    background: #fff;
    border-color: #fff;
}

.header_right {
    display: block;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}



#main-menu ul {
    list-style-type: none;

    display: flex;
}

#main-menu ul li {
    display: inline-block;
    margin-left: 15px;
    position: relative;
}

#main-menu ul li a {
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: 15px;
    padding: 24px 0 26px;
    display: block;
}

#main-menu ul li a span {
    font-weight: bold;
    font-size: 12px;
}

@media only screen and (max-width: 992px) {
    #main-menu ul li a span {
        display: none;
    }
}

#navigation.navbar-fixed #main-menu ul li a {
    color: #1a2d62;
    padding: 22px 0 22px;
}

#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus {
    color: #2eca7f;
}

#main-menu ul li>a:hover,
#main-menu ul li>a:focus {

    color: #e2834a;
}

#navigation #main-menu ul li a:hover,
#navigation #main-menu ul li a:focus,
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus {}

#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus {
    color: #e2834a;
}

.slicknav_menu {
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding: 0px;
}

.slicknav_nav_icon {
    color: #6138bd;
    font-size: 24px;
}

#mobile_menu {
    display: none;
}

/* Responsive Design */
@media only screen and (max-width:1024px) {
    #main-menu ul li {
        margin-left: 30px;
    }
}

/*END 1024px*/
@media only screen and (max-width: 991px) {
    #main-menu ul li {
        margin-left: 9px;
    }

    #main-menu ul li a {
        font-size: 15px;
    }

    #navigation {
        padding: 10px 0 20px;
        background: #fff;
    }
}

/*END 991px*/
@media only screen and (max-width: 992px) {
    #main-menu {
        display: none;
    }

    #mobile_menu {
        display: block;
        width: 100%;
    }

    .slicknav_nav {
        background-color: #fff;
    }

    #navigation #mobile_menu li a {
        color: #1a2d62;
        font-weight: 500;
    }

    #navigation.navbar-fixed #mobile_menu li a {
        color: #1a2d62;
    }

    .slicknav_nav a {
        padding: 5px 0px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    #navigation #mobile_menu li a:hover,
    #navigation #mobile_menu li a:focus {
        color: #1a2d62;
        background: #fff;
    }

    .slicknav_btn {
        top: 0px;
        background: #1a2d62;
        padding: 10px;
    }
}

/*END 767px*/
.slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em;
    display: none;
}

@media only screen and (max-width: 575px) {
    .slicknav_btn {
        margin-left: 10px;
        text-decoration: none;


    }
}



#mobile_menu .slicknav_nav {

    position: absolute;
    z-index: 3;
    top: 4rem;
    right: 0rem;
    width: 200px;

}


#mobile_menu .slicknav_menu {
    position: relative;
}


.faculty-prfile-img img {
    width:50px !important;
    height:50px !important;
}


/*END 575px*/
/*-------------------------------
# Dropdwon menu 
--------------------------------*/

#navigation #main-menu ul li ul,
#navigation #main-menu ul li ul li ul {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
    left: -55px;
    list-style: outside none none;
    margin: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 270px;
    z-index: 999;
    border-radius: 4px;
    border-top: 2px solid #e2834a;
}

#navigation #main-menu ul li ul li {
    position: relative;
}

#navigation #main-menu ul li ul li ul {
    top: 0;
    right: auto;
    left: 205px;
}

#navigation.navbar-fixed #main-menu ul li li a {
    color: #1a2d62;
}

#navigation #main-menu ul li:hover ul,
#navigation #main-menu ul li ul li:hover>ul {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

#navigation #main-menu ul li ul li {
    display: block;
    margin: 0;
    padding: 0;
}

#navigation.navbar-fixed #main-menu ul li ul li a,
#navigation #main-menu ul li ul li a {
    color: #1a2d62;
    display: block;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    padding: 7px 12px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s !important;
    -o-transition: all 0.3s ease 0s !important;
    transition: all 0.3s ease 0s !important;
    visibility: inherit !important;
    opacity: inherit !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)";
}

#navigation #main-menu ul li ul li a:hover,
#navigation.navbar-fixed #main-menu ul li ul li a:hover,
#navigation.navbar-fixed #main-menu ul li ul li a:focus {
    color: #2eca7f;
    background-color: #fff;
    text-decoration: none;
}


@media only screen and (max-width:767px) {
    .navbar-brand {
        padding-top: 20px;
    }
}


.home_lc {
    display: inline-block;
    margin-top: 30px;
}

.hlc {
    position: relative;
    margin-right: 30px;
    display: inline-block;
}

.home_lc a i {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a2d62;
    font-size: 26px;
}

.home_lc a .gactive {
    width: 20px;
    height: 20px;
    background: #2eca7f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: -10px;
    right: -11px;
}



.call_to_action a {
    margin-right: 5px;
}

.select_cat select {
    width: 50%;
    float: left;
    margin-top: 15px;
    padding: 10px;
    font-weight: 700;
    font-size: 15px;
    border: 1px solid #ededed;
}

.select_cat select option {
    padding: 10px;
}

.select_cat select:focus {
    box-shadow: none;
}

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03. START HOMEPAGE CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.home_bg {
    height: 900px;
    position: relative;
}

.home_bg2 {
    height: 700px;
    position: relative;
}

.home_content {
    padding-top: 250px;
    position: relative;
}

.hc_pt {
    padding-top: 150px;
    position: relative;
}

@media only screen and (max-width:768px) {
    .home_content {
        padding-left: 30px;
        padding-right: 20px;
    }
}

.home_content h1 {
    font-size: 80px;
    font-weight: 700;
    line-height: 100px;
    margin-bottom: 20px;
}

@media only screen and (max-width:960px) {
    .home_content h1 {
        font-size: 60px;
        line-height: 70px;
    }
}

.home_content h1 span {
    color: #2eca7f;
}

.home_content p {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 18px;
}

.home_me_img {
    position: absolute;
    z-index: 9;
    bottom: 0;
}

.home_me_img img {
    position: relative;
}

.home_img_two {
    padding-top: 150px;
    padding-left: 50px;
}

@media only screen and (max-width:480px) {
    .home_me_img img {
        display: none;
    }

    .home_img_two {
        display: none;
    }
}

/*HOME THREE CSS*/
.home_img_bg {
    height: 750px;
    position: relative;
}

.home_img_bg::before {
    background: #1a1936;
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
    opacity: 0.8;
}

.hero-text {
    position: relative;
}

.hero-text h1 {
    color: #fff;
    font-size: 90px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 90px;
    padding-top: 150px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.hero-text h1 span {
    color: #2eca7f;
}

@media only screen and (max-width:480px) {
    .hero-text h1 {
        font-size: 60px;
        line-height: 70px;
    }
}

.hero-text p {
    color: #fff;
    margin-bottom: 30px;
}

.hero-text-img {
    position: absolute;
    bottom: 0;
    z-index: 9;
}

.hero-text-img img {
    position: relative;
}

@media only screen and (max-width:480px) {
    .hero-text-img img {
        display: none;
    }
}

/*END HOME THREE CSS*/
.home_ps {
    background: #fff;
    width: 200px;
    padding: 20px;
    border-radius: 30px;
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
    position: absolute;
    top: 50%;
}

.home_ps img {
    width: 40px;
    float: left;
    margin-right: 10px;
}

.home_ps h2 {
    overflow: hidden;
    font-weight: 800;
}

.home_ps span {
    font-size: 14px;
}

.home_ps2 {
    background: #fff;
    width: 200px;
    padding: 20px;
    border-radius: 30px;
    position: absolute;
    top: 10%;
    right: 0;
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
}

.home_ps2 img {
    width: 40px;
    float: left;
    margin-right: 10px;
}

.home_ps2 h2 {
    overflow: hidden;
    font-weight: 800;
}

.home_ps2 span {
    font-size: 14px;
}

.home_tag {
    margin-top: 30px;
}

.home_tag span {}

.home_tag a {
    color: #1a2d62;
    font-weight: 600;
    padding: 0 5px;
    text-decoration: underline;
    transition: 0.3s;
}

.home_tag a:hover {
    color: #2eca7f;
}



/*
* ----------------------------------------------------------------------------------------
* 03. END HOMEPAGE CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04. START TOP PROMO STYLE
* ----------------------------------------------------------------------------------------
*/
.tp_feature {
    padding-bottom: 50px;
}

.single_tp {
    padding: 60px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    /* border-right: 1px solid #ededed; */
}

@media only screen and (max-width:992px) {
    .single_tp {
        margin-bottom: 0px;
    }
}

.single_tp h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 15px;
    overflow: hidden;
}

.single_tp p {
    margin-bottom: 40px;
}

/*
* ----------------------------------------------------------------------------------------
* 04. END TOP PROMO CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04. START ABOUT CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.ab_one {
    padding-bottom: 50px;
}

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

.ab_content h2 {
    font-weight: 400;
    text-transform: capitalize;
    line-height: 56px;
    font-size: 27px;
    color: black;
}



.ab_content h2 u {
    color: #2eca7f;
}

.ab_content p {
    margin-bottom: 30px;
}

.ab_content p {
    margin-bottom: 30px;
}

.abmv {
    margin-bottom: 30px;
    background: #fff;
    padding: 180px;
    border: 1px solid #eee;
    transition: 0.3s;
}

/* .abmv:hover{
border-left: 4px solid #2eca7f;
} */
.abmv span {
    background: rgba(46, 202, 127, 0.2);
    float: left;
    margin-right: 20px;
    display: block;
    width: 70px;
    height: 70px;
    color: #2eca7f;
    line-height: 70px;
    text-align: center;
    font-size: 26px;
    border-radius: 100px;
}

.abmv h4 {
    font-weight: 800;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 22px;
}

.abmv p {
    overflow: hidden;
}

.ss_btn {
    margin-top: 50px;
}

.ab_img {
    position: relative;
}

.ab_img img {
    padding-right: 40px;
}

@media only screen and (max-width:992px) {
    .ab_img img {
        padding-right: 0px;
        width: 100%;
    }

    .ab_img {
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

/*
* ----------------------------------------------------------------------------------------
* 05. END ABOUT CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06. START COUNTER CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.counts .count-box {
    display: flex;
    align-items: center;
    padding: 25px;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
    border: 1px solid #ededed;
}

.counts .count-box i {
    font-size: 42px;
    line-height: 0;
    margin-right: 15px;
    color: #4154f1;
}

.counts .count-box span {
    font-size: 36px;
    display: block;
    color: #1a2d62;
    font-weight: 700;
}

.counts .count-box p {
    padding: 0;
    margin-top: 5px;
}

/*
* ----------------------------------------------------------------------------------------
* 06. END COUNTER CSS STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.marketing_content_area {
    background: url(../images/all-img/section-bg-1.png);
    padding-bottom: 50px;
    background-size: cover;
    background-position: center;
    /* padding: 100px 0; */
}

.single_feature_one {
    background: #fff;
    margin-bottom: 30px;
    padding: 40px;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    border: 1px solid #ededed;
    z-index: 2;
    -webkit-transition: 0.3s;
    -webkit-transition: 0.2s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.sf_top {
    overflow: hidden;
}

.single_feature_one span {
    border-radius: 100px;
    float: left;
    font-size: 30px;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    margin-right: 20px;
}

.single_feature_one h2 a {
    font-size: 22px;
    color: #1a2d62;
    margin-bottom: 15px;
    display: block;
    text-transform: capitalize;
    overflow: hidden;
    line-height: 32px;
    font-weight: 800;
    transition: 0.3s;
}

.single_feature_one:hover h2 a {}

.single_feature_one p {}

.single_feature_one:hover {
    -webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
}

.ss_one {
    background: rgba(46, 202, 127, 0.2);
}

.ss_two {
    background: #ECFFFC
}

.ss_three {
    background: #E8F5FF
}

.ss_four {
    background: #E3F9F6
}

.ss_five {
    background: #FFF6EB
}

.ss_six {
    background: #E8FFEA
}

.ss_seven {
    background: #EEE8FF
}

.ss_eight {
    background: #FFE8E8
}

/*
* ----------------------------------------------------------------------------------------
* 07.END FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START COURSE DESIGN
* ----------------------------------------------------------------------------------------
*/
.course-slide {
    position: relative;
    background: #fff;
    margin-bottom: 30px;
}

@media only screen and (max-width:480px) {
    .course-slide {
        margin-bottom: 30px;
    }
}

.course-slide .course-img {
    position: relative;
    overflow: hidden;
}

.course-slide .course-img img {
    width: 100%;
    height: auto;
}

.course-slide .course-date {
    position: absolute;
    top: 10%;
    left: 4%;
}

.course-slide .month {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background: #2eca7f;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 100px;
}

.course-content {
    padding: 30px;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
    border: 1px solid #ededed;
}

.course-content h3 a {
    color: #1a2d62;
    font-size: 20px;
    font-weight: 800;
    display: block;
    margin: 0 0 15px 0;
    text-transform: capitalize;
    line-height: 29px;
}

.course-content h3 a:hover {
    color: #2eca7f;
}

.course-slide .course-content span i {
    color: #2eca7f;
    margin-right: 8px;
}

.course-slide .course-content span {
    color: #1a2d62;
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 20px;
}

.course-slide .course-content span strong {
    font-weight: 700;
}

/*START COURSE STYLR TWO*/
.course-slide2 {
    position: relative;
    background: #fff;
    margin-bottom: 30px;
}

@media only screen and (max-width:480px) {
    .course-slide2 {
        margin-bottom: 30px;
    }
}

.course-slide2 .course-img2 {
    position: relative;
    overflow: hidden;
    float: left;
    width: 50%;
    margin-right: 30px;
}

.course-slide2 .course-img2 img {
    width: 100%;
    height: auto;
}

.co_list {
    margin-top: 30px;
    display: inline-block;
}

.course-slide2 .course-date2 {
    position: absolute;
    top: 10%;
    left: 4%;
}

.course-slide2 .month2 {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background: #2eca7f;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 100px;
}

.course-content2 {
    padding: 30px;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
    border: 1px solid #ededed;
}

.course-content2 h3 a {
    color: #1a2d62;
    font-size: 20px;
    font-weight: 800;
    display: block;
    margin: 0 0 15px 0;
    text-transform: capitalize;
    line-height: 29px;
}

.course-content2 h3 a:hover {
    color: #2eca7f;
}

.course-slide2 .course-content2 span i {
    color: #2eca7f;
    margin-right: 8px;
}

.course-slide2 .course-content2 span {
    color: #1a2d62;
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 20px;
}

.course-slide2 .course-content2 span strong {
    font-weight: 700;
}

.c_btn2 {
    text-decoration: underline;
    margin-bottom: 20px;
    display: inline-block;
    border-radius: 5px;
    color: #1a2d62;
    font-weight: 700;
    transition: 0.3s;
}

.c_btn2:hover {
    color: #2eca7f;
}

.c_btn3 {
    background: #e2834a;
    color: #fff;
    padding: 10px 36px;
    border-radius: 0px;
    font-weight: 800;
    width: 200px;
    display: block;
    text-align: center;
}

/*END COURSE STYLR TWO*/
/*START COURSE THREE*/
.course-slide3 {
    margin-bottom: 30px;
}

.co_bg_img {
    position: relative;
    padding: 80px 0;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.co_bg_img::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: rgba(7, 41, 77, 0.4);
}

.co-video-play {
    display: inline-block;
    position: relative;

}


.ic--round-search {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0s.41-1.08 0-1.49zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5S14 7.01 14 9.5S11.99 14 9.5 14'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}



.co-video-play i {
    background: rgba(255, 255, 255, 0.3);
    /* border: 2px solid #ffde67; */
    color: #fff;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 100px;
    /* margin-right: 15px; */
    display: inline-block;
    transition: all 0.3s ease 0s;
    font-size: 30px;
}

.co-video-play:hover i {
    background: #2eca7f;
    color: #fff;
}

.course-content3 {
    padding-top: 24px;
}

.course-content3 h3 a {
    color: #1a2d62;
    font-size: 20px;
    font-weight: 800;
    display: block;
    margin: 0 0 15px 0;
    text-transform: capitalize;
    line-height: 29px;
}

.course-content3 a {
    margin-right: 30px;
}

.course-content2 h3 a:hover {
    color: #2eca7f;
}

/*END COURSE THREE*/

/*START SINGLE COURSE SIDEBAR CSS*/
.course_features {}

.course_features h3 {
    font-weight: 800;
    margin-bottom: 20px;
    background: #2eca7f;
    color: #fff;
    text-align: center;
    padding: 20px 10px;
}

.course_features ul {}

.course_features ul li {
    /* font-weight: 600; */
    padding-top: 10px;
    color: #1a2d62;
    overflow: hidden;
    font-size: 18px;
}

.course_features ul li i {
    color: #2eca7f;
    margin-right: 8px;
}

.course_features ul li b {
    font-weight: 800;
    float: right;
    background: #2eca7f;
    color: #fff;
    padding: 5px 10px;
    overflow: hidden;
    border-radius: 10px;
}

.course-content p {
    margin-bottom: 30px;
}

.related_course {
    margin: 30px 0;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.07);
    padding: 30px;
}

.related_course h3 {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 800;
}

.single_rc {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.single_rc img {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.single_rc i {
    color: #ffbd35;
    margin-right: 8px;
}

.single_rc h4 a {
    color: #1a2d62;
    font-size: 18px;
    font-weight: 800;
    margin: 10px 0;
    display: block;
    transition: 0.3s;
}

.single_rc h4 a:hover {
    color: #2eca7f;
}

.single_rc span {
    color: #2eca7f;
    font-weight: 800;
    font-size: 20px;
}

.single_langu {}

.single_langu input {}

.single_langu span a {
    color: #1a2d62;
    display: inline-block;
    font-size: 18px;
    line-height: 36px;
    transition: 0.3s;
}

.single_langu span a:hover {
    color: #2eca7f;
}

.single_rat a {
    line-height: 42px;
    /* font-size: 40px; */
    display: inline-block;
}

/*END SINGLE COURSE SIDEBAR CSS*/

.c_btn {
    background: #2eca7f;
    padding: 6px 20px;
    margin-bottom: 20px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    transition: 0.3s;
}

.vid_area {
    background: url(../images/banner/course-bg-p2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 150px 0;
}

.vid_area::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1a1936;
    content: "";
    left: 0;
    top: 0;
    opacity: 0.5;
}

.video-area {
    height: 163px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.video-button::after,
.video-button::before,
blockquote::before,
.video-area .video-button {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
}

.video-button {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #2ECA7F;
    position: relative;
    color: #ffffff;
    font-size: 30px;
}

.video-button i {
    position: relative;
    z-index: 1;
}

.video-button:hover {
    color: #ffffff;
}

.video-button::after,
.video-button::before {
    animation: video 25s linear infinite;
    -webkit-animation: video 25s linear infinite;
    -moz-animation: video 25s linear infinite;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.video-button::before {
    background: rgba(46, 202, 127, 0.161);
    width: 150px;
    height: 150px;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -webkit-border-radius: 33.33% 50%;
    -moz-border-radius: 33.33% 50%;
    border-radius: 33.33% 50%;
}

.video-button::after {
    background: rgba(46, 202, 127, 0.302);
    height: 120px;
    width: 120px;
}

@keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

@-webkit-keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

@-moz-keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

.bc_three {
    background: url(../images/banner/course-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*START COURSE DETAILS TAB CSS*/
.course-details-content {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #F1F5F9;
    margin-top: 40px;
}

.course-details-content .nav {
    border: none;
    text-align: center;
    border: 1px solid #DDDDDD;
    border-bottom: none;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.course-details-content .nav li {
    margin-left: -1px;
    flex-grow: 1;
    padding: 0;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.course-details-content .nav li:first-child {
    border-left: none;
}

.course-details-content .nav li a {
    font-weight: 700;
    padding: 14px;
    color: #07294D;
    text-transform: uppercase;
    display: block;
}

.course-details-content .nav li a.active {
    background: #2eca7f;
    color: #ffffff;
}

.course-details-content .overview {
    padding-top: 25px;
}

.course-details-content .overview p {
    margin: 0;
    margin-bottom: 1rem;
}

.course-details-content .overview iframe {
    width: 100%;
    margin: 30px 0;
}

.course-details-content .tab-content {
    padding: 0 30px 30px;
}

@media (max-width: 575px) {
    .course-details-content .tab-content {
        padding: 0 15px 20px;
    }

    .course-details-content .nav li a {
        font-size: 14px;
        padding: 5px 10px;
    }
}

.course-details-content .instructor-item .instructor-content .title {
    font-size: 20px;
    margin: 0;
    margin-bottom: 2px;
}

.details-buttons-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -5px -5px;
}

.details-buttons-area .custom-button {
    margin: 5px;
}

.details-buttons-area .social-icons {
    margin: 0;
    margin-left: auto;
}

.details-buttons-area .social-icons li a {
    color: #07294D;
    background: #ffffff;
}

.details-buttons-area .social-icons li a.active {
    background: #2ECA7F;
    color: #ffffff;
}

@media (max-width: 767px) {
    .details-buttons-area {
        justify-content: center;
    }

    .details-buttons-area .social-icons {
        width: 100%;
        margin: 0;
        justify-content: center;
    }
}

.review-form .client-form input {
    border-color: #DDDDDD;
    background: #ffffff;
    height: 50px;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-left: 10px;
}

.review-form .client-form .rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}

.review-form .client-form .rating .rating-title {
    padding-right: 5px;
}

.review-form .client-form .rating ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.review-form .client-form .rating ul li a i {
    color: #FF7700;
}

.review-form .client-form textarea {
    border-color: #DDDDDD;
    padding: 10px;
    height: 130px;
    margin-bottom: 20px;
}

.review-form .client-form button {
    background-color: #FF7700;
    color: #ffffff;
    font-weight: 500;
    outline: none;
    height: 50px;
    cursor: pointer;
    border: none;
}

.client-review {
    padding-top: 30px;
}

.client-review .review-title {
    text-transform: capitalize;
    margin-bottom: 10px;
    font-weight: 800;
    margin-bottom: 20px;
    font-size: 21px;
}

.review-contents {
    margin-bottom: 35px;
}

.review-contents li {
    padding: 0;
    margin-bottom: 25px;
}

.review-contents li:last-child {
    margin-bottom: 0;
}

.review-contents li .thumb {
    width: 100px;
    float: left;
    margin-right: 20px;
}

.review-contents li .thumb img {
    width: 100%;
}

.review-contents li .cont {
    padding-left: 20px;
    width: calc(100% - 100px);
    font-size: 14px;
    line-height: 26px;
}

.review-contents li .cont .subtitle {
    margin: 0;
    font-size: 18px;
    margin-bottom: -3px;
    font-weight: 700;
    margin-bottom: 5px;
}

.review-contents li .cont .ratings {
    margin-bottom: 15px;
}

@media screen and (max-width: 450px) {
    .review-contents li .thumb {
        width: 80px;
    }

    .review-contents li .cont {
        width: 100%;
        padding: 15px 0 0 0;
    }
}

.cl-theme {
    color: #FF7700 !important;
}

.review-form .client-form input {
    border-color: #DDDDDD;
    background: #ffffff;
    height: 50px;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-left: 10px;
    border: none;
}

.review-form .client-form textarea {
    border-color: #DDDDDD;
    padding: 10px;
    height: 130px;
    width: 100%;
    margin-bottom: 20px;
    border: none;
}

.custom-button {
    color: #ffffff;
    text-transform: uppercase;
    line-height: 48px;
    background: #FF7700;
    padding: 0 35px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    border-radius: 25px;
    border: 1px solid #FF7700;
}

.custom-button i {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: inline-block;
}

.custom-button i:last-child {
    padding-left: 10px;
}

.custom-button i:first-child {
    padding-right: 10px;
}

.custom-button:hover {
    color: #2eca7f;
}

.custom-button.btn-sm {
    padding: 0 18px;
    font-size: 14px;
    line-height: 45px;
}

.custom-button.theme-one {
    border-color: #2ECA7F;
    background: #2ECA7F;
    box-shadow: 0 0 15px rgba(255, 119, 0, 0.1);
}

.custom-button.theme-one:hover {
    color: #2ECA7F;
    background: #fff;
    border: 1px solid #2eca7f;
}

.custom-button.bg-white {
    background: #ffffff;
    color: #07294D;
    border-color: rgba(7, 41, 77, 0.2);
}

.custom-button.bg-white:hover {
    background: #FF7700 !important;
    border-color: #FF7700 !important;
    color: #ffffff;
}

.social-icons {
    margin: -10px;
}

.social-icons li {
    padding: 10px;
    display: inline-block;
}

.social-icons li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    display: block;
}

.social-icons li a:hover,
.social-icons li a.active {
    background: #2eca7f;
    color: #ffffff;
    box-shadow: 0 5px 20px rgba(255, 119, 0, 0.31);
}

.instructor-item {
    margin: 0 auto 30px;
}

.instructor-item .instructor-thumb {
    width: 184px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
}

.instructor-item .instructor-thumb img {
    width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.instructor-item .instructor-content {
    position: relative;
    z-index: 1;
    max-width: 237px;
    margin: -20px auto 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 16px 10px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 0 30px rgba(7, 41, 77, 0.12);
}

.instructor-item .instructor-content .title {
    margin: 0;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.course-details-content .instructor-item .instructor-content .title a {
    font-size: 20px;
    margin: 0;
    margin-bottom: 2px;
    color: #1a2d62;
    font-weight: 700;
}

.instructor-item:hover .instructor-thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/*END COURSE DETAILS TAB CSS*/
/*
* ----------------------------------------------------------------------------------------
* 08.END COURSE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START COURSE PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.course_promo {
    background: url(../images/banner/section-bg-2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cp_content {}

.cp_content h4 {
    font-weight: 700;
    font-size: 18px;
    color: #2eca7f;
    margin-bottom: 10px;
}

.cp_content h2 {
    font-weight: 800;
    font-size: 48px;
    margin-bottom: 20px;
}

.cp_content h2 span {
    color: #2eca7f;
}

.cp_content p {
    margin-bottom: 20px;
}

.cp_content ul {
    margin-bottom: 40px;
}

.cp_content ul li {
    font-weight: 600;
    line-height: 36px;
    font-size: 18px;
    color: #1a2d62;
}

.cp_content ul li span {
    background: #2eca7f;
    color: #fff;
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    border-radius: 2px;
    margin-right: 15px;
    font-size: 15px;
    font-weight: 600;
}

.cc_btn {
    margin-top: 30px;
}

.cp_img {
    position: relative;
}

.cp_img img {
    width: 100%;

}

@media only screen and (max-width:992px) {
    .cp_img img {
        margin-top: 60px;
    }
}

.vp_top {
    margin-top: 80px;
}

.video-play {
    display: block;
    position: absolute;
    top: 45%;
    left: 45%;
}

.video-play i {
    background: #2eca7f;
    color: #fff;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    border-radius: 100px;
    display: inline-block;
    -webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
    box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 40px;
}

.video-play:hover i {
    background: #3f3eed;
    color: #fff;
}

@media only screen and (max-width:480px) {
    .video-play i {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 30px;
    }

    .video-play {
        display: block;
        position: absolute;
        top: 60%;
        left: 40%;
    }
}

/*
* ----------------------------------------------------------------------------------------
* 09.END COURSE PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START TOPIC DESIGN
* ----------------------------------------------------------------------------------------
*/
.topic_content_area {
    padding-bottom: 50px;
    background: url(../images/banner/topic.png);
    background-position: center;
    background-size: cover;
}

.single_tca {
    background: #fff;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
    border: 1px solid #ededed;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 30px;
    cursor: pointer;
}

.single_tca img {
    float: left;
    margin-right: 20px;
}

.single_tca h2 {
    overflow: hidden;
}

.single_tca h2 a {
    color: #1a2d62;
    font-size: 24px;
    font-weight: 700;
    transition: 0.3s;
    margin-bottom: 10px;
    display: block;
}

.single_tca span {
    color: #2eca7f;
    font-size: 18px;
    font-weight: 600;
}

/*
* ----------------------------------------------------------------------------------------
* 10.END TOPIC DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11. START REVIEWS DESIGN
* ----------------------------------------------------------------------------------------
*/
.testi_home_area {
    background-position: top center;
    background-size: cover;
    padding-bottom: 100px;
    padding-top: 100px;
}

.testimonial {
    background: #fff;
    border-radius: 25px;
    margin: 0px 15px;
    -webkit-box-shadow: 0 10px 20px -10px rgba(0, 64, 128, .3);
    box-shadow: 0 10px 20px -10px rgba(0, 64, 128, .3);
    margin-bottom: 30px;
}

.testimonial_content {
    padding-left: 109px;
    padding-top: 34px;
}

.testimonial_content h3 {
    font-weight: 600;
    font-size: 20px;
    color: #1a2d62;
}

.testimonial_content i {
    color: #ffbd35;
    font-size: 22px;
}

.testimonial_content p {
    overflow: hidden;
    margin-top: 15px;
}

.testi_pic_title {

    padding: 20px;
}

.tpt_one {
    background: transparent;
    border-radius: 10px;
    border: solid 1px;
}

.tpt_two {
    background: #e2834a;
    border-radius: 21px;
    padding-bottom: 50px;
}

.tpt_three {
    background: transparent;
    border: solid 1px;
    border-radius: 10px;
}

.testi_pic_title .pic {
    width: 70px;
    height: 70px;
    margin-right: 15px;

    top: -1.5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: 3px solid #fff;
    border-radius: 100%;
}

.testi_pic_title .pic img {
    width: 100%;
    height: 100%;
    border-radius: 100px;
}

.testi_pic_title h4 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
}

.testi_pic_title small {
    font-weight: 400;
    color: #1b2032;
    font-size: 14px;
    margin-top: 8px;
    display: block;
    font-family: 'Poppins', sans-serif;
}

.owl-theme {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.owl-theme .owl-controls {
    display: block !important;
    opacity: 1;
    top: -32%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.owl-theme .owl-controls .owl-buttons div {
    width: 46px;
    height: 46px;
    line-height: 42px;
    opacity: 1;
    border-radius: 24px;
    background: #fff;
    border: 1px solid #ededed;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
}

s .owl-theme .owl-controls .owl-buttons div:hover {
    background: #2eca7f;
    border: 1px solid #2eca7f;
    display: block;
}

.owl-prev {
    position: absolute;
    left: 46%;
}

.owl-next {
    position: absolute;
    left: 55%;
}

.owl-prev:after,
.owl-next:after {
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 26px;
    color: #1a2d62;
    opacity: 1;
}

.owl-next:after {
    content: "\f105";
}

@media only screen and (max-width: 768px) {
    .owl-theme .owl-controls {
        margin-top: 20px;
    }

    .owl-theme .owl-controls {
        display: none !important;
    }
}

/*
* ----------------------------------------------------------------------------------------
* 11.END REVIEWS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12. START TEAM CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*START HOME PAGE TEAM DESIGN*/
.team_home_area {
    padding-bottom: 50px;
}

.single-team-home {
    position: relative;
    border-radius: 10px;
    margin-bottom: 100px;
}

@media only screen and (max-width:992px) {
    .single-team-home {
        margin-bottom: 90px;
    }
}

.single-team-home:before {
    content: "";
    background: rgba(46, 202, 127, 0.2);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    border-radius: 10px;
}

.single-team-home .img img {
    border-radius: 10px;
    width: 100%;
}

.single-team-home .team-content-home {
    text-align: center;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -120px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    background: #2eca7f;
    padding: 20px;
    -webkit-box-shadow: 0 10px 40px -10px rgba(0, 64, 128, .2);
    box-shadow: 0 10px 40px -10px rgba(0, 64, 128, .2);
    border-radius: 10px;

}

.team-content-home h3 {
    margin: 0px;
    font-weight: 700;
    color: #fff;
    font-size: 22px;
    margin-bottom: 5px;
}

.team-content-home p {
    font-weight: 500;
    color: #fff;
}

.single-team-home .team-content-home ul.social-home {
    list-style: none;
    margin-top: 10px;
}

.single-team-home .team-content-home .social-home li {
    display: inline-block;
}

.single-team-home .team-content-home .social-home li a {
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 100px;
    font-size: 16px;
    color: #1a2d62;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: #fff;
}

.single-team-home .team-content-home .social-home li a:hover {
    color: #2eca7f;
    background: #fff;
}

.single-team-home:hover:before {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.single-team-home:hover .team-content-home {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.sth_det {}

.sth_det span {
    color: #fff;
    font-weight: 600;
    display: block;
    margin: 15px 0;
    /* margin: 0 5px; */
}

.sth_det u {
    font-family: 'Mulish', sans-serif;
}

/*END HOME PAGE TEAM DESIGN*/

/*START TEAM PAGE THREE CSS*/
.team_member {
    /* background: rgba(199,201,209,.09); */
    padding-bottom: 50px;
    overflow: hidden;
    padding-top: 50px;
}

.single_team_content {
    padding: 45px;
    margin-top: 60px;
}

.single_team_content h1 {
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
}

.single_team_content p {}

.our-team {
    margin-bottom: 30px;
    /* box-shadow: 0 10px 40px -10px rgba(0,64,128,.09); */
}

.our-team .team_img {
    position: relative;
    overflow: hidden;
}

.our-team .team_img:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: all 0.3s ease 0s;
}

.our-team:hover .team_img:after {
    bottom: 0;
}

.our-team img {
    width: 100%;
    height: auto;
}

.our-team .social {
    padding: 0 0 18px 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0%;
    right: 10px;
    background: #2eca7f;
    border-radius: 0 0 20px 20px;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.our-team:hover .social {
    top: 0;
}

.our-team .social li a {
    display: block;
    padding: 15px;
    font-size: 15px;
    color: #fff;
}

.our-team:hover .social li a:hover {
    color: #fff;
}

.our-team .team-content {
    padding: 20px 0;
    background: #fff;
}

.our-team .title {
    font-size: 18px;
    font-weight: 800;
    color: #2eca7f;
    text-transform: capitalize;
    margin: 0 0 20px;
    position: relative;
}

.our-team .title:before {
    content: "";
    width: 25px;
    height: 1px;
    background: #2eca7f;
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: 9px;
    transition-duration: 0.25s;
}

.our-team .title:after {
    content: "";
    width: 25px;
    height: 1px;
    background: #2eca7f;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: 9px;
    transition-duration: 0.25s;
}

.our-team:hover .title:before,
.our-team:hover .title:after {
    width: 50px;
}

.our-team .post {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
}

.our-team .post:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2eca7f;
    margin: 0 auto;
    position: relative;
    top: -13px;
}

@media only screen and (max-width: 990px) {
    .our-team {
        margin-bottom: 30px;
    }
}

.sth_det2 {}

.sth_det2 span {
    color: #2eca7f;
    font-weight: 600;
    display: inline-block;
    margin: 15px 10px;
}

.sth_det2 u {
    color: #1a2d62;
    font-family: 'Mulish', sans-serif;
}

/*END TEAM PAGE THREE CSS*/
/*START SINGLE TEAM DETAILS*/
.template_agent {
    padding-bottom: 0;
}

.single_agent {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.07);
    margin-bottom: 30px;
    overflow: hidden;
    padding: 60px;
}

.single_agent_image img {
    float: left;
    margin-right: 20px;
    width: 350px;
}

@media only screen and (max-width:480px) {
    .single_agent_image img {
        float: left;
        margin-bottom: 50px;
        width: 100%;
    }
}

.single_agent_content {}

.agent_social {
    margin-top: 30px;
    overflow: hidden;
}

.single_agent_content h4 {
    text-transform: capitalize;
    overflow: hidden;
    font-weight: 800;
    font-size: 30px;
    margin-bottom: 5px;
}

.single_agent_content h5 {
    border-bottom: 1px solid #eee;
    color: #2eca7f;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 10px;
    text-transform: capitalize;
}

.single_agent_content p {
    margin-bottom: 20px;
    overflow: hidden;
}

.single_agent_content ul {}

.single_agent_content ul li {
    color: #1a2d62;
    line-height: 40px;
    overflow: hidden;
    font-size: 18px;
    font-weight: 600;
}

.single_agent_content i {
    margin-right: 10px;
    color: #2eca7f;
}

.agent_social ul li {
    float: left;
}

.agent_social ul li a {
    margin-right: 5px;
}

.agent_social ul li a i {
    margin-right: 0;
}

.agent_social ul li a:hover {
    background: #2eca7f;
    color: #fff;
}

/*END SINGLE TEAM DETAILS*/
/*
* ----------------------------------------------------------------------------------------
* 12. END TEAM CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.blog_area {
    padding-bottom: 50px;
    background: url(../images/banner/blog-bg.png) no-repeat;
    background-position: top center;
    background-size: cover;
}

.blog_area_bg {
    background: rgba(199, 201, 209, .09);
}

.single_blog {
    background: #fff;
    border-radius: 0px;
    margin-bottom: 30px;
    -webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
    box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
}

.single_blog img {
    width: 100%;
}

.content_box {
    padding: 35px;
}

.single_blog h2 {
    line-height: 32px;
    font-size: 20px;
    margin-bottom: 15px;
}

.single_blog h2 a {
    color: #1a2d62;
    font-weight: 800;
    margin-bottom: 40px;
    display: block;
}

.single_blog h2 a:hover {
    color: #2eca7f;
}

.single_blog p {
    margin-bottom: 0px;
}

.single_blog span {
    text-transform: capitalize;
    margin-bottom: 10px;
    display: inline-block;
}

.single_blog span a {
    color: #2eca7f;
    font-weight: 700;
}

.single_blog span a:hover {
    color: #2eca7f;
}

.single_blog_two span {
    margin-top: 0px;
}

.single_blog_two p {
    margin-bottom: 30px;
}

.arti_img_two img {
    width: 100%;
    margin-bottom: 20px;
}

.arti_btn {
    color: #2eca7f;
    font-weight: 600;
    margin-top: 15px;
    display: inline-block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.arti_btn:hover {
    padding-left: 10px;
    color: #2eca7f;
}

.arti_sp {}

.arti_sp h2 {
    margin-top: 30px;
    font-weight: 700;
    margin-left: 60px;
    margin-bottom: 30px;
}

.arti_sp img {
    margin-bottom: 30px;
    width: 100%;
}

.arti_sp p {}

.share_sp {
    margin-top: 30px;
    overflow: hidden;
}

.share_sp h4 {
    font-weight: 600;
    margin-bottom: 25px;
}

.share_sp ul {}

.share_sp ul li {
    float: left;
}

.share_sp ul li a {
    color: #fff;
    transition: 0.3s;
    padding: 15px;
    display: block;
    background: #f4f4f4;
    background: #2eca7f;
    border-radius: 5px;
    margin-right: 10px;
}

.share_sp ul li a:hover {
    background: #1a2d62;
}

.share_sp ul li a span {}

/*START BLOG SIDEBAR DESIGN*/
.blog_search {
    background: #fff;
    box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    padding: 10px;
    border: 1px solid #ededed;
}

.blog_search input {
    background: #f4f4f4;
    border: 1px solid #f4f4f4;
    border-radius: 0;
    color: #1a2d62;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    height: 60px;
    outline: 0 none;
}

.blog_search input:focus {
    box-shadow: none;
}

/*START NEWSLETTER FORM*/
.newsletter-form {
    background: #1a2d62;
    padding: 40px;
    border-radius: 10px;
}

.newsletter-form h4 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 24px;
    line-height: 34px;
}

.newsletter-form p {
    color: #fff;
    margin-bottom: 30px;
}

.newsletter-form input {
    width: 100%;
    margin-bottom: 20px;
    height: 50px;
    padding: 10px;
    color: #1d293e;
    border-radius: 2px;
    border: 0px;
}

.newsletter-form input:focus {
    box-shadow: none;
}

.subscribe button {
    border: none;
    width: 100%;
}

.sub_btn {
    background: #2eca7f;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    padding: 14px 40px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 100px;
    display: inline-block;
    font-weight: 500;
}

.sub_btn:hover,
.sub_btn:focus {
    background: #fff;
    color: #1a2d62;
}

/*END NEWSLETTER FORM*/

/*Popular post*/
.sidebar_title {}

.sidebar_title h4 {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
}

.sidebar-post {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 30px;
    box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    border: 1px solid #ededed;
}

.single_popular {
    margin-bottom: 20px;
    overflow: hidden;
}

.single_popular:last-child {
    margin-bottom: 0;
}

.single_popular a img {
    width: 80px;
    height: 60px;
    float: left;
    margin-right: 10px;
    border-radius: 6px;
}

.single_popular h5 a {
    color: #1a2d62;
    font-size: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-weight: 500;
}

.single_popular h5 a:hover {
    color: #554c86;
}

/*End Popular post*/

/*Start Social media*/
.single_social {}

.social_item {
    padding: 8px 12px;
    border-radius: 4px;
}

.single_social ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    list-style: none;
    -ms-grid-columns: minmax(0, 1fr) 10px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.single_social ul li {}

.single_social ul li a {}

.single_social ul li a i {
    color: #fff;
    font-size: 12px;
}

.item-list {
    float: right;
    color: #fff;
    font-size: 13px;
}

.b_facebook {
    background: #1a4fc5;
}

.b_twitter {
    background: #00acee;
}

.b_youtube {
    background: #f50000;
}

.b_pinterest {
    background: #e62e3f;
}

.b_tumblr {
    background: #34526f;
}

.b_rss {
    background: #e8a50e;
}

/*End Social media*/

/*Start category*/
.single_category {
    overflow: hidden;
}

.item-category {
    padding: 8px 12px;
    border-radius: 4px;
    background: #f2f2f2;
}

.single_category ul {}

.single_category ul li {
    line-height: 32px;
    float: left;
    margin: 10px;
}

.single_category ul li a {
    color: #1a2d62;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}

.single_category ul li a sup {
    color: #2eca7f;
}

/*End category*/
.tag {
    overflow: hidden;
}

.tag a {
    background: #f4f4f4;
    border: 1px solid #ededed;
    border-radius: 30px;
    color: #1a2d62;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 6px 4px;
    padding: 3px 20px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.tag a:hover {
    background: #2eca7f;
    color: #fff;
    border: 1px solid #2eca7f;
}

.sidebar-banner img {
    width: 100%;
}

/*START SINGLE BLOG PAGE DESIGN*/
.author_part {
    margin-bottom: 30px;
    overflow: hidden;
    margin-top: 60px;
}

.single_author {
    background: #fff none repeat scroll 0 0;
    padding: 40px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    overflow: hidden;
    border: 1px solid #ededed;
}

.author_part img {
    border: 4px solid #ededed;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}

.author_part h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
    overflow: hidden;
}

.author_part p {
    margin-bottom: 0
}

.blog_head_title {
    border-bottom: 1px solid #ededed;
    margin: 0 0 30px;
    padding-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
}

.comments_part {
    margin-bottom: 60px;
}

.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    overflow: hidden;
    border: 1px solid #ededed;
}

#menu-main-menu ul.sub-menu {
    flex-direction:column;
}


.banner-title h1{
    text-align: center;
    color: white;
    font-size: 3.5rem;
    font-weight: 800;
}

.sc_left {
    margin-left: 100px;
}

.single_comment_mbnone {
    margin-bottom: 0px
}

.single_comment img {
    border: 4px solid #ededed;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}

.single_comment h4 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    overflow: hidden;
}

.single_comment p {
    margin-bottom: 0;
    overflow: hidden;
}

.comment-box {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
}

.comment_form input,
.comment_form textarea {}

.comment_form textarea {}

@media only screen and (max-width:768px) {
    .comment_form textarea {
        width: 100%
    }
}

/*END SINGLE BLOG PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 13.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
    background: #211813;
    padding-bottom: 40px;
}

.single_footer {
    margin: 20px 0;
}

@media only screen and (max-width:992px) {
    .single_footer {
        margin-bottom: 40px;
    }
}

.single_footer img {
    margin-bottom: 20px;
    width: 150px;
}

.single_footer h4 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 20px;
}

.single_footer p {
    color: #fff;
}

.foot_social {}

@media only screen and (max-width:480px) {
    .foot_social {
        margin-bottom: 30px;
        overflow: hidden;
    }
}

.foot_social ul {}

.foot_social ul li {
    float: left;
}

.foot_social ul li a {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    margin-right: 15px;
    transition: 0.3s;
    text-decoration: underline;
}

.foot_social ul li a:hover {
    color: #2eca7f;
}

.single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.single_footer ul li {}

.single_footer ul li a {
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 36px;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.single_footer ul li a:before {
    font-family: "LineAwesome";
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    margin-right: 6px;
}

.single_footer ul li a:hover {
    color: #2eca7f;
}

.sf_contact {
    margin-bottom: 30px;
    overflow: hidden;
}

.sf_contact span {
    color: #2eca7f;
    font-size: 30px;
    float: left;
    margin-top: 5px;
    margin-right: 20px;
}

.sf_contact h3 {
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    overflow: hidden;
    margin-bottom: 5px;
}

.sf_contact p {
    font-size: 14px;
    overflow: hidden;
    margin-bottom: 0;
}

.fc {
    /* margin-top: 60px; */
    /* background: #2b2a5e; */
    /* padding-top: 18px; */
    border-top: 1px solid #535353;
}

.footer_copyright {
    float: left;
    padding-top: 16px;
}


@media only screen and (max-width:480px) {
    .footer_copyright {
        display: inline;
    }
}

.footer_copyright p {
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    font-size: 14px;
}

.footer_menu {
    float: right;
    font-size: 14px;
    padding-top: 16px;

}

@media only screen and (max-width:480px) {
    .footer_menu {
        float: left;
        margin-top: 20px;
    }
}

.footer_menu ul {
    list-style: none;
}

.footer_menu ul li {
    float: left;
}

.footer_menu ul li a {
    color: #fff;
    padding: 0px 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.footer_menu ul li a:hover {
    color: #2eca7f;
    text-decoration: underline;
}

/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15.START PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
.pl_bg {
    background: #FFF8F4;
}

.partner_title {}

.partner_title h3 {
    font-size: 24px;
    font-weight: 700;
    background: rgba(46, 202, 127, 0.1);
    padding: 10px;
    border-radius: 30px;
    width: 60%;
    margin: auto;
    margin-bottom: 60px;
    color: #2eca7f;
}

@media only screen and (max-width:480px) {
    .partner_title h3 {
        font-size: 18px;
        width: 100%
    }
}

.partner.owl-theme .owl-controls {
    display: none !important;
}

/*
* ----------------------------------------------------------------------------------------
* 15.END PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-top {
    padding-top: 200px;
    position: relative;
    background: url(../images/banner/section-top.png);
    background-size: cover;
    background-position: center;
    padding-bottom: 120px;
}

.section-top-title {
    position: relative;
}

@media only screen and (max-width:480px) {
    .section-top-title {
        width: 100%
    }
}

.section-top-title h1 {
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 50px;
}

.section-top-title ul {
    background: #fff;
    text-align: center;
    border: 2px solid #fff;
    padding: 10px 20px;
    width: 220px;
    margin: auto;
    border-radius: 10px;
    margin-top: 20px;
}

.section-top-title ul li {
    color: #1a2d62 !important;
    display: inline-block;
}

.section-top-title ul li a {
    color: #2eca7f !important;
    font-weight: 600;
}

.section-top-title ul li a:hover {
    color: #1a2d62 !important
}

/*
* ----------------------------------------------------------------------------------------
* 16.END SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 17.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.price_area {}

.pricing-content {
    position: relative;
}

.pricing_design {
    position: relative;
}

@media only screen and (max-width:992px) {
    .pricing_design {
        margin-bottom: 30px;
    }
}

.pricing_design .single-pricing {
    background: #2eca7f;
    padding: 60px 40px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    position: relative;
    z-index: 1;
}

.pricing_design .single-pricing:before {
    content: "";
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 18px 18px 190px 18px;
    border: 1px solid #ededed;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.price-head {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}

.price-head h2 {
    /* margin-bottom: 20px; */
    font-size: 26px;
    font-weight: 700;
}

.price-head h1 {
    font-weight: 700;
    margin-top: 10px;
}

.price-head span {
    display: block;
}

.upgrade_price {
    text-decoration: underline;
    font-weight: 700;
    margin-top: 5px;
    color: #2eca7f;
}

.single-pricing ul {
    list-style: none;
    margin-top: 30px;
}

.single-pricing ul li {
    line-height: 44px;
}

.single-pricing ul li span {
    background: rgba(46, 202, 127, 0.1);
    color: #2eca7f;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    margin-right: 6px;
    display: inline-block;
}

.pricing-price {}

.price_btn {
    background: #2eca7f;
    padding: 10px 30px;
    color: #fff;
    display: inline-block;
    margin-top: 30px;
    border-radius: 2px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.price_btn:hover {
    background: #3f3eed;
}

/*
* ----------------------------------------------------------------------------------------
* 17.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 18.START EVENT DESIGN
* ----------------------------------------------------------------------------------------
*/
.our-event {
    padding-bottom: 50px;
}

.event-slide {
    position: relative;
    background: #fff;
    border-radius: 3px;
    margin-bottom: 30px;
    transition: 0.3s;
}

.es {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-bottom: 30px;
    padding: 30px;
    transition: 0.3s;
}

.event-slide:hover {
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
}

.es:hover {
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
}

@media only screen and (max-width:480px) {
    .event-slide {
        margin-bottom: 30px;
    }
}

.event-slide-page {
    margin: 0px 0px;
    margin-bottom: 30px;
}

.event-slide .event-img {
    position: relative;
    overflow: hidden;
}

.event-slide .event-img img {
    width: 100%;
    height: auto;
}

.event-slide .event-date {
    position: absolute;
    top: 10%;
    left: 4%;
}

.event-slide .date {
    display: inline-block;
    border-radius: 3px 0 0 3px;
    padding: 5px 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    background: #1a2d62;
    float: left;
}

.event-slide .month {
    display: inline-block;
    border-radius: 0 3px 3px 0;
    padding: 5px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    background: #2eca7f;
}

.event-slide .event-content {
    padding: 30px;
    border: 1px solid #eee;
}

.event-content.ec_pd {
    padding: 0;
    border: 0;
    margin-top: 30px;
}

.event-content h3 a {
    color: #1a2d62;
    font-size: 20px;
    font-weight: 800;
    margin: 0 0 15px 0;
    text-transform: capitalize;
    display: block;
    line-height: 30px;
    transition: 0.3s;
}

.event-content h3 a:hover {
    color: #2eca7f;
}

.event-slide .event-content span i {
    color: #2eca7f;
    margin-right: 8px;
}

.event-slide .event-content>span {
    color: #1a2d62;
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 20px;
}

.event-slide .event-description {
    margin-bottom: 20px;
}

.event-content p {}


/*START SINGLE EVENT DESIGN*/
.single_event_single {}

.single_event_single img {
    width: 100%;
}

.single_event_text_single {}

.single_event_text_single h4 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
}

.single_event_text_single {}

.single_event_text_single span i {
    color: #2eca7f;
    margin-right: 8px;
}

.single_event_text_single span {
    color: #333;
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 20px;
}

.single_event_text_single p {
    margin-top: 20px;
}

.single_event_text_single_description {
    margin-top: 30px;
}

.single_event_text_single_description h3 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
}

.single_event_text_single_description p {}

.event_info {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.07);
    padding: 30px;
}

.event_info h3 {
    background: #2eca7f none repeat scroll 0 0;
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    text-align: center;
    padding: 20px;
}

.event_info ul {
    list-style: none;
}

.event_info ul li {
    margin: 30px 0;
}

.event_info ul i {
    background: #2eca7f none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    float: left;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    margin-right: 15px;
    text-align: center;
    width: 45px;
}

.event_info ul h4 {
    font-weight: 700;
    text-transform: capitalize;
    overflow: hidden;
    font-size: 22px;
}

.event_info ul li p {
    overflow: hidden;
}

.event_info_price {}

.event_info_price h4 {
    background: #2eca7f none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    margin: 30px 0;
    padding: 10px;
    text-align: center;
}

.event_info_register a {
    width: 100%;
    text-align: center;
}

/*END SINGLE EVENT DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 18.END EVENT DESIGN
* ----------------------------------------------------------------------------------------
*/


/* ----------------------------------------------------------------------------------------
* 19.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.faq_area {
    padding-bottom: 40px;
}

.accordion {
    margin-bottom: 60px;
}

.accordion-item {
    border: 1px solid #ededed;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    background: #fff;
    margin-bottom: 20px;
}

.accordion-item:not(:first-of-type) {
    border-top: 1px solid #ddd;
}

.accordion-header {
    background: #fff !important;
    padding: 7px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion-button {
    background: none !important;
    color: #1a2d62 !important;
    font-weight: 700;
    font-size: 20px;
}

.accordion-button:not(.collapsed) {
    color: #1a2d62 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.accordion-button:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.pt_faq {
    padding-left: 50px;
}

/* ----------------------------------------------------------------------------------------
* 19.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 20.START ERROR PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.error_page {}

.error_page h2 {
    font-weight: 800;
    margin: 30px 0;
    font-size: 50px;
}

.error_page p {
    margin-bottom: 40px;
    font-weight: 500;
    width: 50%;
    margin: auto;
    margin-bottom: 40px;
}

/*
* ----------------------------------------------------------------------------------------
* 20.END ERROR PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 21.START LOGIN AND REGISTER PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.login_register {
    background: rgba(199, 201, 209, .09);
}

.login_register_title {
    margin-bottom: 30px;
    margin-top: 0;
    text-align: center;
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 899;
}

.login {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
    overflow: hidden;
    padding: 30px;
    border: 1px solid #d3ced2;
}

.login input {
    margin-bottom: 30px;
    background: #f4f4f4;
    height: 50px;
}

.login input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.register {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
    overflow: hidden;
    padding: 30px;
    border: 1px solid #d3ced2;
}

.register input {
    margin-bottom: 30px;
    background: #f4f4f4;
    height: 50px;
}

.register input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.login label {
    margin-bottom: 5px;
    font-weight: 500;
}

.register label {
    margin-bottom: 5px;
    font-weight: 500;
}

.login button,
.register button {
    border: none;
    width: 100%;
}

.login p,
.register p {
    color: #232434;
    font-weight: 600;
    text-align: center;
    margin-top: 15px;
}

.login p a,
.register p a {
    color: #2eca7f;
}

/*
* ----------------------------------------------------------------------------------------
* 21.END LOGIN AND REGISTER PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 22.START CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact label {
    margin-bottom: 5px;
    font-weight: 700;
    color: #1a2d62;
}

.contact input {
    background: #f4f4f4;
    border: 1px solid #f4f4f4;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1a2d62;
    font-size: 16px;
    font-weight: 400;
    height: 70px;
    padding: 10px 10px 10px 30px;
    width: 100%;
    margin-bottom: 30px;
}

.contact textarea {
    background: #f4f4f4;
    border: 1px solid #f4f4f4;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1a2d62;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 10px 10px 30px;
    width: 100%;
    margin-bottom: 30px;
}

.contact input:focus {
    background: #f4f4f4;
    border: 1px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 none;
    color: #1a2d62;
}

.contact textarea:focus {
    background: #f4f4f4;
    border: 1px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1a2d62;
}

.contact button {
    border: none;
}

@media only screen and (max-width:480px) {
    .single_address {
        margin-bottom: 30px;
    }
}

.single_address i {
    color: #2eca7f;
    font-size: 42px;
    margin-bottom: 20px;
    display: inline-block;
}

.single_address h4 {
    text-transform: capitalize;
    margin-bottom: 20px;
    font-weight: 700;
}

.single_address p {}

.sabr {
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
}

/*
* ----------------------------------------------------------------------------------------
* 22.END CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 23. START ABOUT PAGE & SINGLE USE CASE CSS
* ----------------------------------------------------------------------------------------
*/
.about-page {
    padding-bottom: 50px;
}

.ap-content {
    padding: 30px;
    border: 1px solid #ededed;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
}

.ap-content h1 {
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 20px;
}

.ap-content p {}

.ap-content a {
    color: #1a2d62;
}

.ss_case_one {
    padding: 30px;
    border: 1px solid #ededed;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    overflow: hidden;
}

.ss_case_one img {
    float: left;
    margin-right: 30px;
    width: 300px;
}

.ss_case_one h2 {
    font-weight: 700;
    font-size: 46px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-top: 50px;
}

.ss_case_one p {
    overflow: hidden;
}

.ss_case_two {
    padding: 30px;
    border: 1px solid #ededed;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    overflow: hidden;
}

.ss_case_two img {
    width: 300px;
}

.ss_case_two h2 {
    margin-top: 50px;
    font-weight: 700;
    font-size: 46px;
    margin-bottom: 20px;
    overflow: hidden;
}

.ss_case_two p {
    overflow: hidden;
}

.ss_case_left {
    float: left;
    margin-right: 30px;
    width: 534px;
}

@media only screen and (max-width:768px) {
    .ss_case_left {
        margin-right: 0px;
        margin-bottom: 60px;
        width: 100%;
    }
}

.ss_case_mr {
    margin-bottom: 250px;
}

/*
* ----------------------------------------------------------------------------------------
* 23. END ABOUT PAGE & SINGLE USE CASE CSS
* ----------------------------------------------------------------------------------------
*/


/*24. START NEWSLETTER*/
.subs_form {}

.subs_form h3 {
    font-weight: 800;
    font-size: 40px;
    margin-bottom: 20px;
}

.subs_form p {}

.home_subs {
    display: block;
    position: relative;
    margin-top: 30px;
    width: 100%;
}

.home_subs button {
    border: none;
}

.subscribe__input {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 500px;
    color: #1a2d62;
    display: block;
    font-weight: 600;
    height: 52px;
    letter-spacing: 0.4px;
    margin: 0;
    padding: 0 60px 0 20px;
    text-transform: capitalize;
    width: 100%;
}

.subscribe__input:focus {
    outline: 0 none;
    box-shadow: none;
    border: 2px solid #2eca7f !important;
}

.subscribe__btn {
    background-color: #2eca7f;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 22px;
    height: 52px;
    position: absolute;
    right: 0;
    top: 0;
    width: 54px;
}

.subscribe__btn:hover i {
    color: #fff;
}

.banner_subs {
    display: block;
    position: relative;
    margin-top: 30px;
    width: 60%;
    margin: auto;
}

.banner_subs button {
    border: none;
}

.home_si {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 500px;
    color: #1a2d62;
    display: block;
    font-weight: 600;
    height: 60px;
    letter-spacing: 0.4px;
    margin: 0;
    padding: 0 60px 0 20px;
    text-transform: capitalize;
    width: 100%;
}

.home_si:focus {
    outline: 0 none;
    box-shadow: none;
    border: 2px solid #2eca7f !important;
}

.home_sb button {
    background-color: #2eca7f;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    height: 50px;
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0 20px;
    width: 25%;
}

.home_sb button:hover {
    color: #fff;
    background: #1a2d62;
}

/*24. END NEWSLETTER*/

/*
* ----------------------------------------------------------------------------------------
* 24. START FREE COURSE+INSTRUCTOR CSS
* ----------------------------------------------------------------------------------------
*/
.insfreecourse {
    background: rgba(199, 201, 209, .09);
    padding-bottom: 30px;
}

.single_ins {
    background: #fff;
    border: 1px solid #eee;
    padding: 40px;
    overflow: hidden;
    margin-bottom: 50px;
}

.single_ins_content {
    float: left;
    width: 50%;
}

@media only screen and (max-width:480px) {
    .single_ins_content {
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }
}

.single_ins_content h4 {
    font-weight: 700;
    font-size: 18px;
    color: #2eca7f;
    text-transform: capitalize;
}

.single_ins_content h1 {
    font-weight: 700;
    margin-bottom: 20px;
}

.single_ins_content p {
    margin-bottom: 40px;
}

.single_ins_img {}

.single_ins_img img {
    width: 50%;
}

/*
* ----------------------------------------------------------------------------------------
* 24. END FREE COURSE+INSTRUCTOR CSS
* ----------------------------------------------------------------------------------------
*/

/*START RANGE SLIDER*/
.rs-slider {
    position: relative;
    background: #fff;
    box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
    padding: 30px;
    margin-bottom: 30px;
}

.rs-slider h4 {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
}

.range-slider {
    padding: 10px 55px 10px 0;
    position: relative;
}

.range-slider input[type="range"] {
    background: transparent;
    width: 100%;
    height: 8px;
    outline: none;
    border: 2px solid #2eca7f;
    border-radius: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}

.range-slider input[type="range"]::-webkit-slider-thumb {
    background: #2eca7f;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.15s ease-in-out 0s;
    -webkit-appearance: none;
    appearance: none;
}

.range-slider input[type="range"]:active::-webkit-slider-thumb,
.range-slider input[type="range"]::-webkit-slider-thumb:hover {
    transform: rotate(45deg);
    border-radius: 50% 0 50% 50%;
}

.range-slider input[type="range"]:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 5px #fff inset, 0 0 5px #2eca7f;
}

.range-slider input[type="range"]::-moz-range-thumb {
    background: #2eca7f;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: all 0.15s ease-in-out 0s;
}

.range-slider input[type="range"]:active::-moz-range-thumb,
.range-slider input[type="range"]::-moz-range-thumb:hover {
    transform: rotate(45deg);
    border-radius: 50% 0 50% 50%;
}

.range-slider input[type="range"]:active::-moz-range-thumb {
    box-shadow: 0 0 0 5px #fff inset, 0 0 5px #2eca7f;
}

.range-slider .range-value {
    color: #fff;
    background: #2eca7f;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    width: 45px;
    padding: 7px 0;
    border-radius: 50%;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(50%);
    position: absolute;
    bottom: 50%;
    right: 0;
}

::-moz-range-track {
    background: transparent;
    border: 0;
}

/*END RANGE SLIDER*/


/*START SHOP CSS*/

.product_item .mix {
    display: none;
}

.product_filter {
    margin-bottom: 10px;
}

.product_filter ul {
    margin: 0px 0 40px;
    padding: 0;
    list-style: none;
}

.product_filter ul li {
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    cursor: pointer;
    padding: 10px 22px;
    font-size: 16px;
    border: 1px solid transparent;
    transition: .5s;
    /* letter-spacing: 1px; */
    border-radius: 20px;
    margin: 0px;
    color: #1a2d62;
    line-height: 1;
    border: 1px solid #eee;
    margin: 0 10px;
}

.product_filter .filter.active {
    color: #fff;
    border-color: #2eca7f;
    background: #2eca7f;
    font-weight: 700;
}

.product-grid {
    text-align: center;
    padding: 0 0 72px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.product-grid .product-image {
    position: relative;
    transition: all 0.3s ease 0s;
}

.product-grid .product-image a {
    display: block;
}

.product-grid .product-image img {
    width: 100%;
    height: auto;
}

.product-grid .pic-1 {
    opacity: 1;
    transition: all 0.3s ease-out 0s;
}

.product-grid:hover .pic-1 {
    opacity: 1;
}

.product-grid .pic-2 {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-out 0s;
}

.product-grid:hover .pic-2 {
    opacity: 1;
}

.product-grid .social {
    width: 150px;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 60%;
    left: 50%;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.product-grid:hover .social {
    opacity: 1;
    top: 50%;
}

.product-grid .social li {
    display: inline-block;
}

.product-grid .social li a {
    color: #2eca7f;
    background-color: #fff;
    font-size: 16px;
    line-height: 43px;
    text-align: center;
    height: 40px;
    width: 40px;
    margin: 0 2px;
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
}

.product-grid .social li a:hover {
    color: #fff;
    background-color: #2eca7f;
}

.product-grid .social li a:before,
.product-grid .social li a:after {
    content: attr(data-tip);
    color: #fff;
    background-color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 1px 5px;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -30px;
}

.product-grid .social li a:after {
    content: '';
    height: 15px;
    width: 15px;
    border-radius: 0;
    transform: translateX(-50%) rotate(45deg);
    top: -20px;
    z-index: -1;
}

.product-grid .social li a:hover:before,
.product-grid .social li a:hover:after {
    opacity: 1;
}

.product-grid .product-new-label,
.product-grid .product-discount-label {
    color: #fff;
    background-color: #2eca7f;
    font-size: 12px;
    text-transform: uppercase;
    padding: 2px 10px;
    display: block;
    position: absolute;
    top: 13px;
    left: 13px;
    font-family: 'Poppins', sans-serif;
}

.product-grid .product-discount-label {
    background-color: #333;
    left: auto;
    right: 0;
}

.product-grid .rating {
    color: #fec42d;
    cursor: pointer;
    font-size: 13px;
    padding: 12px 0 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: -1;
}

.product-grid .rating li.disable {
    color: rgba(0, 0, 0, 0.2);
}

.product-grid .product-content {
    background-color: #fff;
    text-align: center;
    padding: 0px 0 5px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    z-index: 1;
    transition: all 0.3s;
}

.product-grid:hover .product-content {
    bottom: 7px;
}

.product-grid .title {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    margin: 5px 0 0px;
    transition: all 0.3s ease 0s;
}

.product-grid .title a {
    color: #333;
}

.product-grid .title a:hover {
    color: #2eca7f;
}

.product-grid:hover .title a {
    color: #2eca7f;
}

.product-grid .price {
    color: #333;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.6px;
    margin-bottom: 3px;
    text-align: center;
    transition: all 0.3s;
}

.product-grid .price span {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 3px;
    display: inline-block;
}

.product-grid .add-to-cart {
    color: #000;
    font-size: 13px;
    font-weight: 600;
}



/* -------- Product Details Page Css -------- */

.pd_title {
    color: #2eca7f;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 12px;
    margin-bottom: 30px;
    text-transform: uppercase;
    width: 100%;
    transition: .5s;
}

.pd_title:hover {
    color: #000;
}

.pd_price_dtls {
    margin-bottom: 38px;
}

.pd_price {
    float: left;
}

.pd_ratng {
    float: right;
}

.pd_price .new {
    color: #303030;
    font-size: 18px;
    font-weight: 700;
    margin-right: 11px;
}

.pd_price span {
    line-height: 16px;
    display: block;
    font-weight: 500;
    float: left;
}

.pd_price .old {
    color: #909090;
    font-size: 14px;
    position: relative;
    padding: 0 5px 0 4px;
}

.pd_price .old::before {
    background: #909090;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 100%;
}

.pd_ratng .rtngs i {
    display: block;
    float: left;
    font-size: 15px;
    margin-right: 3px;
}

.pd_text {
    margin-bottom: 30px;
}

.pd_text h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.pd_img_size {
    margin-bottom: 38px;
    overflow: hidden;
}

.pd_img_size h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.pd_img_size a {
    border: 1px solid #eeeeee;
    color: #303030;
    display: block;
    float: left;
    height: 36px;
    line-height: 36px;
    margin-right: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 36px;
    transition: .5s;
}

.pd_img_size a:hover {
    border: 1px solid #2eca7f;
    color: #2eca7f;
}

.pd_clr_qntty_dtls {
    margin-bottom: 40px;
}

.pd_clr {
    width: 50%;
    float: left;
}

.pd_clr h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.pd_clr a.active {
    border: 6px solid #fff;
    outline: 1px solid #303030;
    outline-offset: -1px;
    overflow: hidden;
}

.pd_clr a {
    display: block;
    float: left;
    height: 36px;
    line-height: 36px;
    margin-right: 10px;
    text-indent: -999999px;
    width: 36px;
}

.pd_qntty_area {
    width: 50%;
    float: left;
}

.pd_qntty_area h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.pd_qntty_area .pd_qty {
    border: 1px solid #ddd;
    width: auto;
    display: inline-block;
}

.pd_qntty_area .pd_qty input[type="number"] {
    background: transparent none repeat scroll 0 0;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 0 0;
    color: #303030;
    float: left;
    height: 35px;
    padding: 0 5px;
    text-align: center;
    width: 54px;
}

.pd_qntty_area .pd_qty .qttybtn.inc {
    margin-top: 5px;
}

.pd_qntty_area .pd_qty .qttybtn {
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-align: center;
}

.pd_qntty_area .pd_qty .qttybtn i {
    display: block;
    line-height: 12px;
}

.pd_btn {
    margin-bottom: 38px;
}

.btn_icn {
    background: #fff;
    color: #2eca7f !important;
    border: 1px solid #2eca7f;
    padding: 8px 15px;
    margin-left: 10px;
    transition: .5s;
}

.btn_icn:hover {
    background: #2eca7f;
    color: #fff !important;
}

.pd_share_area h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.pd_social_icon a {
    color: #606060;
    display: block;
    float: left;
    font-size: 20px;
    line-height: 32px;
    margin-right: 20px;
    transition: .5s;
}

.pd_social_icon a:hover {
    color: #2eca7f;
}

.prdct_dtls_content {
    margin-top: 40px;
}

.pd_tab_area {
    margin-top: 30px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, .02);
    box-shadow: 0 0 4px rgba(0, 0, 0, .02);
    display: block;
    padding: 31px 32px;
}

.pd_tab_area p {
    margin-bottom: 15px;
}

.pd_tab_area ul {
    display: inline-block;

}

.pd_tab_area li {
    padding: 5px 0;
    display: block;
    font-weight: 00;
}

.pd_tab_btn {
    margin-bottom: 10px;
    border: none;
}

.pd_tab_btn li {
    display: block;
    float: left;
    margin-right: 10px;
    padding-bottom: 11px;
    position: relative;
}

.pd_tab_btn li a {
    color: #000;
    display: block;
    font-weight: 400;
    text-transform: capitalize;
    padding: 7px 20px;
    border-radius: 20px;
    transition: .5s;
}

.pd_tab_btn li a.active {
    background: #2eca7f;
    color: #fff;
    box-shadow: 4px 3px 5px rgba(0, 0, 0, 0.07);
}

.single_pd_tab {
    text-align: left;
}

.pda_rtng_area {
    margin-bottom: 20px;
}

.pda_rtng_area h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 14px;
    margin: 0 0 7px;
    color: #000;
}

.pda_rtng_area h4 span {
    color: #909090;
    font-size: 12px;
    font-weight: 400;
    line-height: 10px;
}

.pda_rtng_area>span {
    color: #909090;
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 10px;
}

.rtng_cmnt_area {
    margin-bottom: 40px;
}

.rtng_cmnt_area .single_rtng_cmnt {
    margin-bottom: 30px;
}

.rtngs {
    float: right;
    color: #fec42d;
}

.rtng_cmnt_area .single_rtng_cmnt .rtngs i {
    color: #fec42d;
    font-size: 16px;
}

.rtng_cmnt_area .single_rtng_cmnt .rtngs span {
    color: #909090;
}

.rtng_author {
    float: left;
}

.rtng_cmnt_area .single_rtng_cmnt .rtng_author h3 {
    color: #606060;
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    line-height: 13px;
}

.rtng_cmnt_area .single_rtng_cmnt .rtng_author span {
    color: #909090;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 300;
    line-height: 13px;
    margin-left: 15px;
}

.rtng_cmnt_area .single_rtng_cmnt p {
    display: block;
    overflow: hidden;
    width: 100%;
}

.rtng_cmnt_form_area h3 {
    font-size: 14px;
    margin: 0 0 30px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 12px;
}

.rcf_pdnglft {
    padding-left: 0;
}

.rp_title h3 {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 24px;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 13px;
    color: #000;
    font-weight: 700;
    margin-bottom: 18px;
}


.related_prdct_area {
    padding: 50px 0;
}

.gray_section {
    background: #f9f9f9;
}

.acc_btn {
    background: #2eca7f;
    border: 1px solid transparent;
    border-radius: 0;
    color: #fff !important;
    padding: 8px 20px;
    transition: .5s;
    margin-top: 10px;
    text-transform: capitalize;

}

.acc_btn:hover {
    background: #000;
    border: 1px solid transparent;
    color: #fff;
}

.input-area input {
    background: #f2f2f2;
    border: none;
    height: 52px;
    width: 100%;
    margin-bottom: 15px;
    padding: 20px;
}

.input-area textarea {
    background: #f2f2f2;
    border: none;
    width: 100%;
    margin-bottom: 15px;
    padding: 20px;
}

/*END SHOP CSS*/



h6.Engage-in-interactive {
    color: white;
    font-weight: 500;
    text-align: justify;
}

h6, p{
    text-align:justify;
}

h6.sasa-publication {
    font-family: 'Poppins';
    margin-top: 18px;
    line-height: 30px;
    font-weight: 300;
    padding-bottom: 22px;
    text-align:justify;
}

.banner-img-bg:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/banner/bg-icon-pattern.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    top: 0;
    background-color: #FFF8F4;
    left: 0;
}

section.banner-img-bg:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #fff8f45c;
    top: 0;
    z-index: -1;
}

.banner-img-bg {
    position: relative;
}


h4.what-we-do {
    font-weight: 500;

    padding-bottom: 10px;
}

h2.tranforming-ideas {
    font-weight: 600;
    line-height: 45px;
    font-size: 2.5rem;

    letter-spacing: 1px;
}

h6.at-sasa {
    font-weight: 300;
    font-family: 'Poppins';
    line-height: 27px;
}

.sectionpad-top {
    padding-top: 50px;
}


h6.icon-section-sasa {
    font-weight: 400;
    font-size: 14px;
    font-family: 'Poppins';
    line-height: 1.5;
}


.single_tp .svg-icon-center {
    margin-bottom: 10px;
}

h3.trusted-by-top {
    font-family: 'Poppins';
    font-size: 20px;
    text-align: center;
    font-weight: 300;
    padding-bottom: 46px;
}

h2.monial-test {
    text-align: center;
    font-size: 2.5rem;

    font-weight: 600;
    padding-bottom: 10px;
}

h6.hear-from-our {
    padding-bottom: 28px;
}

h6.hear-from-our {
    font-weight: 100;
    text-align: center;
    line-height: 22px;
    padding-bottom: 20px;
}

h3.faculty-dev {
    text-align: justify;
    font-weight: 600;
}


h4.faculty-dev-programs {


    font-weight: 800;
    font-size: 22px;
    padding-top: 25px;
}

h6.faculty-box {
    font-family: 'Poppins';
    text-align: justify;
    font-size: 13px;
    font-weight: 400;
    padding-bottom: 9px;
    letter-spacing: 1px;
    padding-top: 16px;
    line-height: 23px;
    color: #3E3E3E;
}

.certificate-sect::before {
    position: absolute;
    content: "";
    width: 80%;
    height: 300px;
    background: url(../images/all-img/certificate-background-vector.png);
    background-size: cover;
    background-position: center;
    border: solid 0.5px;
    /* background-repeat: no-repeat;
    z-index: -1;
	background-color: #FFF8F4; */

}

section.certificate-section {
    height: 560px;
}

h2.learn-and-get {
    letter-spacing: 1px;
    line-height: 40px;
    font-size: 2.5rem;
    padding-top: 49px;
}

.certificate-desin {
    position: absolute;

    right: 0;
    top: -45px;
}


.faculty-prfile-img {
    width: auto;
    display: flex
;
    padding-top: 16px;
    justify-content: flex-start;
    align-items: center;
}

.susumu-asa {
    display: flex;

    justify-content: center;
    padding-left: 14px;
    color: black;
    font-weight: 600;
}

.susumu-asa span {
    margin-left: 20px;
    font-size: 12px;
    font-weight: 400;
}


.duration-time {
    color: black;
    font-family: poppins;
    font-size: 14px;
    letter-spacing: 1px;
    padding-right: 105px;
    padding-top: 16px;
    font-weight: 400;
}

p.unlock {

    color: #444444;
    font-weight: 100;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 20px;
}


.rate-amount {
    display: flex;
    font-size: 22px;
    padding-top: 16px;
    color: black;
    font-weight: 600;
}

p.allow-up-to {
    font-size: 14px;
    padding-left: 22px;
    font-weight: 500;
    color: #D6621D;
}

.button-65 {
    appearance: none;
    backface-visibility: E2834A;
    background-color: #E2834A;
    border-radius: 10px;
    border-style: none;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Poppins';
    font-size: 15px;
    font-weight: 500;
    height: 50px;
    letter-spacing: normal;
    line-height: 1.5;
    outline: none;
    overflow: hidden;
    padding: 14px 51px;
    padding-right: 53px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transform: translate3d(0, 0, 0);
    transition: all .3s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: top;
    white-space: nowrap;
}

.button-wrapper {
    display: flex;
    padding-top: 16px;
}


.button-60 {
    align-items: center;
    appearance: none;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: .375em;
    box-shadow: none;
    box-sizing: border-box;
    color: #363636;
    cursor: pointer;
    display: inline-flex;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    height: 2.5em;
    justify-content: center;
    line-height: 1.5;
    padding: calc(.5em - 1px) 1em;
    position: relative;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: top;
    white-space: nowrap;
    font-size: 18px;
}

.button-wrapper {
    display: flex;
    padding-top: 16px;
    /* padding-left: 0px; */
    gap: 21px;
    align-items: baseline;
    align-items: flex-end;
}

.button-13 {
    background-color: #E2834A;
    border: 1px solid #d5d9d9;
    border-radius: 0px;
    box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
    box-sizing: border-box;
    color: #0f1111;
    cursor: pointer;
    display: inline-block;
    font-family: "Amazon Ember", sans-serif;
    font-size: 14px;
    /* line-height: 50px; */
    font-weight: 600;
    padding: 0 10px 0 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    width: 130px;
    height: 50px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;

}

.button-29 {
    border: 1px solid #d5d9d9;
    border-radius: 1px;
    box-shadow: rgba(213, 217, 217, .5) 5px 5px 0px 0;
    box-sizing: border-box;
    color: #0f1111;
    cursor: pointer;
    display: inline-block;

    font-size: 13px;
    line-height: 29px;
    padding: 0 10px 0 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    width: 100%;
    height: 40px;
    color: black;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}


.button-29:hover {
    background: #e2834a;

    font-weight: 600;
    box-shadow: none;
    transition: 0.4s ease-in-out;
}

.learn-more.button {
    padding-top: 10px;
    /* padding-right: 17px; */
    display: flex;
}







.home-testimonial {
    background-color: #231834;
    height: 380px;
}

.home-testimonial-bottom {
    background-color: #f8f8f8;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 20px;
    margin-bottom: 0px;
    position: relative;
    height: 130px;
    top: 190px;
}

.home-testimonial h3 {
    color: var(--orange);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.home-testimonial h2 {
    color: white;
    font-size: 28px;
    font-weight: 700;
}

.testimonial-inner {
    position: relative;
    top: -174px;
}

.testimonial-pos {
    position: relative;
    top: 24px;
}

.testimonial-inner .tour-desc {
    border-radius: 5px;
    padding: 40px;
}

.color-grey-3 {
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    color: #6c83a2;
}

.testimonial-inner img.tm-people {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
}

.link-name {
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    color: #6c83a2;
}

.link-position {
    font-family: "Montserrat", Sans-serif;
    font-size: 12px;
    color: #6c83a2;
}

p.hear-from-customer {
    font-size: 16px;
    display: flex;
    flex-direction: row;

    padding-left: 14px;
    margin-inline: auto;
    font-weight: 500;
    text-align: center;
    color: #3E3E3E;
    font-family: 'Mulish';
}

.single_footer.tooter {
    padding-top: 108px;
    padding-left: 95px;
}

.contact_form {
    width: 450px;

    margin: 80px auto;
    border-radius: 10px;
    text-align: left;
    padding-top: 14px;

    padding-bottom: 20px;
    background-color: #423b36;
    display: flex;
    justify-content: center;
    align-content: center;
}

input {
    background-color: transparent;
    width: 100%;
    height: 40px;

    border-color: white;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    border: none;
    border-bottom: 2px solid white;
}

button#enviar {
    text-align: center;
    background-color: #e2834a;
    width: 392px;
    height: 46px;
    border-radius: 5px;
    border-color: transparent;
}

p.submit-button-various {
    color: white;
}

input::placeholder {
    color: white;
}


p.addresss-add {
    padding-top: 19px;
    padding-bottom: 10px;
}

p.address-sasa {
    padding-top: 3px;
}

p.contact-adress {
    padding-top: 12px;
}

p.number-sasa {
    padding-top: 11px;
}


h2.welcome-to {
    font-size: 19px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #E2834A;
}

h1.faculty-devlop {
    font-size: 65px;
}

u.infosasa {
    padding-left: 12px;
}



.owl-carousel .owl-wrapper-outer {
    overflow: unset;
}

h4.lorem-1-ipsum {
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    font-family: 'Poppins';
}

h4.lorem-2-ipsum {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: white;
}

small.post-cooper {
    color: white;
    text-align: center;
    line-height: 18px;
    text-align: left;

}

small.post-ceo1 {
    color: white;
}

.testi_pic_title.tpt_two-various {
    background-color: #E2834A;
    border-radius: 12px;
}

.bolshit-company-logo {
    padding-left: 211px;
}

.fictoinal-logo {
    padding-left: 212px;
}

small.post-cooper {
    text-align: center;
    font-size: 12px;
}

small.post {
    text-align: left;
    font-size: 12px;
    line-height: 19px;
}

.shift-1 {
    padding-left: 180px;
}

.testimonial_duplicat {

    padding-top: 24px;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
}


.button-26 {
    appearance: button;
    background-color: #e2834a;
    border: 1px solid #e2834a;
    border-radius: 30px;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.15;
    overflow: visible;
    padding: 43px 181px;
    position: relative;
    text-align: center;
    text-transform: none;
    transition: all 80ms ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content;
}








.counter-section {
    text-align: center;
    padding: 12px;
    background-color: #e2834a;
    border-radius: 34px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 800px;
    width: 95%;
    gap: 20px;
}

.counters {
    display: flex;
    justify-content: space-between;
    
    align-items: center;
}

.counter {
    flex: 1;
    min-width: 100px;
    margin: 20px;
}

.counter h2 {
    font-size: 2rem;
    margin: 0;
    color: #ffffff;
    font-weight: 800;
}

.counter p {
    font-size: 1rem;
    color: #ffffff;
    margin: 5px 0 0;
}

.counter-num-but {
    background-color: white;
    border-radius: 25px;
    padding: 20px 0;
}

span#counter1 {
    color: black;
    font-weight: 900;
}

span.kfor-counting {
    color: inherit;
    font-weight: 800;
}

.black-color {
    color:#000 !important;
}

p.publis {
    color: black;
}

.icon-scil {
    padding: 20px;
    text-align: left;
    padding-left: 10px;
}

.social-icons {
    display: flex;
    gap: 29px;
    justify-content: flex-start;
}

.social-icon {
    color: #fff;
    font-size: 20px;
    transition: color 0.3s ease;
}

.social-icon:hover {
    color: #00aced;
    /* Light blue hover color for effect */
}

.testi_pic_title.tpt_one-to {

    border: solid 0.5px gray;
    border-radius: 24px;
}

h1.about-us-banner-text {
    text-align: center;
    padding-top: 170px;
}


.button-47 {
    align-items: center;
    background: #FFFFFF;
    border: 0 solid #E2E8F0;
    box-shadow: 0 4px 6px 6px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    color: #1A202C;
    display: inline-flex;
    font-family: Inter, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    height: 82px;
    justify-content: center;
    line-height: 24px;
    overflow-wrap: break-word;
    padding-left: 292px;
    text-decoration: none;
    width: auto;
    border-radius: 50px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

h1.consulting-ser {
    padding-top: 31px;
    letter-spacing: 3px;
}





.banner-img-bg-ourmission:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/banner/ouvission-mission-bg-img.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    background-color: #FFF8F4;
}



h3.our-vision-q1 {
    color: white;
    font-size: 51px;
    font-weight: 700;
}

.box-button {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 6px 2px #c9c8c8;
    border-radius: 70px !important;
}

.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0px !important;
}

.vc_do_icon {
    margin-bottom: 0px !important;
}

.paragraph-1-jus p {
    text-align: justify;
    line-height: 2;
    color: black;
}

.text-white {
    color: white !important;
}

.black-box .text-white p {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
}

.text-white h1 {
    color: white;
}

.text-white h3 {
    color: white;
}

h6.to-vision-w1 {
    color: white;
    font-weight: 500;
}

.bg-orange-image {
    position: relative;
    z-index: 0;
}


.bg-orange-image:after {
    position: absolute;
    content: "";
    background: url(https://mindmade.us/sasa-cms/wp-content/uploads/2024/11/Group-1677-1.png);
    background-size: cover;
    width: 120vw;
    height: 920px;
    top: 0;
    left: -25%;
    z-index: -1;
}


.bg-orange-samll-box:after {
    position: absolute;
    content: "";
    background: url(https://mindmade.us/sasa-cms/wp-content/uploads/2024/11/Group-1677-1.png);
    background-size: cover;
    width: 120vw;
    height: 380px;
    top: 0;
    left: -25%;
    z-index: -1;
}

.bg-orange-samll-box {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
}

.bg-grad-image {
    background: url(https://mindmade.us/sasa-cms/wp-content/uploads/2024/12/Frame-1.png);
    border-radius: 10px;
    color: white;
    background-size: cover;
    background-repeat: no-repeat;
}

.contains-custom-list li{
    margin: 20px 0;
}

.contains-custom-list li strong {
    color: #E2834A;
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
}

.outside-title h3, h3.outside-title{
    font-size: 35px;
    font-family: 'Poppins';
    color: #49494a !important;
}

.cus-heading-img h2{
    text-align: center;
    font-size: 32px;
    font-family: 'Poppins';
    color: #ececec;
}
.bg-grad-image .vc_col-sm-6 .wpb_text_column{
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.bg-grad-image .vc_col-sm-6 .wpb_text_column h2{
    text-align: center;
    font-size: 24px;
    color: white;
    font-family: 'Poppins';
    margin-bottom: 10px;
}

.page-top-box p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
}


.gt-in-touch-box h3 {
    font-size: 32px;
    font-weight: 600;


}

.gt-in-touch-box p {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;


}

.link-boxes .wpb_content_element {
    margin-bottom: 15px !important;

}

.link-boxes p {
    max-width: 500px;
}


.link-boxes p a {
    color: black;
    font-size: 23px;
}

.follow-box {
    padding: 30px 0;
    border-top: 2px solid black;
}


.follow-box h2 {
    font-size: 28px;
    font-weight: 600;

}


.social-container .vc_col-sm-2 {
    width: 11% !important;
}

.social-container .vc_column-inner {
    padding: 0 5px !important;
}


.form-box-contact .vc_column-inner {
    padding: 60px !important;
    margin: 60px !important;
    background: #E2834A;
    border-radius: 30px;
    max-width: 550px;
}


.form-box-contact textarea {
    width: 100%;
    height: 120px;
    margin-bottom: 10px;
    background: transparent;
    border: none;
    border-bottom: 2px solid white;
    color: white;
    padding: 10px;
}


.form-box-contact input {
    color: white;
}

.form-box-contact textarea::placeholder {
    color: white;
}

input.wpcf7-form-control.wpcf7-submit {
    align-self: end;
    width: 10rem;
    background: black;
    color: white;
    padding: 25px 20px;
    height: auto;
    border-radius: 50px;
    border: none;
}


.form-box-contact h3 {
    color: white;
}


.form-box-contact p {
    color: white;
}

.wpcf7 form.sent .wpcf7-response-output {

    color: white;
}


.flex {
    display: flex;

}

.bg-orange-samll-box h1 {
    color: white !important;
    font-weight: 700;
    font-size: 58px;
}

.bg-orange-samll-box p {
    color: white !important;
}

.event-card h1 {
    font-size: 50px;
    color: #FF8B45;
}

.event-card h1 span {
    font-size: 24px;
    font-weight: 400;
}

.right-box-image-text img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50px;
    max-width: 50px !important;
    margin-right: 10px;
}

.right-box-image-text {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0px !important;
    border-top: 2px solid #888;
    padding-top: 15px;
}

.right-box-image-text .wpb_single_image.vc_align_left {
    display: inline-block;
}

.image-profle .vc_column-inner {
    padding: 0px !important;
}

.card-for-event p {

    line-height: 2;
    font-size: 18px;
}


.time-workshop h2 {
    font-size: 42px;
    font-weight: 800;
    color: #3E3E3E;

}

.time-workshop p {
    line-height: 2;
    font-size: 18px;
    font-weight: 400;
    color: #000;

}

.date-top-event .wpb_wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: row;
}

.date-top-event pre {
    margin-left: 60px;
    font-size: 36px;
    line-height: 1.35;
    color: #ff9351;
    text-decoration: underline;
}


.label-box p {
    color: #000 !important;
}

.faculty-dev {
    height: 400px;
    padding-top: 40px;
}

/* Customize navigation buttons */
.swiper-button-next,
.swiper-button-prev {
    color: #000;
    /* Set arrow color */
    font-size: 20px;
    /* Set size of arrows */
    background-color: rgba(255, 255, 255, 0.5);
    /* Optional background */
    padding: 10px;
    /* Space around arrows */
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: rgba(255, 255, 255, 0.8);
    /* Hover effect */
}


.team_member .swiper-button-next,
.team_member .test-next,
.video-slider .vid-slide-next {
    right: -5rem;
}

.team_member .swiper-button-prev,
.team_member .test-prev,
.video-slider .vid-slide-prev {
    left: -5rem;
}

.team_member {
    overflow: visible;
}


.course-slider .swiper-button-next,
.course-slider .swiper-button-prev,
.team_member .test-prev,
.team_member .test-next,
.video-slider .vid-slide-next,
.video-slider .vid-slide-prev {
    position: absolute;
    top: 45% !important;
    width: 60px !important;
    height: 60px !important;
    margin-top: unset !important;
    border-radius: 50%;
    z-index: 10;
    padding: 0 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000 !important;
    box-shadow: 2px 2px 10px 2px #666;
    background: white;

}

.swiper-container,
.swiper-container-testimonial {
    position: relative;
}

.p-relative {
    position: relative;
}

.swiper-container,
.swiper-container-testimonial,
.swiper-container-video-box {
    overflow: hidden;
}




.swiper-button-next:after,
.swiper-button-prev:after {

    font-size: 25px !important;

}


.swiper-button-next:after {
    margin-left: 5px;

}

.swiper-button-prev:after {
    margin-right: 5px;

}

p.dura {
    font-size: 12px;
}


.test-prev:after,
.vid-slide-prev:after {
    content: 'prev';
}


.infographic h2 {
    font-size: 28px;
    margin-bottom: 20px !important;

}

.test-next:after,
.vid-slide-next:after {
    content: 'next';
}

.vid-slide-next:after,
.vid-slide-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 25px !important;
}





.test-next:after,
.test-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 25px !important;
}

.number-sasa a {
    color: white;
    font-weight: 800;
    font-size: 16px;
    margin-right: 20px;
}

.footer-form input.wpcf7-form-control.wpcf7-submit.has-spinner.submit-button-various {
    text-align: center;
    background-color: #e2834a;
    width: 100%;


    padding: 15px;
    border-radius: 5px;
    border-color: transparent;
}

.footer-form textarea {
    height: 120px;
    background: transparent;
    width: 100%;
    border: 2px white solid;
    margin-top: 5px;
    padding: 10px;
    color: white;
    border-radius: 5px;
}

.footer-form textarea::placeholder {
    color: white;
}


.footer-form input {

    height: 50px;
    color: white;
    border-radius: 5px;
    width: 100%;

    border: 2px solid white;
}


.wpcf7 form.sent .wpcf7-response-output {

    width: 350px;
}


/*inforgraphic section*/


.infographic {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.infographic .section {
    display: flex;
    align-items: center;
    gap: 0px;
}

.infographic .line {
    height: 14px;

    flex-shrink: 0;
}

.blue_1 .line {
    background: #025F64;
}

.blue_1 .outer-circle {
    background: #09B2BB;
}

.blue_1 .mid-circle {
    background: #025F64;
}

.red_2 .line {
    background: #C13F26;
}

.red_2 .outer-circle {
    background: #E45438;
}

.red_2 .mid-circle {
    background: #C13F26;
}

.orange_3 .line {
    background: #DC7A0E;
}

.orange_3 .outer-circle {
    background: #FF8600;
}

.orange_3 .mid-circle {
    background: #DC7A0E;
}


.infographic .circles {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    border-radius: 50%;
    width: 340px;
    height: 340px;
    border: 2px dashed black;
}

.infographic .circle {
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.infographic .outer-circle {
    width: 290px;
    height: 290px;
}

.infographic .mid-circle {
    width: 250px;
    height: 250px;
}

.infographic .inner-circle {
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    overflow: hidden;
}

.infographic .inner-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;


    width: 70px;
    height: auto;
    margin-right: 2.5rem;

}

.infographic .number {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 70px;
    font-weight: bold;
    color: #333;
}

.infographic .text {
    flex-grow: 1;
    margin-left: 100px;
}

.infographic .text p {
    margin: 0;
    font-size: 16px;
    color: #333;
    width: 260px;
    line-height: 1.8;
}

.infographic .inner-circle {
    justify-content: center !important;
}


.video-box-onsl {

    border-radius: 30px;
    padding: 20px;
    margin-top: -2rem;
    position: relative;
    z-index: 3;
    background: white;
    margin-left: 2rem;
    margin-right: 2rem;
    box-shadow: 1px 1px 5px #a19f9f;
}

.lsicon--location-filled {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M8 1a5 5 0 0 0-5 5c0 1.14.56 2.488 1.377 3.934c.827 1.463 1.967 3.107 3.216 4.857l.407.57l.407-.57c1.25-1.75 2.389-3.394 3.216-4.857C12.44 8.488 13 7.14 13 6a5 5 0 0 0-5-5m0 2.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: #e88023;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}


.solar--play-bold {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.409 9.353a2.998 2.998 0 0 1 0 5.294L8.597 21.614C6.534 22.737 4 21.277 4 18.968V5.033c0-2.31 2.534-3.769 4.597-2.648z'/%3E%3C/svg%3E");
    background-color: white;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}


.video-slider .location {
    color: #e88023;
}

.play-icon-float {
    background: #e88023;
    position: absolute;
    top: -40px;
    left: 40px;
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.infographic {
    position: relative;

}

.infographic:after {
    position: absolute;
    content: "";
    width: 380px;
    height: 586px;
    background: url(https://mindmade.us/sasa-cms/wp-content/uploads/2024/11/Group-7.png);
    background-size: cover;
    top: 0px;
    right: 0px;
    z-index:-2;
}

@media only screen and (max-width: 1400px) {
    .bg-orange-samll-box h1 {

        font-size: 50px;
    }




}


.search-container::after {
    display: table;
    content: "";
    clear: both;
}

.search-container .wrapper {
    width: 100%;
    margin: 0 auto 0 0;
    min-height: 70Vh;
    max-width: 800px;
}

.search-container h2 {
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1px;
    color: #111;
}

.search-container h2::after {
    display: table;
    content: "";
    clear: both;
}

.search-container .wrapper input[type="search"], .search-box-container input {
    font-size: 16px;
    width: 100%;
    line-height: 40px;
    height: 60px;
    padding: 16px 60px;
    margin-top: 30px;
    border: 0px solid #333;
    border-radius: 30px;
    outline: none;
    color: #333;
    box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.2);
}



.search-container .content ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

.search-container .content ul li.product {
    width: 30%;
    margin: 1.3%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}



.search-container .content ul li img {
    width: 100%;
    border-radius: 10px;
}

.search-container .content ul li img:hover {}


.search-container .content ul li p {
    font-family: sans-serif;
    margin: 0px 0px 0px 0px;
    font-size: 16px;
    font-weight: 800;
    color: #333;
    text-align: center;
}

.contact-top {
    margin-top:30px;
}

/*------Responsive--------------*/

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

    .search-container {
        width: 100%;
    }

    .search-container h2 {
        font-size: 20px;
    }

    .search-container .wrapper input[type="search"] {
        font-size: 12px;
        width: 80%;
        margin-left: 10%;
        margin-top: 15px;
    }

    .search-container .wrapper {
        width: 100%;
    }

    .search-container .content ul li.product {
        width: 80%;
        margin-left: 10%;
    }
}

#no-results {
    display: none;
    color: red;
}


.search-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.search-modal {

    padding: 20px;
    border-radius: 20px;
    box-shadow: 4px 6px 10px gray;
    max-height: 400px;
    overflow-y: hidden;
}

.search-modal .participant {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}


.search-container {
    position:relative;
}

.close-modal{
    width: 40px;
    height: 40px;
    font-size: 35px;
    cursor: pointer;
}

.search-heading h5 {
    font-size: 18px;
    font-weight: 800;
    color: #e55600;
    margin: 10px 0;
}


.search-container .wrapper input[type="search"]::placeholder, .search-box-container input::placeholder {
    color: gray;
}

.search-box-container {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

#search-box {
    width: 100%;
    padding: 10px 60px;
    font-size: 16px;
    border: 1px solid #ccc;
}

.search-icon {
    position: absolute;
    top: 57%;
    left: 20px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #888;
}

.shift-1 {

    width: 100%;
    position: relative;
    height: 60px;
}


.shift-1 img {
    position: absolute;
    right: 0;
    top: 10px;
}



.single_tp {

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* align-content: space-around; */
    align-items: stretch;
}

.d-c-c {
    display: flex;
    align-items: center;
    justify-content: center;
}


.banner-title {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}




.banner-top-sli,.banner-top-sli  .carousel-item{
    height:30vh;
}

.box-button{
    min-width: 300px;
    max-width: 400px;
}

.box-button h1  {
    font-size:24px;
}



.event-card.first-card{
    margin-top: 200px;
    
}


.event-card {
    margin-top: 50px;
    margin-bottom:30px;
}



@media only screen and (max-width: 1400px) {
    .counter {

        margin: 10px;
    }

    .counters {
        flex-wrap: nowrap;
    }

    .counter-section {
        width: 100%;
    }
}


@media screen and (max-width:1200px) {

    .team_member .swiper-button-next,
    .team_member .test-next,
    .video-slider .vid-slide-next {
        right: 0rem;
    }

    .team_member .swiper-button-prev,
    .team_member .test-prev,
    .video-slider .vid-slide-prev {
        left: 0rem;
    }
    
    .slides-team .our-team {
        max-width: 400px;
    }
        .bg-orange-image:after {

    height: 1000px;

    left: -18%;

}

.contact-top {
    margin-top:250px;
}



.orange_3 .line, .blue_1 .line, .red_2 .line {
    width:20% !important;
}

.vc_custom_1732013792853 {

    margin-right: 140px !important;}
    
     .banner-title h1 {

    font-size: 3rem;
    }
    
    
    
    .bg-orange-samll-box:after {height: 420px;
    top: 0;
    left: -22%;}
    
    
    .date-top-event pre {

    font-size: 25px; }
    
    .event-card h1 {
    font-size: 40px;
}


}


.pl-ec-cus {
    padding-left:60px !important;
}


@media only screen and (min-width: 990px) and (max-width: 1300px) {
    h2.learn-and-get {
    line-height: 40px;
    font-size: 1.8rem;
}
}
@media only screen and (min-width: 767px) and (max-width: 989px) {
    h2.learn-and-get {
    line-height: 30px;
    font-size: 1.5rem;
}
}




@media only screen and (min-width: 768px) and (max-width: 1200px) {
    h1.faculty-devlop {
        font-size: 40px;
    }

    .kenburns_061_slide {
        top: 25%;
    }

    .certificate-desin img {
        max-width: 300px;
    }

    .single_tp {
        padding: 20px;
    }

}


@media only screen and (max-width: 990px) { 
        .bg-orange-samll-box:after {
        height: 500px;}
        
        
        .info-section {
            width:100%;
                margin-top: 120px;
        }
        
        .infographic {
    
    width: 100%;
    

}

    .form-box-contact .vc_column-inner {
        padding: 30px !important;
        margin: 5% !important;

        max-width: 90%;
    }

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner {
    margin-bottom:20px;
}

.orange_3 .line, .blue_1 .line, .red_2 .line {
    width:10% !important;
}

.infographic .circles { 
    border:none;
}
}


@media only screen and (max-width: 767px) {
    h1.faculty-devlop {
        font-size: 18px;
    }
    
        .contact-top {
        margin-top: 50px;
    }
    
     .info-section {
            width:100%;
                margin-top: 220px;
        }
    .infographic .text {

    margin-left: 10px;
}

.infographic {

    gap: 25px;
}
    
    .orange_3 .line, .blue_1 .line, .red_2 .line {
    display:none;
}
    
    .infographic .section {
   
    flex-direction: column;
}


    
    .card-for-event p {
    line-height: 1.6;
    font-size: 14px;
}


    .contact_form {

    margin: 20px auto; }
    .contact_form {
    width: 350px;
    padding: 30px 15px;}

    .certificate-sect::before {
        display: none;
    }
    
    .single_footer.tooter {
     padding-top: 20px; 
     padding-left: 0px; 
}

    .certificate-desin {
        padding: 30px;
        position: relative;
        top: 0;
    }


    .course-slider .swiper-button-next,
    .course-slider .swiper-button-prev,
    .team_member .test-prev,
    .team_member .test-next,
    .video-slider .vid-slide-next,
    .video-slider .vid-slide-prev {
        top: 35% !important;
    }

    .slides-team .our-team {
        max-width: 350px;
    }


    .button-65 {

        padding: 10px 10px;


    }
    .pl-ec-cus {
    padding-left:15px !important;
}

.right-box-image-text { 
    border-top:none;
    padding-top:0px;
}



    .fl-rever {
        flex-direction: column-reverse;
    }

    h2.learn-and-get {
        padding-top: 10px;
        font-size: 1.5rem;
        line-height: 30px;
        letter-spacing: 0;
    }

    .certificate-desin img {
        max-width: 300px;

    }


    .ab_content h2 {
        line-height: 25px;
        font-size: 27px;
    }


    .single_tp {
        padding: 10px;

    }

    h6.Engage-in-interactive {
        font-size: 12px;
        font-weight: 600;
    }

    .section-padding {
        padding: 35px 20px;
        overflow-x: hidden;
    }

    .c_btn3 {

        padding: 5px 26px;
    }


    .kenburns_061_slide {
        width: 60%;
    }

    .c_btn3 {
        width: 120px;
    }

    .site-logo img {
        width: 90px;
    }


    .counter {
        min-width: 50px;
    }

    .call_to_action a {
        margin-right: 30px;
    }


    .certificate-sect::before {

        background: none;

        border: none;
    }
    
    
    
        .bg-orange-image:after {
        height: 1500px;
        left: -18%;
    }
    
    .banner-title h1 {

    font-size: 2rem;
    }
    
    
    .bg-orange-samll-box {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}


.bg-orange-samll-box:after {
        height: 610px;
        left: -20%;
    }
.bg-orange-samll-box.contact:after {
        height: 500px;
        left: -17%;
    }
    
    
    .event-card {
    margin-top: 60px !important;
}


}


.contains-custom-list ol li {
    margin:10px 0;
}

.contains-custom-list ol li::before {
    content: "★ "; /* Adds a star before each list item */
    color: gold; /* Optional: Changes the star's color */
    margin-right: 5px; /* Optional: Adds spacing between the star and the text */
    font-size: 1em; /* Optional: Adjusts the star's size */
}



.has-designed-buttons a {
    color: #ffffff;
    background: #e2834a;
    padding: 10px 20px;
    margin-top: 15px;
    border-radius: 30px;
    font-weight: 600;
    margin-right: 5px;
    margin-left: 5px;
}
 
 
 
 
.outside-title-h4 h4{
    font-family: 'Poppins';
    font-size: 24px;
    margin-bottom: 12px;
    color: #4b4949;
    margin-top:20px;
} 
 


@media only screen and (max-width: 750px) {
    .faculty-dev.bg-orange-samll-box:after {
        height: 650px;
        left: -20%;
    }
    
    .faculty-dev {
        height:600px;
    }
}
@media only screen and (max-width: 500px) {

    .kenburns_061_slide {
        width: 75%;
    }
    
    .bg-orange-samll-box:after {
        height: 620px;
        left: -20%;
    }
    .bg-orange-samll-box.contact:after {
        height: 500px !important;
        left: -20%;
    }
    
    .faculty-dev.bg-orange-samll-box:after {
        height: 695px;
        left: -20%;
    }
    
    .faculty-dev {
        height:600px;
    }
    
     .info-section {

                margin-top: 250px;
        }
}



.card-for-event   .vc_col-sm-11 p {
    padding-left:15px;
}


.li-has-bullet ul {
  list-style-type: none; /* Remove default bullets */
  padding-left: 0; /* Optional: Remove default padding */
}

.li-has-bullet ul li {
  position: relative; /* For positioning the pseudo-element */
  padding-left: 30px; /* Space for the arrow */
  margin:10px 0;
  text-align: justify;
}


li {
     text-align: justify;
}
.li-has-bullet ul li::before {
  content: ""; /* Empty content for the pseudo-element */
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M5 12h14M12 5l7 7-7 7"/%3E%3C/svg%3E'); /* Inline SVG */
  background-repeat: no-repeat;
  background-size: 16px 16px; /* Size of the arrow */
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 13px;
  transform: translateY(-50%);
}


h5{
    margin-bottom:20px;
}



.event-card-single .vc_column-inner {
    padding: 5% !important;
    box-shadow: 3px -1px 10px #c9c9c9;
    margin: 5%;
    width:auto !important;
}

.event-card-single h4 {
    font-size: 20px;
    color: #d85d00;
    font-weight: 600;
    font-family: poppins;

}

.event-card-single .vc_btn3-container {
    width:100%;
}

.event-card-single .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #ffffff;
    /* border-color: #6b6b6b; */
    background-color: #e88023;
    font-weight: 600;
    font-family: 'Poppins';
    width:100%;
}
.event-card-single .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    background-color: #ffffff;

}

.min-400p {
    min-height:450px;
}

.register-fm form {
    max-width: 700px;
    margin: 30px auto;
    padding: 50px;
    background: #fff6f1;
    border-radius:20px;
}


.register-fm input,
.register-fm select {
    background-color: white;
    width: 100%;
    height: 45px;
    border-color: #000000;
    margin-top: 0px;
    padding: 5px 20px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: 'Poppins';
    border: none;
    border: 1px solid #e1834a;
    border-radius: 5px;
    background: #fdfdfd;
}

.register-fm .rmform-check input {
    height:25px;
}


.rmform-col-6:not(:first-child) {
    margin-left:6%;
}

.rmform-col-6 {
    width: 47%;
    display: inline-block;

}

#rm-form-container {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}

#rm-form-container label, .rmform-label {
   
    color: black;

}
#rm-form-container label  {
   

    margin-top: 10px;
}

.rmform-label {
    margin-top: 10px;
}


#rm-radio-25 .rmform-field {
    margin-top:20px;
}


#rm-radio-25 .rmform-label {
    font-size: 16px;
    color: black;
    font-weight: 500;
    font-family: 'Poppins';
    padding-top: 8px;
}
#rm-checkbox-44 .rmform-label {
     font-size: 16px;
    color: black;
    font-weight: 500;
    font-family: 'Poppins';
}


.rmform-field-vertical-row .rmform-label {
     margin-top: 0px;
}

#rm-radio-25 .rmform-check {
    display: inline-flex;
    flex-direction: column;
    margin-right: 30px;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

#rm-checkbox-44 .rmform-check input {
    width: 25px;
    margin-right: 20px;
    margin-bottom: 0px;
}

#rm-checkbox-44 .rmform-field-vertical-row {
    display: flex;
    justify-content: center;
    flex-direction: column;
}


#rm-checkbox-44 .rmform-check {
    margin-top: 10px;
    display: flex;
    margin-bottom:15px;
    align-items: flex-start;
}
#rm-form-submit-btn {
    height: 60px;
    background-color: #E2834A;
    color: white;
    font-weight: 600;
    font-size: 16px;
}
#rm-checkbox-44{
    margin-bottom: 20px;
    margin-top: 40px;
}

.search-container .participant {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.events-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

a:hover {
    color: #000000;}
a{
    color:#eb6e00;
;
}


.events-container .event-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 5%;
    padding: 5%;
    box-shadow: 6px 1px 10px gray;
    border-radius: 20px;
    min-height: 450px;
}

.events-container h1 {
    text-align:center;
}

.events-container .event-item h2{
    margin-top:15px;
    font-size:24px;
}

.events-container .event-item p {
    margin-top: 15px;
    color: #423b36;
    font-family: poppins;
}

.event-image img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}


.event-card-single h2{
    font-size:18px;
}

.event-item:hover .event-image {
    transform: scale(0.97);
    transition: 0.3s ease-in-out;
}

.mm-link{
    color:#211813;
}

.event-page h1 {
    color:#ea7128;
    margin-top:2rem;
    margin-bottom:20px;
}

 
.participant a{
    padding: 5px 10px;
    background: #ea7128;
    border-radius: 4px;
    box-shadow: 2px 2px 2px black;
    color: white;
    
}

span.certificate{
    width: 200px;
    text-align: left;
}
.search-container .content ul li p {
    font-family: 'Poppins';
    margin: 0px 0px 0px 0px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-align: left;
    width: 300px;
}


.event-page .search-container {
    margin-top: 40px;
}

@media only screen and (max-width: 1000px) { 
    .search-container, .search-modal {
   
    width: 90%;
    margin: 0 5%;
}

.events-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

span.certificate {
    width: 130px;
   
}

.search-container .content ul li p {
    width: 160px;
}
   
}

@media only screen and (max-width: 767px) { 
    
.events-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
span.certificate {
    width: 100px;
   
}

.search-container .content ul li p {
    width: 140px;
}
    
    
}


@media only screen and (max-width: 520px) { 
    span.certificate {
    width: 80px;
   
}

.participant a {
    font-size:12px;
}


.search-container .content ul li p {
    width: 120px;
}

.event-content .search-container{
    margin: 40px 0%;
}
    
    
}

.counter p {
	text-align:center;
}