/*
Theme Name: Younker
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
.etap-footer ul {
    list-style: none;
    padding: 0;
}
.etap-footer li.elementor-icon-list-item span.elementor-icon-list-icon svg {
    width: 15px;
}


.course-icon {
    width: 34px;
    height: 55px;
    object-fit: contain;
    margin-right: 7px;
    flex-shrink: 0;
}

.categoryss .card{
display:flex;
align-items:center;
}


.wrap.categoryss{max-width:1280px;margin:auto}
.categoryss .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.categoryss .card {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 0 5px 18px rgba(0,0,0,.05);
    min-height: 110px;
     -webkit-appearance: none;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.categoryss .card:hover {
-webkit-transition: all .1s linear;
        transition: all .1s linear;
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }


.categoryss .card i{font-size:40px}
.categoryss .card h3 {
    font-size: 17px;
    margin-bottom: 6px;
    color: #021e65;
}
.categoryss .card p {
    font-size: 13px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 0;
}
#tahefobu-header.ta-sticky-active, .turbo-header-template.ta-sticky-active {
    background: #fff;
}
.categoryss .c1{background:linear-gradient(135deg,#fff2eb,#fff)} .categoryss .c1 i{color:#ff6f3c}
.categoryss .c2{background:linear-gradient(135deg,#eef6ff,#fff)} .categoryss .c2 i{color:#2979ff}
.categoryss .c3{background:linear-gradient(135deg,#fff5eb,#fff)} .categoryss .c3 i{color:#ff7b2c}
.categoryss .c4{background:linear-gradient(135deg,#fff1f6,#fff)} .categoryss .c4 i{color:#ff2d7a}
.categoryss .c5{background:linear-gradient(135deg,#eefdf7,#fff)} .categoryss .c5 i{color:#25b99a}
.categoryss .c6{background:linear-gradient(135deg,#fff8ef,#fff)} .categoryss .c6 i{color:#f59a00}
.categoryss .c7{background:linear-gradient(135deg,#f5f9fc,#fff)} .categoryss .c7 i{color:#294a63}
.categoryss .c8{background:linear-gradient(135deg,#effefe,#fff)} .categoryss .c8 i{color:#26c6c6}
.categoryss .c9{background:linear-gradient(135deg,#f4f2ff,#fff)} .categoryss .c9 i{color:#8a6cff}
@media(max-width:1100px){.categoryss .grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.categoryss .grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.categoryss .grid{grid-template-columns:1fr}}

.categoryss .card img {
    max-width: 34px !important;
}


.slider-sd .card {
    border: 1px solid #E5E5E5;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
    background: #fff;
        -webkit-appearance: none;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.slider-sd .card:hover {
-webkit-transition: all .1s linear;
        transition: all .1s linear;
        -webkit-transform: scale(1.03);
        transform: scale(1.03);

    }


section.wrap.slider-sd, section.wrap.slider-sd .swiper-wrapper {
    min-height: 400px;
}
.slider-sd .img {
    height: 188px;
}

.slider-sd .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.slider-sd .content {
    padding: 16px 12px;
    border: 4px solid #fff;
    border-radius: 0 0 18px 18px;
}

.slider-sd .content h3 {
    margin: 0 0 10px;
    font-size: 22px;
    color: var( --e-global-color-secondary );
    min-height: 44px;
    font-weight: 700;
}

.slider-sd .content p {
    min-height: 58px;
    color: var(--e-global-color-text);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

.slider-sd .content small {
    font-size: 12px; 
    color: #777
}

.slider-sd .swiper-button-next,
.slider-sd .swiper-button-prev {
    background: #fff;
    border-radius: 50%;
    width: 42px !important;
    height: 42px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.slider-sd .swiper-button-next:after,
.slider-sd .swiper-button-prev:after {
    font-size: 18px
}

.slider-sd .swiper {
    padding: 0;
}
.slider-sd .swiper-slide {
    height: auto
}


/*==================================================
 STUDENT TESTIMONIALS
==================================================*/

.gp-testimonial-slider{
    position:relative;
    width:100%;
    padding:20px 55px;
}

.gp-card {
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid #ECECEC;
    transition: .35s;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
    height: 100%;
}

.gp-card:hover{
    transform:translateY(-6px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}

.gp-thumb{
    position:relative;
    overflow:hidden;
}

.gp-thumb img {
    width: 100%;
    display: block;
    aspect-ratio: 16/10;
    object-fit: cover;
    height: 370px;
}

.gp-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(255,90,31,.35);
    transition: .3s;
    z-index: 9;
}

.gp-play svg {
    width: 26px;
    height: 26px;
    color: var( --e-global-color-primary );
    fill: var( --e-global-color-primary );
}

.gp-play:hover{
    transform:translate(-50%,-50%) scale(1.08);
    background:#ff4810;
}
.gp-content {
    padding: 18px;
    border: 4px solid #fff;
    border-radius: 0 0 18px 18px;
}
.gp-content h3 {
    margin: 0 0 10px;
    font-size: 20px;
    color: var(--e-global-color-secondary);
    font-weight: 700 !important;
}
.gp-content span {
    display: block;
    color: #333333;
    font-weight: 600;
    margin: 5px 0 9px;
}

.gp-content p {
    color: var( --e-global-color-text );
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 11px; 
}
.gp-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #000000;
    text-decoration: none;
    font-weight: 700 !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.gp-btn:after{
    content:"→";
    font-size:18px;
}

.gp-prev,
.gp-next{
    position:absolute;
    top:45%;
    width:52px;
    height:52px;
    border-radius:100%;
    background:#fff;
    border:1px solid #E8E8E8;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
    z-index:20;
}

.gp-prev{
    left:-15px;
}

.gp-next{
    right:-15px;
}

.gp-prev:before{
    content:"‹";
    font-size:28px;
}

.gp-next:before{
    content:"›";
    font-size:28px;
}

/* Popup */

#gp-video-popup{
    position:fixed;
    inset:0;
    display:none;
    z-index:99999;
}

.gp-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.8);
}

.gp-box{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:90%;
    max-width:900px;
    background:#000;
    border-radius:15px;
    overflow:hidden;
}

.gp-video-area iframe,
.gp-video-area video{
    width:100%;
    height:520px;
    display:block;
}

.gp-close{
    position:absolute;
    right:15px;
    top:10px;
    color:#fff;
    cursor:pointer;
    font-size:34px;
    z-index:100;
}

/* Responsive */

@media(max-width:1024px){

.gp-content{
padding:22px;
}

.gp-content h3{
font-size:22px;
}

}

@media(max-width:767px){

.gp-testimonial-slider{
padding:10px;
}

.gp-prev,
.gp-next{
display:none;
}

.gp-video-area iframe,
.gp-video-area video{
height:260px;
}

.gp-content{
padding:18px;
}

.gp-content h3{
font-size:20px;
}

.gp-play{
width:60px;
height:60px;
font-size:24px;
}

}


.cf7-counsellor-form{
    max-width:100%;
}

.cf7-row{
    margin-bottom:18px;
}

.cf7-row.full input, .cf7-row.full select {
    width: 100%;
    height: 58px;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    padding: 0 18px;
    font-size: 15px;
}
.cf7-fullpart {
    display: flex;
    gap: 15px;
}


.cf7-row.half{
    display:flex;
    gap:15px;
}

.country-code{
    width:120px;
}

.country-code select{
    width:100%;
    height:58px;
    border:1px solid #e6e6e6;
    border-radius:14px;
    padding:0 12px;
}

.phone-number{
    flex:1;
}

.phone-number input{
    width:100%;
    height:58px;
    border:1px solid #e6e6e6;
    border-radius:14px;
    padding:0 18px;
}

.cf7-row.buttons {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 20px;
    margin-bottom: 0;
}

.cf7-row.buttons p {
    margin-bottom: 0;
}

.callback-btn{
    background:#ff5a1f !important;
    color:#fff !important;
    border:none !important;
    border-radius:30px !important;
    padding:15px 35px !important;
    cursor:pointer;
}


.callback-btn:hover {
    background: var( --e-global-color-secondary ) !important;
    color: #fff !important;
}

.or-text {
    font-weight: 700;
    color: #555;
    margin-top: 17px !important;
    display: block;
}

.trial-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 35px;
    border:2px solid #ff5a1f;
    color:#ff5a1f;
    border-radius:30px;
    text-decoration:none;
    font-weight:600;
}

.intl-tel-input .flag-container {
    position: static;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
    padding-left: 0;
}
.intl-tel-input.allow-dropdown.separate-dial-code {
    display: flex;
    gap: 15px;
}
.intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding-right: 36px;
    margin-right: 0;
    border: 1px solid #e6e6e6;
    width: 100%;
    height: 58px;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    padding: 0 18px;
    font-size: 15px;
}


.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 100px;
    border-radius: 14px;
    background: transparent;
    border: 1px solid #e6e6e6;
}

.trial-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 35px;
    border: 1px solid #ff5a1f;
    color: #ff5a1f;
    border-radius: 50px;
}

.trial-btn:hover {
    border: 1px solid var(--e-global-color-secondary) !important;
    background: var(--e-global-color-secondary) !important;
    color: #fff !important;
}
.trial-btn br {display: none;}

.wpcf7-spinner {
    display: block;
}


.learning-table-wrap {
    margin: auto;
    background: #FFF9F6;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    border: 0 none;
}

table td, table th {
    border: 0 none !important;
}

.learning-table{

    width:100%;
    border-collapse:collapse;
}

.learning-table thead th {
    background: #FFF9F6;
    color: #212529;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    padding: 12px 15px;
    border-bottom: 1px solid #F3E3DB;
}

.learning-table td {
    padding: 12px 15px;
    font-size: 14px;
    color: #555;
    border-bottom: 1px solid #F3E3DB;
}

.learning-table tr:last-child td{

    border-bottom:none;
}
.learning-table td strong {
    color: #222;
    font-weight: 700;
    font-size: 13px;
}

.learning-table th,
.learning-table td{

    border-right:1px solid #F3E3DB;
}

.learning-table th:last-child,
.learning-table td:last-child{

    border-right:none;
}

.table-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-top: 1px solid #F3E3DB;
    gap: 15px;
    flex-wrap: wrap;
}

.info-pill {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 1px solid #F3E3DB;
    border-radius: 50px;
    padding: 0 12px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: #222;
}
.info-pill .icon{

    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#FFF2EC;
    color:#FF5A1F;
    font-size:20px;
}

.brush-image{

    margin-left:auto;
}

.brush-image img{

    width:120px;
    display:block;
}

/************ Responsive ************/

.over-asdpfpa-s h3.elementor-image-box-title {
    margin: 0;
}



/*=========================================
        BLOG GRID
=========================================*/

.blog-grid{

    display:grid;
    grid-template-columns:2fr 360px;
    gap:40px;
    align-items:start;

}

.blog-left{

    display:flex;
    flex-direction:column;
    gap:24px;

}

/*=========================================
        BLOG CARD
=========================================*/

.blog-card{

    display:flex;
    gap:24px;

    background:#fff;

    border:1px solid #edf0f5;

    border-radius:18px;

    overflow:hidden;

    transition:.35s;

    box-shadow:
    0 8px 24px rgba(0,0,0,.04);

}

.blog-card:hover{

    transform:translateY(-6px);

    box-shadow:
    0 25px 45px rgba(0,0,0,.10);

}

/*=========================================
        IMAGE
=========================================*/

.blog-image{

    width:290px;
    flex-shrink:0;
    overflow:hidden;

}

.blog-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;

}

.blog-card:hover img{

    transform:scale(1.08);

}

/*=========================================
        CONTENT
=========================================*/

.blog-content{

    padding:22px 24px 22px 0;

    display:flex;

    flex-direction:column;

}

.blog-content .category {
    display: inline-flex;
    align-items: center;
    width: max-content;
    background: #fff4ef;
    color: #ff6a2d;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 50px;
    margin-bottom: 0;
    letter-spacing: .3px;
}

.blog-content h2 {
    font-size: 24px;
    line-height: 1.35;
    font-weight: 700 !important;
    margin-bottom: 14px;
}

.blog-content h2 a{

    color:#111;

}

.blog-content h2 a:hover{

    color:#ff6a2d;

}

/*=========================================
        META
=========================================*/

.meta{

    display:flex;

    align-items:center;

    gap:12px;

    color:#777;

    font-size:14px;

    margin-bottom:18px;

}

.meta span{

    display:flex;
    align-items:center;

}

/*=========================================
        DESCRIPTION
=========================================*/

.blog-content p {
    color: var( --e-global-color-text );
    margin-bottom: 20px;
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
}

/*=========================================
        READ MORE
=========================================*/

.read-more{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#ff6a2d;

    font-size:15px;

    font-weight:700;

    width:max-content;

}

.read-more svg{

    width:18px;
    height:18px;

    transition:.35s;

}

.read-more:hover svg{

    transform:translateX(6px);

}

.read-more:hover{

    color:#111;

}

/*=========================================
        CARD SPACING
=========================================*/

.blog-card + .blog-card{

    margin-top:2px;

}

/*=========================================
        IMAGE RADIUS FIX
=========================================*/

.blog-card .blog-image{

    border-radius:18px 0 0 18px;

}

.blog-card img{

    min-height:220px;

}

/*=========================================
        TITLE LIMIT
=========================================*/

.blog-content h2{

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;

}

/*=========================================
        DESCRIPTION LIMIT
=========================================*/

.blog-content p{

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;

}

/*=========================================
        SMALL LAPTOP
=========================================*/

@media(max-width:1200px){

.blog-grid{

grid-template-columns:1fr 330px;

}

.blog-image{

width:250px;

}

.blog-content h2{

font-size:23px;

}

}


/*=========================================
        SIDEBAR
=========================================*/

.sidebar{

    position:sticky;
    top:30px;

    display:flex;
    flex-direction:column;
    gap:24px;

}

/*=========================================
        WIDGET
=========================================*/

.widget{

    background:#fff;

    border:1px solid #edf0f5;

    border-radius:18px;

    padding:28px;

    box-shadow:0 8px 25px rgba(0,0,0,.04);

    transition:.35s;

}

.widget:hover{

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.widget h3{

    font-size:22px;

    font-weight:700;

    color:#111;

    margin-bottom:22px;

}

/*=========================================
        SEARCH
=========================================*/
ul.categories {
    list-style: none;
    padding: 0;
}
.search-form{

    position:relative;

}

.search-form input {
    width: 100% !important;
    height: 45px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 5px !important;
    font-size: 15px;
    outline: none;
    background: #fff;
    padding: 0 12px !important;
}
.search-form input:focus {
    border-color: #d9d9d9 !important;
    box-shadow: none;
    border-radius: 9px;
    padding: 0 12px;
    height: 45px;
}

.search-form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 4px;
    background: #ff6a2d !important;
    color: #fff !important;
    font-size: 18px;
    cursor: pointer;
    transition: .35s;
}

.search-form button:hover{

    background:#111;

}

/*=========================================
        CATEGORIES
=========================================*/

.categories{

    display:flex;
    flex-direction:column;
    gap:8px;

}

.categories li{

    margin:0;

}

.categories a{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:13px 16px;

    border-radius:12px;

    color:#444;

    font-size:15px;

    font-weight:500;

    transition:.35s;

}

.categories a:hover{

    background:#fff3ee;

    color:#ff6a2d;

    padding-left:22px;

}

.categories li:first-child a{

    background:#fff3ee;

    color:#ff6a2d;

    font-weight:700;

}

/*=========================================
        POPULAR POSTS
=========================================*/

.popular-posts{

    display:flex;
    flex-direction:column;
    gap:18px;

}

.popular-item{

    display:flex;
    align-items:center;
    gap:14px;

}

.popular-item img{

    width:82px;
    height:82px;

    border-radius:12px;

    object-fit:cover;

    flex-shrink:0;

    transition:.35s;

}

.popular-item:hover img{

    transform:scale(1.05);

}

.popular-item div{

    flex:1;

}

.popular-item h4{

    font-size:15px;

    line-height:1.5;

    color:#111;

    margin-bottom:8px;

    font-weight:700;

    transition:.3s;

}

.popular-item:hover h4{

    color:#ff6a2d;

}

.popular-item span{

    color:#888;

    font-size:13px;

}

/*=========================================
        NEWSLETTER
=========================================*/

.newsletter p{

    color:#666;

    font-size:15px;

    line-height:1.8;

    margin-bottom:20px;

}

.newsletter form{

    display:flex;
    flex-direction:column;
    gap:14px;

}

.newsletter input{

    width:100%;

    height:56px;

    border:1px solid #e6e6e6;

    border-radius:12px;

    padding:0 18px;

    outline:none;

    font-size:15px;

    transition:.3s;

}

.newsletter input:focus{

    border-color:#ff6a2d;

    box-shadow:0 0 0 4px rgba(255,106,45,.12);

}

.newsletter button{

    width:100%;

    height:56px;

    border:none;

    border-radius:12px;

    background:#ff6a2d;

    color:#fff;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:.35s;

}

.newsletter button:hover{

    background:#111;

}

.newsletter small{

    display:block;

    margin-top:16px;

    color:#999;

    font-size:13px;

    text-align:center;

}

/*=========================================
        SIDEBAR SPACING
=========================================*/

.widget + .widget{

    margin-top:0;

}

/*=========================================
        SIDEBAR RESPONSIVE
=========================================*/

@media(max-width:991px){

    .sidebar{

        position:relative;
        top:0;

    }

}


/*=========================================
        PAGINATION
=========================================*/

.pagination{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    margin-top:50px;

    flex-wrap:wrap;

}

.pagination a,
.pagination span{

    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    border:1px solid #e8e8e8;

    background:#fff;

    color:#555;

    font-size:15px;

    font-weight:600;

    transition:.35s;

}

.pagination span{

    border:none;
    background:transparent;

}

.pagination a:hover{

    background:#ff6a2d;

    color:#fff;

    border-color:#ff6a2d;

    transform:translateY(-3px);

}

.pagination .active{

    background:#ff6a2d;

    color:#fff;

    border-color:#ff6a2d;

}

.pagination .next{

    width:auto;

    padding:0 24px;

    border-radius:50px;

}

/*=========================================
        CARD HOVER
=========================================*/

.blog-card{

    position:relative;

}

.blog-card::after{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:4px;
    height:100%;

    background:#ff6a2d;

    transform:scaleY(0);

    transform-origin:top;

    transition:.35s;

}

.blog-card:hover::after{

    transform:scaleY(1);

}

.blog-card:hover .category{

    background:#ff6a2d;

    color:#fff;

}

.blog-card:hover h2 a{

    color:#ff6a2d;

}

.blog-card:hover .read-more{

    color:#111;

}

/*=========================================
        IMAGE EFFECT
=========================================*/

.blog-image{

    overflow:hidden;

}

.blog-image img{

    transition:transform .6s ease;

}

.blog-card:hover img{

    transform:scale(1.08);

}

/*=========================================
        INPUT PLACEHOLDER
=========================================*/

input::placeholder{

    color:#9ca3af;

}

input:focus::placeholder{

    opacity:.6;

}

/*=========================================
        TABLET
=========================================*/

@media(max-width:991px){

.blog-grid{

grid-template-columns:1fr;

gap:40px;

}

.sidebar{

order:2;

}

.blog-left{

order:1;

}

.blog-card{

flex-direction:column;

}

.blog-image{

width:100%;
height:280px;

}

.blog-content{

padding:24px;

}

.blog-content h2{

font-size:24px;

}

}

/*=========================================
        MOBILE
=========================================*/

@media(max-width:767px){

.container{

padding:50px 16px;

}

.blog-card{

border-radius:16px;

}

.blog-image{

height:230px;

}

.blog-content{

padding:20px;

}

.blog-content h2{

font-size:22px;

line-height:1.4;

}

.blog-content p{

font-size:15px;

}

.meta{

font-size:13px;

gap:8px;

flex-wrap:wrap;

}

.widget{

padding:22px;

}

.widget h3{

font-size:20px;

}

.search-form input{

height:52px;

}

.search-form button{

width:40px;
height:40px;

top:6px;
right:6px;

}

.newsletter input{

height:52px;

}

.newsletter button{

height:52px;

}

.pagination{

gap:8px;

}

.pagination a,
.pagination span{

width:42px;
height:42px;

font-size:14px;

}

.pagination .next{

padding:0 18px;

}

}

/*=========================================
        SMALL MOBILE
=========================================*/

@media(max-width:480px){

.blog-content h2{

font-size:20px;

}

.blog-image{

height:200px;

}

.category{

font-size:11px;

padding:5px 10px;

}

.read-more{

font-size:14px;

}

.popular-item img{

width:70px;
height:70px;

}

.popular-item h4{

font-size:14px;

}

}

/*=========================================
        SMOOTH TRANSITIONS
=========================================*/

.blog-card,
.widget,
.pagination a,
.categories a,
.popular-item img,
.read-more,
button,
input{

transition:all .35s ease;

}





@media(max-width:991px){

.learning-table{

display:block;
overflow-x:auto;
white-space:nowrap;

}

.table-bottom{

justify-content:center;
text-align:center;

}

.brush-image{

margin:auto;

}

}

@media(max-width:600px){

.learning-table th,
.learning-table td{

padding:16px;

font-size:14px;

}

.info-pill{

font-size:15px;
padding:12px 18px;

}

.info-pill .icon{

width:36px;
height:36px;
font-size:17px;

}

.brush-image img{

width:90px;

}

}












@media(max-width:767px){

.cf7-row.half{
    flex-direction:column;
}

.country-code{
    width:100%;
}

.cf7-row.buttons{
    flex-direction:column;
}

.callback-btn,
.trial-btn{
    width:100%;
    text-align:center;
}
.emailsoaps p.elementor-image-box-description {
    word-wrap: break-word;
}
.intl-tel-input.allow-dropdown.separate-dial-code {
    display: flex;
    gap: 15px;
    flex-direction: column;
}
.cf7-fullpart .cf7-row.full.part {
    margin-bottom: 0;
}
.cf7-fullpart {
    display: flex;
    gap: 0;
    flex-direction: column;
}
}





@media(max-width:767px) {
    .slider-sd .wrap {
        padding: 20px
    }
}

/*=========================================================
BREADCRUMB
=========================================================*/

.breadcrumb-area {
    padding: 17px 0;
    background: #fff7f2;
    border-bottom: 1px solid #f4f4f4;
    clear: both;
}

.breadcrumb-area ul {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.post-navigation a:hover {
    color: #fe5027;
}

.breadcrumb-area li{

    color:#777;
    font-size:15px;

}

.breadcrumb-area a{

    color:#666;

}

.breadcrumb-area a:hover{

    color:var(--primary);

}

.breadcrumb-area i{

    font-size:12px;
    color:#bdbdbd;

}

/*=========================================================
SINGLE BLOG
=========================================================*/

.single-blog {
    padding: 70px 0 20px;
    background: #fff;
}

.blog-grid{

    display:grid;

    grid-template-columns:2fr 390px;

    gap:45px;

    align-items:start;

}

/*=========================================================
LEFT
=========================================================*/

.blog-content{

    width:100%;

}

.blog-category {
    display: inline-flex;
    align-items: center;
    padding: 7px 16px;
    border-radius: 50px;
    background: #fff2eb;
    color: #ff6a2d;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 18px;
    width: 17%;
    justify-content: center;
}

.blog-content h1{

    font-size:52px;

    line-height:1.15;

    color:#18243d;

    font-weight:800;

    margin-bottom:25px;

    max-width:760px;

}

.blog-meta{

    display:flex;

    flex-wrap:wrap;

    gap:28px;

    margin-bottom:30px;

}

.blog-meta div {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: rgb(24, 36, 61);
    font-weight: 600;
}



.blog-meta a {
    color: #18243d !important;
}

.blog-meta i{

    color:var(--primary);

}

.featured-image{

    overflow:hidden;

    border-radius:22px;

    margin-bottom:40px;

    box-shadow:var(--shadow);

}

.featured-image img{

    width:100%;
    display:block;

    transition:.6s;

}

.featured-image:hover img{

    transform:scale(1.05);

}

.entry-content {
    margin-bottom: 0;
}
.entry-content p {
    color: #021948;
    font-size: 16px;
    margin-bottom: 22px;
    line-height: 1.6;
}
.entry-content h5, .entry-content h4, .entry-content h5 b, .entry-content h4 b {
    color: #061e4c;
    font-weight: 500 !important;
}

/*=========================================================
RIGHT SIDEBAR LAYOUT
=========================================================*/

.sidebar{

    position:sticky;

    top:110px;

}

.widget{

    background:#fff;

    border:1px solid #efefef;

    border-radius:20px;

    padding:28px;

    margin-bottom:30px;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

}

.widget h3{

    font-size:28px;

    color:#18243d;

    margin-bottom:25px;

    font-weight:700;

    position:relative;

}

.widget h3::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-10px;

    width:55px;
    height:3px;

    background:var(--primary);

    border-radius:20px;

}

/*=========================================================
TABLE OF CONTENTS
=========================================================*/

.table-content{

    background:#fff7f3;
    border:1px solid #ffe4d4;
    border-radius:20px;
    padding:35px;
    margin:50px 0;
    box-shadow:0 10px 30px rgba(0,0,0,.04);

}

.toc-title{

    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:30px;

}

.toc-title i{

    width:50px;
    height:50px;
    border-radius:50%;
    background:var(--primary);
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:18px;

}

.toc-title h3{

    font-size:30px;
    color:#18243d;
    font-weight:700;

}

.toc-grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;

}

.toc-grid ul{

    list-style:none;

}

.toc-grid li{

    position:relative;
    padding-left:28px;
    margin-bottom:16px;
    color:#555;
    font-size:17px;
    font-weight:500;
    transition:.3s;

}

.toc-grid li::before{

    content:"✓";

    position:absolute;
    left:0;
    top:0;

    color:var(--primary);
    font-weight:700;

}

.toc-grid li:hover{

    color:var(--primary);
    transform:translateX(5px);

}

/*=========================================================
ARTICLE SECTION
=========================================================*/

.article-section{

    display:flex;
    align-items:flex-start;
    gap:25px;

    margin-bottom:50px;

}

.article-icon{

    min-width:70px;
    width:70px;
    height:70px;

    border-radius:18px;

    background:linear-gradient(135deg,#ff8d42,var(--primary));

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-size:28px;

    box-shadow:0 12px 25px rgba(255,107,26,.25);

}

.article-section h2{

    font-size:34px;
    color:#18243d;
    font-weight:700;
    margin-bottom:15px;

}

.article-section p{

    font-size:18px;
    color:#555;
    line-height:1.9;

}

.article-section ul{

    margin-top:18px;
    padding-left:20px;
    list-style:disc;

}

.article-section ul li{

    margin-bottom:12px;
    color:#555;

}

/*=========================================================
QUOTE
=========================================================*/

blockquote{

    background:#fffaf7;
    border-left:5px solid var(--primary);

    padding:35px;

    margin:45px 0;

    border-radius:16px;

    font-size:22px;
    line-height:1.8;

    color:#444;
    font-weight:500;

    font-style:italic;

}

/*=========================================================
TIP BOX
=========================================================*/

.tip-box{

    background:linear-gradient(135deg,#ffefe5,#fff9f5);

    border:1px solid #ffd8c0;

    border-radius:20px;

    padding:35px;

    margin:55px 0;

}

.tip-box h4{

    color:var(--primary);

    font-size:24px;

    margin-bottom:18px;

    font-weight:700;

}

.tip-box p{

    color:#555;

    font-size:17px;

    line-height:1.8;

}

/*=========================================================
TAGS
=========================================================*/

.tags-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin-top: 0;
    padding-top: 35px;
    border-top: 1px solid #eee;
}

.tags-area strong{

    font-size:18px;
    color:#18243d;

}

.tags-area a{

    padding:10px 18px;

    background:#fff4ec;

    color:var(--primary);

    border-radius:50px;

    font-size:15px;
    font-weight:600;

    transition:.3s;

}

.tags-area a:hover {
    color: #fff;
    background: #031e63;
}

/*=========================================================
SHARE
=========================================================*/

.share-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    margin: 18px 0;
    background: #fff2f2;
    padding: 6px 10px;
    border-radius: 10px;
}

.share-area h4 {
    font-size: 20px;
    color: #18243d;
}

.social-icons{

    display:flex;
    gap:15px;

}

.social-icons a {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fce5d5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 18px;
    transition: .35s;
}

.social-icons a:hover{

    background:var(--primary);

    color:#fff;

    transform:translateY(-4px);

}

/*=========================================================
AUTHOR
=========================================================*/

.author-box {
    display: flex;
    align-items: center;
    gap: 19px;
    padding: 15px 30px 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 22px;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.author-image img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}
.author-box h4 {
    color: var(--primary);
    font-size: 12px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.author-box h3 {
    font-size: 18px;
    color: #18243d;
    margin-bottom: 15px;
}
.author-box p {
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

/*=========================================================
POST NAVIGATION
=========================================================*/

.post-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-top: 44px;
    padding-top: 35px;
    border-top: 1px solid #eee;
    margin-bottom: 44px;
}

.post-navigation a {
    flex: 1;
    padding: 12px 9px;
    border-radius: 18px;
    color: #18243d;
    font-size: 14px;
    font-weight: 600;
    transition: .35s;
}

.prev-post{

    text-align:left;

}

.next-post{

    text-align:right;

}

.post-navigation a:hover{

    background:var(--primary);

    color:#fff;

    transform:translateY(-3px);

}
/*=========================================================
SEARCH WIDGET
=========================================================*/

.search-widget form{

    position:relative;

}

.search-widget input{

    width:100%;
    height:60px;

    padding:0 65px 0 22px;

    border:1px solid #ececec;

    border-radius:14px;

    background:#fafafa;

    font-size:16px;

    transition:.35s;

}

.search-widget input:focus{

    border-color:var(--primary);

    background:#fff;

    box-shadow:0 0 0 4px rgba(255,107,26,.10);

}

.search-widget button{

    position:absolute;

    right:6px;
    top:6px;

    width:48px;
    height:48px;

    border-radius:12px;

    background:var(--primary);

    color:#fff;

    cursor:pointer;

    transition:.35s;

}

.search-widget button:hover{

    background:var(--primary-dark);

}

/*=========================================================
CATEGORY
=========================================================*/

.category-list{

    display:flex;
    flex-direction:column;
    gap:14px;

}

.category-list li{

    border-bottom:1px solid #f3f3f3;
    padding-bottom:14px;

}

.category-list li:last-child{

    border:none;
    padding-bottom:0;

}

.category-list a{

    display:flex;
    justify-content:space-between;
    align-items:center;

    color:#555;

    font-weight:500;

    transition:.3s;

}

.category-list a:hover{

    color:var(--primary);

    padding-left:8px;

}

/*=========================================================
POPULAR POSTS
=========================================================*/

.popular-post{

    display:flex;

    gap:15px;

    align-items:center;

    margin-bottom:22px;

    padding-bottom:22px;

    border-bottom:1px solid #f1f1f1;

}

.popular-post:last-child{

    margin-bottom:0;
    padding-bottom:0;
    border:none;

}

.popular-post img{

    width:90px;
    height:90px;

    border-radius:14px;

    object-fit:cover;

    flex-shrink:0;

}

.popular-post h4{

    font-size:17px;

    line-height:1.4;

    margin-bottom:10px;

    color:#18243d;

    transition:.3s;

}

.popular-post span{

    color:#888;

    font-size:14px;

}

.popular-post:hover h4{

    color:var(--primary);

}

/*=========================================================
NEWSLETTER
=========================================================*/

.newsletter{

    background:linear-gradient(180deg,#fff7f2,#fff);

}

.newsletter p{

    color:#666;

    margin-bottom:20px;

}

.newsletter form{

    display:flex;
    flex-direction:column;
    gap:15px;

}

.newsletter input{

    width:100%;

    height:56px;

    border-radius:14px;

    border:1px solid #ececec;

    padding:0 18px;

    font-size:15px;

}

.newsletter input:focus{

    border-color:var(--primary);

}

.newsletter button{

    height:56px;

    border-radius:14px;

    background:var(--primary);

    color:#fff;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:.35s;

}

.newsletter button:hover{

    background:var(--primary-dark);

}


.related-grid {
    display: flex;
    gap: 15px;
    flex: 0 0 33.3333%;
}

.related-image{
    display:block;
    width:100%;
    height:240px; /* apne hisaab se */
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:12px;
}

.related-content a, h2.related-title {
    color: #031e65;
    font-size: 22px;
    line-height: 1.2;
}

/*=========================================================
FOOTER
=========================================================*/

.site-footer{

    margin-top:100px;

    background:#fff7f2;

    border-top:1px solid #eee;

}

.footer-top{

    padding:70px 0;

}

.footer-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:40px;

}

.footer-widget h3{

    font-size:22px;

    margin-bottom:25px;

    color:#18243d;

}

.footer-widget p{

    color:#666;

    line-height:1.9;

}

.footer-widget ul{

    display:flex;
    flex-direction:column;
    gap:15px;

}

.footer-widget ul li a{

    color:#666;

    transition:.3s;

}

.footer-widget ul li a:hover{

    color:var(--primary);

    padding-left:8px;

}

.footer-social{

    display:flex;

    gap:14px;

    margin-top:25px;

}

.footer-social a{

    width:42px;
    height:42px;

    border-radius:50%;

    background:#fff;

    color:var(--primary);

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.35s;

}

.footer-social a:hover{

    background:var(--primary);

    color:#fff;

}

.footer-bottom{

    border-top:1px solid #ececec;

    padding:20px 0;

    text-align:center;

    color:#666;

    font-size:15px;

}

/*=========================================================
BUTTONS
=========================================================*/

.btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:var(--primary);

    color:#fff;

    padding:15px 28px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.btn:hover{

    background:var(--primary-dark);

    transform:translateY(-3px);

}

/*=========================================================
ANIMATIONS
=========================================================*/

.widget,
.author-box,
.table-content,
.tip-box,
.featured-image,
.popular-post{

    transition:.35s;

}

.widget:hover{

    transform:translateY(-5px);

}

.author-box:hover{

    transform:translateY(-5px);

}

.tip-box:hover{

    transform:translateY(-4px);

}

.table-content:hover{

    transform:translateY(-4px);

}

.popular-post:hover{

    transform:translateX(5px);

}

.featured-image img{

    transition:.6s;

}

.featured-image:hover img{

    transform:scale(1.06);

}



.entry-content h3, .entry-content h2,  .entry-content h5, .entry-content h5, .entry-content h3 b, .entry-content h2 b, .entry-content h5 b, .entry-content h5 b, .entry-content h3 strong, .entry-content h2 strong, .entry-content h4 strong,  .entry-content h5 strong {
    color: #1e3272;
    font-weight: 500;
}

h1.archive-title {
    font-size: 30px;
    color: #031e66;
}



.slider-sd .content small span {
    padding: 1px 5px;
    border: 1px solid #fff;
    position: relative;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50px;
}

.slider-sd .content small {
    gap: 4px;
    display: flex;
}

.over-asdpfpa-s .elementor-image-box-wrapper {
    transition: transform .6s cubic-bezier(.22,1,.36,1);
    transform-origin: center;
    will-change: transform;
}

.over-asdpfpa-s .elementor-image-box-wrapper:hover{
    transform: scale(1.08);
}
.over-asdpfpa-s .elementor-image-box-wrapper:hover h3.elementor-image-box-title a {
    color: #fe5027;
}

.kids-receives .elementor-element.elementor-widget-image-box {
     transition: transform .35s cubic-bezier(.22,1,.36,1),
                box-shadow .35s ease;
    will-change: transform;
}

.kids-receives .elementor-element.elementor-widget-image-box:hover { 
        transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,.12);
}

/*=========================================================
LARGE LAPTOP
=========================================================*/

@media (max-width:1400px){

.container {
    max-width: 1180px;
    margin: 0 auto;
} 

.blog-grid{

    grid-template-columns:1fr 360px;
    gap:40px;

}

.blog-content h1 {
    font-size: 34px;
}

}

/*=========================================================
LAPTOP
=========================================================*/

@media (max-width:1200px){

.container{

    max-width:100%;
    padding:0 25px;

}

.blog-grid{

    grid-template-columns:1fr 330px;

    gap:35px;

}

.blog-content h1{

    font-size:42px;

}

.article-section h2{

    font-size:30px;

}

.widget{

    padding:24px;

}

.footer-grid{

    grid-template-columns:repeat(2,1fr);

}

}

/*=========================================================
TABLET
=========================================================*/

@media (max-width:991px){

.site-header{

    position:relative;

}

.header-inner{

    flex-direction:column;

    justify-content:center;

    height:auto;

    padding:20px 0;

    gap:20px;

}

.site-header nav ul{

    gap:20px;

    flex-wrap:wrap;

    justify-content:center;

}

.single-blog{

    padding:50px 0;

}

.blog-grid{

    grid-template-columns:1fr;

}

.sidebar{

    position:relative;

    top:auto;

}

.blog-content h1{

    font-size:38px;

}

.blog-meta{

    gap:20px;

}

.toc-grid{

    grid-template-columns:1fr;

}

.article-section{

    flex-direction:column;

}

.article-icon{

    width:65px;
    height:65px;
    min-width:65px;

}

.author-box{

    flex-direction:column;

    text-align:center;

}

.share-area{

    flex-direction:column;

    align-items:flex-start;

}

.post-navigation{

    flex-direction:column;

}

.prev-post,
.next-post{

    width:100%;
    text-align:center;

}

.footer-grid{

    grid-template-columns:1fr 1fr;

}

}




/*=========================================================
MOBILE
=========================================================*/

@media (max-width:767px){
    .related-grid {
    display: flex;
    gap: 15px;
    flex: 0 0 33.3333%;
    flex-direction: column;
}

.container{

    padding:0 18px;

}

.site-header nav ul{

    gap:14px;

}

.site-header nav a{

    font-size:15px;

}

.logo img{

    width:150px;

}

.breadcrumb-area{

    padding:18px 0;

}

.breadcrumb-area ul{

    gap:10px;

}

.blog-category{

    font-size:13px;

}

.blog-content h1{

    font-size:30px;

    line-height:1.3;

}

.blog-meta{

    flex-direction:column;

    gap:12px;

    margin-bottom:25px;

}

.featured-image{

    border-radius:16px;

}

.entry-content p{

    font-size:16px;

}

.table-content{

    padding:25px;

}

.toc-title{

    flex-direction:column;

    text-align:center;

}

.toc-title h3{

    font-size:24px;

}

.toc-grid li{

    font-size:15px;

}

.article-section{

    margin-bottom:40px;

}

.article-section h2{

    font-size:24px;

}

.article-section p{

    font-size:16px;

}

blockquote{

    padding:25px;

    font-size:18px;

}

.tip-box{

    padding:25px;

}

.tip-box h4{

    font-size:20px;

}

.tags-area{

    gap:10px;

}

.tags-area a{

    padding:8px 14px;

    font-size:14px;

}

.social-icons{

    flex-wrap:wrap;

}

.social-icons a{

    width:42px;
    height:42px;

}

.author-box{

    padding:25px;

}

.author-image img{

    width:100px;
    height:100px;

}

.author-box h3{

    font-size:24px;

}

.widget{

    padding:22px;

}

.widget h3{

    font-size:24px;

}

.search-widget input{

    height:54px;

}

.search-widget button{

    width:44px;
    height:44px;

}

.popular-post img{

    width:80px;
    height:80px;

}

.footer-grid{

    grid-template-columns:1fr;

}

.footer-top{

    padding:50px 0;

}

.footer-widget{

    margin-bottom:15px;

}

.footer-social{

    justify-content:flex-start;

}

}

/*=========================================================
SMALL MOBILE
=========================================================*/

@media (max-width:480px){

.blog-content h1{

    font-size:26px;

}

.blog-meta div{

    font-size:14px;

}

.blog-category{

    padding:6px 14px;

}

.article-section h2{

    font-size:22px;

}

.table-content{

    padding:20px;

}

.tip-box{

    padding:20px;

}

.post-navigation a{

    padding:16px 18px;

    font-size:15px;

}

.widget{

    padding:18px;

}

.widget h3{

    font-size:22px;

}

.popular-post{

    gap:12px;

}

.popular-post img{

    width:70px;
    height:70px;

}

.footer-bottom{

    font-size:14px;

}

}

/*=========================================================
EXTRA SMALL
=========================================================*/

@media (max-width:360px){

.blog-content h1{

    font-size:22px;

}

.site-header nav ul{

    gap:10px;

}

.site-header nav a{

    font-size:14px;

}

.social-icons a{

    width:38px;
    height:38px;

    font-size:15px;

}

.author-image img{

    width:90px;
    height:90px;

}

}