@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css');
/*font-family: "Libre Franklin", sans-serif;
font-family:"Font Awesome 7 Brands";
font-family:"Font Awesome 7 Free";
font-family:"FontAwesome";*/
:root{
--white: #ffffff;
--offwhite: #f8f8f8;
--lightwhite: #c7c7c7;
--black: #1b1b1b;
--primary_color: hsl(20, 89%, 54%);
--primary_color_dark: hsl(20, 89%, 20%);
--primary_color_lighter: hsl(20, 89%, 70%);
--primary_color_lightest: hsl(20, 89%, 95%);
--para: "Libre Franklin", sans-serif;
--effect: all ease-in-out 250ms;
--icons_brand: "Font Awesome 7 Brands";
--icons_brand: "Font Awesome 7 Free";
--icons: "FontAwesome";
}
body{ padding: 0; border:0px; margin: 0; }
*, p{ font-family: var(--para); font-size: 16px; font-weight: 400; line-height: 24px; color: var(--black); text-decoration: none; transition: var(--effect); }
a, * a{ text-decoration: none!important; text-transform: capitalize!important; font-size: inherit; font-weight: inherit; text-decoration: inherit; color: inherit; font-family: inherit; }
h1,h2,h3,h4,h5{ font-family: var(--para); }
h2, h3, h4, h6{ font-weight: 600; text-transform: capitalize; }
h1{ font-size: 48px !important; font-weight: 800!important; text-transform: uppercase!important; }
h2{ font-size: 40px!important; margin-bottom: 32px!important; font-weight: 600!important; }
h3{ font-size: 32px!important; }
h4{ font-size: 24px; }
h5{ font-size: 20px!important; font-weight: 400!important; text-transform: capitalize!important; }
h6{ font-size: 14px; font-family: var(--para); }
section{ margin-bottom: 80px; position: relative; }
.image_wrapper{ width: 100%; display: inline-block; position: relative; overflow: hidden; vertical-align: top; border-radius: 10px; }
.image_wrapper:before{ content: ""; display: block; padding-top: 100%; }
.image_wrapper img{ width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.bttn{ text-transform: capitalize; display: inline-block; border-radius: 6px; padding: 12px 20px; font-weight: 500; }
.primary_color{ color: var(--primary_color); }
.primary_dark{ color: var(--primary_color_dark); }
.bg_primary_color{ background-color: var(--primary_color); }
.white{ color: var(--white); }
.black{ color: var(--black); }
span img{ max-width: 32px; width:100%; margin-bottom: 8px; }
header{ position: absolute; top: 0; width: 100%; z-index: 10; }
header img{ width: 200px; height: auto; }
.topbar{ background-color: var(--black); box-sizing: border-box; padding: 12px 0px; }
.topbar span, footer ul li span{ width: 30px; height: 30px; border-radius: 50%; background-color: var(--primary_color); display: inline-block; position: relative; }
.topbar span i, footer ul li span i{ font-size: 14px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: var(--white); }
.topbar > .container{ display: flex; justify-content: space-between; }
.topbar .mail_group{ display: flex; gap: 20px; }
.topbar .call, .topbar .mail{ align-items: center; display: flex; gap: 6px; }
.topbar *{ color: var(--white); }
.navbar-brand img{ width: 100%; max-width: 200px; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{ color: var(--white)!important; }
.nav-link{ color: var(--lightwhite)!important; font-size: 20px; font-weight: 600; }
.inner_banner, .banner{ background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 0; }
.inner_banner:before, .banner:before{ position: absolute; content:''; background: #000000; background: linear-gradient(360deg,rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 1) 100%); z-index: 0; top: 0; width: 100%; left: 0; right: 0; height: 100%; }
.banner_content{ padding: 18rem 0rem; text-align: right; position: relative; z-index: 1; }
.inner_banner{ margin-bottom: 80px; }
.inner_banner h1{ padding: 10.5rem 0rem; color: var(--white); }
.inner_banner h1, .banner_content h1{ filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 80%)); }
.banner_content .bttn{ margin-top: 32px; color: var(--white); }

.word_bar{ padding: 20px; background-color: var(--primary_color); }
a.bttn.bg_primary_color.black:hover{ background-color: var(--black)!important; }
/* body main > .word_bar:nth-child:last:before, body main > .word_bar:nth-child:last:after{ display: none; }
.word_bar:before, .word_bar:after{ content:''; position: absolute; height: 40px; width: 40px; left: 50%; transform: translateX(-50%) rotate(45deg); }
.word_bar:before{ background-color: var(--primary_color); bottom: -10px; }
.word_bar:after{ background-color: transparent; bottom: -50px; border-right: 3px solid var(--primary_color); border-bottom: 3px solid var(--primary_color); }
.word_bar:after { -webkit-animation: pulsate-fwd 0.7s ease-in-out infinite both; animation: pulsate-fwd 0.7s ease-in-out infinite both; }
@-webkit-keyframes pulsate-fwd {
  0% { -webkit-transform: scale(1) rotate(45deg) translateX(-66%) ; transform: scale(1) rotate(45deg) translateX(-66%) ; }
  50% { -webkit-transform: scale(1.1) rotate(45deg) translateX(-66%) ; transform: scale(1.1) rotate(45deg) translateX(-66%) ; }
  100% { -webkit-transform: scale(1) rotate(45deg) translateX(-66%) ; transform: scale(1) rotate(45deg) translateX(-66%) ; }
}
@keyframes pulsate-fwd {
  0% { -webkit-transform: scale(1) rotate(45deg) translateX(-66%) ; transform: scale(1) rotate(45deg) translateX(-66%) ; }
  50% { -webkit-transform: scale(1.1) rotate(45deg) translateX(-66%) ; transform: scale(1.1) rotate(45deg) translateX(-66%) ; }
  100% { -webkit-transform: scale(1) rotate(45deg) translateX(-66%) ; transform: scale(1) rotate(45deg) translateX(-66%) ; }
}*/


.word_bar > .container{ display: flex; justify-content: space-evenly; align-items: center; }
.word_bar h3{ text-transform: uppercase; font-weight: 700; margin-bottom: 0; color: var(--black); }
.group_box{ overflow: hidden; border-radius: 16px; background-color: var(--black); height: 100%; }
.group_box h5{ font-weight: 500; color: var(--white); }
.group_box .image_wrapper{ border-radius: 16px; }
.group_box .image_wrapper:before{ padding-top: 70%; }
.gb_content{ padding: 20px 28px 32px 28px; }
.image_group > .row > div{ margin-bottom: 24px; }
.image_group > .row > div:nth-child(2){ margin-top: 60px; }
.subject_content ul li:not(:last-child){ margin-bottom: 20px; }
.benefits{ background-color: var(--primary_color); padding: 60px 0px; }
.benefits h2{ color: var(--white); }
.benefits h2 span img{ filter: grayscale(1) brightness(2); }
.icon_box p{ text-align: center; }
.icon_box p strong{ font-weight: 500; }
.icon_box{ display: flex; flex-direction: column; align-items: center; background-color: var(--white); border-radius: 12px; height: 100%; padding: 20px; }
.icon_box img{ max-width: 60px; width: 100%; margin-bottom: 20px; }
footer .fw_logo img{ max-height: 100px; height: 100%; width: auto; margin-right: 20px; }
footer{ background-color: var(--black); border-top-left-radius: 60px; border-top-right-radius: 60px; padding: 80px 0px 30px 0px; }
footer h5{ color: #898989; margin-bottom: 20px; }
.foot_add_group h5, .foot_widget1 h4, footer .foot_tag_license p{ color: #fff!important; font-style: italic; }
footer li, footer li a{ color: var(--lightwhite); }
footer ul{ margin-left: 0; padding-left: 0; }
footer ul li:not(:last-child){ margin-bottom: 6px; }
footer ul li{ list-style-type: none; align-items: center; display: flex; gap: 6px; }
.foot_add_group ul li:not(:last-child){ margin-bottom: 12px; }
.foot_widget1{ display: flex; flex-direction: row; }
footer p{ color: var(--white)!important; margin-top: 32px; }
footer p a{ color: var(--primary_color)!important; }
footer .foot_tag_license{ display: flex; flex-direction: column; }
footer .foot_tag_license p{ font-size: 14px; margin-top: 0px; }

/*contact page*/
.single_contact:not(:last-child){ margin-bottom: 40px; }
.single_contact h4{ color: var(--primary_color); margin-bottom: 20px; }
.single_contact .sc_details p{ margin-bottom: 6px; }
.single_contact .sc_details p a{ color: var(--primary_color_dark); text-transform: none!important; }

.only_contact *{ position: relative; z-index:1; }
.only_contact form input, .only_contact form select{ margin-bottom: 4px; }
.only_contact form input[type="submit"]{ outline: 0px; border: 0px; }
.only_contact form input:not([type="submit"]), .only_contact form textarea, .only_contact form select{ width: 100%; padding: 12px 20px; border-radius: 8px; outline: 0px; border: 1px solid #c7c7c7; color: var(--black); }
.only_contact form input:not([type="submit"])::placeholder, .only_contact form textarea::placeholder, .only_contact form select::placeholder{ color: #999999; text-transform: capitalize; }
.only_contact form button{ outline: 0px; border:0px; padding: 12px 20px; background-color: var(--primary_dark); color: var(--primary_light); transition: var(--effect); font-weight: 500; }
.only_contact form button:hover{ color: var(--primary_dark); background-color: var(--primary); }

.testi_courses h3{ text-align: center; margin-bottom: 40px; }
.testi_courses .tc_alls{ display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.testi_courses .tc_single{ padding: 4px 10px; border-radius: 6px; background-color: var(--primary_color_lightest); color: var(--primary_color_dark); border: 1px solid var(--primary_color_lighter); font-size: 14px; }

.all_testi h5{ margin-bottom: 20px; color: var(--primary_color_dark); font-weight: 500!important; }
.all_testi .st_box{ border-radius: 20px; background-color: var(--primary_color_lightest); padding: 32px 20px; margin-bottom: 32px; /* height: -webkit-fill-available; */ }
.all_testi .row div:last-child:nth-child(odd) { max-width: 100% important; width: 100%; }

.course_schools{ text-align: center; margin-bottom: 40px; }
.course_schools h3{ color: var(--primary_color_dark); }
.course_text{ text-align: center; margin-bottom: 40px; }
.course_text h4{ font-size: 28px; color: var(--primary_color_dark); }
.cs_list span{ padding: 6px 12px; border-radius: 6px; font-size: 14px; border: 0.5px solid var(--primary_color_lighter); background-color: var(--primary_color_lightest); color: var(--primary_color_dark); display: inline-block; margin-right: 12px; margin-bottom: 12px; }

.page-template-about .only_image .image_wrapper:before{ padding-top: 36%; }
.page-template-about .single_mentor{ margin-top: 40px; }
.page-template-about .single_mentor .image_wrapper:before{ padding-top: 126%; }
.page-template-about .single_mentor h4{ margin-top: 12px; padding-left: 20px; }
.about_mentor p strong{ color: var(--primary_color_dark); }