@charset "utf-8";@import url(https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100;200;300;400;500;600;700;800;900&display=swap);body,html{overflow-x:hidden}a,body{color:var(--body-color);text-decoration:none}a,img{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out}.hover-effect i,.text-center{text-align:center}.hover-effect,.hr,section{position:relative}.header,.top-container{flex-wrap:wrap;display:flex}.call,body{font-size:16px}#status,.link a:before{background-position:center center;background-repeat:no-repeat}#status,.funfacts ul li,.link a:before,.quote{background-repeat:no-repeat}.link a,.social,.webicon{vertical-align:middle}.add a:hover,.btm-btns p a:hover i,.footer a:hover,.funfacts ul li h2,.heading span,.news-style a:hover,.top-container a:hover,a:hover,ul.list li:before{color:var(--primary-color)}.breadcrumb li,.caps,.date,.footer h2,.funfacts ul li h3{text-transform:uppercase}.link a,.sendbutton,.submit-btn,body{font-style:normal}:root{--body-font:"Titillium Web",sans-serif;--body-color:#fff;--primary-color:#0068B0;--secondary-color:#FFE1A8;--tertiary-color:#FFF6E6;--quaternary-color:#7D560B;--black:#03273F;--white:#fff;--grey:#284457;--grey-light:#F8F8F8;--grey-dark:#052032;--font-light:300;--font-normal:400;--font-medium:500;--font-bold:600;--font-heavy:700;--heading-font:"Titillium Web",sans-serif}body{font-family:var(--body-font);line-height:24px;font-weight:var(--font-weight-normal);margin:0;-webkit-font-smoothing:antialiased;padding:0;background:var(--black);background-attachment:fixed}h1,h2,h3,h4,h5,h6,p{padding:0;font-weight:400}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,.5);-webkit-border-radius:10px;border-radius:10px}::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:var(--primary-color)}.hr,a img,img{border:0}html{scroll-behavior:smooth}*{-webkit-box-sizing:border-box;-mox-box-sizing:border-box;box-sizing:border-box}::selection{background:var(--primary-color);color:var(--white)}::-moz-selection{background:var(--primary-color);color:var(--white)}a{transition:.3s ease-in-out}p{margin:0 0 30px;clear:left;font-size:100%}h1,h2,h3,h4,h5,h6{margin:0 0 10px}.hr{margin:30px 0 50px;border-top:1px solid var(--grey);display:block;width:100%;height:1px}img{transition:.3s ease-in-out}.text-white{color:var(--white)!important}.text-black{color:var(--black)!important}.text-primary,.text-secondary{color:var(--primary-color)!important}.text-right{text-align:right}.text-justify{text-align:justify}.corner-round{overflow:hidden;border-radius:12px}.corner-radius,.hover-effect i,.img-rounded{border-radius:50%}.bg-gradient{background-image:linear-gradient(to top,var(--primary-color),var(--secondary-color));color:var(--white)!important}.bg-primary{background:var(--primary-color);color:#fff}.bg-secondary,th{background:var(--secondary-color)}.bg-tertiary{background:var(--tertiary-color)!important}.bg-quaternary{background:var(--quaternary-color);color:#fff}.bg-grey{background:var(--grey)}.bg-grey-dark{background:var(--grey-dark)}.bg-grey-light{background:var(--grey-light)}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--black);z-index:999999}#status,.hover-effect i{position:absolute;left:50%}#status{width:200px;height:200px;top:50%;background-image:url(https://www.mudeer.ae/wp-content/uploads/2025/05/mudeer-logo-white.webp);background-size:50%;margin:-100px 0 0 -100px}.container{width:1300px;margin:0 auto}.call,.language{margin-right:20px;font-weight:var(--font-bold)}.fullheight{width:100%;height:100vh;overflow:auto}.fullwidth,.logo img{width:100%;display:block}.img-rounded{overflow:hidden}.hover-effect{width:100%;overflow:hidden}.hover-effect i{width:50px;height:50px;background-color:var(--primary-color);color:#fff;top:-100px;z-index:1;line-height:50px;margin:0 0 0 -25px;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.hover-effect:hover i{top:50%;margin:-25px 0 0 -25px}.hover-effect i:hover{background-color:var(--secondary-color)}.hover-effect img{display:block;width:100%;-webkit-filter:none;filter:none;-webkit-transition:.5s;transition:.5s}.hover-effect:hover img{-webkit-transform:scale(1.09,1.09);transform:scale(1.09,1.09);-webkit-filter:brightness(70%);-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;transition:1s;filter:grayscale(60%);-webkit-filter:grayscale(60%)}.arrow-bt,.link a:before{height:60px;transform:rotate(45deg)}section{width:100%;display:block}.intro:after,.link a:after,.link a:before,header{position:absolute}.section-spacing{padding:100px 0}.sticky{position:-webkit-sticky!important;position:sticky!important;top:100px;width:100%}header{width:100%;left:0;top:0;padding:15px 0;z-index:3;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}header.smaller{padding:10px 0;position:fixed;background-image:none;background-color:var(--black);border-bottom:1px solid var(--grey-dark)}.link a,.logo{position:relative}.link a,.link a:hover{border:1px solid var(--grey);color:var(--white)}.top-container{width:100%;align-items:center;justify-content:end;padding:5px 0;gap:0 15px;transition:.4s}.display-content a,.footer a,.go-button:hover,.news-style a,.top-container a{color:var(--white)}.call i{margin-right:10px}.language{font-size:12px;line-height:normal;display:flex;gap:0 10px;align-items:center;color:var(--white)}.language span{font-size:12px;font-family:'Noto Kufi Arabic',sans-serif}.add h2,.heading-font{font-family:var(--heading-font)}.header{width:100%;justify-content:space-between;align-items:center}.logo{width:130px;left:0;top:0;margin-top:-35px;transition:.4s}header.smaller .logo{top:0;width:70px;margin-left:0}.link a{height:60px;overflow:hidden;line-height:55px;font-size:16px;padding:0 80px 0 30px;display:inline-block;margin:0}.funfacts ul,.news-row,.scroll div{display:flex}.link a:before{width:60px;top:0;right:0;content:'';z-index:2;background-image:url(../images/icons/arrow.svg);background-size:70%;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.arrow-bt:hover,.display-style:hover .arrow-bt,.link a:hover:before{transform:rotate(0)}.link a:after{width:0;height:100%;right:0;bottom:0;content:'';opacity:0;background-color:var(--grey);transition:.4s}.funfacts ul li,.news-style{border-bottom:1px solid var(--grey);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;position:relative}.link a:hover:after{width:100%;left:0;right:auto;opacity:.9}.level-top,.link a span{position:relative;z-index:2}.heading{font-size:46px;line-height:50px;font-weight:var(--font-bold)}.scroll h2,.subheading{font-size:28px;line-height:30px}.section-title,.subtitle{font-size:18px}.bold,strong{font-weight:var(--font-bold)}.section-title{line-height:normal;position:relative;margin-bottom:20px;padding:0 0 0 70px}.news-style:hover,.scroll{padding:30px 0}.banner-title:before,.section-title:before{width:50px;height:1px;position:absolute;left:0;top:50%;content:'';background-color:var(--primary-color)}.intro:after,.quote,.scroll{background-color:var(--grey-dark)}.intro,.pos-rel{position:relative}.scrolling-text-wrap{width:100%;overflow-x:hidden!important;overflow-Y:hidden!important;overflow:hidden!important}.scroll{white-space:nowrap;margin:0;color:var(--white)}.scroll h2{font-weight:var(--font-heavy);margin:0}.scroll h2 span{display:inline-block;margin:0 15px;font-weight:100}.RightToLeft{animation:20s linear infinite RightToLeft}@keyframes RightToLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}.LeftToRight{animation:20s linear infinite LeftToRight}@keyframes LeftToRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}.intro:after{width:100%;height:85%;left:0;bottom:0;content:'';z-index:-1}.display-content,.display-content:before{z-index:2;position:absolute;transition:.4s}.intro-inner{padding:180px 20px 50px 80px}.funfacts{width:100%;position:relative;z-index:2}.funfacts ul{width:100%;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:0 3.5%}.funfacts ul li{flex:0 0 31%;list-style:none;padding:40px 0 40px 150px;flex-direction:column;margin:0;background-position:left 40px;background-size:90px;transition:.3s ease-in-out}.funfacts ul li:hover{background-position:10px 40px;border-bottom:1px solid var(--primary-color)}.funfacts ul li:first-child{background-image:url(../images/icons/fact1.png)}.funfacts ul li:nth-child(2){background-image:url(../images/icons/fact2.png)}.funfacts ul li:nth-child(3){background-image:url(../images/icons/fact3.png)}.funfacts ul li h2{margin:0 0 15px;padding:0;line-height:42px;font-size:50px;font-weight:var(--font-bold)}.funfacts ul li h3{margin:0 0 10px;font-size:18px;line-height:normal;font-weight:var(--font-bold)}.funfacts p:last-child{margin:0;font-size:18px}.quote{padding:60px 60px 60px 140px;outline:1px solid var(--grey);outline-offset:-15px;background-image:url(../images/icons/quote-icon.svg);background-position:60px 60px;background-size:45px}.arrow-bt,.banner{background-repeat:no-repeat;background-position:center center}.client-des{padding:20px 0 0;border-top:1px solid var(--grey);margin-top:20px;font-size:18px;font-weight:var(--font-bold)}.client-des span{font-size:14px;font-weight:var(--font-medium)}.display-content h2,.footer h2,.iconic h2{font-weight:var(--font-bold)}.news-row{width:100%;flex-wrap:wrap;justify-content:space-between;margin-bottom:25px}.news-left{width:58%}.news-right{width:37%}.news-style{padding:25px 0;transition:.3s ease-in-out}.display-style,.webicon{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out}.date{font-size:14px;margin:0 0 15px}.float,.webicon{border-radius:50%;font-size:30px;text-align:center}.news-style h2{font-size:26px;line-height:normal}.display-style{width:100%;overflow:hidden;position:relative;transition:.3s ease-in-out}.display-content{width:100%;line-height:normal;left:0;bottom:0;padding:20px 30px 10px;background-color:rgba(0,0,0,.5);top:30%}.display-content:hover{padding:40px 30px 0;background-color:rgba(0,0,0,.8)}.display-content:before,.webicon{background-color:var(--primary-color);left:0}.display-content h2{font-size:28px;line-height:normal;color:var(--primary-colorr)}.copyright p,.display-content p:last-child,.iconic p:last-child,.why-mudeeer .two-flex-col:last-child ul.list{margin:0}.arrow-bt{width:60px;display:inline-block;background-image:url(../images/icons/arrow.svg);background-size:70%;transition:.4s}.iconic,.webicon img{display:block;width:100%}.banner,.cover{-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover}.display-content:before{width:5px;height:180px;content:'';top:50px}.display-style:hover .display-content:before{top:0;height:100%}.shadow{box-shadow:0 4px 10px 4px rgba(123,123,123,.1)}.iconic{position:relative;padding:0 20px 25px 120px;min-height:100px;margin-bottom:25px;border-bottom:1px solid #283842}.footer,.lower-footer,.social,.webicon{display:flex}.add i,.float h5,.webicon{position:absolute}.iconic:last-child{border-bottom:0}.iconic h2{font-size:24px;margin:0 0 15px;line-height:30px}.webicon{justify-content:center;align-items:center;top:0;width:80px;height:80px;color:var(--white);margin:0;padding:15px;transition:.3s ease-in-out}.float i,.float:hover i{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out}.webicon:hover{padding:20px;background-color:var(--grey)}.m0-p0{margin:0!important;padding:0!important;color:#fff}.float{position:fixed;width:50px;height:50px;bottom:80px;line-height:50px;right:20px;background-color:#25d366;color:#fff;z-index:4}.banner-title,.breadcrumb{z-index:2;position:relative}.float i{transition:.3s ease-in-out}.float:hover i{transition:.3s ease-in-out;transform:rotate(.12turn)}.float:hover{color:#fff}.float h5{width:100px;top:8px;right:50px;background-color:var(--white);color:var(--grey-dark);box-shadow:0 0 5px gray;line-height:12px;border-radius:5px;font-size:12px;padding:10px;z-index:-1;margin:0;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:0}.add i,.social a:hover{background-color:var(--primary-color)}.box-style,.step{transition:.3s ease-in-out}.float:hover h5{opacity:9;right:60px}.footer{flex-wrap:wrap;column-gap:2em;font-size:16px;justify-content:space-between}.footer ul,.footer ul li{margin:0;padding:0;list-style:none}.price h3 span,.why-mudeeer .two-flex-col:last-child h1{margin-top:10px}.lower-footer{flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);padding:20px 0;margin-top:80px;font-size:14px;align-items:center;flex-wrap:wrap;justify-content:space-between}.footer-logo{width:130px}.footer h2{font-size:16px;margin:0 0 20px}.social{padding:10px 0}.google-map,.price h3 span,.step.active{display:block}.social a{width:40px;height:40px;line-height:40px;border-radius:50%;color:var(--white);font-size:18px;margin:5px;display:inline-block;text-align:center}.add,.add h2{line-height:24px}.address-box,.box-style,.newsletter-bg,body.dark .address-box{background-color:var(--grey-dark)}.box-style{width:100%;box-shadow:rgba(0,0,0,.05) 0 6px 24px 0,rgba(0,0,0,.08) 0 0 0 1px;padding:40px 30px;position:relative;color:#fff;border-radius:0;outline:1px solid var(--grey);outline-offset:-10px;margin-bottom:25px}.add i,.banner,th{color:var(--white)}.box-style p,.cost-calculator-form .cost-frm-group .fieldset{margin-bottom:0}.address-box{padding:30px;border-left:4px solid var(--primary-color)}.add{width:100%;position:relative;padding:0 0 0 60px;min-height:30px;margin-bottom:20px;vertical-align:top}.add h2{font-size:20px;font-weight:400;margin:0 0 10px;line-height:normal}.add i,td,th{font-size:14px}.banner-title h2,.breadcrumb li,.sendbutton,.submit-btn{font-weight:var(--font-bold)}.add i{width:35px;height:35px;line-height:35px;margin:0;left:0;top:0;text-align:center}.google-map{overflow:hidden;width:100%;height:450px;margin:0;padding:0;outline:0;border:0}.ext{display:inline-block;padding-top:10px}.add a{color:var(--body-color)}.faq .new-accourdian ul li a{font-size:16px;background-color:#254459;border-radius:5px;color:var(--white)}.faq .accordion-trigger{display:block;padding:14px 35px 14px 15px;position:relative}.faq .new-accourdian ul li .accordion-trigger.expanded{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.faq .accordion-content.expanded{border:1px solid #1a3140;background-color:#1a3140;border-bottom-left-radius:10px;border-bottom-right-radius:10px}ul.list{margin:0 0 30px;padding:0}ul.check-list li,ul.list li{list-style:none;padding:2px 7px 10px 30px;line-height:normal;position:relative}ul.list li:before{content:"\f138";position:absolute;top:4px;left:0;font-family:FontAwesome;font-size:16px}.mission-vision{padding:30px 25px;border-radius:15px;background-color:var(--white);box-shadow:rgba(99,99,99,.2) 0 2px 8px 0}.banner,.cost-calculator-form .modal-content{background-color:var(--black)}.table-wrap{width:100%;position:relative;display:flex;overflow-x:scroll}table{min-width:100%;width:900px;border-collapse:collapse}tr:nth-of-type(odd){background:#eee}td,th{padding:8px 15px!important;border:1px solid #ccc;text-align:left}.banner{width:100%;height:40vh;padding:40px 0;overflow:hidden;display:flex;justify-content:flex-end;flex-direction:column;position:relative;background-image:url(../images/backgrounds/banner.jpg);background-size:cover}.banner:before,.split-bg{height:100%;top:0;left:0}.breadcrumb,.breadcrumb a,.breadcrumb li{color:var(--grey-dark)}.banner:before{background-image:linear-gradient(to top,rgba(0,0,0,0),#000);width:100%;position:absolute;content:''}.banner-title{padding:0 0 0 70px}.banner-title h2{font-size:40px;line-height:40px;margin:0}.breadcrumb{display:flex;margin:0}.breadcrumb ul{display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:8px 15px;background-color:var(--white)}.nxt-btn,a.cost-calctr-btn{background-color:var(--primary-color)}.breadcrumb li{margin:0;font-size:10px;line-height:10px}.breadcrumb li:not(:last-child)::after{display:inline-block;margin:0 15px;content:" / "}.breadcrumb a:hover{color:var(--secondary-color)}.cover{position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover}.paper-flight,.split-bg{position:absolute;background-repeat:no-repeat;background-position:center center}.bg1{background-image:url(../images/backgrounds/bg1.jpg);background-attachment:fixed}.bg2{background-image:url(../images/backgrounds/bg2.jpg)}.bg2 .link a{border:1px solid var(--white)}.split-bg{width:50%;background-image:url(../images/backgrounds/bg4.jpg);-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.paper-flight{width:330px;height:90px;left:-300px;top:10px;z-index:1;background-image:url(../images/paper-flight.png)}.input-container,.or-divide,.package-item,.sendbutton,.submit-btn{position:relative}a.cost-calctr-btn{border-radius:15px;padding:4px 10px;font-size:13px!important}a.cost-calctr-btn:hover{background-color:var(--grey-dark)!important;color:var(--white)!important}.cost-calculator-form .modal-header .close{background-color:var(--primary-color)!important;font-size:28px;color:#fff;width:40px;height:40px}.cost-calculator-form .modal-body{position:relative;padding:0 25px}.cost-calculator-form .fieldset,span.wpcf7-form-control.wpcf7-radio.fieldset{padding:15px}.step{display:none}.nxt-btn,.submit-btn{display:inline-block}.nxt-btn{border-radius:7px;padding:2px 15px;font-size:13px;border:none;outline:0}.nxt-btn.prv-btn,.nxt-btn:hover,.submit-btn:hover{background-color:#003f6a}.cost-form-container{padding:40px;background-color:#002f4e;margin-block:18px;border-radius:5px}.cost-form-container .flex-gap{gap:15px 3.5%}.cost-frm-group label{font-size:14px;margin-bottom:10px;display:inline-block;color:#c3c3c3}.why-mudeeer .two-flex-col:last-child h2,h2.top-tittle{font-weight:600;margin-bottom:20px}.cost-calculator-form .cost-frm-group{margin-bottom:15px}.progress-container{width:100%;background-color:#061d2c;border-radius:20px;overflow:hidden;height:5px;margin-bottom:15px}.progress-bar{height:100%;width:0%;background-color:#3498db;transition:width .3s ease-in-out}.book-btn:hover,.submit-btn{background-color:var(--primary-color);color:var(--white)}.mb-0{margin-bottom:0!important}.submit-btn{font-size:20px;border:0;padding:15px 30px;margin:35px 0 0;transition:.3s ease-in-out}span.country-name{color:#000!important}.package-wrapper{display:flex;flex-wrap:wrap;gap:20px 1%}.package-item{flex:0 0 32.66666%;background-color:var(--grey-dark);border-radius:15px;border-top:5px solid var(--primary-color);padding:30px}h2.top-tittle{text-align:center}.price{padding:20px 15px;background-color:#0a2e46;margin-bottom:25px;border-radius:10px;text-align:center}.price h3{color:#0097ff;font-size:25px;font-weight:800;letter-spacing:2px;margin-bottom:0}.price h3 span{font-weight:600;font-size:17px;padding-top:4px;border-top:1px solid #113954;color:#006eb9}.pkg-includes h4{font-weight:400;color:#dbdbdb}ul.check-list{margin:0 0 15px;padding:0}ul.check-list li:before{content:"\f00c";position:absolute;top:4px;left:0;font-family:FontAwesome;color:green;font-size:16px}p.disclmr{font-size:14px;font-weight:100;border-bottom:1px solid #0b324c;padding-bottom:15px;margin-bottom:15px}.book-btn{color:var(--primary-color);border:1px solid var(--primary-color);border-radius:30px;padding:13px 40px;display:inline-block}.btm-btns{text-align:center;padding-block:5px}.btm-btns p{color:#ccc;margin-bottom:0}.btm-btns p a i{margin-inline:5px;color:#128c7e;font-size:23px}.btm-btns p a:last-child i{color:#006eb9;font-size:20px}.or-divide{display:block;text-align:center;background-color:var(--grey-dark);z-index:1;padding:10px 0}.or-divide:after{position:absolute;content:"";top:55%;left:0;width:100%;height:1px;background-color:#07263a;z-index:-1}.why-mudeeer .two-flex-col{border-radius:15px;overflow:hidden;background-color:#053454}.why-mudeeer .two-flex-col:last-child{padding:30px}.input-container{display:flex;gap:0 10px;align-items:center;border:1px solid var(--grey);align-items:center;justify-content:space-between}.go-button,.search-input{background-color:transparent;height:60px;border:0;outline:0}.search-input{flex-grow:1;color:#fff;vertical-align:middle;line-height:50%;padding:0 25px;font-size:14px}.go-button{color:var(--primary-color);width:60px;font-size:24px;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}form{margin:0;padding:0}:focus{outline:0}.fieldset{width:100%;padding:20px;border:1px solid var(--grey);background-color:var(--black);color:#fff;display:block;margin:0;font-size:16px}.sendbutton{color:var(--white);font-size:30px;background-color:var(--primary-color);border:0;padding:15px 30px;display:inline-block;margin:0}.progress-wrap,.progress-wrap::after{height:45px;width:45px;cursor:pointer;display:block;-webkit-transition:.2s linear}.sendbutton:hover{background-color:#000}::-webkit-input-placeholder{color:#fff}:-moz-placeholder{color:#fff}::-moz-placeholder{color:#fff}:-ms-input-placeholder{color:#fff}.home-recapta{position:absolute;right:-33px;bottom:-80px;transform:scale(.8)}.progress-wrap{position:fixed;right:10px;bottom:10px;border-radius:50px;z-index:99;opacity:0;visibility:hidden;transform:translateY(15px);transition:.2s linear}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}.progress-wrap::after{position:absolute;content:"\f062";font-family:'Font Awesome 5 Free';font-weight:900;text-align:center;line-height:45px;font-size:20px;color:var(--primary-color);left:0;top:0;z-index:1;transition:.2s linear}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{stroke:var(--black);stroke-width:4;box-sizing:border-box;-webkit-transition:.2s linear;transition:.2s linear}@media only screen and (max-width:1350px){.container{width:100%;padding:0 25px}}@media only screen and (max-width:1024px){header,header.smaller{padding:10px 0}.logo,header,header.smaller .logo{position:relative;left:auto;top:auto}.res-swap,header.smaller .top-container{display:flex}.section-spacing{padding:40px 0}header.smaller{position:fixed;border-bottom:1px solid var(--grey)}.logo,header.smaller .logo{width:70px;margin-left:0;margin-top:0}.res-swap{width:100%;flex-wrap:wrap}.top-container{justify-content:center;padding-bottom:5px;margin-bottom:5px;gap:0 5px;border-bottom:1px solid rgba(255,255,255,.5)}}@media only screen and (max-width:768px){.package-item{flex:0 0 49%}}@media only screen and (max-width:640px){.display-content,.intro{background-color:var(--grey-dark)}.funfacts,.news-row{margin-bottom:25px}body{font-size:16px;line-height:22px}.banner{height:250px}.banner-title{padding:0 0 0 30px;width:100%}.banner-title:before,.section-title:before{width:20px}.banner-title h2,.scroll h2{font-size:20px;line-height:20px}.breadcrumb{width:100%;padding-top:20px}.RightToLeft{animation:5s linear infinite RightToLeft}.iconic{padding:0 0 0 70px}.iconic:last-child{border-bottom:0}.iconic h2{font-size:20px;line-height:28px}.webicon{width:50px;height:50px;padding:10px}.intro:after,.paper-flight{display:none}.cost-form-container,.intro-inner{padding:20px}.display-content,.display-content:hover{padding:20px 30px}.heading{font-size:30px;line-height:40px}.funfacts ul{gap:5px 0}.funfacts ul li{flex:0 0 100%;padding:15px 0 15px 80px;background-size:60px;background-position:left 20px}.funfacts ul li h2{line-height:normal;margin:0;font-size:30px;background-position:left 30px}.display-content{position:relative;line-height:normal;left:auto;bottom:auto}.display-content h2{font-size:24px;line-height:normal}.arrow-bt{width:60px;height:60px;display:inline-block;transform:rotate(45deg);background-image:url(../images/icons/arrow.svg);background-repeat:no-repeat;background-position:center center;background-size:70%;transition:.4s}.arrow-bt:hover,.display-style:hover .arrow-bt{transform:rotate(0)}.display-content:before{width:5px;height:180px;content:'';position:absolute;left:0;top:50px;background-color:var(--primary-color);z-index:2;transition:.4s}.display-style:hover .display-content:before{top:0;height:100%}.news-left,.news-right,.split-bg{width:100%}.quote{outline-offset:-8px;padding:30px 30px 30px 70px;background-position:30px 30px;background-size:25px}.client-des span{font-size:12px}.news-row{flex-direction:column-reverse}.news-style{padding:20px 0}.date{font-size:14px}.news-style h2{font-size:20px}.footer{column-gap:2em;row-gap:2em}.section-title{padding:0 0 0 30px}section.section-spacing.newsletter-bg{padding-bottom:100px}.package-item{flex:0 0 100%}}@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100;200;300;400;500;600;700;800;900&display=swap);
body,
html {
    overflow-x: hidden
}

a,
body {
    color: var(--body-color);
    text-decoration: none
}

a,
img {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out
}

.hover-effect i,
.text-center {
    text-align: center
}

.hover-effect,
.hr,
section {
    position: relative
}

.header,
.top-container {
    flex-wrap: wrap;
    display: flex
}

.call,
body {
    font-size: 16px
}

#status,
.link a:before {
    background-position: center center;
    background-repeat: no-repeat
}

#status,
.funfacts ul li,
.link a:before,
.quote {
    background-repeat: no-repeat
}

.link a,
.social,
.webicon {
    vertical-align: middle
}

.add a:hover,
.btm-btns p a:hover i,
.footer a:hover,
.funfacts ul li h2,
.heading span,
.news-style a:hover,
.top-container a:hover,
a:hover,
ul.list li:before {
    color: var(--primary-color)
}

.breadcrumb li,
.caps,
.date,
.footer h2,
.funfacts ul li h3 {
    text-transform: uppercase
}

.link a,
.sendbutton,
.submit-btn,
body {
    font-style: normal
}

:root {
    --body-font: "Titillium Web", sans-serif;
    --body-color: #fff;
    --primary-color: #0068B0;
    --secondary-color: #FFE1A8;
    --tertiary-color: #FFF6E6;
    --quaternary-color: #7D560B;
    --black: #03273F;
    --white: #fff;
    --grey: #284457;
    --grey-light: #F8F8F8;
    --grey-dark: #052032;
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-bold: 600;
    --font-heavy: 700;
    --heading-font: "Titillium Web", sans-serif
}

body {
    font-family: var(--body-font);
    line-height: 24px;
    font-weight: var(--font-weight-normal);
    margin: 0;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    background: var(--black);
    background-attachment: fixed
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0;
    font-weight: 400
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .5);
    -webkit-border-radius: 10px;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: var(--primary-color)
}

.hr,
a img,
img {
    border: 0
}

html {
    scroll-behavior: smooth
}

* {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box
}

::selection {
    background: var(--primary-color);
    color: var(--white)
}

::-moz-selection {
    background: var(--primary-color);
    color: var(--white)
}

a {
    transition: .3s ease-in-out
}

p {
    margin: 0 0 30px;
    clear: left;
    font-size: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px
}

.hr {
    margin: 30px 0 50px;
    border-top: 1px solid var(--grey);
    display: block;
    width: 100%;
    height: 1px
}

img {
    transition: .3s ease-in-out
}

.text-white {
    color: var(--white) !important
}

.text-black {
    color: var(--black) !important
}

.text-primary,
.text-secondary {
    color: var(--primary-color) !important
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.corner-round {
    overflow: hidden;
    border-radius: 12px
}

.corner-radius,
.hover-effect i,
.img-rounded {
    border-radius: 50%
}

.bg-gradient {
    background-image: linear-gradient(to top, var(--primary-color), var(--secondary-color));
    color: var(--white) !important
}

.bg-primary {
    background: var(--primary-color);
    color: #fff
}

.bg-secondary,
th {
    background: var(--secondary-color)
}

.bg-tertiary {
    background: var(--tertiary-color) !important
}

.bg-quaternary {
    background: var(--quaternary-color);
    color: #fff
}

.bg-grey {
    background: var(--grey)
}

.bg-grey-dark {
    background: var(--grey-dark)
}

.bg-grey-light {
    background: var(--grey-light)
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--black);
    z-index: 999999
}

#status,
.hover-effect i {
    position: absolute;
    left: 50%
}

#status {
    width: 200px;
    height: 200px;
    top: 50%;
    background-image: url(https://www.mudeer.ae/wp-content/uploads/2025/05/mudeer-logo-white.webp);
    background-size: 50%;
    margin: -100px 0 0 -100px
}

.container {
    width: 1300px;
    margin: 0 auto
}

.call,
.language {
    margin-right: 20px;
    font-weight: var(--font-bold)
}

.fullheight {
    width: 100%;
    height: 100vh;
    overflow: auto
}

.fullwidth,
.logo img {
    width: 100%;
    display: block
}

.img-rounded {
    overflow: hidden
}

.hover-effect {
    width: 100%;
    overflow: hidden
}

.hover-effect i {
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    color: #fff;
    top: -100px;
    z-index: 1;
    line-height: 50px;
    margin: 0 0 0 -25px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.hover-effect:hover i {
    top: 50%;
    margin: -25px 0 0 -25px
}

.hover-effect i:hover {
    background-color: var(--secondary-color)
}

.hover-effect img {
    display: block;
    width: 100%;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: .5s;
    transition: .5s
}

.hover-effect:hover img {
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-filter: brightness(70%);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    filter: grayscale(60%);
    -webkit-filter: grayscale(60%)
}

.arrow-bt,
.link a:before {
    height: 60px;
    transform: rotate(45deg)
}

section {
    width: 100%;
    display: block
}

.intro:after,
.link a:after,
.link a:before,
header {
    position: absolute
}

.section-spacing {
    padding: 100px 0
}

.sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 100px;
    width: 100%
}

header {
    width: 100%;
    left: 0;
    top: 0;
    padding: 15px 0;
    z-index: 3;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

header.smaller {
    padding: 10px 0;
    position: fixed;
    background-image: none;
    background-color: var(--black);
    border-bottom: 1px solid var(--grey-dark)
}

.link a,
.logo {
    position: relative
}

.link a,
.link a:hover {
    border: 1px solid var(--grey);
    color: var(--white)
}

.top-container {
    width: 100%;
    align-items: center;
    justify-content: end;
    padding: 5px 0;
    gap: 0 15px;
    transition: .4s
}

.display-content a,
.footer a,
.go-button:hover,
.news-style a,
.top-container a {
    color: var(--white)
}

.call i {
    margin-right: 10px
}

.language {
    font-size: 12px;
    line-height: normal;
    display: flex;
    gap: 0 10px;
    align-items: center;
    color: var(--white)
}

.language span {
    font-size: 12px;
    font-family: 'Noto Kufi Arabic', sans-serif
}

.add h2,
.heading-font {
    font-family: var(--heading-font)
}

.header {
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.logo {
    width: 130px;
    left: 0;
    top: 0;
    margin-top: -35px;
    transition: .4s
}

header.smaller .logo {
    top: 0;
    width: 70px;
    margin-left: 0
}

.link a {
    height: 60px;
    overflow: hidden;
    line-height: 55px;
    font-size: 16px;
    padding: 0 80px 0 30px;
    display: inline-block;
    margin: 0
}

.funfacts ul,
.news-row,
.scroll div {
    display: flex
}

.link a:before {
    width: 60px;
    top: 0;
    right: 0;
    content: '';
    z-index: 2;
    background-image: url(../images/icons/arrow.svg);
    background-size: 70%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.arrow-bt:hover,
.display-style:hover .arrow-bt,
.link a:hover:before {
    transform: rotate(0)
}

.link a:after {
    width: 0;
    height: 100%;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 0;
    background-color: var(--grey);
    transition: .4s
}

.funfacts ul li,
.news-style {
    border-bottom: 1px solid var(--grey);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    position: relative
}

.link a:hover:after {
    width: 100%;
    left: 0;
    right: auto;
    opacity: .9
}

.level-top,
.link a span {
    position: relative;
    z-index: 2
}

.heading {
    font-size: 46px;
    line-height: 50px;
    font-weight: var(--font-bold)
}

.scroll h2,
.subheading {
    font-size: 28px;
    line-height: 30px
}

.section-title,
.subtitle {
    font-size: 18px
}

.bold,
strong {
    font-weight: var(--font-bold)
}

.section-title {
    line-height: normal;
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 0 70px
}

.news-style:hover,
.scroll {
    padding: 30px 0
}

.banner-title:before,
.section-title:before {
    width: 50px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    content: '';
    background-color: var(--primary-color)
}

.intro:after,
.quote,
.scroll {
    background-color: var(--grey-dark)
}

.intro,
.pos-rel {
    position: relative
}

.scrolling-text-wrap {
    width: 100%;
    overflow-x: hidden !important;
    overflow-Y: hidden !important;
    overflow: hidden !important
}

.scroll {
    white-space: nowrap;
    margin: 0;
    color: var(--white)
}

.scroll h2 {
    font-weight: var(--font-heavy);
    margin: 0
}

.scroll h2 span {
    display: inline-block;
    margin: 0 15px;
    font-weight: 100
}

.RightToLeft {
    animation: 20s linear infinite RightToLeft
}

@keyframes RightToLeft {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(-50%)
    }
}

.LeftToRight {
    animation: 20s linear infinite LeftToRight
}

@keyframes LeftToRight {
    from {
        transform: translateX(-50%)
    }
    to {
        transform: translateX(0)
    }
}

.intro:after {
    width: 100%;
    height: 85%;
    left: 0;
    bottom: 0;
    content: '';
    z-index: -1
}

.display-content,
.display-content:before {
    z-index: 2;
    position: absolute;
    transition: .4s
}

.intro-inner {
    padding: 180px 20px 50px 80px
}

.funfacts {
    width: 100%;
    position: relative;
    z-index: 2
}

.funfacts ul {
    width: 100%;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0 3.5%
}

.funfacts ul li {
    flex: 0 0 31%;
    list-style: none;
    padding: 40px 0 40px 150px;
    flex-direction: column;
    margin: 0;
    background-position: left 40px;
    background-size: 90px;
    transition: .3s ease-in-out
}

.funfacts ul li:hover {
    background-position: 10px 40px;
    border-bottom: 1px solid var(--primary-color)
}

.funfacts ul li:first-child {
    background-image: url(../images/icons/fact1.png)
}

.funfacts ul li:nth-child(2) {
    background-image: url(../images/icons/fact2.png)
}

.funfacts ul li:nth-child(3) {
    background-image: url(../images/icons/fact3.png)
}

.funfacts ul li h2 {
    margin: 0 0 15px;
    padding: 0;
    line-height: 42px;
    font-size: 50px;
    font-weight: var(--font-bold)
}

.funfacts ul li h3 {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: normal;
    font-weight: var(--font-bold)
}

.funfacts p:last-child {
    margin: 0;
    font-size: 18px
}

.quote {
    padding: 60px 60px 60px 140px;
    outline: 1px solid var(--grey);
    outline-offset: -15px;
    background-image: url(../images/icons/quote-icon.svg);
    background-position: 60px 60px;
    background-size: 45px
}

.arrow-bt,
.banner {
    background-repeat: no-repeat;
    background-position: center center
}

.client-des {
    padding: 20px 0 0;
    border-top: 1px solid var(--grey);
    margin-top: 20px;
    font-size: 18px;
    font-weight: var(--font-bold)
}

.client-des span {
    font-size: 14px;
    font-weight: var(--font-medium)
}

.display-content h2,
.footer h2,
.iconic h2 {
    font-weight: var(--font-bold)
}

.news-row {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 25px
}

.news-left {
    width: 58%
}

.news-right {
    width: 37%
}

.news-style {
    padding: 25px 0;
    transition: .3s ease-in-out
}

.display-style,
.webicon {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out
}

.date {
    font-size: 14px;
    margin: 0 0 15px
}

.float,
.webicon {
    border-radius: 50%;
    font-size: 30px;
    text-align: center
}

.news-style h2 {
    font-size: 26px;
    line-height: normal
}

.display-style {
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: .3s ease-in-out
}

.display-content {
    width: 100%;
    line-height: normal;
    left: 0;
    bottom: 0;
    padding: 20px 30px 10px;
    background-color: rgba(0, 0, 0, .5);
    top: 30%
}

.display-content:hover {
    padding: 40px 30px 0;
    background-color: rgba(0, 0, 0, .8)
}

.display-content:before,
.webicon {
    background-color: var(--primary-color);
    left: 0
}

.display-content h2 {
    font-size: 28px;
    line-height: normal;
    color: var(--primary-colorr)
}

.copyright p,
.display-content p:last-child,
.iconic p:last-child,
.why-mudeeer .two-flex-col:last-child ul.list {
    margin: 0
}

.arrow-bt {
    width: 60px;
    display: inline-block;
    background-image: url(../images/icons/arrow.svg);
    background-size: 70%;
    transition: .4s
}

.iconic,
.webicon img {
    display: block;
    width: 100%
}

.banner,
.cover {
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover
}

.display-content:before {
    width: 5px;
    height: 180px;
    content: '';
    top: 50px
}

.display-style:hover .display-content:before {
    top: 0;
    height: 100%
}

.shadow {
    box-shadow: 0 4px 10px 4px rgba(123, 123, 123, .1)
}

.iconic {
    position: relative;
    padding: 0 20px 25px 120px;
    min-height: 100px;
    margin-bottom: 25px;
    border-bottom: 1px solid #283842
}

.footer,
.lower-footer,
.social,
.webicon {
    display: flex
}

.add i,
.float h5,
.webicon {
    position: absolute
}

.iconic:last-child {
    border-bottom: 0
}

.iconic h2 {
    font-size: 24px;
    margin: 0 0 15px;
    line-height: 30px
}

.webicon {
    justify-content: center;
    align-items: center;
    top: 0;
    width: 80px;
    height: 80px;
    color: var(--white);
    margin: 0;
    padding: 15px;
    transition: .3s ease-in-out
}

.float i,
.float:hover i {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out
}

.webicon:hover {
    padding: 20px;
    background-color: var(--grey)
}

.m0-p0 {
    margin: 0 !important;
    padding: 0 !important;
    color: #fff
}

.float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 80px;
    line-height: 50px;
    right: 20px;
    background-color: #25d366;
    color: #fff;
    z-index: 4
}

.banner-title,
.breadcrumb {
    z-index: 2;
    position: relative
}

.float i {
    transition: .3s ease-in-out
}

.float:hover i {
    transition: .3s ease-in-out;
    transform: rotate(.12turn)
}

.float:hover {
    color: #fff
}

.float h5 {
    width: 100px;
    top: 8px;
    right: 50px;
    background-color: var(--white);
    color: var(--grey-dark);
    box-shadow: 0 0 5px gray;
    line-height: 12px;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px;
    z-index: -1;
    margin: 0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0
}

.add i,
.social a:hover {
    background-color: var(--primary-color)
}

.box-style,
.step {
    transition: .3s ease-in-out
}

.float:hover h5 {
    opacity: 9;
    right: 60px
}

.footer {
    flex-wrap: wrap;
    column-gap: 2em;
    font-size: 16px;
    justify-content: space-between
}

.footer ul,
.footer ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.price h3 span,
.why-mudeeer .two-flex-col:last-child h1 {
    margin-top: 10px
}

.lower-footer {
    flex-wrap: wrap;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 20px 0;
    margin-top: 80px;
    font-size: 14px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

.footer-logo {
    width: 130px
}

.footer h2 {
    font-size: 16px;
    margin: 0 0 20px
}

.social {
    padding: 10px 0
}

.google-map,
.price h3 span,
.step.active {
    display: block
}

.social a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: var(--white);
    font-size: 18px;
    margin: 5px;
    display: inline-block;
    text-align: center
}

.add,
.add h2 {
    line-height: 24px
}

.address-box,
.box-style,
.newsletter-bg,
body.dark .address-box {
    background-color: var(--grey-dark)
}

.box-style {
    width: 100%;
    box-shadow: rgba(0, 0, 0, .05) 0 6px 24px 0, rgba(0, 0, 0, .08) 0 0 0 1px;
    padding: 40px 30px;
    position: relative;
    color: #fff;
    border-radius: 0;
    outline: 1px solid var(--grey);
    outline-offset: -10px;
    margin-bottom: 25px
}

.add i,
.banner,
th {
    color: var(--white)
}

.box-style p,
.cost-calculator-form .cost-frm-group .fieldset {
    margin-bottom: 0
}

.address-box {
    padding: 30px;
    border-left: 4px solid var(--primary-color)
}

.add {
    width: 100%;
    position: relative;
    padding: 0 0 0 60px;
    min-height: 30px;
    margin-bottom: 20px;
    vertical-align: top
}

.add h2 {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 10px;
    line-height: normal
}

.add i,
td,
th {
    font-size: 14px
}

.banner-title h2,
.breadcrumb li,
.sendbutton,
.submit-btn {
    font-weight: var(--font-bold)
}

.add i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    left: 0;
    top: 0;
    text-align: center
}

.google-map {
    overflow: hidden;
    width: 100%;
    height: 450px;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0
}

.ext {
    display: inline-block;
    padding-top: 10px
}

.add a {
    color: var(--body-color)
}

.faq .new-accourdian ul li a {
    font-size: 16px;
    background-color: #254459;
    border-radius: 5px;
    color: var(--white)
}

.faq .accordion-trigger {
    display: block;
    padding: 14px 35px 14px 15px;
    position: relative
}

.faq .new-accourdian ul li .accordion-trigger.expanded {
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color)
}

.faq .accordion-content.expanded {
    border: 1px solid #1a3140;
    background-color: #1a3140;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

ul.list {
    margin: 0 0 30px;
    padding: 0
}

ul.check-list li,
ul.list li {
    list-style: none;
    padding: 2px 7px 10px 30px;
    line-height: normal;
    position: relative
}

ul.list li:before {
    content: "\f138";
    position: absolute;
    top: 4px;
    left: 0;
    font-family: FontAwesome;
    font-size: 16px
}

.mission-vision {
    padding: 30px 25px;
    border-radius: 15px;
    background-color: var(--white);
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0
}

.banner,
.cost-calculator-form .modal-content {
    background-color: var(--black)
}

.table-wrap {
    width: 100%;
    position: relative;
    display: flex;
    overflow-x: scroll
}

table {
    min-width: 100%;
    width: 900px;
    border-collapse: collapse
}

tr:nth-of-type(odd) {
    background: #eee
}

td,
th {
    padding: 8px 15px !important;
    border: 1px solid #ccc;
    text-align: left
}

.banner {
    width: 100%;
    height: 40vh;
    padding: 40px 0;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    position: relative;
    background-image: url(../images/backgrounds/banner.jpg);
    background-size: cover
}

.banner:before,
.split-bg {
    height: 100%;
    top: 0;
    left: 0
}

.breadcrumb,
.breadcrumb a,
.breadcrumb li {
    color: var(--grey-dark)
}

.banner:before {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #000);
    width: 100%;
    position: absolute;
    content: ''
}

.banner-title {
    padding: 0 0 0 70px
}

.banner-title h2 {
    font-size: 40px;
    line-height: 40px;
    margin: 0
}

.breadcrumb {
    display: flex;
    margin: 0
}

.breadcrumb ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 8px 15px;
    background-color: var(--white)
}

.nxt-btn,
a.cost-calctr-btn {
    background-color: var(--primary-color)
}

.breadcrumb li {
    margin: 0;
    font-size: 10px;
    line-height: 10px
}

.breadcrumb li:not(:last-child)::after {
    display: inline-block;
    margin: 0 15px;
    content: " / "
}

.breadcrumb a:hover {
    color: var(--secondary-color)
}

.cover {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.paper-flight,
.split-bg {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center
}

.bg1 {
    background-image: url(../images/backgrounds/bg1.jpg);
    background-attachment: fixed
}

.bg2 {
    background-image: url(../images/backgrounds/bg2.jpg)
}

.bg2 .link a {
    border: 1px solid var(--white)
}

.split-bg {
    width: 50%;
    background-image: url(../images/backgrounds/bg4.jpg);
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.paper-flight {
    width: 330px;
    height: 90px;
    left: -300px;
    top: 10px;
    z-index: 1;
    background-image: url(../images/paper-flight.png)
}

.input-container,
.or-divide,
.package-item,
.sendbutton,
.submit-btn {
    position: relative
}

a.cost-calctr-btn {
    border-radius: 15px;
    padding: 4px 10px;
    font-size: 13px !important
}

a.cost-calctr-btn:hover {
    background-color: var(--grey-dark) !important;
    color: var(--white) !important
}

.cost-calculator-form .modal-header .close {
    background-color: var(--primary-color) !important;
    font-size: 28px;
    color: #fff;
    width: 40px;
    height: 40px
}

.cost-calculator-form .modal-body {
    position: relative;
    padding: 0 25px
}

.cost-calculator-form .fieldset,
span.wpcf7-form-control.wpcf7-radio.fieldset {
    padding: 15px
}

.step {
    display: none
}

.nxt-btn,
.submit-btn {
    display: inline-block
}

.nxt-btn {
    border-radius: 7px;
    padding: 2px 15px;
    font-size: 13px;
    border: none;
    outline: 0
}

.nxt-btn.prv-btn,
.nxt-btn:hover,
.submit-btn:hover {
    background-color: #003f6a
}

.cost-form-container {
    padding: 40px;
    background-color: #002f4e;
    margin-block: 18px;
    border-radius: 5px
}

.cost-form-container .flex-gap {
    gap: 15px 3.5%
}

.cost-frm-group label {
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
    color: #c3c3c3
}

.why-mudeeer .two-flex-col:last-child h2,
h2.top-tittle {
    font-weight: 600;
    margin-bottom: 20px
}

.cost-calculator-form .cost-frm-group {
    margin-bottom: 15px
}

.progress-container {
    width: 100%;
    background-color: #061d2c;
    border-radius: 20px;
    overflow: hidden;
    height: 5px;
    margin-bottom: 15px
}

.progress-bar {
    height: 100%;
    width: 0%;
    background-color: #3498db;
    transition: width .3s ease-in-out
}

.book-btn:hover,
.submit-btn {
    background-color: var(--primary-color);
    color: var(--white)
}

.mb-0 {
    margin-bottom: 0 !important
}

.submit-btn {
    font-size: 20px;
    border: 0;
    padding: 15px 30px;
    margin: 35px 0 0;
    transition: .3s ease-in-out
}

span.country-name {
    color: #000 !important
}

.package-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 1%
}

.package-item {
    flex: 0 0 32.66666%;
    background-color: var(--grey-dark);
    border-radius: 15px;
    border-top: 5px solid var(--primary-color);
    padding: 30px
}

h2.top-tittle {
    text-align: center
}

.price {
    padding: 20px 15px;
    background-color: #0a2e46;
    margin-bottom: 25px;
    border-radius: 10px;
    text-align: center
}

.price h3 {
    color: #0097ff;
    font-size: 25px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 0
}

.price h3 span {
    font-weight: 600;
    font-size: 17px;
    padding-top: 4px;
    border-top: 1px solid #113954;
    color: #006eb9
}

.pkg-includes h4 {
    font-weight: 400;
    color: #dbdbdb
}

ul.check-list {
    margin: 0 0 15px;
    padding: 0
}

ul.check-list li:before {
    content: "\f00c";
    position: absolute;
    top: 4px;
    left: 0;
    font-family: FontAwesome;
    color: green;
    font-size: 16px
}

p.disclmr {
    font-size: 14px;
    font-weight: 100;
    border-bottom: 1px solid #0b324c;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.book-btn {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 30px;
    padding: 13px 40px;
    display: inline-block
}

.btm-btns {
    text-align: center;
    padding-block: 5px
}

.btm-btns p {
    color: #ccc;
    margin-bottom: 0
}

.btm-btns p a i {
    margin-inline: 5px;
    color: #128c7e;
    font-size: 23px
}

.btm-btns p a:last-child i {
    color: #006eb9;
    font-size: 20px
}

.or-divide {
    display: block;
    text-align: center;
    background-color: var(--grey-dark);
    z-index: 1;
    padding: 10px 0
}

.or-divide:after {
    position: absolute;
    content: "";
    top: 55%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #07263a;
    z-index: -1
}

.why-mudeeer .two-flex-col {
    border-radius: 15px;
    overflow: hidden;
    background-color: #053454
}

.why-mudeeer .two-flex-col:last-child {
    padding: 30px
}

.input-container {
    display: flex;
    gap: 0 10px;
    align-items: center;
    border: 1px solid var(--grey);
    align-items: center;
    justify-content: space-between
}

.go-button,
.search-input {
    background-color: transparent;
    height: 60px;
    border: 0;
    outline: 0
}

.search-input {
    flex-grow: 1;
    color: #fff;
    vertical-align: middle;
    line-height: 50%;
    padding: 0 25px;
    font-size: 14px
}

.go-button {
    color: var(--primary-color);
    width: 60px;
    font-size: 24px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

form {
    margin: 0;
    padding: 0
}

:focus {
    outline: 0
}

.fieldset {
    width: 100%;
    padding: 20px;
    border: 1px solid var(--grey);
    background-color: var(--black);
    color: #fff;
    display: block;
    margin: 0;
    font-size: 16px
}

.sendbutton {
    color: var(--white);
    font-size: 30px;
    background-color: var(--primary-color);
    border: 0;
    padding: 15px 30px;
    display: inline-block;
    margin: 0
}

.progress-wrap,
.progress-wrap::after {
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: block;
    -webkit-transition: .2s linear
}

.sendbutton:hover {
    background-color: #000
}

::-webkit-input-placeholder {
    color: #fff
}

:-moz-placeholder {
    color: #fff
}

::-moz-placeholder {
    color: #fff
}

:-ms-input-placeholder {
    color: #fff
}

.home-recapta {
    position: absolute;
    right: -33px;
    bottom: -80px;
    transform: scale(.8)
}

.progress-wrap {
    position: fixed;
    right: 10px;
    bottom: 10px;
    border-radius: 50px;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: .2s linear
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.progress-wrap::after {
    position: absolute;
    content: "\f062";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    color: var(--primary-color);
    left: 0;
    top: 0;
    z-index: 1;
    transition: .2s linear
}

.progress-wrap svg path {
    fill: none
}

.progress-wrap svg.progress-circle path {
    stroke: var(--black);
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: .2s linear;
    transition: .2s linear
}

@media only screen and (max-width:1350px) {
    .container {
        width: 100%;
        padding: 0 25px
    }
}

@media only screen and (max-width:1024px) {
    header,
    header.smaller {
        padding: 10px 0
    }
    .logo,
    header,
    header.smaller .logo {
        position: relative;
        left: auto;
        top: auto
    }
    .res-swap,
    header.smaller .top-container {
        display: flex
    }
    .section-spacing {
        padding: 40px 0
    }
    header.smaller {
        position: fixed;
        border-bottom: 1px solid var(--grey)
    }
    .logo,
    header.smaller .logo {
        width: 70px;
        margin-left: 0;
        margin-top: 0
    }
    .res-swap {
        width: 100%;
        flex-wrap: wrap
    }
    .top-container {
        justify-content: center;
        padding-bottom: 5px;
        margin-bottom: 5px;
        gap: 0 5px;
        border-bottom: 1px solid rgba(255, 255, 255, .5)
    }
}

@media only screen and (max-width:768px) {
    .package-item {
        flex: 0 0 49%
    }
}

@media only screen and (max-width:640px) {
    .display-content,
    .intro {
        background-color: var(--grey-dark)
    }
    .funfacts,
    .news-row {
        margin-bottom: 25px
    }
    body {
        font-size: 16px;
        line-height: 22px
    }
    .banner {
        height: 250px
    }
    .banner-title {
        padding: 0 0 0 30px;
        width: 100%
    }
    .banner-title:before,
    .section-title:before {
        width: 20px
    }
    .banner-title h2,
    .scroll h2 {
        font-size: 20px;
        line-height: 20px
    }
    .breadcrumb {
        width: 100%;
        padding-top: 20px
    }
    .RightToLeft {
        animation: 5s linear infinite RightToLeft
    }
    .iconic {
        padding: 0 0 0 70px
    }
    .iconic:last-child {
        border-bottom: 0
    }
    .iconic h2 {
        font-size: 20px;
        line-height: 28px
    }
    .webicon {
        width: 50px;
        height: 50px;
        padding: 10px
    }
    .intro:after,
    .paper-flight {
        display: none
    }
    .cost-form-container,
    .intro-inner {
        padding: 20px
    }
    .display-content,
    .display-content:hover {
        padding: 20px 30px
    }
    .heading {
        font-size: 30px;
        line-height: 40px
    }
    .funfacts ul {
        gap: 5px 0
    }
    .funfacts ul li {
        flex: 0 0 100%;
        padding: 15px 0 15px 80px;
        background-size: 60px;
        background-position: left 20px
    }
    .funfacts ul li h2 {
        line-height: normal;
        margin: 0;
        font-size: 30px;
        background-position: left 30px
    }
    .display-content {
        position: relative;
        line-height: normal;
        left: auto;
        bottom: auto
    }
    .display-content h2 {
        font-size: 24px;
        line-height: normal
    }
    .arrow-bt {
        width: 60px;
        height: 60px;
        display: inline-block;
        transform: rotate(45deg);
        background-image: url(../images/icons/arrow.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 70%;
        transition: .4s
    }
    .arrow-bt:hover,
    .display-style:hover .arrow-bt {
        transform: rotate(0)
    }
    .display-content:before {
        width: 5px;
        height: 180px;
        content: '';
        position: absolute;
        left: 0;
        top: 50px;
        background-color: var(--primary-color);
        z-index: 2;
        transition: .4s
    }
    .display-style:hover .display-content:before {
        top: 0;
        height: 100%
    }
    .news-left,
    .news-right,
    .split-bg {
        width: 100%
    }
    .quote {
        outline-offset: -8px;
        padding: 30px 30px 30px 70px;
        background-position: 30px 30px;
        background-size: 25px
    }
    .client-des span {
        font-size: 12px
    }
    .news-row {
        flex-direction: column-reverse
    }
    .news-style {
        padding: 20px 0
    }
    .date {
        font-size: 14px
    }
    .news-style h2 {
        font-size: 20px
    }
    .footer {
        column-gap: 2em;
        row-gap: 2em
    }
    .section-title {
        padding: 0 0 0 30px
    }
    section.section-spacing.newsletter-bg {
        padding-bottom: 100px
    }
    .package-item {
        flex: 0 0 100%
    }
       .go-button .arrow-bt {
        position: absolute;
        right: 0;
        top: 0;
    }
}