/* || BREAKPOINTS || @media screen and (max-width:39.9375em){}|| SMALL ONLY{0 - 639px}|| @media screen and (min-width:40em){}|| MEDIUM AND UP{640px ONWARDS}|| @media screen and (min-width:40em) and (max-width:63.9375em){}|| MEDIUM ONLY{640px - 1023px}|| @media screen and (min-width:64em){}|| LARGE AND UP{1024px ONWARDS}|| @media screen and (min-width:64em) and (max-width:74.9375em){}|| LARGE ONLY{1024px - 1199px}|| */ html{scroll-behavior:smooth}@font-face{font-family:'Mokoto';src:url('/fonts/mokoto-mokoto-regular-400-webfont.woff2') format('woff2'),url('/fonts/mokoto-mokoto-regular-400-webfont.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Montserrat-Arabic';src:url('/fonts/montserrat-arabic_regular_400-webfont.woff2') format('woff2'),url('/fonts/montserrat-arabic_regular_400-webfont.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}[type='text'],[type='date'],[type='datetime'],[type='email'],[type='number'],[type='tel'],[type='time'],[type='url'],[type='color'],[type='text']:focus,[type='date']:focus,[type='datetime']:focus,[type='email']:focus,[type='number']:focus,[type='tel']:focus,[type='time']:focus,[type='url']:focus,[type='color']:focus,textarea,textarea:focus,select,select:focus{outline:none;box-shadow:none;font-size:1em;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}[type=checkbox],[type=radio]{position:relative;top:0.1em}button,.button{font-size:1em;padding:.7rem 1.6rem;border-radius:5px}button:not(.button-group button),.button:not(.button-group button){font-size:1em;border-radius:5px}.btn{border-radius:5px !important}button:hover,.button:hover,button:focus,.button:focus{transition:.4s;box-shadow:0 4px 12px 0 rgba(0,0,0,0.26)}.form legend{font-weight:700}h1,h2,h3,.h1,.h2,.h3{font-weight:300}label,.label{font-size:1em}/* || Custom defined || *//* || HEADER || */header a:not(.button){color:#736D62}header a:not(.button):hover,header a:not(.button):active,header a:not(.button):focus{color:#FFFFFF}/*header .icon,header i{color:#FFFFFF !important}*/ /*header button,header .button,header button:hover,header button:focus,header .button:hover,header .button:focus{background:#FFFFFF;color:#000000}*/header .cta .icon{padding-right:5px;color:#fff}/* || MENU || *//*header .dropdown.menu li ul.submenu li.is-active>a{background:transparent}*//* New headers CSS *//*.new-header ul.dropdown.menu>li.active>a:not(.button) span,.new-header ul.dropdown.menu>li:hover>a:not(.button) span{border-bottom:1px solid #FFFFFF}*/ul.list{list-style:none}ul.list li:before{content:url('data:image/svg+xml,<svg fill="%23817F82" width="15px" height="15px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>tick-checkbox</title><path d="M0 26.016v-20q0-2.496 1.76-4.256t4.256-1.76h20q2.464 0 4.224 1.76t1.76 4.256v20q0 2.496-1.76 4.224t-4.224 1.76h-20q-2.496 0-4.256-1.76t-1.76-4.224zM4 26.016q0 0.832 0.576 1.408t1.44 0.576h20q0.8 0 1.408-0.576t0.576-1.408v-20q0-0.832-0.576-1.408t-1.408-0.608h-20q-0.832 0-1.44 0.608t-0.576 1.408v20zM7.584 16q0-0.832 0.608-1.408t1.408-0.576 1.408 0.576l2.848 2.816 7.072-7.040q0.576-0.608 1.408-0.608t1.408 0.608 0.608 1.408-0.608 1.408l-8.48 8.48q-0.576 0.608-1.408 0.608t-1.408-0.608l-4.256-4.256q-0.608-0.576-0.608-1.408z"></path></g></svg>');display:inline-block;width:1.5em;margin-left:-1.5em;position:relative;top:2px}/* New headers CSS END */ /* container css overridden *//* New Footer CSS */footer iframe{width:275px}/* New Footer CSS END*/ /* || HOMEPAGE || *//* || FOOTER || */footer a:not(.button){color:#FFFFFF}footer a:not(.button):hover,footer a:not(.button):active,footer a:not(.button):focus{color:#FFFFFF}footer .menu li a{/*font-weight:bold;*/}footer h1,footer h2,footer h3{font-size:18px;color:#fff;text-transform:uppercase;font-weight:700}/* || OFFCANVAS - SIDENAV || */ .off-canvas-content.is-open-right.has-transition-push{-webkit-transform:translateX(-60%);-ms-transform:translateX(-60%);transform:translateX(-60%)}.is-open.position-right{width:60%}@media screen and (min-width:63em) and (max-width:64em){footer button:not(.button-group button),footer .button:not(.button-group button),header button:not(.button-group button),header .button:not(.button-group button){margin-bottom:2px}}@media screen and (min-width:64em){.off-canvas-content.is-open-right.has-transition-push{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}.is-open.position-right{width:0%}/* new header 7 css */}aside.sidenav button[type=submit]{position:absolute;top:30%;right:5px;outline:none !important;background:transparent;border:0px solid;box-shadow:none;padding:0}aside.sidenav .menu.simple{background:#FFFFFF;color:#FFFFFF}aside.sidenav .menu.simple a{color:#FFFFFF}aside.sidenav .is-accordion-submenu{margin-left:0}aside.sidenav .menu.accordion-menu li{border-bottom:1px solid #FFFFFF}aside.sidenav .menu.accordion-menu li:last-child{border-bottom:0px solid}aside.sidenav .menu.accordion-menu li a{color:#000;line-height:1.2 !important;border-bottom:1px solid #000}aside.sidenav .menu.accordion-menu li.active>a{color:#000}/*aside.sidenav .menu.accordion-menu .active>a{color:#fff}*/@media screen and (max-width:63.9375em){/* New header layouts *//* new footer layouts *//* new footer layouts */}/****************************************************Custom-css**********************************************/ /*Login Page*//*Login Page*//*header*/aside.sidenav .menu.accordion-menu li a:focus{outline:none !important}/*header .dropdown.menu>li>a{padding:0.7rem 0.5rem !important}*//*header .dropdown.menu li ul.submenu>li>a:not(.button):hover,header .dropdown.menu li ul.submenu>li.active>a:not(.button){color:#fff !important}*/ /*Sticky Header*/ @keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}/*Sticky Header*/ /*Hide first item in sub menu*//*Hide first item in sub menu*//*header*/ /***************Home-page****************/ /*Banner*//*Banner*/ /*lead-magnet*//*Ecom part*//*Ecom part*/ a{cursor:pointer !important}.off-canvas{background:#fff}/* * Transprent Form Fields * Add Class transparent-form-fields in the main section *//*lead-magnet*/ /*Slider-section*//*Slider-section*//***************Home-page****************//**************Service-page**************/ /*inner-page-Banner*//*inner-page-Banner*/ /**Accodion**/ /***Genral accodion css***/ul.accordion{background:none}/*Accordion Arrows*//*Accordion Arrows*/ /*Genral accodion*/ /***For dark background***//***For dark background***/ /***For light background***//***For light background***/ /**Accodion**/ /**testimonial-section**//**testimonial-section**/ /**************Service-page**************/ /**************blog page*****************/ /*Blog Page CSS*//*.slick-track{display:flex;align-items:center}*/a.button i{color:#fff !important;transition:all 0.25s ease-out}a.button:hover i{color:#FFFFFF !important}/*a.button:hover i{color:#000 !important}*//**************blog page*****************/ /**************Service area landing*****************/ /*area list*/ /*ul.ul-block{display:grid;grid-gap:15px}*//*area list*/ /**************Service area landing*****************/ /**************Video gallery*****************//**************Video gallery*****************//********contact page********************//********contact page********************/ /********reviews page*******************//********reviews page*******************/ /*footer*/ /*#footer .icon-div svg{min-width:25px;margin-right:8px}*/ footer .icon{margin-right:10px}svg.step.social-icon{width:35px;height:35px}/*.icon-div a{display:flex;line-height:1.3}*/ /*footer*/ /*general-css*/,{color:#fff !important}svg.icon{position:relative;top:8px}strong{font-weight:bold;line-height:inherit}a.button,span.button,input.button,.button{font-family:'Montserrat-Arabic',sans-serif;font-style:normal;font-weight:700;font-size:16px !important;padding:15px 30px !important;line-height:1.3 !important;background:#FFFFFF !important;/*background:linear-gradient(244.23deg,#000000 16.28%,#FFFFFF 87.34%,#FFFFFF 16.28%,#FFFFFF 87.34%);*/ color:#000000 !important;opacity:1 !important;border-radius:5px !important;width:auto !important;margin-bottom:0 !important;margin-top:0 !important;border:0 !important;letter-spacing:0.5px;text-transform:uppercase;background-size:300% 100%;moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}a.button:hover,span.button:hover,input.button:hover,.button:hover{background:#D5B35D !important;color:#FFFFFF !important;border:0 !important;background-position:100% 0;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}/*Gallery Hover Effect*//*Gallery Hover Effect*//*h1.banner-main-heading.color-white.mobile-color-black{color:#194159 !important}p.color-white.mobile-color-black{color:#000000 !important}*/p,ul li,ol li{font-family:'Montserrat-Arabic',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:26px;letter-spacing:0.01em}/*.menu li a:not(.number-link){font-family:'Mokoto',sans-serif;letter-spacing:1px}*/ /*.is-overlay-bg{background-attachment:fixed}*/.list{margin-left:1.5em !important;text-align:left !important;list-style-position:outside}/*.new-blog-template .blog-widget .widget-title,.new-blog-template .blog-sidebar-widget .blog-sidebar-h2,.new-blog-template .blog-widget .widget-title a{text-transform:capitalize !important}*/ .list li{padding:4px 0}/*read More Read Less CSS*//*Read More Read Less CSS*/ /*Box Shadow*//*Box Shadow*/ /*rounded Corner*//*Rounded Corner*/ /*general-css*/ /*Price and FAQ Page CSS*//*Price and FAQ Page CSS*//*Gallery functions*//*Gallery functions*//*ul#mainNav li{position:relative;font-weight:400 !important;font-size:16px !important;text-transform:capitalize !important}*/ /*ul#mainNav li.active a:before{position:absolute;content:"";background:#F78F1E;width:50%;height:2px;left:0;top:35px;margin:0 auto;right:0px}ul#mainNav li:hover a:before{position:absolute;content:"";background:#F78F1E;width:50%;height:2px;left:0;top:35px;margin:0 auto;right:0px}*/ /***service area page***//*.service-area-ul-two li{padding:15px 8px;background:#fff;text-transform:uppercase;font-weight:600;display:flex;justify-content:center;align-items:center}*//***service area page***//***service area page***//*.service-area-ul-two li{padding:15px 8px;background:#fff;text-transform:uppercase;font-weight:600;display:flex;justify-content:center;align-items:center}*//***service area page***/@media only screen and (max-width:1024px){/*general-css*//*general-css*/}@media only screen and (max-width:1023.5px){header button.openMenu{padding:0;color:#fff}/*Login Page*//*h2.banner-sub-heading.color-white.mobile-color-black{text-align:left !important}*/ /*.inner-content-div.text-center.large-text-left{text-align:left !important}*//*Login Page*//*general-classes*//*general-classes*/ /*header*//*header*/ /***Home-page***/ /*Banner*//*Banner*/ /*lead-magnet*//*lead-magnet*/ /***Home-page***/ /***service landing page***/ /*service area list*//*service area list*/ /***service landing page***/ /***blog page***//***blog page***/ /*footer*//*footer*/ /***service area page***//***service area page***/}/* Style the tab */ .tab{overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1}/* Style the buttons that are used to open the tab content */ .tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:0.3s}/* Change background color of buttons on hover */ .tab button:hover{background-color:#ddd}/* Create an active/current tablink class */ .tab button.active{background-color:#ccc}/* Style the tab content *//* Go from zero to full opacity */ @keyframes fadeEffect{from{opacity:0}to{opacity:1}}.controls{text-align:right;border-bottom:0px solid #e8e7e7}.close{color:#fff;float:right;font-size:30px;font-weight:bold;position:absolute;top:2px;right:14px;display:block;width:25px;height:25px}.close:hover,.close:focus{color:#fff;text-decoration:none;cursor:pointer}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}/* popup css code */ /* popup css code */@media only screen and (max-width:940px){/***service area page***//***service area page***/ /* SERVICES PAGE */}@media only screen and (max-width:667px){/* SERVICES AREAS PAGE */}@media only screen and (max-width:667px){/* SERVICES AREAS PAGE */}@media only screen and (max-width:480px){.close{font-size:24px}}@media only screen and (min-width:1024px){}/* From Uiverse.io by gharsh11032000 */footer .menu a,footer .menu .button{padding:0.7rem 0rem}@media only screen and (min-width:1023px) and (max-width:1024px){header a.button{font-size:14px !important;padding:15px 22px !important}}/*header ul.dropdown.menu>li>a:not(.button),header ul.dropdown.menu>li>a:not(.button),header ul.dropdown.menu>li>a:not(.button),header ul.dropdown.menu>li>a:not(.button){font-size:18px}.dropdown.menu>li.is-dropdown-submenu-parent>a{padding:10px 20px}*//*----------------------------------------------------*/@media only screen and (max-width:480px){.close{font-size:24px}}@media only screen and (max-width:940px){}/*------------------------------------------------------*/