@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&display=swap');
/* @import url('../maintheme/style.css'); */
@import url('../twentytwentyone/style.css');

/*
Theme Name: Child Theme
Theme URI: https://example.com
Description: Twenty Twenty-One ka custom child theme with Bootstrap
Author: Ruwaid
Author URI: https://example.com
Template: twentytwentyone
Version: 1.0
Text Domain: child-theme
*/

::selection{color:#fff;background:#2a7b9b}
            :root {
            --accent-start: #2A7B9B;
            --accent-mid: #57C785;
            --accent-end: #2A7B9B;
            --accent: #2A7B9B;
        }
        
        body {
            font-family: 'Inter', system_ui, sans-serif;
            color: #203656;
              overflow-x: hidden; /* hide any horizontal overflow */
        }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc00;
    border-color: #005cbf00;
}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {
     border:solid 1px rgba(0, 0, 0, .10);
    border-radius: 1rem;
    line-height: 1;
    padding: 20px;
    margin: 0 2px;
    max-width: 100%;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus

 {
    box-shadow: 0 0 0 .2rem rgb(255 38 38 / 50%);
}
.bg-primary{background-color:#111827 !important;}
.bg-white{background-color:#fff !important;}

.border-grey-btm{border-bottom:1px solid #c1c1c1}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button)
{outline:transparent solid 0;text-decoration:none;text-decoration-skip-ink:none;
background:rgb(255 255 255 / 0%)}

.site-logo span.custom-logo-link img.custom-logo{width:210px;height:auto}

section.shield .wp-block-columns{margin-bottom:0;align-items:center}
.color-white{color:#fff!important}.color-red,.color-red:hover{color:#a51d1d!important}
.color-dark{color:#111827  }
.color-dark:hover{color:#000 }
.site-btn,.site-btn:hover{background-color:#a51d1d!important;
border-radius:5px;padding:6px 30px;font-weight:600;color:#fff!important;
box-shadow:0 0 0 .1rem rgb(190 12 12 / 15%);border-color:#a51d1d}
.white-solid-btn{border:2px solid #fff;border-radius:14px;background-color:#0000!important}
.white-solid-btn:hover{color:#a51d1d!important;background-color:#fff!important;border:2px solid #0000}

h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:#ffffff}
/* h2::after,h3::after,h4::after,h5::after,h6::after{content:'';display:block;border-bottom:3px solid #6f5d9c;
position:relative;width:16%} */
h2{font-size:50px}
h3{font-size:44px}h4{font-size:34px}h5{font-size:24px}h6{font-size:20px}.d-block{display:block}
.d-flex{display:flex}.d-inline-block{display:inline-block}.d-inline{display:inline}
.d-none{display:none}.w-100{font-weight:100}.w-200{font-weight:200}.w-300{font-weight:300}
.w-400{font-weight:400}.w-500{font-weight:500}.w-600{font-weight:600}.w-700{font-weight:700}
.w-800{font-weight:800}.w-900{font-weight:900}.underline{text-decoration:underline}
.pink{background-color:#f9e7e7}.grey{background-color:#f5f5f5}.vh-10{height:10vh}
.vh-20{height:20vh}.vh-30{height:30vh}.vh-40{height:40vh}.vh-50{height:50vh}.vh-60{height:60vh}
.vh-70{height:70vh}.vh-80{height:80vh}.vh-90{height:90vh}.vh-100{height:100vh}main#main{padding:0}
.col-gap-5{column-gap: 5px;}.col-gap-10{column-gap: 10px;}.col-gap-15{column-gap: 15px;}.col-gap-20{column-gap: 20px;}.col-gap-25{column-gap: 25px;}.col-gap-30{column-gap: 30px;}
.row-gap-5{row-gap: 5px;}.row-gap-10{row-gap: 10px;}.row-gap-15{row-gap: 15px;}.row-gap-20{row-gap: 20px;}.row-gap-25{row-gap: 25px;}.row-gap-30{row-gap: 30px;}

.border-1{
    border:solid 1px rgba(0, 0, 0, .10);
}.border-radius-1{
   
  border-radius: 1rem;
}
.border-radius-2{
   
  border-radius: 2rem;
}.border-bottom {
    border-bottom: solid 2px #c3c2c2 !important;
}
.box-shadow{
     box-shadow: 0 6px 16px rgba(0, 0, 0, .05);
     transition: ease-in-out 0.2s;
}
.box-shadow:hover{
      box-shadow: 0 6px 16px rgb(39 36 36 / 26%);
     transition: ease-in-out 0.2s;
}

nav.navbar.navbar-expand-md.bg-white.shadow-sm.sticky-top.py-0 .container-fluid a.navbar-brand.d-flex.align-items-center.fs-1.fw-bold.logo-font.text-dark.mb-0 img {
    width: 40px !important;
    
}
nav.navbar.navbar-expand-md.bg-white.shadow-sm.sticky-top.py-0 .container-fluid a.navbar-brand.d-flex.align-items-center.fs-1.fw-bold.logo-font.text-dark.mb-0 :hover

 {
    transform: translateY(0px) !important;

}

  
        
        .logo-font {
            font-family: 'Playfair Display', sans-serif;
        }
        
        .hero-bg {
            background: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.45)), url('https://picsum.photos/id/1015/2000/1200');
            background-size: cover;
            background-position: center;
            height: 620px;
        }
        
        /* YOUR NEW GRADIENT BUTTON */
        .gradient-btn {
            color: #fff !important;
            background: linear-gradient(90deg, var(--accent-start) 0%, var(--accent-mid) 50%, var(--accent-end) 100%);
            background-size: 200% auto;
            transition: all 0.4s ease;
            border: none;

        }
        
        .gradient-btn:hover {
            background-position: right center;
            transform: translateY(-3px) 0.5s;
          transition: 0.5s !important;
                  box-shadow: 8px 5px 20px 3px #0000002e !important;

      
        }
        
        .post-title a {
            color: #203656;
            transition: color 0.3s;
        }
        
        .post-title a:hover {
            color: var(--accent);
        }
        .btn{
              transition: 0.3s !important;
        }
        .section-title {
            position: relative;
            display: inline-block;
        }
        
        .section-title:after {
            content: '';
            position: absolute;
            bottom: -6px;
            left: 0;
            width: 45px;
            height: 3px;
            background: var(--accent);
        }
        
        .card-hover {
            transition: all 0.3s ease;
        }
        
        .card-hover:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 30px -10px rgba(0,0,0,0.15) !important;
        }
        
        .nav-link {
            position: relative;
        }
        
        .nav-link:after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--accent);
            transition: width 0.3s;
        }
        
        .nav-link:hover:after,
        .nav-link.active:after {
            width: 100%;
        }
        
        .rounded-3xl { border-radius: 1.5rem !important; }
        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .badge-gradient {
            background: linear-gradient(90deg, var(--accent-start), var(--accent-mid));
            color: white;
        }
        
     .description p {
    height: 49px !important;
    overflow: hidden !important;
}   
.thumb-img img {
    width: 100% !important;
    height: 160px !important;
    object-fit: cover !important;
    object-position: top !important;
} 
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #2a7b9b !important;
}
        
a {
    color: #626262 !important;
    transform: translateY(-3px);
    transition: ease-in-out 0.4s !important;
}

a :hover{
      color: #626262 !important;
         transform: translateY(-3px);
    transition: ease-in-out 0.4s !important;
}
        input {
    background-color: #fff !important;
}
        .site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
    background-color: var(--global--color-primary);
    box-shadow: 8px 5px 20px 3px #0000002e !important;
}
        
        button:hover{
                box-shadow: 8px 5px 20px 3px #0000002e !important;
        }
        .position-relative img {
    width: 100% !important;
    max-width: 100% !important;
}
        
        .bottom-latest-post-img img {
    width: 100%;
    height: 177px !important;
    object-fit: cover;
    object-position: top;
}
        
      .ds img {
    width: 50px !important;
}  

.instructor-card__content h3.instructor-card__name.fw-semibold.post-title {
    font-size: 20px !important;
    text-transform: capitalize !important;
    height: 49px !important;
    overflow: hidden !important;
}

.instructor-card__content h3.instructor-card__name.fw-semibold.post-title  a {

    font-size: 20px !important;
    text-transform: capitalize !important;


}

.latest___descrip p {
    /* height: 49px !important; */
    overflow: hidden !important;
    height: auto !important;
}
.description p {
    height: 25px !important;
    overflow: hidden !important;
    width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
        #ai-wrapper {
    overflow-x: hidden; /* hide any horizontal overflow */
}
.lates-post-sidebar {
    column-gap:  10px;
    transition:0.3s;
        padding: 10px;

}
.lates-post-sidebar:hover{
    background-color: #1f77990f;
    padding: 10px;
    border-radius: 12px;
}.lates-post-sidebar a {
    text-decoration: none;
}

.ads300x280 {
    width: 300px;
    height: 280px;
}
.ads728x90 {
    width: 728px;
    height: 90px;
}
.lates-post-sidebar img {
    width: 25% !important;
    height: 101px !important;
    border: solid 1px #2a7b9b;
}