@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&display=swap');
select,
.form-control,
.fp_pdate .float-right .text-thmو,
.main_title,
body,
p,span,.content,.service-details-page .service-details-content .content,
a,
h1,
h2,
h3,
h4,
h5,
h6,
li,
label,.header_search_widget .mailchimp_form input[type="text"].form-control::-webkit-input-placeholder, .home1-advnc-search ul li .form-group,
input,.bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.home1-advnc-search ul li:first-child .form-control {
    font-family: 'Almarai', sans-serif; !important;
}

.site-logo a img {
    max-width: 156px;
    padding: 12px;
}
.banner-slider.banner-slider-one {
  padding: 30px 0;}
.header-topbar {
    display: none;
    border-bottom: 2px solid #032055;
}.cookie-container{display:none!important;}
.gradint-slider::before{
    background-image: -webkit-linear-gradient(to right, #1FA2FF, #C779D0, #4BC0C8);
    background-image: -moz-linear-gradient(to right, #1FA2FF, #C779D0, #4BC0C8);
    background-image: -ms-linear-gradient(to right, #1FA2FF, #C779D0, #4BC0C8);
    background-image: linear-gradient(to right, #1FA2FF, #C779D0, #4BC0C8);
    opacity: 0.8;
}.intro-video-content{direction:rtl;text-align:right;}
.banner-slider.banner-slider-one .banner-text .title, .banner-section.home2 .banner-content .title {
    color: #d4f5fe;
}.header-navigation .navbar-btn a:hover, .header-navigation .primary-menu .megamenu-item .megamenu .tabnav a.active, .header-navigation .primary-menu .megamenu-item .megamenu .tabnav a:hover, .sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu > li.current > a, .sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu > li.current > .dd-trigger, .sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu > li a:hover, .sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu > li a:hover ~ .dd-trigger, .header-navigation .primary-menu li.current > a, .header-navigation .primary-menu li.current > .dd-trigger, .header-navigation .primary-menu li a:hover, .header-navigation .primary-menu li a:hover ~ .dd-trigger, .header-two .header-navigation .primary-menu li.current > a, .header-two .header-navigation .primary-menu li.current > .dd-trigger, .header-two .header-navigation .primary-menu li a:hover, .header-two .header-navigation .primary-menu li a:hover ~ .dd-trigger, .header-navigation.breakpoint-on .site-nav-menu .primary-menu li .submenu a:hover, .header-navigation.breakpoint-on .site-nav-menu .primary-menu li a:hover, .banner-slider.banner-slider-two .slick-arrow, .banner-slider.banner-slider-two .banner-text .main-btn, .section-title .title-tag, .feature-list li::before, .portfolio-item .portfolio-link, .testimonials-arrow .slick-arrow, .latest-news-box .post-content .post-meta a, .latest-news-box .post-content .read-more-btn:hover, .footer-area .widget-item-2 ul li a:hover, .service-item-three .icon, .about-history-area .history-item .history-content span, .blog-sidebar .side-bar-contact .content i, .blog-sidebar .case-live .case-live-item-area .case-live-item i, .pricing-plan-item .plan-name, .pricing-plan-item .plans-btn, .team-member .team-content .name a:hover, .team-member .member-photo .social-icon a, .page-link, .team-details-content span, .accordion-three .card .card-header a, .single-job a:hover, .single-job .title:hover, .single-job p i, .jobdetails-area .job_name, .widget-range-slider .price-range-slider .filter_price:hover, .product-item .product-content .price, .shop-top-bar .shop-search-form button, .product-summery .price, .cart-table table tbody tr td.product-name a:hover, .checkout-area .cart-product .add-shiping-methods table tbody tr td p span, .banner-slider.banner-slider-three .banner-text .main-btn, .video-cta .video-cta-play .video-popup, .portfolio-arrow-two .slick-arrow, .counter-box-three .counter-wrap, .accordion-one .card .card-header a, .about-text-block .about-experience h3, .intro-video-area .intro-video-content span, .team-member-three .position, .service-item-six .icon, .service-item-six .service-link:hover, .portfolio-item-two .portfolio-content .category, .portfolio-slider-three .slick-arrow, .section-title-two .title-tag, .counter-box-four .counter-wrap, .team-member-four .member-content .position, .service-item .icon, .portfolio-arrow .slick-arrow.next, .portfolio-arrow-two .slick-arrow.next, .main-btn.main-btn-3, .header-topbar .top-right-wrapper .language-change .name.login-btn:hover, .header-topbar .social-icon li a:hover, .user-dashboard-area .user-menu ul li a:hover, .user-dashboard-area .user-menu ul li a.active, .progress-steps li.active .icon, .service-item-two.color-1 .icon, .gradint_body .footer-area .widget-item-3 .features-sub .input-box button {
    color: #55c6d4;
}.banner-slider.banner-slider-one .banner-text .title, .banner-section.home2 .banner-content .title {
    color: #ede9e9;
}.banner-slider.banner-slider-one .banner-text .title-tag {
   
    letter-spacing: 0;
}.header-navigation .header-extra .my-dropdown {
  
  display: none;}
.header-navigation .navbar-btn a:hover, .header-navigation .primary-menu .megamenu-item .megamenu .tabnav a.active, .header-navigation .primary-menu .megamenu-item .megamenu .tabnav a:hover, .sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu > li.current > a, .sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu > li.current > .dd-trigger, .sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu > li a:hover, .sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu > li a:hover ~ .dd-trigger, .header-navigation .primary-menu li.current > a, .header-navigation .primary-menu li.current > .dd-trigger, .header-navigation .primary-menu li a:hover, .header-navigation .primary-menu li a:hover ~ .dd-trigger, .header-two .header-navigation .primary-menu li.current > a, .header-two .header-navigation .primary-menu li.current > .dd-trigger, .header-two .header-navigation .primary-menu li a:hover, .header-two .header-navigation .primary-menu li a:hover ~ .dd-trigger, .header-navigation.breakpoint-on .site-nav-menu .primary-menu li .submenu a:hover, .header-navigation.breakpoint-on .site-nav-menu .primary-menu li a:hover, .banner-slider.banner-slider-two .slick-arrow, .banner-slider.banner-slider-two .banner-text .main-btn, .section-title .title-tag, .feature-list li::before, .portfolio-item .portfolio-link, .testimonials-arrow .slick-arrow, .latest-news-box .post-content .post-meta a, .latest-news-box .post-content .read-more-btn:hover, .footer-area .widget-item-2 ul li a:hover, .service-item-three .icon, .about-history-area .history-item .history-content span, .blog-sidebar .side-bar-contact .content i, .blog-sidebar .case-live .case-live-item-area .case-live-item i, .pricing-plan-item .plan-name, .pricing-plan-item .plans-btn, .team-member .team-content .name a:hover, .team-member .member-photo .social-icon a, .page-link, .team-details-content span, .accordion-three .card .card-header a, .single-job a:hover, .single-job .title:hover, .single-job p i, .jobdetails-area .job_name, .widget-range-slider .price-range-slider .filter_price:hover, .product-item .product-content .price, .shop-top-bar .shop-search-form button, .product-summery .price, .cart-table table tbody tr td.product-name a:hover, .checkout-area .cart-product .add-shiping-methods table tbody tr td p span, .banner-slider.banner-slider-three .banner-text .main-btn, .video-cta .video-cta-play .video-popup, .portfolio-arrow-two .slick-arrow, .counter-box-three .counter-wrap, .accordion-one .card .card-header a, .about-text-block .about-experience h3, .intro-video-area .intro-video-content span, .team-member-three .position, .service-item-six .icon, .service-item-six .service-link:hover, .portfolio-item-two .portfolio-content .category, .portfolio-slider-three .slick-arrow, .section-title-two .title-tag, .counter-box-four .counter-wrap, .team-member-four .member-content .position, .service-item .icon, .portfolio-arrow .slick-arrow.next, .portfolio-arrow-two .slick-arrow.next, .main-btn.main-btn-3, .header-topbar .top-right-wrapper .language-change .name.login-btn:hover, .header-topbar .social-icon li a:hover, .user-dashboard-area .user-menu ul li a:hover, .user-dashboard-area .user-menu ul li a.active, .progress-steps li.active .icon, .service-item-two.color-1 .icon, .gradint_body .footer-area .widget-item-3 .features-sub .input-box button {
    color: #55c6d4!important;
}
.intro-video-content p{font-size:22px;line-height:1.5em;text-align: justify;}
.sticky-header.sticky-on .header-navigation {
  position: relative;}
.service-section.service-with-shape {
    position: relative;
    margin-top: 0px;
    z-index: 22;
}.header-navigation .primary-menu li .submenu li a:hover, .header-topbar .top-left-content .language-change .language-menu a:hover, .header-topbar .top-right-wrapper .language-change .language-menu a:hover, .main-btn, .banner-slider.banner-slider-two .single-banner::before, .feature-list li:hover::before, .tile-gallery-two .img-two::before, .service-item-four .services-content .service-link:hover, .service-item-four .services-content .service-link::before, .testimonial-box-two .testimonial-inner .testimonial-img i, .primary-bg, .service-item-three:hover, .team-member .member-photo .social-icon a:hover, .team-details-content ul a:hover, .conatct-section .conatct-one-bg::before, .service-section.service-with-shape::before, .portfolio-arrow-two .slick-arrow.next, .call-to-action-four::before, .main-btn.transparent-border-btn:hover, .main-btn.transparent-border-btn::before, .service-item:hover, .call-to-action::before, .header-navigation.breakpoint-on .site-nav-menu {
    background-color: transparent!important;
}.service-item-four .services-thumb img {
    width: 258px;
}.services-content{text-align:center!important;}
.section-gap {
    padding-top: 70px;
    padding-bottom: 70px;
}.service-item-four .services-thumb {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}.service-item-four .services-content .title {
    text-align: center!important;
}.intro-video-area {
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    padding-top: 80px;
    padding-bottom: 94px;
}.why-choose-area {
    background-color: #001840;
    padding-top: 63px;
    padding-bottom: 63px;
    position: relative;
    overflow: hidden;
    z-index: 2;
}.banner-slider.banner-slider-one .banner-text .title, .banner-section.home2 .banner-content .title {
    color: #001232;
}.banner-slider.banner-slider-one .banner-text .title, .banner-section.home2 .banner-content .title {
    color: #001232;
}.banner-slider.banner-slider-one {
    padding: 80px 0;padding-bottom:0;
}.portfolio-item .portfolio-img {
  margin: 16px;}

.portfolio-item .portfolio-img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover!important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: all 0.5s ease-out 0s;
}.service-item-four .services-thumb img {
    width: 258px;
    height: 190px;
}.post-thumb img{height:250px;width:100%;}
.footer-overlay .widget-item-1 img {
    width: 120px;
    filter: brightness(0) invert(1);
}.quick_call_area a {
    color: #fff;
    height: 40px;
    display: block;
    padding: 9px;
    width: 40px;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
}
.section-title .title-tag{display:none;}