/*
Author       : themes_mountain
Template Name: Penn - Education HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOMEPAGE CSS STYLE
    04. START TOP PROMO DESIGN
    05. START ABOUT CSS DESIGN
    06. START COUNTER DESIGN
    07. START FEATURES DESIGN
    08. START COURSE DESIGN
    09. START COURSE PROMOTION DESIGN
    10. START TOPIC DESIGN
    11. START REVIEWS DESIGN
    12. START TEAM DESIGN
    13. START BLOG DESIGN
    14. START FOOTER DESIGN
    15. START PARTNER DESIGN
    16. START SECTION TOP DESIGN
    17. START PRICING DESIGN
    18. START EVENTS DESIGN
    19. START FAQ DESIGN
    20. START ERROR DESIGN
    21. START LOGIN AND REGISTER DESIGN
    22. START CONTACT DESIGN
    23. START ABOUT PAGE DESIGN
    23. START NEWSLETTER DESIGN
    24. START FREE COURSE+INSTRUCTOR DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

:root {
    --primary-color: #060b61; /* Color primario */
    /* --secondary-color: #b34eb0; Color secundario #b34eb0 */
    --accent-color: #060b61; /* Color de acento */
    --success-color: #68bb3e; /* Color de éxito */
    --danger-color: #5138a2; /* Color de peligro */
    --background-light: #fff; /* Fondo claro */
    --background-dark: #1a1936; /* Fondo oscuro */
    --text-color: #888; /* Color del texto */
    --border-color: #ededed; /* Color de borde */
}

body {
color:#888;
font-family: 'Libre Franklin', sans-serif;
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: 'Raleway', sans-serif;
  color: #060b61;
  font-weight: 400;
}
a {
	font-family: 'Libre Franklin', 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: 'Libre Franklin', sans-serif;}
.no-padding { padding: 0 }

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


.section-title h2 {
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  line-height: 1px;
  margin: 0 0 10px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--secondary-color);
}

.section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: var(--secondary-color);
  margin: 4px 10px;
}
.section-title p {
	width: 60%;
	margin: 0;
	font-size: 42px;
	font-weight: 600;
	/* text-transform: capitalize; */
	line-height: 46px;
	color: #060b61;
}
@media only screen and (max-width:480px){
.section-title p {width:100%;}
}
.section-title p span{color: var(--secondary-color);}
h1.section-title-white{color:#fff;}
p.section-title-white{color:#fff;}
.section-title-two{margin-bottom:60px;}
.section-title-two h2 {
	font-weight: 600;
	font-size: 50px;
	text-align: center;
}
.section-title-two h2 span{color: var(--secondary-color);}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
	background: var(--secondary-color);
	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: var(--secondary-color);
    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: #fb8e49;
    -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: #060b61;
    -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: #060b61;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #060b61;
	color: #fff;
	text-shadow: none;
}
/*BTN START*/
.btn_one {
	background: var(--secondary-color);
	font-size: 14px;
	padding: 10px 30px;
	color:#fff;
	display: inline-block;
	border: 1px solid var(--secondary-color);
	border-radius:100px;
	font-weight: 600;
	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: "";
  color: #060b61;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  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: #060b61;
  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:880px) { 
.btn_one {padding: 10px 20px;}
}
@media only screen and (max-width:480px) { 
.btn_one {padding: 10px 30px;}
}
/*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(162,155,210,0.2);
  width: 56px;
  height: 56px;
  transition: all 0.3s ease;
}
.cta span {
	position: relative;
	font-size: 15px;
	color: #060b61;
	font-weight: 600;
	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: #060b61;
}
.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 {
	background:#fff;
	color: #060b61;
	border: 1px solid #060b61;
	padding: 9px 30px;
	font-weight: 600;
	display: inline-block;
	border-radius: 100px;
	font-size: 14px;
	transition: 0.3s;
}
.btn_two:hover{
	color: #fff;
	border: 1px solid var(--secondary-color);
	background:var(--secondary-color);
}
/*END BTN THREE*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*START TOP HEADER DESIGN*/
.logo-contact {
	padding: 10px 0;
	background: var(--secondary-color);
}
@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:880px) { 
.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;}

.ab_content_a h2 {
	line-height: 40px !important;
    font-size: 40px !important;
}

.cp_content h2 {
    line-height: 40px !important;
    font-size: 40px !important;
}

.section-title p {
	line-height: 40px !important;
    font-size: 40px !important	;
}
}
.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;}
.top_f_whatsapp:hover{background:#25D366;}
/*END LOGO WITH CONTACT*/
/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.site-logo img {
	width: 150px;
	height: auto;
	margin-top: 10px;
}

.site-logo a {
	color: #fff;
	font-size: 18px;
}

.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;
}
.navbar-fixed {
    z-index: 10001;
    position: fixed;
    opacity: .98;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
    width: 100%;
	padding:10px 0;
    top: 0;
    -webkit-animation: fadeInDown 600ms;
    animation: fadeInDown 600ms;
    -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: 0 0 10px 0;
	/* background-color: #fff; */
	background-color: #060b61;
}
#navigation.navbar-fixed {
	padding:0 0 10px 0;
	background:#060b61;
	border-color: #060b61;
}
.header_right {
	display: block;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	padding-right: 0;
    padding-left: 0;

}
#main-menu {

}
#main-menu ul{
	list-style-type: none;
	text-align: center;
	margin-bottom: 0;
	padding-left: 0;
}
#main-menu ul li{
	display: inline-block;
	margin-left:10px;
	position: relative;
}
#main-menu ul li a {
	/* color: #060b61; */
	color: #fff;
	font-weight: 600;
	text-transform: capitalize;
	-webkit-transition:.5s;
	-o-transition: .5s;
	transition: .5s;
	font-size: 14px;
	padding: 24px 0 26px;
	display: block;
}
#main-menu ul li a span {
	font-weight: bold;
	font-size: 8px;
}
@media only screen and (max-width: 1024px){
	#main-menu ul li a {
		font-size: 11px;
	}

	.btn_one {
		font-size: 10px;
		padding: 5px 20px;
	}

	.btn_two {
		font-size: 10px;
		padding: 5px 20px;
	}

	.home_bg {
		height: 1100px;
		position: relative;
	}
}
@media only screen and (max-width: 880px){
#main-menu ul li a span{display: none;}
}
#navigation.navbar-fixed #main-menu ul li a{
	color: #ffffff;
	padding: 22px 0 18px;
}
#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: var(--secondary-color);
}
#main-menu ul li > a:hover,
#main-menu ul li > a:focus{

	color: var(--secondary-color);
}
#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: var(--secondary-color);
}

.slicknav_menu {
	font-size: 16px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: #fff;
	padding: 0px;
	margin-top: 20px;
}
.slicknav_nav_icon{
	color: #060b61;
	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: 11px;
}
#navigation {
	padding: 0 0 10px 0;
	/* background: #fff; */
	background: #060b61;
}
}
/*END 991px*/
@media only screen and (max-width: 880px){
#main-menu{
display: none;
}
#mobile_menu{
display: block;
width: 100%;
}
.slicknav_nav{
background-color: #fff;
}
#navigation #mobile_menu li a {
	color: #060b61;
	font-weight: 500;
}
#navigation.navbar-fixed #mobile_menu li a{
color: #060b61;
}
.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: #060b61;
background:#fff;
}
.slicknav_btn {
top: 24px;
background:#060b61;
}

.site-logo img {
    width: 90px;
    height: auto;
    margin-top: 15px;
}

.call_to_action {
    /* margin-top: 20px !important;
	margin-bottom: 10px; */
	gap: 25px;
}

.site-logo {
	margin-top: 10px;
}

.btn_one {
    font-size: 12px;
    padding: 5px 30px;
    border-radius: 100px;
    font-weight: 600;
	width: 130px;
	text-align: center;
}

.btn_two {
    padding: 5px 30px;
    font-weight: 600;
    font-size: 12px;
	width: 120px;
	text-align: center;
}



}
/*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: 0;
text-decoration: none;
position: absolute;
top: 45px;
right: 17px;
}
}
/*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: 80%;
	-webkit-transition:all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 200px;
	z-index: 999;
	border-radius: 4px;
	border-top: 2px solid var(--secondary-color);
}
#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: #060b61;
} 
#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: #060b61;
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	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: var(--secondary-color);
	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: #060b61;
	font-size: 26px;
}
.home_lc a .gactive {
	width: 20px;
	height: 20px;
	background: var(--secondary-color);
	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 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
}
.call_to_action a {
	margin-right:5px;
}
.select_cat select {
	width: 50%;
	float: left;
	margin-top: 15px;
	padding: 10px;
	font-weight: 600;
	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:450px;
position:relative;
}
.home_content{padding-top:100px;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_bg{
	height:930px;
	}

}
.home_content h1 {
	font-size: 50px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 20px;
}
.home_content h4 {
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 20px;
}
@media only screen and (max-width:1200px){
.home_bg{height:1000px;}
.home_content h1 {font-size: 38px;line-height:1.2}
.home_content p {
	margin-bottom: 30px;
	font-weight: 400;
	font-size: 16px !important;
}
}
 @media only screen and (max-width:960px){
	.home_bg{height:1100px;}
.home_content h1 {font-size: 60px;line-height:1.2}
 }
 @media only screen and (max-width:768px){
	.home_bg{height:1400px;}
	.home_content h1 {font-size: 40px;line-height:1.2}
	.home_content p {
		margin-bottom: 30px;
		font-weight: 400;
		font-size: 16px !important;
	}
 }
.home_content h1 span{color:var(--secondary-color);}
.home_content p {
	margin-bottom: 30px;
	font-weight: 400;
	font-size: 18px;
}
.home_me_img{	
	position: absolute;
	z-index: 9;
	bottom: 0;
	max-height: 900px;
}
.home_me_img img{position:relative;}
.home_img_two{padding-top:150px;padding-left:50px;}

@media only screen and (max-width:480px) { 
	.home_bg{height:1050px;}
.hc_pt {
    padding-top: 180px;
    position: relative;
}
.home_content h1 {
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 20px;
}
.home_content p {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
}
.home_bg2 {
    height: 500px;
    position: relative;
}
.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: 600;
	letter-spacing: 0;
	line-height: 90px;
	padding-top: 150px;
	/* text-transform: capitalize; */
	margin-bottom: 20px;
}
.hero-text h1 span{
color:var(--secondary-color);
}
@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: 600;
}
.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: 600;
}
.home_ps2 span{font-size: 14px;}
.home_tag{margin-top:30px;}
.home_tag span{}
.home_tag a {
	color: #060b61;
	font-weight: 600;
	padding: 0 5px;
	text-decoration: underline;
	transition: 0.3s;
}
.home_tag a:hover{color: var(--secondary-color);}
@media only screen and (max-width:480px) { 
#kenburns_061{margin-top:75px;}
}
/*
* ----------------------------------------------------------------------------------------
* 03. END HOMEPAGE CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04. START TOP PROMO STYLE
* ----------------------------------------------------------------------------------------
*/
.tp_feature{padding-bottom:50px;}
.single_tp {
	padding: 60px;
	margin-bottom: 30px;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.1);
	border-right: 1px solid #ededed;
}
@media only screen and (max-width:880px){
.single_tp {margin-bottom:0px;}
}
.single_tp h3 {
	font-size: 20px;
	font-weight: 600;
	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: 600;
	margin-bottom: 20px;
	/*text-transform: capitalize;*/
	line-height: 54px;
	font-size: 44px;
}
.ab_content h2 span{color: var(--secondary-color);}
.ab_content h2 u {
	color: var(--secondary-color);
}
.ab_content p{margin-bottom: 30px;}
.ab_content p{margin-bottom: 30px;}


.ab_content_a {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	margin-bottom:30px;
	position:relative;
}

.ab_content_a h2 {
	font-weight: 600;
	margin-bottom: 20px;
	/*text-transform: capitalize;*/
	line-height: 54px;
	font-size: 44px;
}
.ab_content_a h2 span{color: var(--secondary-color);}
.ab_content_a h2 u {
	color: var(--secondary-color);
}
.ab_content_a p{margin-bottom: 30px;}
.ab_content_a p{margin-bottom: 30px;}

.abmv {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	border: 1px solid #eee;
	transition: 0.3s;
}
.abmv:hover{
border-left: 4px solid var(--secondary-color);
}
.abmv span {
	background: rgba(179,78,176,0.2);
	float: left;
	margin-right: 20px;
	display: block;
	width: 70px;
	height: 70px;
	color: var(--secondary-color);
	line-height: 70px;
	text-align: center;
	font-size: 26px;
	border-radius: 100px;
}
.abmv h4{
font-weight:600;
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:880px){
.ab_img img {padding-right:0px;width: 100%;}
.ab_img{
margin-top:0px;
margin-bottom:60px;
}
}
/*
* ----------------------------------------------------------------------------------------
* 05. END ABOUT CSS STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06. START COUNTER CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.counts .count-box {
  display: flex;
  align-items: center;
  padding: 25px;
  width: 100%;
  height: 135px;
  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: #060b61;
  font-weight: 600;
}

.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;
	height: 220px;
	z-index: 2;	
		-webkit-transition: 0.3s;
	-webkit-transition: 0.2s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.single_feature_one b {
	font-size: 28px;
	margin-right: 10px;
	color: #060b61;
}
.sf_top{
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.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: #060b61;
	margin-bottom: 15px;
	display: block;
	/* text-transform: capitalize; */
	overflow: hidden;
	line-height: 32px;
	font-weight:600;
	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(179,78,176,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;
	margin-inline: 15px;
}
@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: 15px;
    font-weight: 600;
    background: var(--secondary-color);
    width: auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100px;
    padding: 0 20px;
}
.course-content{
    padding:30px;
	 box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
	 border:1px solid #ededed;
}
.course-content h3 a {
	color: #060b61;
	font-size: 20px;
	font-weight: 600;
	display: block;
	margin: 0 0 5px 0;
	/* text-transform: capitalize; */
	line-height: 1;
}
.course-content h3 a:hover{color:var(--secondary-color);}
.course-slide .course-content span i{
color:var(--secondary-color);
margin-right:8px;
}
.course-slide .course-content span {
	color: #060b61;
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
}
.course-slide .course-content span strong{font-weight:600;}
/*START COURSE STYLR TWO*/
.course-slide2{
    position:relative;
    background:#fff;
	margin-bottom: 30px;
}

.course-content h4 a {
    color: #060b61;
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin: 0 0 15px 0;
    /* text-transform: capitalize; */
    line-height: 1.1;
}

.course-content h5 {
	color: #060b61;
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
	font-size: 8px;
}

@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: 600;
	background: var(--secondary-color);
	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: #060b61;
	font-size: 20px;
	font-weight: 600;
	display: block;
	margin: 0 0 15px 0;
	/* text-transform: capitalize; */
	line-height: 29px;
}
.course-content2 h3 a:hover{color:var(--secondary-color);}
.course-slide2 .course-content2 span i{
color:var(--secondary-color);
margin-right:8px;
}
.course-slide2 .course-content2 span {
	color: #060b61;
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
}
.course-slide2 .course-content2 span strong{font-weight:600;}
.c_btn2 {
	text-decoration: underline;
	margin-bottom: 20px;
	display: inline-block;
	border-radius: 5px;
	color: #060b61;
	font-weight: 600;
	transition: 0.3s;
}
.c_btn2:hover{color:var(--secondary-color);}
.c_btn3 {
	background: var(--secondary-color);
	color: #fff;
	padding: 10px 30px;
	border-radius: 100px;
	font-weight: 600;
}
/*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;
	
}
.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: var(--secondary-color);
color:#fff;
}
.course-content3{
    padding:30px;
	 box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
	 border:1px solid #ededed;
	 background: #fff;
}

.course-content3 h3 a {
	color: #060b61;
	font-size: 20px;
	font-weight: 600;
	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:var(--secondary-color);}
/*END COURSE THREE*/

/*START SINGLE COURSE SIDEBAR CSS*/
.course_features{}
.course_features h3 {
	font-weight: 600;
	margin-bottom: 20px;
	background: var(--secondary-color);
	color: #fff;
	text-align: center;
	padding: 20px 10px;
	border-radius: 10px 10px 0 0;
	font-size: 18px;
}

.course_features ul{
	margin-bottom: 30px
}

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

/* Media query para pantallas de máximo 480px */
@media (max-width: 480px) {
	.course_features ul {
		margin-bottom: 30px;
		padding-inline: 10px;
	}

    .course_features ul li {
        font-size: 14px; /* Ajusta el tamaño de fuente */
        padding-top: 8px; /* Ajusta el padding superior */
    }
}
.course_features ul li i{
color:var(--secondary-color);
margin-right:8px;
}
.course_features ul li b {
	font-weight: 600;
	float: right;
	background: var(--secondary-color);
	color: #fff;
	padding: 5px 10px;
	overflow: hidden;
	border-radius: 10px;
	width: 155px;
    text-align: center;
}

.course_features ul li a {
	font-weight: 500;
	color: #fff;
	padding: 5px 10px;
	overflow: hidden;
	border-radius: 10px;
	font-size: 14px;
}

.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: 600;
}
.single_rc{
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #eee;
}
.single_rc img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	height: 80px;
}
.single_rc i{color:#ffbd35;margin-right: 8px;}
.single_rc h4 a {
	color: #060b61;
	font-size: 18px;
	font-weight: 600;
	margin: 15px 0 5px 0;
	display: block;
	transition: 0.3s;
}
.single_rc h4 a:hover{color:var(--secondary-color);}
.single_rc span {
	color: var(--secondary-color);
	font-weight: 600;
	font-size: px;
}
.single_langu{}
.single_langu input{}
.single_langu span a {
	color: #060b61;
	display: inline-block;
	font-size: 18px;
	line-height: 36px;
	transition: 0.3s;
}
.single_langu span a:hover{color:var(--secondary-color);}
.single_rat a {
	line-height: 42px;
	/* font-size: 40px; */
	display: inline-block;
}
/*END SINGLE COURSE SIDEBAR CSS*/

.c_btn {
	background: var(--secondary-color);
	padding: 6px 20px;
	margin-bottom: 20px;
	display: inline-block;
	border-radius: 5px;
	color: #fff;
	font-weight: 600;
	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: var(--secondary-color);
    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(1600deg);
        -ms-transform: translate(-50%, -50%) rotate(1600deg);
        transform: translate(-50%, -50%) rotate(1600deg);
    }
}

@-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(1600deg);
        -ms-transform: translate(-50%, -50%) rotate(1600deg);
        transform: translate(-50%, -50%) rotate(1600deg);
    }
}

@-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(1600deg);
        -ms-transform: translate(-50%, -50%) rotate(1600deg);
        transform: translate(-50%, -50%) rotate(1600deg);
    }
}
.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: 600;
    padding: 14px;
    color: #07294D;
    text-transform: uppercase;
    display: block;
}

.course-details-content .nav li a.active {
    background: var(--secondary-color);
    color: #ffffff;
}

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

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

.course-details-content .overview ul {
    margin: 0;
    
}

.course-details-content .overview ul li {
    margin: 0;
	margin-bottom: 0.3rem;
    margin-left: 1rem;
	color: #888888;
}

.course-details-content .overview ul li i {
    margin-right: 0.5rem;
	font-size: 8px;
	color: var(--secondary-color);
}
.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: var(--secondary-color);
    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: var(--secondary-color);
}

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

.review-form .client-form button {
    background-color: var(--secondary-color);
    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: 600;
	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-comments .thumb {
	margin-block:45px  15px;
}

.review-comments .thumb img {
	height: 40px;
}

.review-comments .cont h6 {
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 25px;
}

.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: 600;
	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: var(--secondary-color) !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: var(--secondary-color);
    padding: 0 35px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    border-radius: 25px;
    border: 1px solid var(--secondary-color);
}

.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: var(--secondary-color);
}

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

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

.custom-button.theme-one:hover {
    color: var(--secondary-color);
	background:#fff;
	border:1px solid var(--secondary-color);
}
.custom-button.bg-white {
    background: #ffffff;
    color: #07294D;
    border-color: rgba(7, 41, 77, 0.2);
}

.custom-button.bg-white:hover {
    background: var(--secondary-color) !important;
    border-color: var(--secondary-color) !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: var(--secondary-color);
    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: #060b61;
	font-weight: 600;
}
.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 h4 {
	font-weight: 600;
	font-size: 18px;
	color: var(--secondary-color);
	margin-bottom: 10px;
}
.cp_content h2 {
	font-weight: 600;
	font-size: 48px;
	margin-bottom: 20px;
}
.cp_content h2 span{color:var(--secondary-color);}
.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: #060b61;
}
.cp_content ul li span {
	background: var(--secondary-color);
	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:880px){
.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: var(--secondary-color);
	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;
	width: 50px;
    height: 50px;
}
.single_tca h2{overflow: hidden;}
.single_tca h2 a {
	color: #060b61;
	font-size: 24px;
	font-weight: 600;
	transition: 0.3s;
	margin-bottom: 10px;
	display: block;
}
.single_tca span {
	color: var(--secondary-color);
	font-size: 18px;
	font-weight: 600;
}
/*
* ----------------------------------------------------------------------------------------
* 10.END TOPIC DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11. START REVIEWS DESIGN
* ----------------------------------------------------------------------------------------
*/
.testi_home_area {
	background: url(../images/banner/shapes-bg.png) no-repeat;
	background-position: top center;
	background-size:cover;
	padding-bottom: 100px;
}
.testimonial {
	background: #fff;
	border-radius: 5px;
	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: 30px;
	height: auto;
    max-height: 650px;

}
.testimonial_content h3 {
	font-weight: 600;
	font-size: 20px;
	color:#060b61;
}
.testimonial_content i {
	color: #ffbd35;
	font-size: 22px;
}
.testimonial_content p {
	overflow: hidden;
	margin-top: 15px;
}
.testi_pic_title{

padding:20px;
}
.tpt_one{
	/* background:rgba(241, 85, 36, 0.2); */
	background: linear-gradient(135deg, #060C62 0%, #492393 100%);
}
.tpt_two{background:#fff8ee;}
.tpt_three{background:#eef4ff;}
.testi_pic_title .pic{
    float: left;
    width:70px;
    height:70px;
    margin-right: 15px;
	color: #fff;
}
.testi_pic_title .pic img {
	width: 100%;
	height: 100%;
	border-radius: 100px;
	object-fit: cover;
    object-position: top;

}
.testi_pic_title h4 {
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	color: #fff;
}
.testi_pic_title small {
	font-weight: 400;
	/* color: #1b2032; */
	color: #fff;
	font-size: 14px;
	margin-top: 8px;
	display: block;
	font-family: 'Libre Franklin', sans-serif;
}
.owl-theme{-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.owl-theme .owl-controls{
    width: 100%;
    height: 50px;
	display: block!important;
    opacity: 1;
    position: absolute;
    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: 3px;
	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);
}

.owl-theme .owl-controls .owl-buttons div:hover{
background:var(--secondary-color);
border:1px solid var(--secondary-color);
display:block;
}
.owl-prev{
    position: absolute;
    left:89%;
}
.owl-next{
    position: absolute;
    right: 1%;
}
.owl-prev:after,
.owl-next:after{
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 26px;
    color: #060b61;
    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:880px) { 
.single-team-home{margin-bottom:90px;}
}
.single-team-home:before {
	content: "";
	background:rgba(179,78,176,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: var(--secondary-color);
	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: 600;
	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: #060b61;
	-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: var(--secondary-color);
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:'Libre Franklin', 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;
}
.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: var(--secondary-color);
    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: 600;
    color: var(--secondary-color);
    /* text-transform: capitalize; */
    margin: 0 0 20px;
    position: relative;
}
.our-team .title:before{
    content: "";
    width: 25px;
    height: 1px;
    background: var(--secondary-color);
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: 9px;
    transition-duration: 0.25s;
}
.our-team .title:after{
    content: "";
    width: 25px;
    height: 1px;
    background: var(--secondary-color);
    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: var(--secondary-color);
    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:var(--secondary-color);
	font-weight: 600;
	display: inline-block;
	margin: 15px 10px;
}
.sth_det2 u{
color: #060b61;
font-family:'Libre Franklin', 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: 600;
	font-size: 30px;
	margin-bottom: 5px;
}
.single_agent_content h5 {
	border-bottom: 1px solid #eee;
	color: var(--secondary-color);
	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: #060b61;
	line-height: 40px;
	overflow: hidden;
	font-size: 18px;
	font-weight: 600;
}
.single_agent_content i{margin-right:10px;color:var(--secondary-color);}

.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:var(--secondary-color);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: #060b61;
	font-weight: 600;
	margin-bottom: 40px;
	display: block;
}
.single_blog h2 a:hover{color:var(--secondary-color);}
.single_blog p{margin-bottom:0px;}
.single_blog span {
	/* text-transform: capitalize; */
	margin-bottom: 10px;
	display: inline-block;
}
.single_blog span a {
	color: var(--secondary-color);
	font-weight: 600;
}
.single_blog span a:hover{color:var(--secondary-color);}
.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: var(--secondary-color);
	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: var(--secondary-color);}

.arti_sp{}
.arti_sp h2 {
	margin-top: 30px;
	font-weight: 600;
	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: var(--secondary-color);
	border-radius: 5px;
	margin-right: 10px;
}
.share_sp ul li a:hover{background:#060b61;}
.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: #060b61;
	-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: #060b61;
	padding: 40px;
	border-radius: 10px;
}
.newsletter-form h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 600;
	/* 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: var(--secondary-color);
	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: #060b61;
}
/*END NEWSLETTER FORM*/

/*Popular post*/
.sidebar_title{}
.sidebar_title h4 {
	font-size: 16px;
	font-weight: 600;
	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: #060b61;
	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;}
.b_instagram{background:#E4405F;}
.b_whatsapp{background:#25D366;}

/*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:#060b61;
font-size:16px;
font-weight:600;
text-decoration:underline;
}
.single_category ul li a sup{color:var(--secondary-color);}
/*End category*/
.tag{overflow: hidden;}
.tag a {
	background: #f4f4f4;
	border: 1px solid #ededed;
	border-radius: 30px;
	color: #060b61;
	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: var(--secondary-color);
    color: #fff;
    border: 1px solid var(--secondary-color);
}
.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:600;
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: 600;
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;
}
.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: 600;
	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:#060b61;
	padding-bottom: 40px;
}
.single_footer{}
@media only screen and (max-width:880px) { 
.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: 600;
	/* text-transform: capitalize; */
	font-size: 20px;
}
.single_footer p{color:#fff;margin-bottom:30px; width: 100%; text-align: justify;}
.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:var(--secondary-color);}

.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 {
	content: "-";
	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: var(--secondary-color); }

.sf_contact{margin-bottom:30px;overflow: hidden;}
.sf_contact span {
	color: var(--secondary-color);
	font-size: 30px;
	float: left;
	margin-top: 5px;
	margin-right: 20px;
}
.sf_contact h3 {
	font-weight: 600;
	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: 40px;
	border-top: 1px solid #243c80;
}
.footer_copyright {float: left;}
@media only screen and (max-width:480px){
.footer_copyright {display:inline;}
}
.footer_copyright p{
color: #fff;
text-align: center;
/* text-transform: capitalize; */
} 
.footer_menu{float: right;}
@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:var(--secondary-color);
text-decoration: underline;
}
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15.START PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
.pl_bg{background: #060b61;}
.partner_title{}
.partner_title h3 {
	font-size: 24px;
	font-weight: 600;
	background: rgba(46,202,127,0.1);
	padding: 10px;
	border-radius: 30px;
	width: 60%;
	margin: auto;
	margin-bottom: 60px;
	color: var(--secondary-color);
}
@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: 130px;
	position: relative;
	background: url(../images/all-img/SAYAM_fondoHeader.jpg);
	background-size: cover;
	background-position: center;
	padding-bottom: 60px;
}

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

.section-top-title h1 {
	margin-bottom: 10px;
	/* text-transform: capitalize; */
	font-weight: 600;
	font-size: 50px;
	color:#fff;
}
.section-top-title ul {
	background:#fff;
	text-align: center;
	border: 2px solid #fff;
	padding: 10px 20px;
	width: 220px;
	width: 40%;
	margin: auto;
	border-radius: 10px;
	margin-top: 20px;
}
.section-top-title ul li {color: #060b61 !important;display: inline-block; }
.section-top-title ul li a { color: var(--secondary-color)!important;font-weight: 600; }
.section-top-title ul li a:hover { color: #060b61!important }

@media only screen and (max-width:480px) { 
	.section-top {
		padding-top: 210px;
		padding-bottom: 40px;
	}

    .section-top-title { width: 100% }

	.section-top-title h1 {
		margin-bottom: 10px;
		font-size: 25px;
	}
	.section-top-title ul {
		padding: 10px 15px;
		width: 220px;
		width: 70%;
		margin-top: 20px;
	}
}
/*
* ----------------------------------------------------------------------------------------
* 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:880px){
.pricing_design{margin-bottom:30px;}
}
.pricing_design .single-pricing{
    background:var(--secondary-color);
    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: 600;
}
.price-head h1 {
	font-weight: 600;
	margin-top: 10px;
}
.price-head span{display: block;}
.upgrade_price {
	text-decoration: underline;
	font-weight: 600;
	margin-top: 5px;
	color: var(--secondary-color);
}
.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: var(--secondary-color);
	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: var(--secondary-color);
	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:#060b61;}
/*
* ----------------------------------------------------------------------------------------
* 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:#060b61;
    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: var(--secondary-color);
}
.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: #060b61;
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 15px 0;
	/* text-transform: capitalize; */
	display: block;
	line-height:30px;
	transition: 0.3s;
}
.event-content h3 a:hover{color: var(--secondary-color);}
.event-slide .event-content span i{
color:var(--secondary-color);
margin-right:8px;
}
.event-slide .event-content > span {
	color: #060b61;
	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: 600;
margin-bottom: 20px;
margin-top: 20px;
}
.single_event_text_single{}
.single_event_text_single span i{
color:var(--secondary-color);
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;
	text-align: justify;
}

.single_event_text_single_description{margin-top:30px;}
.single_event_text_single_description h3{
font-size: 36px;
font-weight: 600;
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: var(--secondary-color) none repeat scroll 0 0;
color: #fff;
font-size: 26px;
font-weight: 600;
text-align: center;
padding: 20px;
}
.event_info ul{list-style: none;}
.event_info ul li{margin: 30px 0;}
.event_info ul i{
background: var(--secondary-color) 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: 600;
	/* text-transform: capitalize; */
	overflow: hidden;
	font-size: 22px;
}
.event_info ul li p{overflow: hidden;}

.event_info_price{}
.event_info_price h4{
background: var(--secondary-color) 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: 600;
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: #060b61 !important;
	font-weight: 600;
	font-size:20px;
}
.accordion-button:not(.collapsed) {
	color:#060b61!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: 600;
	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: var(--secondary-color);}
/*
* ----------------------------------------------------------------------------------------
* 21.END LOGIN AND REGISTER PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 22.START CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact label {
	margin-bottom: 5px;
	font-weight: 600;
	color: #060b61;
}
.contact input {
	background: #f4f4f4;
	border: 1px solid #f4f4f4;
	border-radius: 0px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: #060b61;
	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: #060b61;
	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: #060b61;
}
.contact textarea:focus {
background: #f4f4f4;
border: 1px solid #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
	color: #060b61;
}
.contact button{border:none;}
@media only screen and (max-width:480px) { 
    .single_address{margin-bottom:30px; }
}
.single_address i {
	color: var(--secondary-color);
	font-size: 42px;
	margin-bottom: 20px;
	display: inline-block;
}

.single_address a {
	color: #888;
}

.single_address a:hover {
	color: var(--secondary-color);
}

.single_address h4{
/* text-transform: capitalize; */
margin-bottom: 20px;
font-weight: 600;
}
.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:600;
font-size:40px;
margin-bottom:20px;
}
.ap-content p{}
.ap-content a {
	color: #060b61;
}

.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: 600;
	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:600;
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: 600;
	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: #060b61;
	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 var(--secondary-color)!important;
}
.subscribe__btn {
	background-color: var(--secondary-color);
	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: #060b61;
	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 var(--secondary-color)!important;
}
.home_sb button {
	background-color: var(--secondary-color);
	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:#060b61;
}
/*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: 600;
	font-size: 18px;
	color: var(--secondary-color);
	/* text-transform: capitalize; */
}
.single_ins_content h1 {
	font-weight: 600;
	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: 600;
	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 var(--secondary-color);
    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: var(--secondary-color);
    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 var(--secondary-color);
}
.range-slider input[type="range"]::-moz-range-thumb{
    background: var(--secondary-color);
    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 var(--secondary-color);
}
.range-slider .range-value{
    color: #fff;
    background: var(--secondary-color);
    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: #060b61;
	line-height: 1;
	border: 1px solid #eee;
	margin: 0 10px;
}
.product_filter .filter.active {
	color: #fff;
	border-color: var(--secondary-color);
	background: var(--secondary-color);
	font-weight: 600;
}

.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: var(--secondary-color);
    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: var(--secondary-color);
}
.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: var(--secondary-color);
    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: var(--secondary-color); }
.product-grid:hover .title a{ color: var(--secondary-color); }
.product-grid .price {
    color:#333;
    font-size: 17px;
    font-weight: 600;
    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: var(--secondary-color);
	display: block;
	font-size: 18px;
	font-weight: 600;
	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: 600;
	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 var(--secondary-color);
	color: var(--secondary-color);
}
.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: var(--secondary-color)!important;
	border: 1px solid var(--secondary-color);
	padding: 8px 15px;
	margin-left: 10px;
	transition: .5s;
}
.btn_icn:hover {
	background: var(--secondary-color);
	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: var(--secondary-color);
}
.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: var(--secondary-color);
	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: 600;
	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: 600;
	margin-bottom: 18px;
}


.related_prdct_area {
	padding: 50px 0;
}

.gray_section{
	background: #f9f9f9;
}
.acc_btn {
	background: var(--secondary-color);
	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*/

/* Botón flotante de WhatsApp */
.whatsapp-float {
	position: fixed;
    width: 60px;
    height: 60px;
    bottom: 75px;
    right: 5px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    padding: 5px;
}

.whatsapp-float img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.whatsapp-float:hover {
	background-color: #20b958;
}

/* Segundo botón flotante para RVOE SEP */
.other-float {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 20px;
	left: 20px;
	background-color: #ffffff;
	color: #000;
	text-align: center;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: visible;
}

.other-float img {
	width: 100%;
	height: 100%;
	border: none;
}

.other-float:hover {
	background-color: #f5f5f5;
}

/* Tooltip */
.tooltip {
	visibility: hidden;
	width: 200px;
	background-color: #333;
	color: #fff;
	text-align: left;
	padding: 5px;
	border-radius: 5px;
	position: absolute;
	bottom: 90%;
	left: 70px;
	transform: translateY(50%);
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	font-size: 12px;
}

.other-float:hover .tooltip {
	visibility: visible;
	opacity: 1;
}

/* Estilo para la lista de redes sociales */
.foot_social ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px; /* Espacio entre los íconos */
}

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

.foot_social ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--secondary-color); /* Fondo blanco para los íconos */
    border-radius: 50%; /* Hace los íconos redondos */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombra ligera */
    transition: all 0.3s ease; /* Transición suave */
}

.foot_social ul li a img {
    width: 20px; /* Tamaño del ícono */
    height: 20px;
}

.foot_social ul li a:hover {
    background-color: var(--secondary-color); /* Fondo azul al pasar el cursor */
    transform: translateY(-3px); /* Efecto de elevación */
}

.foot_social ul li a:hover img {
    filter: brightness(0) invert(1); /* Cambia el color del ícono a blanco */
}

/* Estilo general del contenedor de contacto */
.single_footer .sf_contact {
    display: flex;
    align-items: center;
    margin-bottom: 10px; /* Espaciado entre cada elemento */
}

/* Estilo para las imágenes */
.sf_contact img {
    width: 32px; /* Tamaño del ícono */
    height: 32px;
    margin-right: 15px; /* Espacio entre la imagen y el texto */
}

/* Contenedor de texto al lado del ícono */
.sf_contact .contact-details h3 {
    margin: 0;
    font-size: 16px;
    color: #ffffff; /* Color blanco */
}

.sf_contact .contact-details p {
    margin: 0;
    font-size: 11px;
    color: #cccccc; /* Color gris claro */
	line-height: 1.6;
}

.sf_contact .contact-details a {
    margin: 0;
    font-size: 11px;
    color: #cccccc; /* Color gris claro */
    line-height: 1.6;
    transition: color 0.3s ease; /* Agregamos transición suave */
}

.sf_contact .contact-details a:hover {
    color: var(--secondary-color); /* Cambia a blanco al pasar el mouse */
    text-decoration: none; /* Evita el subrayado */
}

.sf_contact .contact-details p a {
    margin: 0;
    font-size: 11px;
    color: #cccccc; /* Color gris claro */
    line-height: 1.6;
}

.count-box .count-icon {
    width: 50px; 
    height: 50px;
    margin-bottom: 10px; 
	margin-right: 15px;
}

/* General de las imágenes de los íconos */
.feature-icon {
    width: 50px; /* Tamaño del ícono */
    height: 50px;
    margin-bottom: 15px; /* Espaciado debajo del ícono */
	float: left;
	margin-right: 20px;
}

.abmvBox {
    background: rgba(46, 202, 127, 0.2);
    float: left;
    margin-right: 20px;
    display: block;
    width: 70px;
    height: 70px;
    color: var(--secondary-color);
    line-height: 70px;
    text-align: center;
    font-size: 26px;
    border-radius: 100px;
	display: flex;
	justify-content: center;
    align-items: center;
}

.abmv-icon {
    width: 50px; 
}

/* Estilos para el texto en movimiento */
.moving-text-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
    background: #ffffff;
    padding: 3px 0;
    text-align: center;
    height: 30px;
    z-index: 2;
}

.moving-text {
    display: inline-block;
    white-space: nowrap;
    animation: moveText 60s linear infinite; /* Aumenta la duración para un desplazamiento más lento */
    animation-delay: 0s; /* Asegúrate de que no haya retraso en el inicio */
    transform: translateX(0); /* Comienza desde la posición inicial */
}

.moving-text span {
    display: inline-block;
    padding: 0 100px; /* Espacio entre mensajes */
    color: #F15524;
    font-size: 0.8rem;
    font-weight: 500;
    opacity: 1; /* Asegúrate de que el texto sea visible */
    visibility: visible;
    animation: none; /* Elimina la animación de fade */
}

@keyframes moveText {
    0% {
        transform: translateX(0); /* Comienza desde el borde visible */
    }
    100% {
        transform: translateX(-100%);
    }
}

.nosotros-imagenes {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    flex-wrap: wrap;
}
.nosotros-imagenes img {
    width: 30%;
    min-width: 120px;
    max-width: 220px;
    height: 90px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    object-fit: contain;
    background: #fff;
}
@media (max-width: 768px) {
    .nosotros-imagenes {
        flex-direction: column;
        gap: 15px;
    }
    .nosotros-imagenes img {
        width: 80%;
        max-width: 100%;
        margin: 0 auto;
    }
}

/* Estilos compartidos para todos los carruseles */
.carousel-slide {
    position: relative;
    overflow: hidden;
    /* border-radius: 10px; */
}

/* Estilos específicos para cada carrusel */
#carouselLicenciaturas .carousel-inner,
#carouselMaestrias .carousel-inner,
#carouselDoctorados .carousel-inner {
    /* border-radius: 10px; */
    overflow: hidden;
}

#carouselLicenciaturas .carousel-item,
#carouselMaestrias .carousel-item,
#carouselDoctorados .carousel-item {
    height: 300px;
}

#carouselLicenciaturas .carousel-item img,
#carouselMaestrias .carousel-item img,
#carouselDoctorados .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
}

#carouselLicenciaturas .carousel-caption,
#carouselMaestrias .carousel-caption,
#carouselDoctorados .carousel-caption {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    padding: 10px;
    bottom: 20px;
    left: 10%;
    right: 10%;
}

#carouselLicenciaturas .carousel-caption h3,
#carouselMaestrias .carousel-caption h3,
#carouselDoctorados .carousel-caption h3 {
    color: #fff !important;
    font-size: 1.3rem;
    /* margin-bottom: 10px; */
    font-weight: 600;
}

#carouselLicenciaturas .carousel-caption p,
#carouselMaestrias .carousel-caption p,
#carouselDoctorados .carousel-caption p {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 0;
}

#carouselLicenciaturas .carousel-indicators,
#carouselMaestrias .carousel-indicators,
#carouselDoctorados .carousel-indicators {
    bottom: 0;
}

#carouselLicenciaturas .carousel-indicators button,
#carouselMaestrias .carousel-indicators button,
#carouselDoctorados .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 5px;
    background-color: rgba(255, 255, 255, 0.5);
}

#carouselLicenciaturas .carousel-indicators button.active,
#carouselMaestrias .carousel-indicators button.active,
#carouselDoctorados .carousel-indicators button.active {
    background-color: var(--secondary-color);
}

#carouselLicenciaturas .carousel-control-prev,
#carouselLicenciaturas .carousel-control-next,
#carouselMaestrias .carousel-control-prev,
#carouselMaestrias .carousel-control-next,
#carouselDoctorados .carousel-control-prev,
#carouselDoctorados .carousel-control-next {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 1rem;
    height: 1rem;
}

#carouselLicenciaturas:hover .carousel-control-prev,
#carouselLicenciaturas:hover .carousel-control-next,
#carouselMaestrias:hover .carousel-control-prev,
#carouselMaestrias:hover .carousel-control-next,
#carouselDoctorados:hover .carousel-control-prev,
#carouselDoctorados:hover .carousel-control-next {
    opacity: 1;
}

.carousel-control-prev {
    left: 10px;
}

.carousel-control-next {
    right: 10px;
}

/* Estilos responsivos para todos los carruseles */
@media (max-width: 768px) {
    #carouselLicenciaturas .carousel-item,
    #carouselMaestrias .carousel-item,
    #carouselDoctorados .carousel-item {
        height: 300px;
    }

    .carousel-caption {
        padding: 8px !important;
    }

    .carousel-caption h3 {
        font-size: 1rem !important;
    }

    .carousel-caption p {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    #carouselLicenciaturas .carousel-item,
    #carouselMaestrias .carousel-item,
    #carouselDoctorados .carousel-item {
        height: 200px;
    }

    .carousel-caption h3 {
        font-size: 1rem !important;
    }

    .carousel-caption p {
        display: none;
    }
}


/* Seccion de testimoniales */
.testimonial-image {
    margin: 15px 0;
    text-align: center;
}

.testimonial-image img {
    max-width: 100%;
    height: auto;
	max-height: 350px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}