/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

*{margin: 0; padding: 0; box-sizing: border-box;}

body{scroll-behavior: smooth;}

:root{
    --lightgreen:#9fcc3b;
    --lightbblack:#304148;
    --lightyellow:#b1d316;
    --pfont:400 18px / 25px 'helvetica_neuelight';
    --btnfont:600 14px / 25px 'helvetica_neueregular';
        margin: 0px !important;
}

.fedein{
    opacity: 0;
    transition: all 1.5s;
    transform: translate(0, 100px);
}
 .visible{
    opacity: 1;
    transform: translate(0, 0);
}

.linkden-profile .row {
    flex-wrap: wrap !important;
}
header{ border-top: 5px solid var(--lightgreen); box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .4);}

.row{ flex-wrap: nowrap !important;}
.grid{ grid-template-columns: none;}
img{max-width: 100%;}

#navbar-1{padding: 0 0;}
.menu_list{
    margin:50px 0 0;
    
    & li{
        transition: 0.3s;
        padding: 0px 20px; margin: 0 3px;
        border-bottom: 12px solid var(--lightgreen);
        &:hover{border-color: #212020;} cursor: pointer;
    }
    & a{font:400 18px/24px 'helvetica_neueregular';}
    
}
.menu_list .nav-link.active{color:var(--lightgreen);}

/***** nav link hover *****/ 

.menu_list .dropdown{
    transition: 0.3s ;
    & .row-cols-3>* {flex: 0 0 auto; width: max-content;}
    & .col:last-child{border: none;}
    & .col{border-right: 2px solid var(--lightgreen);}
    
    
    & .hover-contant{
        display: none;
        position: absolute;
        right:-440px; top: 51px;
        margin:0 auto;
        background-color: #212020; 
        padding: 25px 0px;
        z-index: 1; transition: 0.3s;

        & a{
            padding: 0px 20px;  margin:0 0 20px; 
                color: var(--lightgreen);
            font:400 16px/21px 'helvetica_neueregular';
            & h4{
                color: #fff; margin:0 0 20px;
                font:500 18px / 24px 'helvetica_neuebold';
                &:hover{color: var(--lightgreen);}
            }
        &:hover{color: #fff; letter-spacing: 0.5px;}
        & .nav-link.active{color: var(--lightbblack);}
        &:active{color: var(--lightbblack);}
        
        }
        & img{margin:0; max-width: 100%;}
    }
    &:hover .hover-contant{display: block;}
}
.midd-col{width: 100%;}
.nav-link.active{color: var(--lightbblack);}
.menu_list .dropdown{
    & #hover-two{
        right:-250px; padding: 40px 80px 40px 0;
    & a{padding:0px 20px 0 0;
        & 
        &:active{color: var(--lightbblack);}
    }
        & h4{padding:0px 180px 20px 0; margin: 0;}
    }
}

/***** *****/  
/* not display the search icon in the menu bar */
.menu_icon #sb-search{display: none;}
.menu_icon{
    /* margin: 10px 0; padding: 0 0 0 20px; display: inline-flex; */
    position: relative;
    & i{margin:0; font-size: 22px; color: var(--lightgreen); }

    & img{margin:0 10px;}
}
#button1{background: transparent;}

/* search button open search Box */
.sb-search .serch-box{
        position: absolute;
        transition:  0.6s;
        border: none;
        width: 550px;
        height: 55px;
        right: 0px; bottom: 0; top: 10px;
        padding: 10px; margin: auto 25px;
        font: var(--btnfont);
        display: none;
        font:400 18px/21px 'helvetica_neueregular';

        &:focus{border: none; outline: none; }
}

.close-btn{
        position: absolute;
        right: 1px;
        opacity: 0;
    }

    /* click add toggle  class */
.change .fa-search{opacity: 0;}
.change .close-btn{opacity: 100%;}



 /***** End nav link hover *****/


/***** hero Section *****/

.hero .autoplay{
    overflow-x: hidden; 
    clip-path: polygon(100% 0, 100% 86%, 63% 86%, 45% 87%, 25% 91%, 0 100%, 0 0);
}
.hero .autoplay .slide{
        min-height: 100vh;
        padding: 50px;
        width: -webkit-fill-available;
        position: relative;

        
    }
    .autoplay .slide .card{ 
        border: none; border-radius: 0%;
        width: 450px; float: right;
        margin: 150px 30px 0px; padding:10px 30px;
        & .card-image{
            position: absolute; 
            left: 0; top: 0; 
            padding: 20px;
            background: var(--lightbblack);
        }
        & h2{
            margin:0 0 15px 70px; font:400 30px / 35px 'helvetica_neueregular'; 
            color: var(--lightbblack);
        }
        & p{
            margin:20px auto; 
            font: var(--pfont);
            color: var(--lightbblack);
            margin:10px auto 16px;
        }
        & .btn{
            background: var(--lightgreen);
            padding:16px 15px 14px;
            width: fit-content; color: #fff;
            font:var(--btnfont);
            letter-spacing: 3px;
            text-transform: uppercase;
            margin:20px 0; 
            border-radius: 4px;

            &:hover{background: var(--lightyellow);}
        }
    }


/*   slide crical dots  */
ol, ul {padding-left: 0;}

.slick-dottes .slick-dots{
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0  auto; padding: 0 0 0 70px; 
    text-align: center;
    overflow: hidden;
    border-bottom:1px solid var(--lightbblack) ;

}
.slick-dots li{
    list-style: circle;
        font-size:40px ;
        color: var(--lightbblack);
        cursor: pointer;
    
    &.slick-active{list-style: disc;}

    & button{visibility: hidden; }
}


 /***** End hero Section *****/

 /***** Section one *****/
.sec-1{
    margin: 60px 0 30px;
}
.sec-1 .col{
    & p{color: var(--lightbblack); font: var(--pfont); margin: 20px 0; letter-spacing: 1px;}
}
.sec-1 .col .card{
    border: none; height: 350px;
    border-radius: 0;
    padding: 40px 30px 100px;

    & p{color: #fff; font-weight: 600;}
    & h3{font: 700 20px / 30px 'helvetica_neuebold';}

    &.card-1{
        background: var(--lightgreen);
        border-top: 10px solid var(--lightbblack);

        & h3{color: var(--lightbblack);}
    }
    &.card-2{
        background: var(--lightbblack);
        border-top: 10px solid var(--lightgreen);

        & h3{color: var(--lightgreen);}
    }
}
 /***** End Section one *****/

/*****  Section two *****/
.sec-2{
    background: #f6f6f6;
    height: auto; padding: 150px 0;
    clip-path: polygon(43% 3%, 63% 5%, 80% 8%, 100% 12%, 100% 100%, 0 100%, 0 0);
} 
.page-template-home-template .sec-2{
    padding-bottom: 0px;
}
.sec-2 .container-lg{
    margin: 0 auto; color: var(--lightbblack);
    
    & h1{font: 900 40px / 40px 'helvetica_neuebold'; max-width: 700px; }
    & p{font: var(--pfont); margin: 20px 0; }
}

.sec-2 .card-groups {
    margin: 70px auto;
    & .card{
        border: none;
        color: var(--lightbblack);

        & img{max-width: 100%;}
        & h3{font:500 25px / 25px 'helvetica_neueregular';}

        & .over-top{
            padding: 25px 5px; 
            display: inline-flex; 
            min-height: 100px; 
            border-bottom: 1px solid #ada7a7;
        }
        & .vr{background: var(--lightgreen); margin: 0 15px; opacity: 100%; width: 2px; height: 50px;}

        & .card-footer{
            background: #fff; 
            padding: 20px 30px;
        }
        & .btn{background: var(--lightgreen); text-transform: uppercase;
            font:var(--btnfont); letter-spacing: 3px; color: #fff;
            padding: 12px 20px ;
            border-radius: 4px; transition: 0.4s;

            &:hover{background: var(--lightyellow); }
        }
    }
}
/***** End  Section two *****/

/***** Section three *****/
.sec-3 .row{flex-wrap: wrap !important; }
.sec-3 .col{
    color: var(--lightbblack);
    & h1{color: #fff; font: 700 40px / 44px 'helvetica_neuebold';}
    & p {font: var(--pfont); }
} 
.sec-3 .row .needs-validation{
    background: var(--lightgreen);
    padding: 95px 60px 50px 100px;

    & .col{
        margin: 20px 0;
        padding-bottom: 10px;
    }
    & label{
        font:400  13px / 17px 'helvetica_neueregular'; 
        margin: 0;
    }
    & input, textarea{border-radius:0 ;
        &:focus{border: 1px solid black; box-shadow: none; outline: 2px solid #fff; border-radius: 3px;}
        
    }
    & p > .btn{
        font: var(--btnfont);letter-spacing: 3px; 
        background: var(--lightbblack); color: #fff;
        padding: 12px 20px; margin: 18px 0 0; 
        border-radius: 4px;
        transition: 0.4s;

        &:hover{background: #758f6a;}
    }
} 

.sec-3 .col .txt-area{
    background: var(--lightbblack);
    padding: 95px 60px 90px;
    min-height: 760px;
    height: auto;

    & .arrow-btn{
        border: 2px solid #758f6a;
        color: #fff; 
        font: var(--pfont); 
        transition: 0.4s; 
        margin: 4px 4px 10px; padding: 10px 15px; 

        &:hover{background: #758f6a;}
    }
    & .hr{background: #fff;}
}
.sec-3 .slid-gallery{
    display: inline-flex;
}
.sec-3 .activ-slide{ 
    display: inline;
    margin: 60px 0 0; color: var(--lightbblack);
    & .heaing{
        text-decoration: none; color: var(--lightgreen);
        font: 700 22px / 24px 'helvetica_neuebold';
    }
    & p{
        font: var(--pfont); color: #fff;
        margin: 30px 0 ; letter-spacing: normal;
    }
    & .btn{
        font: var(--btnfont); letter-spacing: 3px;
        background: var(--lightgreen); color: #fff;
        padding: 12px 20px; margin: 30px 0 0;
        border-radius: 4px;
        transition: 0.4s;

        &:hover{background: var(--lightyellow);}
    }
}

#submit{position: relative;}
/* SPINNER LOADING */
    .orbit_spinner {
        display: none;
        --size: 25px;
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        left: 240px; margin:-50px auto; 
        --radius: 70%;  position: absolute;
        background: var(--lightbblack);
        
    &:after {
        content: ' ';
        display: block;
        width: calc(var(--size) / 3);
        height: calc(var(--size) / 3);
        background: #fff;
        border-radius: 50%;
        animation: orbit 2000ms infinite linear;
        transform-origin: calc(var(--size) / 2) calc(var(--size) / 2);
        }
    }

    @keyframes orbit {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
 /***** End Section three *****/

/***** Section four *****/ 
.sec-4{
    margin: 84px 0 auto;
    & h1{
        font:700 40px / 44px 'helvetica_neuebold';
        color: var(--lightbblack);
        margin: 20px auto; text-align: center;
    }
}
.sec-4 .linkden-profile{
    margin: 30px auto;

    & .row{flex-wrap: wrap;}
}
.sec-4 .col .card{
    border-radius: 0;
    border: 3.5px solid #eee;
    cursor: pointer;
    color: var(--lightbblack);
}
.sec-4 .col .card .card-header{
    background: #fff;
        padding: 14px 10px 12px;
        & a{
        display: inline-flex;
        text-decoration: none;
        color: var(--lightbblack);

        & h4{
            font:700 12px / 20px 'helvetica_neuebold';
            margin: auto 20px auto 19px;
        }
        & span{margin: auto 0 auto 100px; float: right; font:700 14px / 20px 'helvetica_neuebold';}
    }
}
.sec-4 .col .card img{max-width: 100%; }

.sec-4 .col .card .card-footer{
    background: #fff;
    padding: 20px;

    & p{
        font:400 15px / 25px 'helvetica_neuelight';
    }
    & .link{
        text-decoration: none;
        color: var(--lightbblack);
        font:400 15px /30px 'helvetica_neuebold';
        transition: 0.4s;
        margin: 10px 0;

        &:hover{color: #758f6a;}
    }
    & .linkden-icon{
        float: right;
        font-size: 20px;
    }
}

.sec-4 .card-footer .btn{display: none;}

.flat {
    box-shadow: none !important;
}

#card-m-1{margin: -115px auto;}
#card-m-2{margin: -95px auto;}
#card-m-3{margin: -30px auto;}
#card-m-4{margin: -60px auto;}



.card-full .card-header  {
    visibility: visible;
    background: rgba(255,255,255,.54);
    height: 64px;
    align-self: end;
}

.fadeOut {
    opacity: 0;
}

.fadeIn {
    opacity: 1;
}


.card-full {
    left: 0px !important;
    top: -20px !important;
    right: 0px !important;
    bottom: 0px !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
    /* border: 0; */
    font-size: 32px;
    z-index: 1;  background: #000000a4;
    padding: 70PX ;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-full  img  {
    max-height: fit-content; 
    height: auto;
}
.card-full .card{
    flex-direction: row; border: none; 
    width: 1050px; height: 70vh; 
    margin: 30px auto;
    box-shadow: 0 1px 26px rgba(0,0,0,.12); 
    /* overflow-y: scroll; */
}

.card-full .card-header{position: absolute; top: 0;left: 420px;}
.card-full .linkden-icon{display: none;}

.card-full .card .card-footer{
    margin: 63px 0 0;
    overflow-y: scroll;

    & .btn{display: block; width: fit-content; 
        border: 2px solid; 
        padding: 12px 20px; margin: 60px 0 auto;
        transition: 0.4s;

        & i{margin: 0 10px 0 0 ;}
        &:hover{background:#000; color: #fff;}
    }
}



/***** End Section four *****/

/***** footer Section *****/ 
footer{
    background: #f6f6f6;
    padding: 50px 0;
    margin: 60px 0 0;
}
footer .col{
    & p{
        font:500 16px/25px 'helvetica_neuelight';
        color: var(--lightbblack);
        margin: 15px 0;
    }
    & a{
        text-decoration: none;
        color: var(--lightbblack);
        transition: 0.4s;

        &:hover{color: var(--lightgreen);}
    }
    & .foter-link{
        padding: 25px 0 30px 100px;

        & .nav-link{
            font:500 18px / 24px 'helvetica_neueregular';
            margin: 12px auto;
        }
    }
}

footer .col .card{
    border: none; border-radius:0 ;
    padding: 30px 20px; margin: 0 0 19px;

    & h4{font:600 18px / 24px 'helvetica_neueregular'; color: var(--lightbblack);}

    &.card-1{
        border-top: 5px solid var(--lightbblack);

        & .btn-1{
            background: var(--lightgreen); color: #fff;
            padding: 12px 20px; margin: 15px 0 0;
            font: var(--btnfont);
            letter-spacing: 3px;
            border-radius: 4px;
            max-width: fit-content;
            transition:  0.4s;

            &:hover{background: var(--lightyellow);}
        }

    }

    &.card-2{
        border-top: 5px solid var(--lightgreen);

        & .btn-2{
            background: var(--lightbblack); color: #fff;
            padding: 12px 20px; margin: 15px 0 0;
            font: var(--btnfont);
            letter-spacing: 3px;
            border-radius: 4px;
            max-width: fit-content;
            transition:  0.4s;

            &:hover{opacity: 85%;}
        }

    }
}
/***** End footer Section *****/



    /* ================================ */
/***** Hospital_AR File style Start *****/ 

.hospital_AR{margin: 90px auto ;}
.hospital_AR .left-colum{
    padding: 0 50px; color: var(--lightbblack);

    & h1{font: 700 40px / 40px 'helvetica_neuebold';  margin: 0 auto 30px;}
    & .title-cat{font-family: 'helvetica_neuebold'; letter-spacing: 1.5px;}
    & p{font: 300 14px / 17px 'helvetica_neuelight';  margin:0 auto 30px;}
    
    & .row{display: flex; justify-content: center;}
    & .hr{background: var(--lightgreen); height:2px;}
    & .page-links{
        padding: 20px 0 10px;
        font: 300 14px / 25px 'helvetica_neuelight'; 
        & a{text-decoration: none; color: var(--lightbblack); margin: 0 5px;
            transition: 0.4s;
            &:hover{color: var(--lightgreen);}
        }
    }
}

.hospital_AR .container-lg .text-large{margin:20px 0 0 ; font:400 30px / 40px 'helvetica_neueregular'; color: var(--lightgreen);}

.hospital_AR .right-colum{
    padding: 0 50px; color: var(--lightbblack);

    & h2{font:700 30px / 35px 'helvetica_neuebold';  }
    & h3{font:600 24px / 26px 'helvetica_neuebold';  margin:0 auto 12px;}
    & p{font:400 20px / 30px 'helvetica_neuelight';  margin: 0 auto 30px;}

    & p strong{font-family:'helvetica_neuemedium';  margin:0 auto 30px;}
    & ul{margin: 0 0 30px 55px;}
    & li{font:400 20px / 30px 'helvetica_neuelight';   }
}

.hospital_AR #text-bottom{display: none;}
.hospital_AR #text-top{display: block;}
 /*****  Hospital_AR File style End *****/


 /*****  Sitemap File style End *****/
.hospital_AR .right-colum .All_pages ul{
    list-style: disc;

    & a {
        color: var(--lightgreen); transition: 0.4s; 
            &:hover{text-decoration: none;}
            &:active{color: var(--lightbblack);}
    }
}
 /*****  Sitemap style End *****/
        /* ========== */


        
    /* ================================ */
/***** leadership card Group Section *****/ 
    .leadership{margin: 70px auto;}
    .leadership  .row {flex-wrap: wrap;}
    
    .leadership .card-group .card{
        border: none; border-radius: 0;
        background: #f6f6f6;
        height: 436px; 
        color: var(--lightbblack);
        & .card-header{padding: 40px 40px 0px 20px; background: #f6f6f6; border: none;}
        & h4{font:400 20px / 20px 'helvetica_neueregular';}
        & .card-body{margin:auto 18px;}
        & p{font: var(--pfont);}
    }
 /***** End leadership card Group Section *****/


     /* ================================ */
 /***** Careers Post Section *****/ 
    .carees-post{margin: 70px auto; }
    .carees-post .row .card{
        height: 529px; background: #f6f6f6;
        padding: 40px 35px 30px;
        border: none; border-radius: 0;
        border-left: 12px solid var(--lightgreen);
        

        & a{
            text-decoration: none; color: var(--lightbblack);
            font: 400 22px / 25px 'helvetica_neueregular'; 
            margin: 0 0 20px; transition: 0.4s;

            &:hover{color: var(--lightgreen);}
        }
        & span{
            font: 400 16px / 20px 'helvetica_neueregular'; color: var(--lightbblack);
            margin: 0 0 20px; 

            & i{margin: 0 5px 0 0; color: var(--lightgreen); font-size:20px;}
        }
        
        & p{
            font: var(--pfont); color: var(--lightbblack);
            margin: 0 0 20px; 
        }
        
        & .btn{
            border-radius: 4px; 
            background: var(--lightgreen); color: #fff;
            font: var(--btnfont);  letter-spacing: 3px;
            padding:12px 20px;  margin: 0 auto 0 0;

            &:hover{background: var(--lightyellow); color: #fff;}
        }
    }


    .apply-form{background: var(--lightbblack); padding:70px;}
    .apply-form .farm-contant{
        display: flex;
        justify-content: center;
        margin: 0 auto;
        max-width: 700px;

        & .row{flex-wrap: wrap;}
        & h1{font: 700 40px / 40px 'helvetica_neuebold'; color: #fff;}
        & p{font:var(--pfont); color: var(--lightgreen);}
    }

    .apply-form .form-area{
        & .col{margin: 20px auto;}
        & label{color: var(--lightgreen); font:300 13px / 0px 'helvetica_neueregular';}
        & input, textarea{border-radius: 0;}
        & input:focus, textarea:focus{
            outline: 2px solid #fff; 
            box-shadow: none; 
            border: 1px solid #000; border-radius: 3px;
            color: var(--lightgreen); font: var(--pfont);
        }
        & input::placeholder{color: var(--lightgreen);}

        & #submit{background: var(--lightgreen); border-radius: 3px;
            font: var(--btnfont); letter-spacing: 3px; color: #fff;
            transition: 0.4s; padding: 12px 26px; margin: 20px auto 12px;

            &:hover{background: var(--lightyellow);}
        }
    } 
    .apply-form .form-area .orbit_spinner {display: none;left: 0;position:relative;
            background: #000;     margin: -70px 157px 0;
        }

        #aplode-file::after{
            content: ' + ';
            background: var(--lightgreen);
            width: 20px; height: 20px;
        }

        /* file uploade button  */
        .apply-form .form-area .file-chose{padding: 0; background: var(--lightgreen); }


 /***** End Careers Post Section *****/


 /***** Section careers  Learn More *****/ 
    .Learn-sec{margin: 30px auto 100px;
        color: var(--lightbblack);
        & h1 {font:700 40px / 40px 'helvetica_neuebold'; margin: 0 0 20px;}
        & h2 {font:600 30px / 30px 'helvetica_neuebold';  margin: 0 0 15px;}
        & p {font:400 18px / 24px 'helvetica_neuelight';  margin: 0 0 18px auto;}
        & li {font:400 18px / 24px 'helvetica_neuelight'; }
        & ul {margin: 0 0 30px 30px;}
    }
    .Learn-sec .button{
        margin:  0; 
        & .btn {
            background: var(--lightgreen); color: #fff; 
            border-radius: 3px; 
            font: var(--btnfont); font-size: 18px;
            transition: 0.4s;

            &:hover{opacity: 85%;}
        }
    }
 /***** End Section careers  Learn More *****/


     /* ================================ */
/***** Home card Learn MOre *****/ 
    .panel  img{width: -webkit-fill-available; max-width: 100%;}
    .panel  .btn{
        background: var(--lightgreen); color: #fff;
        border-radius: 3px; font: var(--btnfont);
        padding: 8px 20px; border: none;

        &:hover{background: var(--lightyellow); color: #fff;}
    }
    .leadership  .Accounts-card .card {
        height: 575px;
            .card-header {padding: 40px 40px 40px 20px;}
    }
 /***** End Home card Learn MOre *****/


     /* ================================ */
/***** HFMA ATTENDANC Section *****/ 
    .comment-respond{
        margin: 50px auto;
        color: var(--lightbblack);

        & h1{font: 700 40px / 40px 'helvetica_neuebold'; margin: 0 0 20px; }
        & p {font: var(--pfont);}
        & strong{font:400 18px / 20px 'helvetica_neuemedium';}
        & h3{font:500 24px / 25px 'helvetica_neuebold'; margin: 0 0 12px;}

        & label, input, textarea{font:400 18px / 20px 'helvetica_neueregular'; margin: 0 0 4px;}
        & input, textarea{ border: 1px solid var(--lightbblack); border-radius: 0;}
        & input:focus, textarea:focus{outline: 2px solid black; box-shadow: none;  border-radius: 3px; border: none; color: var(--lightbblack);}
    
    }
    input[type="checkbox"]:focus{
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        cursor: pointer;
    }

    .comment-respond form .contnt{
        margin: 22px auto;

        & .form-control {width: 50%;}
        & .btn{
            background: var(--lightgreen); color: #fff;
            border-radius: 3px; font: var(--btnfont);
            padding: 12px 20px; letter-spacing: 2px;
            transition: 0.4s;

            &:hover{background: var(--lightyellow);}
        }

    
    }
/***** End HFMA ATTENDANC Section *****/


    /* ================================ */
/***** Search Text Pagination Section *****/ 

.search-text{margin: 50px auto;
    & h1{font: 600 40px / 40px 'helvetica_neuebold'; color: var(--lightbblack);}
    }

    #content-container {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: 40px;
            }

    .search-text{
    
        & .card {
                margin: 30px 0px;
                background-color: #fff;
                border: none;
                border-bottom:1px solid #ccc;
                width: 600px; 
                display: flex;
                flex-direction: column;

                height: max-content;
            }
        
            & .card-header {
                padding: 10px 0 0 10px; background: #fff;
                border: none;
            }
        
            & .card-header  a{
                font:600 30px / 30px 'helvetica_neuebold';
                color: var(--lightgreen);
                margin: 0;  transition: 0.4s;
                    &:hover{text-decoration: none;}
            }

            & .card-header h4 a{
                font:500 24px / 24px 'helvetica_neuebold';}
        
            & .card-body {
                padding: 10px;
                flex-grow: 1;
            }
        
            & .card-body img {
                width: 100%;
                height: 199px;
            }
        
            & .card-footer, & .card-body{
                padding: 10px;
                border: none;
                background: #fff;

                & p{font:var(--pfont); color: var(--lightbblack);}
                & .btn{
                    font:var(--btnfont); color: #fff; background: var(--lightgreen); 
                    padding: 10px 20px; margin: 10px auto;
                    border-radius: 3px; letter-spacing: 2px;
                    transition: 0.4s; text-decoration: none;

                    &:hover{background: var(--lightyellow);}
                }
            }
    }


        .pagination-button {
            background-color: var(--lightgreen);
            color: white;
            border: none;
            padding: 10px 15px;
            cursor: pointer;
            border-radius: 3px;
            font-size: 16px;
        }
        .pagination-numbers button {
            border: none;
            padding: 8px 10px;
            margin-right: 5px;
            cursor: pointer;
            font-size: 16px;
            background: none;
            color: var(--lightgreen);
            text-decoration: underline;
        }

        .pagination-numbers button.active {
            color: var(--lightbblack);
            text-decoration: none;
            font-weight: bold;
        }

        .page-item:first-child .page-link{
            border-radius: 3px;
        }
        .page-item:last-child .page-link{
            border-radius: 3px;
        }

        .page-link{border: none; font: var(--btnfont); letter-spacing: 2px;}

        .page-link:focus, .pagination-button.page-link:hover {background: var(--lightyellow);  color: #fff; border: none; outline: none; box-shadow: none;}
        

/***** End Search Text Pagination Section *****/


    /* ================================ */
/***** NOT Found Section *****/ 

.search-text .contant{
    color: var(--lightbblack);
    padding: 0px;

    & p, .btn{font: var(--pfont);}
    & input{font: var(--pfont); padding: 5px 10px; width: 150px; overflow-x: scroll;}

    & .btn{
        padding:6px 9px 5px; font-weight: bold;
        border-radius: 3px; 
        background: var(--lightgreen); color: #fff;
    }

}

.dialog-box{
    display: none;  
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 1;
    background: #00000088; 
    width: 100%; height: 105vh; 
    padding: 10px;
    
    }
    .dialog-container{
        background: var(--lightbblack); color: #fff; 
        box-shadow: 1px 1px 5px 1px #ccc; 
        margin: auto; padding: 10px; 
        width: 400px; height: auto;  
        text-align: center;
        border: 2px solid #ddd;
        display: block;
    

        & .dialog-header{
            background: #575757; color: #fff; padding: 5px; font:500 22px / 24px  'helvetica_neuemedium';
        }
        & .dialog-body{
            margin: 25px auto;
            color: red; font: 400 20px / 20px 'helvetica_neueregular';
            
            &:hover{text-decoration: underline;}
        }
        & .dialog-footer{
            background: #eee;  padding: 2px ;
            .btn{ margin:0 auto; background: transparent;
                border: 1px solid #ccc; color: var(--lightbblack); padding: 5px 45px;
                transition: 0.4s; border-radius: 10px;
                &:hover{ background: var(--lightgreen); color: #fff; border: none;}
            }
        }
    }
/***** End NOT Found Section *****/



/* media Quary star */

@media only screen and (max-width:1024px){
    .sec-1 .grid .row .col-md-5{width: 35%; padding: 0 10px;}
    .sec-2{clip-path:none;}
}


@media only screen  and (max-width:991px)  {


    #navbar-1{padding: 0; z-index: 1;}
    .menu_list {margin: 0 ; }
    .menu_list a{margin: 0 10px;}

    .menu_bar{
        float: right; cursor: pointer;
            & .bar1, .bar2, .bar3
            {
                width: 40px; height: 4px; 
                background:var(--lightgreen);
                margin: 6px 0; transition: 0.4s;
            }
    }

    .close .bar1{transform: translate(0, 11px) rotate(45deg);}
    .close .bar2 {opacity: 0;}
    .close .bar3{transform: translate(0, -9.5px) rotate(-45deg);}

    /* autoplay toggle class */
    .add .autoplay{display: none;}

    .menu-tags{
        overflow-x: hidden;
        position: absolute;
        display: none; 
        left:0; top: 86px;
        width: 100%;
        height: auto;
        background: var(--lightbblack);

        & .navbar-nav{flex-direction: column;}
        & a{color: #fff;}
    }

        .menu_list ul{
            & li {
                border-bottom: 1px solid #ada7a7;
                padding: 26px 16px 26px 0px;
            }
        }
    .menu_list ul li  a{
                font:500 20px/24px 'helvetica_neuemedium'; 
                &::after{
                    content: "";
                    display: block;
                    float: right;
                    border: 9px solid transparent;
                    border-left: 17px solid #9fcc3b;
                }
        }
        
        
        /* not display show menu search icon  */
        .menu_list .menu-tags .menu_icon {
            display: none;
            margin: 10px 0 0;
            padding: 26px 20px 26px 26px;
            justify-content: end;
        }
        

        .sb-search .serch-box {
            width: -webkit-fill-available;
            right: 120px; bottom: 10px;
            background: transparent; color: #fff;
            display: block;  margin: auto 25px;

            &::placeholder{color: #fff;}
        }
        .close-btn{position: relative;}
        .change .fa-search{opacity: 100%;}
        .change .close-btn{opacity: 0;}

        /* service click open menu */

        .menu_list  .dropdown .col{border: none; padding: 0; float: left; 
            & .heading h4{margin: 0 25px;}
            & .heading {
                            &::after {position: absolute; top: 25px; float: left; border-right: 17px solid #9fcc3b; border-left: none;}
                        }
        }
        #dropdown-1 .row{flex-wrap: wrap; flex-direction: column;
            & .col{width: 100%;}
            & .col img{display: none;}
            & .col a h4{
            padding: 26px 20px 26px 26px;  border-bottom: 1px solid #ada7a7;
        }
    }

        .menu_list  #dropdown-1 {

            position: relative;
            & .hover-contant {
                background: var(--lightbblack);
                display: none;
                right: 0;  top: -100px;
                width: 100%;
                & #fist-serv a{
                    padding: 0;margin: 0 ; line-height: normal;
                    
                & h4{padding: 26px 20px 26px 26px;}
                }
                & a{
                    font:500 20px/24px 'helvetica_neuemedium'; 
                    &::after{margin: -70px 25px;}
                }
                & #prive{
                & a{
                    &::after{  float: left; border-right: 17px solid #9fcc3b; border-left: none;}
                }
            }
            }
        }

        .menu_list  #dropdown-1 .serv-text{
            & a{margin: 0; padding: 0; color: #fff;}
            & a{ padding: 26px 20px 26px 26px;  border-bottom: 1px solid #ada7a7;}

        }
        .menu_list  #dropdown-1 #fist, #second, #three{
            display: none;
            position: absolute; top: 5px;  right: 0;
            background: var(--lightbblack);
            width: 100%; height: auto;

                    & a h4 {border: 0; padding: 0;}
                        & a { 
                            &::after {margin:0px;}
                        }
        }
        

    /* why OBS click open menu */
    .menu_list #dropdown-2{
        & #hover-two {
            display: none;
            width: 100%;
            top: -190px;
            right: 0; left: 0px;
            padding: 40px 0;
            height: auto;
            background: var(--lightbblack);
            & a{padding: 0; margin: 0;
                &::after {margin: -52px 25px;}
                &.active{color: var(--lightgreen);}
            }
            & h4{
                padding: 26px 16px 26px 26px;
                width: 100%;
            }
            
            & #prive{
                & h4{margin: 0 0 0 30px;}
                & a{
                    &::after{ float: left; border-right: 17px solid #9fcc3b; border-left: none;}
                }
            }
        
        & .row{flex-direction: column;}
        & .col{border-left: none; width: 100%; padding: 0; margin: 0;border-bottom: 1px solid #ada7a7;}
        
        
        }
    }
    


    .hero .autoplay.slick-dottes .slide{
        min-height: auto;}

        /* .slick-dottes{min-height: auto;} */
    .autoplay .slide .card {
        margin: 70px 0px 0px;
    }

    .sec-1 .row{ display: ruby; }
    .sec-1 .grid .row .col-md-5{width: 48%;}
    .sec-1 .col .card{margin: 30px auto; }

    .sec-2{clip-path:none; padding: 44px 0 0;}
    .sec-2 .card-groups{
        & .card {
            width: auto;
                & img{max-width: 100%;}
        }
    }

    .sec-3 #top-row{flex-direction: column;}
    .sec-3 .row form {padding: 50px;
        & .col {
            margin: 20px 0;
            padding-bottom: 20px;
        }
    
    }
    .sec-3 .col .txt-area {padding: 50px; min-height: auto;}

    .sec-4 .linkden-profile .card-full{overflow-y: scroll; padding: 70PX 24px;}
    .sec-4 .col .card {max-width:-webkit-fill-available; }
    
    .sec-4 .col .card .card-header {
        & a {
            & span {margin: 0;}
        }
    }

    #card-m-0{margin:-20px auto 0;}
    #card-m-1{margin:-10px auto;}
    #card-m-2{margin:10px auto;}
    #card-m-3{margin: 30px auto;}
    #card-m-4{margin: -20px auto;}



    /* ================================ */
/***** Hospital_AR File style Start *****/ 

    .hospital_AR .left-colum{padding: 0 20px;}
    .hospital_AR  .right-colum{padding: 0 20px;}


    .leadership .card-group .card{
        height: 450px; 
        & .card-header{padding:20px 20px 0px}
            & .card-body {margin: auto;}
        }


    /* ================================ */
    /***** Home card Learn MOre *****/ 
    .leadership  .Accounts-card .card {height: 575px;}


            /* ================================ */
     /***** Search Text Pagination Section *****/ 


        #content-container {gap: 10px;}

        .search-text{
        
            & .card {
                    width: 430px; 
                }
            }

            .dialog-container{top: 30%;} 

            .apply-form .farm-contant {max-width:fit-content;}

}

@media only screen and (max-width:766px) {


    .hero .autoplay{clip-path: none;}
    .hero .autoplay .slide {padding: 50px 30px;}

    .autoplay .slide .card {
            text-align: center;
            width: 450px;
            max-width: fit-content;
            float: none;
            margin: auto; padding: 20px 10px;

            & .card-image {display: none;}
            & .btn{margin: auto;}
        & h2 {font: 400 26px / 30px 'helvetica_neueregular'; margin: auto;}
    }
    
    .sec-1{margin:40px auto 0;}
    .sec-1 .row{flex-direction: column;}
    
    .sec-1 .row .card{display: none; margin: 0;}
    
    .sec-2 .container-lg {
        & h1 {font: 900 36px / 35px 'helvetica_neuebold';}
    }
    .sec-2 .card-groups {margin: auto; padding: 65px 0 0;

        & .card {
            & h3 {
                font: 500 20px / 25px 'helvetica_neueregular';
            }
            & .card-footer {
            padding: 20px 30px 19px; 
            border-bottom: 1px solid #ada7a7;
            border-radius: 0;
            }
        }
    }

    .sec-2 .card-groups .row{
        flex-direction: column;

        & .col{padding: 0;}
        & .card {
            & img {
                width: auto;
                max-width: 100%;}
        }
    }
    .sec-2 img{width: 100%;}

    /* section two small screen Accordion with symbols */
    .accordion:after {
            content: '\002B';
            color:var(--lightgreen);
            font-weight: bold; font-size: 30px;
            position: absolute; right: 5px;
    }   
    .accordion.active:after {content: "\2212";}
    .panel{ padding: 0; overflow: hidden; max-height: 0; transition: max-height 0.4s ease-out;}

    
    .sec-3 .activ-slide {
            margin: 30px 0 0;
        & .btn {
            margin: 10px 0 40px;
        }
    }
    .sec-3 #top-row {overflow-x: hidden;}
    .sec-3 .row{display: block; }
    
        .sec-3 .row form {padding: 30px 20px;}
        .sec-3 .col .txt-area {padding: 40px 20px;}
        

    .sec-4 .row{flex-direction: column; gap: 15px;}
        .sec-4 .col .card {  height: auto;}
        .sec-4 .col .card img {width: auto; max-width: 100%;}

        .card-full {padding:70px 10px;}
        .card-full .card{ flex-direction: column; overflow-y: scroll; margin: auto;}

        .card-full .card-header {left: 0; width: -webkit-fill-available;}

        .card-full img {height: revert-layer;}
        .card-full .card .card-footer {
            margin: auto;
            & .btn{margin: auto;}
        }
        #card-m-0, #card-m-1, #card-m-2, #card-m-3, #card-m-4{margin:  auto;}

        footer{margin: 0px 0 0;}
        footer .row{flex-direction: column; padding: 0 8px;}
        footer .col {
            & p{margin: 15px 0 24px;}
            & p:last-child{display: none;}
        }


    
    /* ================================ */
    /***** Sitemap Section *****/ 
    
    .hospital_AR .right-colum {
        padding: 0 ;

        & ul {
            margin: 0 0 20px 50px;
        }
        & li {
            font: 400 18px / 25px 'helvetica_neuelight';
        }
    
        & p {font: 400 18px / 25px 'helvetica_neuelight';}
    }

    .hospital_AR .left-colum {
        padding: 0;
    }

     /***** End Sitemap Section *****/

    
    /* ================================ */
/***** Hospital_AR File style Start *****/ 
    .hospital_AR{margin: 40px 0;}
    .hospital_AR .row{flex-direction: column; }
    /* .hospital_AR .row>* {padding: 0; margin: 0;} */

    .hospital_AR #text-bottom{display: block;}
    .hospital_AR #text-top{display: none;}



    .leadership  .row {flex-direction: column;}
    .leadership  .row-cols-3>* {width: auto; padding: 0;}
    .leadership .card-group .card{height: auto;
        /* border-bottom: 1px solid #ccc; */

            & .card-header {
                border-radius: 0;
                border-top: 1px solid #ccc;
                padding: 33px 20px 20px 15px;
            }
    }
    .leadership .card-group .accordion:after{top: 10px;}
    .leadership{margin: 0 0 10px;}


    .carees-post{margin: 0 auto 30px;}
    .carees-post .row{flex-direction: column; gap: 25px;}
    .carees-post .row .card{height: auto;}

    .form-area .row{flex-direction: column;}
    .apply-form{padding: 30px 0;}
    .apply-form .form-area {
        & .col {margin:10px 0; width: auto; padding:0 0 20px;}
    }

    /***** HFMA ATTENDANC Section *****/ 
        .comment-respond form .contnt{
            & .form-control {width: 100%;}
        }
    /***** End HFMA ATTENDANC Section *****/ 


            /* ================================ */
/***** Search Text Pagination Section *****/ 


    #content-container {gap: 0px;}

    .pagination-container{display: flex; justify-content: center;}
    .pagination-button {padding: 5px;}
    .search-text{
        & .card {
                width: auto; 
            }

        }
    .dialog-container{width: auto;margin:100px auto;}
    
}
.page-template-careers-template .form-area .row {
    flex-wrap: wrap !important;
}

.needs-validation textarea[name="textarea-comment"]{
    max-height:110px;
}

.wpcf7 form>div, .wpcf7 form>p {
     margin-bottom: 0px; 
}

.let-talk-row p {
     margin-bottom: 0px;
}

/*SERVICE CATEGORY PAGE*/

.tax-service-category h2{
    margin-bottom: .5rem !important;
}

.leadership .row {
    flex-wrap: wrap !important;
}
.page-template-contact-template .sec-3 .row {
    background-color: #9fcc3b;
}
.page-template-contact-template .sec-3 .col {
    margin: 0 auto;
}
.page-template-contact-template .sec-3 .row .needs-validation{
    padding:95px 0px 50px 0px;
}
/* font-style*/
@font-face {
    font-family: 'helvetica_neuelight';
    src: url('/wp-content/themes/astra-child/fonts/light/helveticaneuelight.woff2') format('woff2'),
        url('/fonts/light/helveticaneuelight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica_neueregular';
    src: url('/wp-content/themes/astra-child/fonts/regular/helveticaneueroman.woff2') format('woff2'),
        url('/fonts/regular/helveticaneueroman.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helvetica_neuemedium';
    src: url('/wp-content/themes/astra-child/fonts/medium/helveticaneuemedium.woff2') format('woff2'),
        url('/fonts/medium/helveticaneuemedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helvetica_neuebold';
    src: url('/wp-content/themes/astra-child/fonts/bold/helveticaneuebold.woff2') format('woff2'),
        url('/fonts/bold/helveticaneuebold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}