.mobMenu, .mobile-top { display: none !important}



/* Scrollbar Styling */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background-color: #c9cdd0; }
::-webkit-scrollbar-thumb { background: var(--secondaryColor); }
.hme-din-overbtn a{display: inline-block;}
/* -------------------------- Reset   -------------------------- */
*, *::before, *::after {     box-sizing: border-box;  } * {    margin: 0;  }
body {      -webkit-font-smoothing: antialiased;   }
picture, video, canvas, svg {    display: block;    max-width: 100%; height: auto; vertical-align: top;  }
img, svg {  max-width: 100%; height: auto; vertical-align: top; }
input, button, textarea, select {    font: inherit;  }
 h1, h2, h3, h4, h5, h6 {    overflow-wrap: break-word; font-weight: normal;  }
ul, li, p, h1, h2, h3, h4, h5, h6, img, figure, article, section, figure, img  { padding: 0; margin: 0;}
ul, li, ol { list-style-type: none; } a:link, a:visited { text-decoration: none; color: var(--color); display: inline-block;}
.full-img, .full-img  img  { width: 100%; height: auto;}
.flex-container, .service-list {  display: flex;  flex-direction: row !important;  flex-wrap: wrap;  justify-content: space-between;  align-items: normal;  align-content: normal; }
.text-cap { text-transform: uppercase;} .text-center { text-align-last: center; }
.hiddenTitle { font-size: 1pt; opacity: 0; width: 1px; height: 1px; overflow: hidden;}
.border-radius { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; }

:root {  --gutter:100px 0; --padding50:50px; --color:#101010;  --primaryColor:#fff; --secondaryColor:#273d71;   }
p { padding: 8px 0;} 
.container { max-width: calc(1500px - 0px); width: calc(100% - 0px) !important; padding: 0 50px; margin: 0 auto;}
.container-large { max-width: calc(1700px - 0px); padding: 0 50px;  margin: 0 auto;}
body {   font-family: "Open Sans", sans-serif;}
 #page { position: relative; width: 100%; height: 100%;    font-family: "Rajdhani", sans-serif;  font-size: 17px; line-height: 26px; text-align: justify;  color: var(--color); letter-spacing: 1px; background-color: var(--primaryColor); font-weight: 500; }
.header-wrapp { position: fixed; top: 0; left: 0; width: 100%; z-index: 12000; background-color: var(--primaryColor); } .header-wrapp .align { padding: 20px 35px; transition: all 0.5s ease; align-items: center; background-color: rgba(8,19,43,0); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0);}
.header-fix .align {background-color: rgba(8,19,43,0.999); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.34);}

.header-top { background-color:var(--secondaryColor); padding: 15px 0; color: #fff; font-size: 18px;}
.header-top .container, .header-block .container, .welcome-wrapp .container { align-items: center;} .header-top a:link, .header-top a:visited { color: #fff;}
.header-block { padding: 20px 0;}
.hme-banner-align { position:absolute; top:0; left:0; width:100%}

.hme-banner-wrapp, .banner-wrapp-sub { padding-top: 140px; position: relative;}
.home-slider, .hme-banner-wrapp .aling { position: relative;}
.banner-caption  { position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); z-index: 300;  }
.banner-caption-left  { position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); z-index: 300; ; }

.banner-right { width: calc(50% - 0px); float: right;  text-align:left !important }
.banner-left  { width: calc(50% - 0px); float: left; text-align:left !important }
.banner-mask { position: absolute;  bottom: 0; width: 100%; left: 0; z-index: 100;} 

.welcome-wrapp, .hme-offer-setor-wrapp { padding: var(--gutter);}

.hme-offer-setor-wrapp { padding-top: 0;}

.welcome-wrapp { padding-top: 0px; position: relative;}
.welcome-wrapp::before { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 100%; top: 0; background-image: url(../images/welcome-bg.webp); background-repeat: no-repeat; background-size: cover; opacity: 0.1; z-index: 100;}



.welcome-misc-conttent { gap:0px}

.welc-misc-two-column { width: calc(40% - 0px); text-align: center; background-color: red !important;}
.welc-misc-two-column:first-child { padding-top: 100px;}

.welc-mic-column, .serv-land-items { background-color: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); margin:20px 10px; padding: 20px;  }
.welcome-wrapp .container { position: relative; z-index: 1500;}

.hme-offer-sector-align  { gap: 40px;} .hme-offer-sector{ width: calc(33.33% - 40px);}
.hme-offer-sector figure { border-bottom-right-radius: 100px; overflow: hidden;}
.hme-offer-sector img { transform: scale(1); transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.hme-offer-sector:hover img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); }

.hme-offer-sector { box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.43); } 
.hme-offer-sector article { padding: 30px;}


.two-column-row { gap: 20px;}
.two-column { width: calc(50% - 20px);}

.banner-wrapp-sub::after { position: absolute; width: 100%; bottom: 0; left: 0; z-index: 100; content: ""; display: block; height: 100px; background-image: url(../images/banner-bottom.webp); background-repeat: no-repeat; background-position: left bottom; background-size: cover;}


.footer-wrapp { background-color: #090404; color: #fff; padding:0 0 60px 0; font-size: 15px; font-weight: 400; }

.footer-wrapp::before { content: ""; display: block; width: 100%; height: 150px; background-image: url(../images/footer-top.webp); background-repeat: no-repeat; background-size: cover; }




.footer-contact { align-items: center;} .footer-logo { width: 100px;} .footer-contact address { margin: 0; padding-left: 30px;}
.footer-menu-block { gap: 60px;  width: calc(100% - 0px);}
.quick-f-menu a:link, .quick-f-menu a:visited { color: #fff; display: block; padding: 5px 60px 5px 0; }
.footer-title { width: 100%; }

.quick-f-menu-services ul { width: calc(33.33% - 0px);  float: left;} .quick-f-menu-services { width: 990px; }
.quick-f-menu-services li { width: calc(100% - 0px); float: left; text-align: left;}
.footer-top { padding-bottom: 60px;}

.cpr-wrapp { background-color: #3fba90; padding: 20px 0; color: #fff;}


.hme-serv-wrapp { position: relative;  background-image: url(../images/home-serv-bg.webp); background-position: center center; background-size: cover;}

.hme-serv-wrapp .align { background-color: rgba(255, 255,255,0.8); padding: 100px 0;}

.mask-white-top { position: absolute; top: 0; left: 0; width: 100%; z-index: 1200;}
.mask-white-bottom { position: absolute; left: 0; width: 100%; bottom: 0;}
.hme-serv-wrapp article { width: calc(100% - 0px);}
.home-service-list a:link, .home-service-list a:visited { display: block; padding: 2px 0 2px 15px; position: relative;}
.home-service-list a:before { content: ""; display: block; width: 5px; height: 5px; background-color: #045ba1; position: absolute; top: 11px; left: 0;}

.hme-blog-wrapp { padding: var(--gutter);}
.hme-blog-blocks { gap: 50px;}
.hme-blog-blk, .blog-blk {  padding:0; background-color: #fff; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2); border-top-left-radius: 30px; border-bottom-right-radius: 30px; overflow: hidden; margin:0 5px 15px 5px;}
.hme-blog-blk article { padding: 20px;}


.site-logo { width: 200px;} .primaryMenu { width: 900px;}
.two-column-row { width: calc(50% - 0px);}



#sub-page { padding: var(--gutter); }


.our-service-land-blocks {}

.serv-land-items { width: calc(100% - 0px); padding: 0px; margin: 35px 0 35px 0; align-items: center; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }



.serv-land-items figure, .serv-land-items article { width: calc(50% - 0px);}
.serv-land-items article 

.serv-land-items figure { padding-right: 50px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden;  }

.serv-land-items figure  img { width: 100%;}

.serv-land-items article { padding-left: 50px;}

.serv-land-items:nth-child(odd) { padding-right: 0; padding-left: 50px;  flex-direction: row-reverse !important}
.serv-land-items:nth-child(odd) article { padding-left: 0px; padding-right: 50px;}





.home-client-slider { box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);  padding: 25px 50px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }

.home-client-slider .owl-thumb { padding:0 30px}

.service-single-wrapp { align-items:  center;}

.service-content  { width: calc(60% - 0px); padding-right: 60px; }
.service-image { width: calc(40% - 0px);}

.service-list li { display: block; padding: 5px 0 5px 15px; position: relative; width: calc(50% - 30px); }

.service-list li:before { content: ""; display: block; position: absolute; left: 0; top: 14px; background-color: #3fba90; width: 8px; height: 8px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.welc-mic-column { padding: 25px !important; text-align: center;}

.welc-misc-compProFirst { margin-top: 120px;}
.hme-service-right { position: relative;}


.hme-serv-img { position: absolute; }

.hme-serv-img img { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }


.hme-serv-img-1 { left: 50px; top: 0;}
.hme-serv-img-2 { right: 0; bottom: 40px;}

.hme-client-slider { padding: var(--gutter); padding-top: 0;}



.hme-serv-cion-animated { position: absolute; bottom: 80px; left: 80px;  }
.floating img {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}



.vsion-block { width: calc(100% - 0px);}
.vsion-block .elementor-image-box-wrapper  { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.vsion-block .elementor-image-box-img, .vsion-block .elementor-image-box-content  { width: calc(50% - 0px) !important; }

.vsion-block .elementor-image-box-content {text-align: justify !important; padding-left: 45px;}

.mission-block { margin-top: 60px; }
.mission-block .elementor-image-box-wrapper { flex-direction: row-reverse; }
.mission-block  .elementor-image-box-content  { padding-left: 0; padding-right: 45px;}

.blog-landing, .blog-top-align { padding-top:150px}

.blog-land-items { gap:20px}

.blog-blk { width:calc(33.333% - 30px);  } .blog-blk img { width:100%} .blog-blk article { padding:20px}

.header-wrapp { position:fixed }
.header-wrapp:after { display:block; height:15px; 
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0.15+0,0+62,0+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.03) 50%,rgba(0,0,0,0) 62%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	width:100%; content:""; display:block; position:absolute; bottom:-15px  }
.banner-wrapp-sub  {  margin:0 !important}

.header-block {
    padding: 0px 0;
}

/* ---------------- primary menu ----- */

.primaryMenu li { display: block; }
.elementskit-navbar-nav-default .elementskit-navbar-nav>li>a { font-size: 13pt !important; text-transform: uppercase !important; font-weight:600 !important}
/* ---------------- primary menu ----- */



.banner-hd { font-weight: 800; text-transform: uppercase; font-size: 66px;}

.widget-title { text-transform: uppercase; font-size: 36px; padding-bottom: 40px; font-weight: 800;}
.serv-land-items h3, .wid-sml-title { font-size: 26px; font-weight: 600;}
.footer-title { font-size: 20px; font-weight: 600; padding-bottom: 15px;}

.page-title h1 { font-weight:36px; font-weight: 800; padding-bottom: 30px;}

.serv-land-items h3 { text-transform: uppercase; word-wrap: break-word; font-size: 22px; padding: 0 0 20px 0; text-align: left; }
.serv-title h2 { font-weight: 800; font-size: 24px; padding-bottom: 20px;}

.welc-mic-column h5 { padding: 15px 0 0; font-weight: 600; font-size: 20px; text-align: center;}

.read-more { padding-top: 20px;}
.read-more a:link, .read-more a:visited { display:inline-block; padding: 8px 25px; background-color: #3fba90; color: #fff; text-transform: uppercase; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.welcome-title h2 { font-weight: 800; font-size: 26pt; text-transform: uppercase; }
.welcome-title h2 span { display: block; font-size: 18pt; text-transform: none;}
p { line-height: 28px;}
.blog-blk .wid-sml-title { font-size:14pt; padding-bottom:15px}

/* ------------------------ smo ---------------------------- */
.smo ul {    gap: 10px;    align-items: center; }
.smo svg {    fill: #fff }
.smo li svg {    width: 9px;    height: auto;}
.smo li:nth-child(2n) svg {    width: 17px; }
.smo li:nth-child(3n) svg {    width: 17px; }
.smo li:nth-child(4n) svg {    width: 22px; }
.smo li:nth-child(5n) svg {    width: 24px;    padding-top: 5px; }

/* ------------------------ smo ---------------------------- */

.rm-btn-w-arrow { text-transform: uppercase; font-size: 16px; padding-top: 10px;}


.topcall a:link, .topcall a:visited, .topmail a:link, .topmail a:visited { display: block; padding: 5px 0 5px 22px; position: relative; 
    background-image: url("https://edumedqatar.com/wp-content/uploads/2024/12/top-call.webp");
    background-repeat: no-repeat; background-position: left center; }
    .topmail a:link, .topmail a:visited { background-image: url("https://edumedqatar.com/wp-content/uploads/2024/12/top-mail.webp"); padding-left: 25px;  }
.topcall { margin-right: 20px;}
.findoutBtn a:link, .findoutBtn a:visited, .rm-btn-w-arrow a:link, .rm-btn-w-arrow a:visited {    background-color: transparent;    /* text-transform: uppercase; */     font-size: 14pt; color:var(--color); text-transform:none !important }
.findoutBtn a:hover { color:var(--color)}
.findoutBtn svg, .rm-btn-w-arrow svg { fill:#000; width:15px }

.gallery-icon img { padding:20px} 
.gallery-icon { padding:5px 10px}

.hme-blog-blk article { display:flex; flex-direction:column; flex-wrap:wrapp; justify-content:center; text-align:center}
.rm-btn-w-arrow-blog { text-align:Center}
.rm-btn-w-arrow-blog a:link, .rm-btn-w-arrow-blog a:visited { display:inline-block; padding10px 15px;}

	.primaryMenu { width:auto} 




::placeholder {
  color: var(--color);
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: var(--color);
}


.booking-form { width:calc(1000px - 0px); margin:0 auto; padding:50px; background-color:#f1f1f1; column-gap:20px }
.form-group { width:calc(50% - 20px); }
.formField, .formFieldArea {padding:10px 15px; height:45px; width:calc(100% - 0px)}
.formFieldArea { height:90px}



/* ----------------------------------------------------- mobile ------------------------------------------ */
@media (max-width: 1300px) {
	.quick-f-menu-single  { display:none !important}

@media (max-width: 1090px) {
	.primaryMenu { width:auto} 
	.welcome-text, .welcome-misc-conttent { width:calc(100% - 0px); } 	.welcome-text { padding-top:60px}
.welcome-wrapp .elementor-element-f549dbb { display:block}
	.welc-misc-compPro { margin-top:40px}
	.elementor-element-939365e, .elementor-element-32011d9 { display:flex !important; flex-direction:row  !important; flex-wrap:wrapp  !important; justify-content:center  !important; padding:0 !important; margin:0 !important; gap:0}
	.welc-mic-column { width:calc(50% - 0px)}
	.welcome-misc-conttent { gap:0 !important}
}


@media (max-width: 990px) {
	.container { padding:0 50px}
	
	.serv-land-items figure, .serv-land-items article {
    width: calc(100% - 0px);
}
	
	.serv-land-items article { padding:35px !important}
	.serv-land-items:nth-child(odd), .serv-land-items:nth-child(even) { padding-left:0; padding-right:0}
	
	.booking-form {
    width: calc(100% - 0px);
	
}


@media (max-width: 800px) {
	
	:root {  --gutter:50px 0;    }
	
	.container { padding:0 20px}
	
		#gallery-1 .gallery-item {

    width: 25% !important;
}
	
			#gallery-1 br {

   display:none !important
}
	
	.banner-caption { top:auto; transform:translateY(0); bottom:0; padding:30px 0; background-color:rgba(255,255,255,0.2)}
.hme-banner-wrapp, .banner-wrapp-sub {
    padding-top: 126px;
    position: relative;
}
		.quick-f-menu, .footer-top  { display:none !important}

	.elementor-element-13d8a76, .vsion-block .elementor-image-box-img, .vsion-block .elementor-image-box-content { width:calc(100% - 0px) !important}
	
	.mission-block .elementor-image-box-content { padding-left:30px; padding-right:30px}
	
	.banner-hd {    font-size: 34px; }	
	.banner-caption h2 { font-size:20pt}
	.footer-wrapp::before { height:90px}
	
	.blog-blk {
    width: calc(50% - 30px);
}
	
}
@media (max-width: 600px) {
	.topcall a:link, .topcall a:visited, .topmail a:link, .topmail a:visited { overflow:hidden; width:20px; height:20px}
	.hme-banner-wrapp, .banner-wrapp-sub {
    padding-top: 110px;
    position: relative;
}
		.welc-mic-column { width:calc(100% - 0px)}

	
		.banner-right, .banner-left, .service-content, .service-image { width:calc(100% - 0px);}
	.service-image { padding-top:45px}

	
	
	
		.banner-hd {    font-size: 30px; }	
	.banner-caption h2 { font-size:18t; font-weight:600; display:none
	}
		#gallery-1 .gallery-item {

    width: 50% !important;
}
	
	.service-list li {
    display: block;
    padding: 5px 0 5px 30px;
    position: relative;
    width: calc(100% - 0px); text-align:left
}
	
		.blog-blk {
    width: calc(100% - 0px);
}
	.form-group {
    width: calc(100% - 0px);
}
	.booking-form { padding:20px}
	
}
