/*
Theme Name: Online Education Classes
Theme URI: 
Author: LegacyThemes
Author URI: https://www.legacytheme.net/
Description: The Online Education Classes WordPress Theme is a modern and highly functional theme tailored for education-focused websites. Whether you're building a platform for online learning, virtual classrooms, or higher education, it offers all the tools needed to create a compelling and user-friendly portal. With its clean layout, responsive design, and intuitive navigation, it supports course creation, lesson planning, and student assessment through integration with popular learning management systems. Key features include online quizzes, academic calendars, virtual labs, and multimedia content support such as videos, webinars, and eBooks. The theme also provides customizable banners, portals for students and teachers, and tools to manage schedules, scholarship programs, and parent-teacher meetings. Ideal for educators, tutors, and institutions offering a wide range of learning programs, it offers a professional solution for delivering engaging educational experiences online.
Requires at least: 5.5
Tested up to: 6.8
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: online-education-classes
Tags: education, photography, portfolio, custom-menu, featured-images, theme-options, custom-colors, custom-logo, flexible-header, threaded-comments, right-sidebar, left-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, full-width-template, sticky-post, custom-background, custom-header, footer-widgets, block-styles, rtl-language-support, translation-ready
*/

/**
====================================================================
  General Classes
====================================================================
*/

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    overflow-x: hidden;
}

html,
body {
    color: #000000;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    height: 100%;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    width: 100%;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}


body {
    line-height: 1.7em;
    overflow-x: clip;
    
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    clear: both;
    line-height: 1.4;
    margin: 0 0 0.75em;
    padding: 1.5em 0 0;
}

h1 {
    font-size: 32px;
    font-weight: 700;
}

h2 {
    font-size: 30px;
    font-weight: 700;
}

h3 {
    font-size: 24px;
    font-weight: 700;
}

h4 {
    font-size: 22px;
    font-weight: 700;
}

h5 {
    font-size: 18px;
    font-weight: 700;
}

h6 {
    font-size: 14px;
    font-weight: 700;
}

a {
    text-decoration: none;
    display: inline-block;
    transition: 0.5s;
    color: #000000;

}

a:hover {
    text-decoration: none;
    transition: 0.5s;
}
.textwidget p a,.widget_recent_comments a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.comment-content p a,.widget_text p a,.content-area article p a{
    text-decoration: underline;
}
img {
    max-width: 100%;
}


ol,
ul {
    list-style: none;
}

li {
    list-style-type: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"] {
    border: 1px solid #d0d0d0;
    color: #a1a1a1;
    height: 50px;
    padding: 0px 10px 0 20px;
    width: 100%;
    font-weight: 400;
}

textarea {
    border: 1px solid #d0d0d0;
    color: #000000;
    padding: 10px 10px 0 20px;
    width: 100%;
    font-weight: 400;
}

select {
    width: 100%;
    height: 50px;
    background: none;
    border: 1px solid #ccc;
    border-radius: 0;
}

blockquote {
    background: transparent url(img/bquote.png) no-repeat scroll 0 0;
    border: none;
    padding: 0 0 0 40px;
}

blockquote p {
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 8px !important;
}

table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

caption,
td {
    font-weight: normal;
    text-align: left;
}

tr {
    font-weight: 700;
}

ul {
    margin-left: 0;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-left: 20px;
}

address {
    font-style: italic;
}

p {
    margin: 0 0 1.5em;
    padding: 0;
    line-height: normal;
    font-family: inherit;
}

dd {
    margin: 0 0 1.5em 20px;
    padding: 0;
}

big {
    font-size: 125%;
}

small {
    font-size: 80%;
}

iframe {
    width: 100%;
}

.clearfix {
    clear: both;
}
/**
====================================================================
  Preloader
====================================================================
*/
.loader-wrapper {
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000;
}
#pre-loader {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 45%;
    left: 49%;
}
.loader-pulse,
.loader-pulse:before,
.loader-pulse:after {
    border-radius: 50%;
    width: 2.4em;
    height: 2.4em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}
.loader-pulse {
    color: #179BD7;
    font-size: 7px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader-pulse:before,
.loader-pulse:after {
    content: '';
    position: absolute;
    top: 0;
}
.loader-pulse:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader-pulse:after {
    left: 3.5em;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
/**
====================================================================
  Scroll Top
====================================================================
*/
a.btntoTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    font-size: 30px;
    background: #ffffff;
    color: #179BD7;
    border-radius: 50%;
    padding: 10px;
    border: 3px solid #179BD7;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
a.btntoTop.active {
    display: block;
    opacity: 1;
    visibility: visible;
}
a.btntoTop:hover {
    background: #179BD7;
    color: #ffffff;
    border-color: #582b91;
    text-transform: uppercase;
}
/**
====================================================================
  Header
====================================================================
*/
.tbr-time,.tbr-adrs,.tbr-phone,.tbr-mail {
    font-size: 14px;
    color: #ffffff;
}
div#topbar{
    background: #000000;
}
.follow-us i {
    color: #ffffff;
}
p.achvmnt-hd {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.48px;
}
p.achvmnt-name {
    font-size: 14px;
    color: #888888;
    font-weight: 400;
}
.achmnt-icon1 i,.achmnt-icon2 i,.achmnt-icon3 i {
    color: #179BD7;
    font-size: 30px;
    line-height: normal;
}
.menu-colr-bg {
    background: #179BD7;
}
.hdr-button a {
    font-size: 15px;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 8px 15px;
}
.hdr-button a:hover {
    color: #000000;
    border-color: #000000;
}
.follow-us i:hover {
    color: #179BD7;
}
/**
====================================================================
  Logo
====================================================================
*/
.logo {
    display: flex;
    flex-direction: column;
}
.site-title {
    margin: 0;
}
.logo h1.site-title {
    font-size: 25px;
    padding: 0;
}
.has-logo h1.site-title,
.has-logo p.site-title {
    padding: 0;
}
p.site-title {
    padding: 1.5em 0 0;
}
header.style2 .logo h1.site-title a,header.style2 .logo p.site-description {
    color: #ffffff;
}
.site-description {
    margin: 0;
    font-size: 14px;
}
.logo img {
    max-width: 170px;
    height: auto;
    margin: 10px 0;
}
/**
====================================================================
  Navigation
====================================================================
*/
.main-navigation ul .menu-item.menu-item-has-children a,
.main-navigation ul .page_item.page_item_has_children a{
    position: relative;
}
.main-navigation .menu > li i,.menu li i{
    font-size: 10px;
    color: #ffffff;
}
.main-navigation ul .menu-item.menu-item-has-children .sub-menu a:after,
.main-navigation ul .page_item.page_item_has_children .children a:after{
    content: none;
}
.main-navigation .menu ul {
    margin-bottom: 0px;
    padding: 0px;
}
.main-navigation .menu li {
    display: inline;
    position: relative;
    list-style: none;
}
.main-navigation .menu > li > a, .page_item a {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.42px;
    padding: 18px 0px;
}
.page_item_has_children ul li a,.main-navigation .menu .menu-item-has-children ul li a {
    font-size: 14px;
    position: relative;   
    display: block;
    color: #179BD7;
    text-align: left;
    padding: 12px 20px !important;
    line-height: 22px;
    font-weight: 500;
}
#site-navigation .menu ul.sub-menu li a,
#site-navigation .menu ul.children li a{
    line-height: 1.5;
}
nav#site-navigation{
    padding: 0;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus, 
.main-navigation ul.children > li > a:hover, .main-navigation ul.children > li > a:focus{
    color: #ffffff !important;
    background-color: #179BD7 !important;
    border-radius: 5px;
}
/*.main-navigation .menu,.top-menu-wrapper ul {
    display: flex;
    gap: 5px 65px;
    flex-wrap: wrap;
    margin: 0;
}*/
div#mySidenav {
    display: inline-flex;
}
.main-navigation .menu > li ,.main-navigation .menu li{
    display: inline;
    position: relative;
    padding-right: 50px;
}
.main-navigation .menu > li > a:hover,.menu > ul > li > a:hover, li.current-menu-item.current_page_item a,.current_page_item a{
    border-bottom: 2px solid #ffffff;
}
.main-navigation .sub-menu,
.main-navigation .children {
    background-color: #ffffff;
    list-style: none;
    padding-left: 0;
    position: absolute;
    opacity: 0;
    left: -9999px;
    z-index: 99999;
    width: 200px !important;
}
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .children > li > a:hover,
.main-navigation .children > li > a:focus {
    background: #000;
    color: #fff;
}
.main-navigation .sub-menu li ul.sub-menu,
.main-navigation .children li ul.children {
    left: 200px !important;
    top: -1px !important;
}
.main-navigation .sub-menu > li,
.main-navigation .children > li {
    display: block;
    float: none;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-right: 0px;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    display: inline-block;
    position: absolute;
    width: calc( 24px + 1rem);
    right: 0;
    top: calc( .125 * 1rem);
    bottom: 0;
    color: white;
    line-height: 1;
    padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    margin-right: 0;
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    color: #fff;
    display: block;
    padding: 15px;
    font-weight: 600;
}
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    width: 100%;
    font-size: 22px;
    font-weight: normal;
    text-align: left;
}
.main-navigation .sub-menu > li > a:empty,
.main-navigation .children > li > a:empty {
    display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item,
.main-navigation .children > li.mobile-parent-nav-menu-item {
    display: none;
    font-size: 0.88889em;
    font-weight: normal;
}
@media screen and (min-width:1001px){
    .main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,.main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,.main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu,.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu,.main-navigation .menu .page_item_has_children:not(.off-canvas):hover > .children,.main-navigation .menu .page_item_has_children:not(.off-canvas):focus > .children,.main-navigation .menu .page_item_has_children.is-focused:not(.off-canvas) > .children,.main-navigation .menu .page_item_has_children:not(.off-canvas)[focus-within] > .children,.main-navigation .menu .page_item_has_children:not(.off-canvas):focus-within > .children   {
    display: block;
    left: 0;
    margin-top: 0;
    width: auto;
    min-width: 100%;
    opacity: 1;
    top: 100%;
    border: 1px solid #f3f3f3;
    margin: 0;
}
}
.main-navigation .sub-menu > li:last-child,
.main-navigation .children > li:last-child {
    border-bottom: none;
}

.toggle-nav, a.closebtn{
  display: none;
}
header.style1 header {
    border-bottom: 1px solid #dadada;
}
header.style2 ul.menu>li a {
    color: #fff;
}
.page-title p.main-title,
.page-title h1.main-title {
    text-align: center;
    margin: 0;
    color: #fff;
    padding: 35px 0;
    word-wrap: break-word;
}
.page-title.style1 p.main-title,
.page-title.style1 h1.main-title {
    padding: 50px 0;
}
.page-title.style2 p.main-title,
.page-title.style2 h1.main-title {
    padding: 180px 0 100px 0;
}
.page-title p.main-title {
    font-size: 32px;
    font-weight: 700;
}
header.style2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    border-bottom: none;
}
/**
====================================================================
  Banner
====================================================================
*/
div#content-header {
    z-index: 9;
    position: relative;
}
section#main-banner-wrap {
    margin-top: -2rem;
}
.main-banner-inner-box {
    position: relative;
}
.main-banner-content-box.content-left {
    text-align: left;
    left: 15%;
    right: 50%;
    position: absolute;
}

.main-banner-content-box.content-center {
    text-align: center;
    left: 31%;
    right: 31%; 
    position: absolute;   
}

.main-banner-content-box.content-right {
    text-align: right;
    left: auto;
    right: 15%;
    position: absolute;
}
.main-banner-content-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);    
}
.slider-sec button.owl-prev i,.slider-sec button.owl-next i {
    color: #F6F2F3;
    border-radius: 50%;
    padding: 10px;
    display: inline-block;
    font-size: 40px;
}
.slider-sec button.owl-prev i:hover,.slider-sec button.owl-next i:hover{
    background: #179BD7;
    color: #ffffff;
}
.slider-sec button.owl-prev,.slider-sec button.owl-next{
    position: absolute;
    top: 50%
}
.slider-sec button.owl-prev{
    left: 3%;
}
.slider-sec button.owl-next{
    right: 3%;
}
h6.bnr-sm-hd {
    color: #179BD7;
    font-size: 18px;
    font-family: 'Poppins';
}
h2.bnr-hd1 {
    font-size: 50px;
    color: #ffffff;
    font-weight: bold;
    font-family: 'Poppins';
    line-height: 67px;
}
a.btn-slid.btn {
    font-size: 16px;
    color: #ffffff;
    background: #179BD7;
    border-radius: 0px;
}
.main-banner-inner-box img {
    height: 650px;
    width: 100%;
    object-fit: cover;
}
a.btn-slid.btn:hover {
    color: #179BD7;
    background: #ffffff;
}
/**
====================================================================
  learning experience
====================================================================
*/
h6.expernc-sm-hd {
    font-size: 15px;
    color: #179BD7;
    font-weight: 400;
}
h3.expernc-main-hd {
    font-size: 23px;
    color: #000000;
    font-weight: bold;
    font-family: 'Poppins';
}
h6.serv-inn-hd {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    font-family: "Roboto", sans-serif;
}
section#experiences-wrap {
    position: relative;
}
section#experiences-wrap .owl-nav {
    position: absolute;
    right: 0;
    top: -53px;
}
section#experiences-wrap button.owl-prev i,section#experiences-wrap button.owl-next i {
    background: #179BD7;
    color: #ffffff;
    padding: 10px 12px !important;
}
section#experiences-wrap button.owl-prev {
    margin-right: 15px;
}
section#experiences-wrap button.owl-prev i:hover, section#experiences-wrap button.owl-next i:hover {
    background: #000000;
    border: none;
    color: #179BD7;
}
.owl-carousel .owl-item .serv-img-box img {
    width: 100%;
    height: 350px;
}
/**
====================================================================
  Footer
====================================================================
*/
.woocommerce.widget_shopping_cart .buttons a {
    background: #ffffff;
    color: #179BD7;
}
#footer a.rsswidget.rss-widget-title,#footer select,#footer caption {
    color: #ffffff;
}
.footer-widgets-wrapper {
    display: flex;
    list-style-type: none;
    text-align: left;
    margin-bottom: 25px;
}
.footer-copyright {
    text-align: center;
    border-top: 1px solid #ffffff;
}
div.footer-widgets-wrapper #media_image-2 {
    max-width: 64%;
}
#footer .footer-widgets .row {
    margin-top: 56px;
    padding-top: 30px;
}
div.footer-widgets-wrapper p {
    margin-top: 26px;
    font-weight: 300;
    line-height: 23px;
}
.menu-quick-links-container,
.menu-feature-services-container,
.contact-footer {
    margin-top: 16%;
    line-height: 26px;
}
i.fa {
    padding-right: 12px
}
#footer {
    width: 100%;
    background-color: #179BD7;
    color: white;
}
#footer h2{
    color: #ffffff;
    border-bottom: double;
    border-top: double;
    padding: 10px 0px;
}
footer h4 {
    color: #ffffff;
    margin: 15px 0px;
    padding: 0;
    font-size: 28px;
    border-bottom: double;
    border-top: double;
}
#footer .wp-block-button__link {
    background: #fff;
    color: #179BD7;
}
#footer table#wp-calendar td,#footer table#wp-calendar td a,#footer .wp-block-calendar caption,#footer span.wp-calendar-nav-prev a{
    color: #ffffff;
}
div.footer-widgets-wrapper p.wp-block-tag-cloud a,.tagcloud a,p.wp-block-tag-cloud a {
    color: #179BD7;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 7px;
    padding: 5px 15px;
    background: #ffffff;
    font-weight: 400;
    border: 2px solid #179BD7;
    text-decoration: none;
}
.footer-widgets-wrapper>ol {
    list-style-type: none;
}
#footer li a {
    color: #fff !important;
}
footer .copyrights p {
    margin: 15px 0;
}
.copyrights a{
    color: #fff;
}
.footer-copyrights-wrapper {
    margin-top: 30px;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
    background: #179BD7;
    color: #ffffff;
}
.copyrg-link a{
    text-decoration: underline;
}
/**
====================================================================
  Blog-section
====================================================================
*/

#blog-section #post-wrapper article {
    margin-bottom: 50px;
}
#blog-section #post-wrapper {
    padding: 0 20px;
    padding-left: 25px;
    margin-top: 70px;
}
.blog-post img {
    max-width: 100%;
    height: auto;
    margin-top: 15px;
}
.blog-content-wrapper {
    background: #f8f8f8;
    padding: 35px;
    padding-left: 30px;
    margin: 15px 0px;
}
#blog-section h2.entry-title {
    position: relative;
    padding-top: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #605555;
    margin-bottom: 0;
    word-break: break-word;
}
h2.entry-title a{
    text-decoration: none;
}
#blog-section .meta.no-image {
    padding: 10px 0;
    border-bottom: 1px solid #605555;
    margin-bottom: 20px;
}
#blog-section .meta.no-image a,
#blog-section .meta.no-image span {
    color: #000000;
}
#blog-section .meta span {
    color: #000000;
    padding: 2px;
}
#blog-section .meta span a {
    color: #000000;
    vertical-align: baseline;
    margin-left: 3px;
}
#blog-section .meta span .blog-post {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 50px;
    margin: 54px 110px 0 0px;
    padding: 5px 0px;
}
.blog-image-wrapper {
    position: relative;
    /* Ensure the container wrapping the image has position: relative; */
}
#blog-section .meta.has-image {
    position: absolute;
    bottom: 7px;
    right: 0;
    width: auto;
    max-width: 80%;
    padding: 20px;
    background: rgb(34 34 34 / 70%);
    color: #fff;
    box-sizing: border-box;
    z-index: 1;
}
#blog-section .meta.has-image .meta-item {
    margin-bottom: 5px;
}

#blog-section .meta.has-image a,
#blog-section .meta.has-image span {
    color: #fff;
}
#blog-section .read-more a {
    background: #179BD7;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    line-height: normal;
    font-weight: bold;
}
.search aside,
.error404 aside,
.archive aside,
.blog aside,
.single aside {
    padding: 10px;
}
/**
====================================================================
  Single-blog-section
====================================================================
*/
.single .entry-title a {
    color: #9e6906;
    font-size: 21px;
    margin: -28px 0 0 0;
}
.single .entry-title {
    margin: 30px 0 10px 0;
    padding: 0;
    font-size: 28px;
    word-break: break-word;
}
.single .blog-post img {
    max-width: 100%;
    height: auto;
    margin-top: 38px;
}
.single .blog-post img {
    max-width: 100%;
    height: auto;
}
.single .meta {
    position: relative;
    margin: 30px 0px;
    padding: 10px 0;
    border-bottom: 1px solid #605555;
    border-top: 1px solid #605555;
}
.single .meta>span {
    padding: 0 10px;
}

.single .meta span a {
    vertical-align: baseline;
    margin-left: 3px;
    text-decoration: none;
}
.single .blog-content-wrapper {
    background: #f8f8f8;
    padding: 55px;
    margin-top: -70px;
    padding-left: 30px;
}
.single .blog-image-wrapper {
    padding-top: 39px;
    padding-bottom: 40px
}
.single .meta span .blog-post {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 50px;
    margin: 54px 110px 0 0px;
    padding: 5px 0px;
}
.single .blog .blog-content-wrapper h2.entry-title {
    margin: 0;
    padding-bottom: 20px;
    padding-top: 2px;
}
.single .post-categories {
    margin: 10px 0;
}
.single ul.post-categories {
    display: inline-block;
}
.single nav.post-navigation {
    margin: 40px 0;
}
/**
====================================================================
  Comments
====================================================================
*/
.single #comments {
    margin: 0 auto;
    padding-top: 80px;
}

.single.single-right-sidebar #comments,
.single.single-left-sidebar #comments {
    width: 90%;
}
#blog-section .col-md-12 {
    margin: 70px 0 0 0;
}
ol.comment-list {
    margin-top: 30px;
    list-style-type: none;
    margin-left: 0;

}
ol.children {
    list-style-type: none;
}
.comment-metadata {
    margin: 10px 0;
    padding: 0px 70px;
    border-radius: 45px;
}
#respond {
    margin-top: 50px;
}
.comment-meta .reply {
    margin: 10px 0;
    float: right;
}
.post-tags {
    margin: 70px 0 10px 0;
}
.post-tags a {
    background: #efefef;
    padding: 5px 15px;
    margin-right: 5px;
    margin-bottom: 10px;
}
.post-tags a:hover {
    background: #000000;
    color: #fff;
}
.comment-meta b.fn {
    display: block;
    margin-left: 70px;
    margin-top: -50px;
}
.comment-meta span.says {
    margin-left: 70px;
}
#respond h3#reply-title {
    margin-bottom: 5px;
}
.children .comment {
    padding-left: 50px;
}
/**
====================================================================
  Pagination
====================================================================
*/
.blog .pagination {
    display: block;
    text-align: center;
    margin: 24px 0px;
    border-radius: 13px;
}
.blog .pagination .page-numbers {
    margin: 0px 8px;
}
.blog .pagination .nav-links .current {
    background: #179BD7;
    color: #fff;
    padding: 10px 20px;
}
.nav-previous {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.single .nav-previous span>i {
    padding-right: 10px;
}
.single .nav-next i {
    padding-left: 10px;
}
.nav-previous a .post-title {
    padding: 7px 0;
    font-size: 20px;
    font-weight: 500;
    color: #179BD7;
    margin: 0;
}
.nav-next a .post-title {
    padding: 7px 0;
    font-size: 20px;
    font-weight: 500;
    color: #179BD7;
}
.nav-next {
    display: inline-block;
    text-align: right;
    width: 50%;
    vertical-align: top;
}
.nav-links {
    border-top: 1px solid #010101;
    padding: 12px;
    border-bottom: 1px solid #010101;
}
.nav-links a {
    text-decoration: none;
}
.post-title :hover {
    text-decoration: none;
}
.post-navigation .nav-links span.screen-reader-text {
    pointer-events: none;
}
/**
====================================================================
  Search
====================================================================
*/
.search form input[type="submit"],
.search label.search-icon {
    display: none;
}
.search #post-wrapper {
    margin-top: 70px;
}
.search h1.page-search {
    margin: 0;
    padding: 0;
}
/**
====================================================================
  404 page
====================================================================
*/
.error404 form input[type="submit"],
.error404 label.search-icon {
    display: none;
}
.error404 #post-wrapper {
    margin-top: 70px;
}
.error404 h1.page-error {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
/**
====================================================================
  Page
====================================================================
*/
.logo p.site-title {
    font-size: 25px;
    font-weight: 700;
    padding: 0;
}
.container .page-content-area {
    margin-top: 70px;
}
.container .page-content-area a {
    text-decoration: underline;
}
.single-entry-summary a, .textwidget a {
    text-decoration: underline;
}
/**
====================================================================
  block-page
====================================================================
*/
.blog-post .blocks-gallery-grid, .blog-post .wp-block-gallery {
    padding: 0px 10px 20px 0px;
}
/**
====================================================================
  Sidebar CSS
====================================================================
*/
aside .widget h2,
aside .widget h3 {
    padding: 0;
}
aside .search-icon i {
    display: none;
}
aside #searchform div>input {
    height: 45px;
    border: none;
    background: #fff;
}
aside form #searchsubmit {
    background: #179BD7 !important;
    color: #fff;
    padding: 5px 15px;
}
aside>div {
    margin-top: 50px;
    margin-bottom: 30px;
}
aside ul li {
    padding: 8px 5px;
}
.meta i {
    padding: 5px;
}
aside .widget:last-child {
    border-bottom: none;
}
#sidebar-wrapper,.detail-sidebar ,.inn-sidebar{
    background: #F8F8F8;
    margin-top: 85px;
}
.sidebar-wrapper-2{
    padding: 15px;
}
.inn-sidebar {
    padding: 10px;
}
aside #searchform div {
    display: flex;
    padding: 12px 0px;
}
aside #searchform div {
    color: #000000;
    display: flex;
    padding: 2px;
    border-radius: 5px;
}
/**
====================================================================
  Custom CSS for WooCommerce Inner Pages
====================================================================
*/
.woocommerce .woocommerce-info .button,button.woocommerce-Button.button {
    background: #179BD7;
    color: #ffffff;
}
.woocommerce a.added_to_cart {
    padding-left: 8px;
}
.yith-wcwl-share li.share-button i {
    padding: 0px;
}
nav.woocommerce-breadcrumb {
    margin-top: 10px !important;
}
.woocommerce span.onsale{
    background: #179BD7;
    padding: 10px 15px;
}
/* Single Product Page */
.single-product .product-title {
    font-size: 24px;
    color: #333;
}

.single-product .price {
    font-weight: bold;
    color: #554b4d !important;
}
.woocommerce div.product form.cart .button{
     background: #179BD7;
}
/* Shop Page */
.woocommerce ul.products li.product {
    background-color: #f8f8f8;
    padding: 10px;
    border: 1px solid #ddd;
}
.woocommerce ul.products li.product .button {
    background: #179BD7;
    color: #ffffff;
}
.woocommerce ul.products li.product .price {
    color: #179BD7;
}
.woocommerce ul.products li.product .star-rating,.woocommerce .star-rating span::before {
    color: #efab07;
}
.wc-block-grid__product-rating .star-rating span:before{
    color: #efab07 !important;
}
.woocommerce .woocommerce-ordering {
    margin: 0 0 3em;
}
.detail-sidebar ul li a:hover,.inn-sidebar ul li a:hover {
    color: #179BD7;
}
/* Cart Page */
.woocommerce-cart table.cart th {
    background-color: #f1f1f1;
    text-transform: uppercase;
    font-size: 14px;
}

.woocommerce-cart table.cart td {
    border-bottom: 1px solid #ddd;
}
.wc-block-grid__product-add-to-cart .wp-block-button__link{
    background: #179BD7;
    padding: 8px 25px;
}

/* My Account Page */
.woocommerce-account .woocommerce-MyAccount-content {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a {
    font-weight: 700;
    text-decoration: unset !important;
}
nav.woocommerce-MyAccount-navigation ul li {
    border: 3px solid #179BD7;
    margin: 10px 0px;
    padding: 15px;
    border-radius: 4px;
}
.woocommerce-MyAccount-content a{
    color: #179BD7;
}
/**
====================================================================
  Extra CSS
====================================================================
*/
button,
input[type="submit"] {
    padding: 10px 20px;
    background: #179BD7;
    color: #fff;
    border: none;
}
/**
====================================================================
  Alignment CSS
====================================================================
*/
.bypostauthor img {
    border-radius: 50%;
}
.gallery-caption,figcaption.blocks-gallery-caption {
    font-weight: bold;
}
.wp-caption {
    background: #fff;
    border: 2px solid #efefef;
    max-width: 100%;
    padding: 10px 5px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption p.wp-caption-text,.wp-caption-text  {
    padding: 10px 10px 10px 0px;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
/**
====================================================================
  Responsive CSS
====================================================================
*/
@media screen and (max-width: 1000px){
  .main-navigation ul .menu-item.menu-item-has-children a:after,
  .main-navigation ul .page_item.page_item_has_children a:after{
    content: none;
  }
  .main-navigation .menu{
    display: inline-block;
    padding: 20px;
    margin-top: 65px;
    }
    .main-navigation .menu ul{
        display: inline-block;
    }
    .main-navigation .menu li{
        border: none;
    }
  ul#menu-testing-menu li.current-menu-item.current_page_item a{
    border: none;
    color: #ffffff;
  }
  .main-navigation ul.sub-menu li a,
  .main-navigation ul.children li a {
    color: #ffffff !important;
  }
  .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus,
  .main-navigation ul.children > li > a:hover, .main-navigation ul.children > li > a:focus{
    background: transparent;
  }
  .slider-box-btn {
    margin: 17px 0;
  }
  .toggle-nav.mobile-menu {
    text-align: center;
  }
  .nav-box {
    outline: none;
    background: transparent;
  }
  .main-navigation .sub-menu > li,
  .main-navigation .children > li{
    border: none;
  }
  .toggle-nav {
    display: none;
    cursor: pointer;
    z-index: 999999;
  }
  .toggle-nav i {
    font-size: 30px;
    color: #ffffff;
  }
  .toggle-nav button {
    border: none;
    background: transparent;
    padding: 0;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999999;
    right: 0;
    top: 0;
    overflow-x: hidden;
    transition: 0.5s ;
    overflow-y: scroll;
    background: #1E192D;
    visibility: hidden;
  }
  .sidenav.show {
    visibility: visible;
    width: 300px;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 40px;
    margin-left: 10px;
    display: block;
    font-size: 30px;
    color: #fff;
    text-align: center;
    right: 14px;
  }
  .sidenav #site-navigation {
    width: 100%;
    background-color: #212529;
    padding-left: 6px;
  }
  .toggle-nav,
  .toggle-nav.mobile-menu,
  a.closebtn.mobile-menu,
  .main-navigation ul ul li,
  .nav ul li a{
    display: block;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
    padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .main-navigation li{
    padding: 0;
  }
  .main-navigation ul li a,.main-navigation .menu > li > a,.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return,
  .main-navigation .menu > li > a,.main-navigation .children > li > a, .main-navigation .children > li > .menu-item-link-return,.menu ul li a {
    color: #ffffff !important;
    display: block;
    border: none;
    text-align: left;
    padding: 10px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
  }
  #site-navigation .menu ul li a:hover{
    color: #179BD7;
  }
  /*NEW*/
  .main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu{
    border: none;
  }
  .main-navigation .sub-menu li ul.sub-menu,.main-navigation .children li ul.children{
    left: 0px !important;
  }
  .navigation_header .nav, .navbar-expand-xl {
    display: inline-block;
  }
  .main-navigation .sub-menu, .main-navigation .children{
    background: transparent;
  }
  .caret {
        display: none;
    }
    /* mobile menu */

    .footer-widgets-wrapper .widget-column {
        margin: 70px 0;
    }

    .footer-widgets-wrapper .widget-column:last-child {
        margin-bottom: 0;
    }

    .main-navigation ul li ul a {
        background: 0 0
    }

    .main-navigation ul li ul li ul li a {
        background: 0 0;
        text-transform: uppercase;
        padding-left: 22px;
        font-size: 13px;
        color: rgba(255, 255, 255, .5)
    }

    .main-navigation a.current,
    .main-navigation li.current>a {
        color: #c5a47e
    }

    .main-navigation ul li {
        position: relative;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, .15)
    }

    .main-navigation ul .dropdown:focus-within>ul {
        display: block !important
    }

    .main-navigation ul>li>ul {
        background-color: #2a2a2a
    }
    .main-navigation ul li a {
        background: 0 0;
        color: #fff;
        display: inline-block;
        font-weight: 400;
        text-transform: uppercase;
        padding: 12px 15px;
        position: relative;
        cursor: pointer;
        line-height: 24px;
        font-size: 12px;
        letter-spacing: 1px;
        width: 100%;
        text-align: left
    }
    .main-navigation ul.menu>li>ul>li>a {
        text-transform: uppercase;
        padding-left: 22px;
        font-size: 12px;
        color: rgba(255, 255, 255, .5)
    }

    .main-navigation ul.menu>li>ul>li.dropdown>a {
        padding-left: 22px
    }

    .main-navigation ul.menu>li>ul>li.dropdown {
        width: auto
    }

    .main-navigation ul li.dropdown .la {
        border-left: 1px solid rgba(130, 130, 130, .58);
        color: #fff;
        text-align: center;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .main-navigation .menu .dropdown-menu {
        position: relative;
        z-index: 1;
        display: none;
        float: none;
        min-width: 100%;
        padding: 5px 0;
        margin: 2px 50px 0 0;
        font-size: 14px;
        text-align: center;
        list-style: none;
        background-color: transparent;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: none;
        border-radius: 1px;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1 !important;
        left: 0 !important;
    }

    #site-navigation .menu li.dropdown .bi,.main-navigation .menu li i,.menu li.page_item ul.children i {
        display: block;
        color: #b3b3b9;
        text-align: center;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    #site-navigation .menu li.dropdown .bi,
    .main-navigation ul li.dropdown .bi,.main-navigation .menu li i,ul.children.dropdown-menu li i,.menu li.page_item ul.children i {
        position: absolute;
        z-index: 99;
        width: 60px;
        right: 0;
        top: 0;
        line-height: 45px;
        font-size: 18px;
        cursor: pointer;
    }
    .menu li.page_item i {
        right: 0px !important;
        top: 0px !important;
        width: 40px !important;
    }
    .menu li.page_item ul.children li.page_item i{
        right: 0 !important;
    }

    .main-navigation ul.menu>li {
        padding: 0;
    }

    .main-navigation ul li:last-child,
    .main-navigation ul.menu>li>ul>li:last-child,
    .main-navigation .menu>li>ul>li:last-child,
    .main-navigation .menu>li>ul>li>ul>li:last-child {
        border-bottom: none;
    }
    .slider-box-btn {
    margin: 17px 0;
    }
}
@media (max-width: 991px) {    
    .style2 #header-main.sticky {
        margin-top: 0;
        border-bottom: 1px solid #f5f5f5;
        box-shadow: 0px 2px 4px -2px;
        -webkit-box-shadow: 0px 2px 4px -2px;
        -moz-box-shadow: 0px 2px 4px -2px;
    }
    header.style1 {
        height: auto !important;
    }
    header.style1 ul.navigation>li a,
    header.style2 ul.navigation>li a {
        color: #fff;
    }
    .single .meta span a {
        vertical-align: baseline;
        margin-left: 3px;
    }
    .single .blog-post img {
        max-width: 100%;
        height: auto;
        margin-top: 38px;
    }
    .single #post-wrapper {
        padding: 30px;
    }
    .blog-post {
        max-width: 100%;
    }
    .bth-sidebars .container .col-left,
    .both-sidebars .container .col-right {
        float: none;
        width: 100%;
    }
    .both-sidebars .container .col-middle {
        width: 100%;
    }
    .single .title,
    .single .content {
        width: 100%;
        margin: 0 auto;
    }
    .single #comments {
        width: 100%;
        margin: 0 auto;
        padding-top: 0;
    }
    .footer-menu ul>li {
        width: 100%;
    }

    .footer-menu ul>li.dropdown {
        margin-top: 30px;
    }
    .footer-widgets-wrapper {
        display: inline-block;
        list-style-type: none;
    }
    .related-posts.archive article {
        width: auto;
    }
    .archive article {
        width: 100%;
    }
    .footer-widgets-wrapper .widget-column {
        margin: 70px 0;
    }
    .footer-widgets-wrapper .widget-column:last-child {
        margin-bottom: 0;
    }    
    @keyframes slide-in {
        from {
            transform: translateX(-100%);
        }
        to {
            transform: translateX(0);
        }
    }
}
@media (max-width: 767px) {    
    .alignfull {
        max-width    : 100vw;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        width: auto;
    }
    .alignwide {
        max-width    : 100vw;
        margin-right: calc(25% - 25vw);
        margin-left: calc(25% - 25vw);
        width: auto;
    }
    .alignfull img {
        width: 100vw;
    }
    .hdr-button a {
        font-size: 12px;
        padding: 0px 15px;
    }
    h2.bnr-hd1 {
        font-size: 25px;
        line-height: normal;
    }
    .main-banner-content-box.content-center {
        left: 5%;
        right: 5%;
    }
    section#experiences-wrap .owl-nav {
        top: unset;
        bottom: -45px;
    }
    .slider-sec .owl-nav{
        display: none;
    }
}
@media (max-width: 991px) and (min-width: 767px) {
    footer#footer div.col-md-3,
    footer#footer div.col-md-6 {
        width: 46%;
        display: inline-block;
        vertical-align: top;
        margin-right: 15px;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .hdr-button a {
        margin: 5px 0px;
    }
    .main-banner-content-box.content-center {
        left: 20%;
        right: 20%;
    }
    h2.bnr-hd1 {
        font-size: 45px;
        line-height: normal;
    }
}
@media (max-width: 1199px) and (min-width: 1024px) {
   .tbr-time, .tbr-adrs, .tbr-phone, .tbr-mail,p.achvmnt-name {
        font-size: 10px;
    }
    .follow-us i{
        font-size: 14px;
    }
    p.achvmnt-hd {
        font-size: 12px;
    }
    .achmnt-icon1 i, .achmnt-icon2 i, .achmnt-icon3 i{
        font-size: 20px;
    }
    .hdr-button a {
        font-size: 12px;
        padding: 4px;
    }
    .main-navigation .menu > li, .main-navigation .menu li {
        padding-right: 40px;
    }
    .main-banner-content-box.content-center {
        left: 15%;
        right: 15%;
    }
}
@media (max-width: 1359px) and (min-width: 1200px) {
   .tbr-time, .tbr-adrs, .tbr-phone, .tbr-mail {
        font-size: 13px;
    }
    .achmnt-icon1 i, .achmnt-icon2 i, .achmnt-icon3 i{
        font-size: 20px;
    }
    .hdr-button a {
        padding: 8px 4px;
    }
    .main-banner-content-box.content-center {
        left: 25%;
        right: 25%;
    }
}
@media (max-width: 1439px) and (min-width: 1360px) {
    .tbr-time, .tbr-adrs, .tbr-phone, .tbr-mail {
        font-size: 13px;
    }
    .achmnt-icon1 i, .achmnt-icon2 i, .achmnt-icon3 i{
        font-size: 24px;
    }
    .hdr-button a {
        padding: 8px 4px;
    }
    .main-banner-content-box.content-center {
        left: 25%;
        right: 25%;
    }
}
@media (max-width: 1500px) and (min-width: 1440px) {
    .main-banner-content-box.content-center {
        left: 25%;
        right: 25%;
    }
}
@media (min-width: 1920px) {
    
}
@media (max-width: 2560px) and (min-width: 1024px){
    ul.sub-menu.dropdown-menu i,ul.children i {
    display: none;
}
}