body
{
    font-family: 'Cairo', sans-serif !important;
}

h1,h2,h3,h4,h5,h6,p,div,label,a
{
    font-family: 'Cairo', sans-serif !important;
}

.header
{
    padding: 0;
    /* border-bottom: 5px solid var(--color-primary); */
    padding: 2px 0;
    background-image: url(../img/navbar-background.png);
    background-size: 100% 100%;
    background-color: transparent !important;
    min-height: 190px;
    color: #fff;
    position: absolute;
    z-index: 9999999;
    left: 0;
    width: 100%;
}

.header .logo h1
{
    margin-top: 15px;
    margin-left: 100px;
    background-color: #fff;
    padding: 5px;
    border-radius: 25px;
    
}

.header .container-fluid
{
    justify-content: center !important;
}

.header .logo h1 img
{
    max-height: 55px !important;
}

.mobile-nav-toggle
{
    color: #fff;
}


.header .navbar
{
    /* background-color: #eee !important; */
    border-radius: 25px;
}

.navbar a, .navbar a,
.navbar a, .navbar a:focus,
.navbar a, .navbar a:active
{
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px;
    /* padding-right: 3px; */
    padding: 10px 12px !important;
    border-radius: 25px !important;
    color: #fff;
}

.navbar a:hover
{
    background-color: var(--color-primary);
    color: #fff !important;
}

.navbar a.active
{
    background-color: var(--color-primary);
    color: #fff !important;
}

.navbar .dropdown ul
{
    border-radius: 10px !important;
}

.navbar .dropdown ul a
{
    padding-top: 17px !important;
    padding-right: 3px !important;
    padding-left: 7px !important;
    
}

.header .logo img
{
    max-height: 50px !important;
}

.navbar .dropdown ul li a
{
    padding-right: 15px !important;
}

.navbar a.dropdown
{
    padding-right: 10px !important;
}

.header .navbar a.logo
{
    background-color: #fff;
}

.navbar .dropdown ul
{
    background-color: var(--color-primary);
}

.navbar .dropdown ul a
{
    font-size: 13px;
    padding: 10px 20px !important;
    transition: .3s;
}

.navbar .dropdown ul a:hover
{
    transform: translateX(-5px);
}



.navbar>ul>li.dropdown a:hover
{
    background-color: #2980b9 !important;
}

.navbar>ul>li
{
    transition: .3s
}


.navbar a,
.navbar a:active,
.navbar a:focus
{
    padding: 15px 10px;
    font-weight: 600;
    font-size: 13px;
    padding: 10px !important;
}

/* Start Carousel  */
.carousel
{
    position: relative;
    padding: 0;
    /* top: -100px; */
    margin-top: 0;
    height: 500px;
    width: 90%;
    margin: auto;
}

.carousel img
{
    height: 750px;
    margin-top: 0;
}

.carousel-caption
{
    bottom: 40% !important;
    background-color: rgba(0,0,0,.5);
    padding: 40px 0;
    border-right: #5f7b97;
    border-bottom: 8px solid var(--color-primary);;
}

/* .carousel-caption::after
{
    content: '';
    position: absolute;
    width: 25px;
    height: 80px;
    background-color: rgb(29, 112, 221);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
} */

section.team
{
    position: relative;
    width: 100%;
    margin: auto;
    /* background-image: url(../img/100.jpg); */
    /* background-size: cover; */
    /* z-index: 99999 !important; */
}

/* section.team::after
{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    top: 0;
    z-index: 1;
} */

section.team .aos-animate
{
    justify-content: center;
}


/* Start News line  */
.news .box
{
    border: 3px solid #ccc;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    transition: .3s;
}

.news .box:hover
{
    /* transform: scale(1.05); */
    border: 3px solid #888;
}

.news .box h4
{
    font-weight: bold;
}
/* End News line  */



/* Start Member Details  */
.member_details
{
    position: relative;
    margin-top: 63px;
    width: 100%;
    height: 350px;
    background-color: #000;
    display: flex;
    justify-content: center;
    background-image: url(../img/1912.i109.028_meeting_room_isometric_set-05.jpg);
    background-position: center center;
    background-size: cover;
    margin-bottom: 50px;
    /* z-index: 2; */
}

.member_details .overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(31,115,187,.7);
    /* z-index: 1; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.member_details h3
{
    margin: 0;
    color: #fff;
    font-family: Cairo;
    text-align: center;
    font-size: 40px;
    
}
/* End Member Details  */


/* Start Member Box  */
.member_boxes
{
    width: 100%;
    transition: .3s;
}

.member_boxes .member-box
{
    width: 100%;
    box-shadow: 0px 0px 10px #ccc;
    text-align: center;
    transition: .3s;
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 40px;
}

.member_boxes .member-box:hover
{
    box-shadow: 0px 0px 5px #000;
}

.member_boxes .member-box .image
{
    width: 100%;
    overflow: hidden;
    transition: .3s;
}

.member_boxes .member-box .image img
{
    width: 100%;
    transition: .3s;
}

.member_boxes .member-box:hover .image img
{
    transform: scale(1.1);
    
}

.member_boxes .member-box .title
{
    padding: 15px;
}

.member_boxes .member-box h3
{
    font-family: Cairo;
    font-weight: bold;
    font-size: 22px;
}

.member_boxes .member-box p
{
    font-family: Cairo;
    font-weight: bold;
    color: #888;
}

/* End Member Box  */



/* Start Meetings & Courses  */

.meetings_details
{
    position: relative;
    margin-top: 63px;
    width: 100%;
    height: 550px !important;
    background-color: #000;
    display: flex;
    justify-content: center;
    background-image: url(../img/courses3.jpg);
    background-position: center center;
    background-size: cover;
    /* top: -120px; */
    margin-bottom: 0;
    /* margin-bottom: 50px; */
    /* z-index: 2; */
}

.meetings_details .overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(31,115,187,.5);
    /* z-index: 1; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.meetings_details h3
{
    margin: 0;
    color: #fff;
    font-family: Cairo;
    text-align: center;
    font-size: 40px;
    
}

.meetings_details.ecommerce
{
    height: 400px;
    background-image: url(../img/new-ecommerce.jpg);
}

.meetings_details.about
{
    height: 400px;
    background-image: url(../img/about-us.jpg);
}

.meetings_details.contact
{
    height: 400px;
    background-image: url(../img/cotact-us.jpg);
}


.meetings_details.consultations
{
    height: 400px;
    background-image: url(../img/conslt.jpg);
}

.meetings_details.jobs
{
    height: 400px;
    background-image: url(../img/job.jpg);
}

.meetings_details.news
{
    height: 400px;
    background-image: url(../img/3435.jpg);
}

.meetings_details.terms-conditions
{
    height: 400px;
    background-image: url(../img/Terms-and-Conditions.jpg);
}

.meetings_details.managers
{
    height: 400px;
    background-image: url(../img/managers.jpg);
}

.meetings_details.questionnaire
{
    height: 400px;
    background-image: url(../img/question.jpg);
}

.meetings_details.system
{
    height: 400px;
    background-image: url(../img/dmin.jpg);
}

.meetings_details.general
{
    height: 400px;
    background-image: url(../img/meetings.jpg);
}


/* End Meetings & Courses  */

/* Start Meetings Box  */
.meetings_boxes
{
    width: 100%;
    transition: .3s;
    background: #eee;
    position: relative;
    /* top: -121px; */
}

.meetings_boxes .search-box
{
    background-color: #fff;
    padding: 25px;
    border-radius: 25px;
    margin-bottom: 30px;
}

.meetings_boxes .search-box label
{
    margin-bottom: 5px;
}

.meetings_boxes .search-box input.form-control,
.meetings_boxes .search-box select.form-control,
.meetings_boxes .search-box button.btn-danger
{
    border-radius: 25px ;
}

.meetings_boxes .search-box input.form-control,
.meetings_boxes .search-box select.form-control
{
    padding: 13px 20px;
    border: 2px solid #ccc;
}

.meetings_boxes .search-box input.form-control:focus,
.meetings_boxes .search-box input.form-control:active,
.meetings_boxes .search-box select.form-control:focus,
.meetings_boxes .search-box select.form-control:active
{
    border: 2px solid #444;
    outline: 0 !important;
    box-shadow: none;
}

.meetings_boxes .search-box button.btn-danger
{
    margin-top: 30px;
    padding: 13px 40px;
    transition: .3s;
    background-color: rgb(161, 22, 87);
    border: 1px solid rgb(161, 22, 87);
}

.meetings_boxes .search-box button.btn-danger:hover
{
    background-color: rgb(187, 27, 101);
    padding: 13px 50px;
}

/* Start Courses Box  */
.meetings_boxes .courses-box
{
    background-color: #fff;
    padding: 50px 25px;
    border-radius: 25px;
    transition: 1s;
}

.meetings_boxes .courses-box .course-box
{
    position: relative;
    width: 100%;
    border: 5px solid #ccc;
    /* border-top: 5px solid #ccc; */
    text-align: center;
    padding: 16px;
    transition: .8s;
    margin-bottom: 60px;
}

.meetings_boxes .courses-box .course-box:hover
{
    transform: translateY(-15px);
    box-shadow: 0px 0px 3px #000;
}

.meetings_boxes .courses-box .course-box::after
{
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 30%;
    height: 10px;
    background-color: var(--color-primary);
    transition: .8s;
}
.meetings_boxes .courses-box .course-box:hover::after
{
    width: 100%;
}

.meetings_boxes .courses-box .course-box .image
{
    width: 100%;
    overflow: hidden;
    transition: .8s;
}

.meetings_boxes .courses-box .course-box .image img
{
    width: 100%;
    height: 250px;
    transition: .8s;
}

.meetings_boxes .courses-box .course-box:hover .image img
{
    transform: scale(1.1) rotate(5deg);

}

.meetings_boxes .courses-box .course-box h4
{
    font-family: Cairo;
    font-weight: bold;
}

.meetings_boxes .courses-box .course-box p
{
    color: #888;
}

.meetings_boxes .courses-box .course-box .main-button
{
    margin: 30px auto;
}

/* End Courses Box  */


/* Start Single Course Details  */

.course_single_box
{
    padding: 80px 0 !important;
    text-align: center;
}

.course_single_box h3.main-title
{
    margin: 0;
    font-family: Cairo;
    font-weight: bold;
    transition: .8s;
    position: relative;
    margin-bottom: 80px;
}

.course_single_box h3.main-title::after
{
    content: '';
    position: absolute;
    width: 5%;
    height: 7px;
    border-radius: 25px;
    background-color: var(--color-primary);
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    transition: .8s;
}

.course_single_box h3.main-title:hover::after
{
    width: 10%;
}

/* End Single Course Details  */


/* End Meetings Box  */



/* Start News  */
.news
{
    width: 100%;
    background-color: #eee;
    margin-top: 63px;
    margin-bottom: 0;
}

.news .news-section
{
    width: 100%;
    padding: 30px;
    border-radius: 30px;
    background-color: #fff;
}

.news .news-section .news-box
{
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border: 1px solid #ccc;
    padding-bottom: 30px;
    transition: .5s;
}

.news .news-section .news-box .image
{
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: .8s;
}
.news .news-section .news-box .image::after
{
    content: '';
    position: absolute;
    width: 100%;
    height: 15px;
    bottom: 0;
    left: 0;
    background-color: var(--color-primary);
}

.news .news-section .news-box .image img
{
    width: 100%;
    height: 240px;
    transition: .5s;
}

.news .news-section .news-box:hover
{
    transform: scale(1.05);
}

.news .news-section .news-box .news-content
{
    padding: 10px;
}

.news .news-section .news-box .news-content h4
{
    font-family: Cairo;
    font-size: 20px;
    font-weight: bold;
    color: rgb(221, 18, 143);
}

.news .news-section .news-box .news-content a
{
    color: rgb(221, 18, 143);
    border: 2px solid rgb(221, 18, 143);
    border-radius: 25px;
    padding: 3px 30px;
    font-weight: bold;
    transition: .4s;
}

.news .news-section .news-box .news-content a:hover
{
    background-color: rgb(221, 18, 143);
    color: #fff;
}

/* End News  */



/* Start About Us  */
.about .about-box
{
    width: 100%;
    border: 2px solid #eee;
    padding: 15px;
    min-height: 300px;
    margin-bottom: 20px;
    background-color: #eee;
    border-radius: 35px;
    transition: .3s;
}

.about .about-box h4
{
    font-weight: bold;
    font-size: 19px;
}

.about h6 
{
    font-size: 20px !important;
    margin: 15px 0;
    color: #888;
    line-height: 40px;
    letter-spacing: -1px;
}

.about .image img
{
    border-radius: 25px !important;
}

.about .about-box:hover
{
    background-color: var(--color-primary);
    color: #fff;
}

.about .about-box .icon i
{
    margin: 10px 0;
    width: 100px;
    height: 100px;
    background-color: rgb(22, 161, 120);
    color: #fff !important;
    border-radius: 50%;
    line-height: 100px;
}

.about .about-box .icon i.fa-eye
{
    background-color: rgb(22, 161, 120);
}

.about .about-box .icon i.fa-file
{
    background-color: rgb(202, 48, 69);
}

.about .about-box .icon i.fa-star
{
    background-color: rgb(248, 121, 63);
}

.about .about-box .icon i.fa-cog
{
    background-color: rgb(248, 214, 63);
}

.about .about-box:hover .icon i
{
    color: #fff !important;
}

/* End About Us  */



/* Start Latest News  */
.clear-both
{
    clear: both;
}
.latest_news
{
    padding: 5px;
    /* margin-bottom: 50px; */
    margin: auto;
}

.latest_news .news-line
{
    position: fixed;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    top: 180px;
}

.latest_news span
{
    padding: 7px 25px;
    width: 100px;
    height: 40px;
    background-color: #cb3434;
    color: #fff;
}
/* End Latest News  */

/* Start Team Member  */
.team .team-member
{
    transition: .3s;
    overflow: hidden;
}

.team .team-member:hover
{
    transform: translateY(10px);
    box-shadow: 0px 0px 25px #ccc;
}
/* End Team Member  */



/* Start Clients  */
.clients
{
    padding: 40px 0;
    text-align: center;
}

.clients h3
{
    font-size: 40px !important;
    font-weight: bold;
    margin: 10px 0;
}
/* End Clients  */


/* Start On Focus or donate  */
.onfocus .content
{
    background-color: #0ea2bd !important;
    text-align: center;
}

.onfocus .content .donate-content
{
    background-color: #fff;
    padding: 15px;
    color: #888;
    width: 50%;
    margin: 40px auto;
    padding: 40px 20px;
    border-radius: 25px;
    transition: .5s;
}

.onfocus .content .donate-content:hover
{
    transform: scale(1.1);
}

.onfocus .content .donate-content span i
{
    transition: .3s;
    animation: heart 1s ease-out infinite;
}

@keyframes heart {
    0%{
        transform: scale(1.1);
    }

    50%{
        transform: scale(1);
    }

    100%{
        transform: scale(1.1);
    }
}

.onfocus .content .donate-content span.text
{
    color: #2c6ca8;
    font-weight: bold;
    animation: coloring 1s ease-in-out infinite;
}

@keyframes coloring {
    0%{
        color: rgb(45, 166, 202);
    }
    100%{
        color: rgb(48, 96, 158);
    }
}

/* End On Focus or donate  */


/* Start Footer  */

.footer
{
    margin-top: 80px;
}

.footer .footer-legal
{
    background-color: #275885 !important;
}

.footer h3
{
    font-size: 16px;
    font-weight: bold;
}

.footer h4
{
    font-size: 14px;
}
/* End Footer  */


/* Start Contact Us  */

.contact form
{
    padding: 40px;
    border-top: 8px solid var(--color-primary);
}

.contact .info
{
    background-color: #fff;
}

.contact form input,
.contact form textarea
{
    border-radius: 25px !important;
    padding: 10px 30px !important;
    border: 2px solid #eee !important;
    transition: .3s;
}

.contact form input:focus,
.contact form input:active,
.contact form textarea:focus,
.contact form textarea:active
{
    border: 2px solid var(--color-primary) !important;
}

.contact form button
{
    border-radius: 25px !important;
    transition: .5s;
}

.contact form button:hover
{
    padding-right: 100px !important;
    padding-left: 100px !important;
}
/* End Contact Us  */

.meetings_boxes .terms-conditions h3
{
    font-size: 18px !important;
    font-weight: bold !important;
}

.meetings_boxes .terms-conditions h4
{
    font-size: 16px !important;
}


/* Start Managers  */
.manager-box
{
    width: 100%;
    border: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 40px;
    text-align: center;
    padding-bottom: 30px;
    box-shadow: 0px 0px 5px #eee;
    transition: .3s;
}

.manager-box:hover
{
    box-shadow: 0px 0px 10px #ccc;
}

.manager-box .image
{
    overflow: hidden;
}

.manager-box .image img
{
    width: 100%;
}

.manager-box h4
{
    margin: 0;
    margin: 25px 0 !important;
    font-size: 22px;
    color: tomato;
}

/* End Managers  */


/* Start Featured Services  */
.featured-services .service-item
{
    border-radius: 25px !important;
    text-align: center;
}

.featured-services .service-item i
{
    font-size: 80px !important;
}

.featured-services .service-item h4
{
    font-size: 40px !important;
}
/* End Featured Services  */


.about .about-description
{
    font-weight: bold;
}



/* Start Collapse Accordion  */
.accordion-button
{
    
    background-color: #eee;
    padding: 30px 40px;
    border-radius: 25px;
    transition: .2s;
    font-size: 20px;
    font-weight: bold;
    color: #444;
}

.accordion-item
{
    padding: 10px;
}

.accordion-item:first-of-type .accordion-button
{
    background-color: #eee;
    color: #444;
}

.accordion-button:not(.collapsed)
{
    background-color: #0ea2bd !important;
    color: #fff !important;
}

.accordion-button::after
{
    margin: auto;
}

.accordion-button.active,
.accordion-button.collapse,
.accordion-button:hover
{
    background-color: #0ea2bd !important;
    color: #fff !important;
}
/* End Collapse Accordion  */