/* ===================== Font used ==================*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
body, html{margin: 0px;padding: 0px;font-size:16px;color:#2a3548;font-family: "Inter", serif;}
* {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; outline:none;}
aside, details, figcaption, figure, ins, summary, mark, title, video, footer, header, hgroup, nav, section, article{display: block;}
.clear {padding: 0;margin: 0;line-height: 0;height: 0;font-size: 0;clear: both;width: 100%;display: block;}
h1, h2, h3, h4, h5, h6 {padding: 0;margin: 0;}
html, body {padding: 0;margin: 0;height:100%;}
body * {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
ul, ul li {list-style: none;padding: 0;margin: 0;}
input, button {outline: none;border: none;box-shadow:none;}
a, a:hover, a:focus {text-decoration: none;outline: none;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
a:active, a:hover {outline: 0;}
button {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;outline:none;border:none;outline:none;}
:focus {outline: none;border:none;}
button:focus{outline:none;}
img {border: none;}
p{margin:0;padding:0;}
figure{margin:0;}




/* ===================== Placeholder ==================*/
input::placeholder{opacity:1;}
input::-webkit-input-placeholder {opacity:1;}
input::-moz-placeholder {opacity:1;}
input:-ms-input-placeholder {opacity:1;}
input:-moz-placeholder {opacity:1;}

/* ===================== Header ==================*/
/*********Top Bar*************/
.page-header {position: relative;top: 0;right: 0;left: 0;padding:20px 0;z-index: 1;}
.online{ float:right;}
.online a{background:#fe0000; font-size:16px; text-transform:uppercase; color:#fff;padding:8px 20px; border-radius:5px; display:inline-block; font-weight:500; margin-top:14px;}
.online a:hover{ background:#000;}
.page-header.is-sticky {position: fixed;box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);padding: 8px 0;
backdrop-filter: blur(10px);animation: slideDown 0.35s ease-out;width: 100%;background: #fff;z-index: 10;  }
.page-header.is-sticky img {max-width: 80%;}
.page-header.is-sticky button {font-size: 14px;padding: 7px 10px;}
 @keyframes slideDown {
	from {
	  transform: translateY(-100%);
	}
	to {
	  transform: translateY(0);
	}
  }
  .page-header.is-sticky .siteMenus li a{color: #000;}
  .page-header.is-sticky .siteMenus li a.active{color: #0e59f2;}
  .logo img{width:225px;}
  .enquiryBtn a {display: inline-block;background:#ffb412;color: #fff;border-radius: 25px;padding: 5px 25px;}
/*********Navigation*************/
nav{background:#8ec549;float:left;width:100%;position:relative;}

.becomeBtn{display: flex;}
.becomeBtn li{margin-left: 10px;}
.becomeBtn li a{ display: inline-block; padding:13px 30px;font-size: 16px; font-weight:600; border-radius:25px; color: #fff; background:#ff7d08;}
.becomeBtn li a:hover{background: #000;}
.topSlider{background-image: url('../images/banner-bg.jpg');background-repeat: no-repeat;background-position: center center;
	background-size: cover;}
.sliderOverlay{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex;align-items: center; justify-content: center;}
.topSlider h1{font-size:40px; color: #fff; font-weight:500; margin-bottom: 20px;}
.topSlider p{color: #fff;font-size: 20px; font-weight:400;}
.topSlider a{padding:18px 40px; display: inline-block;margin-top: 20px; font-size: 16px; font-weight: 500; border-radius:50px; color: #fff; background:#ffb412;}
.topSlider a:hover{background: #12bf4c;}
.topSlider .owl-carousel{z-index: 0;}
.topSlider .owl-carousel .owl-item img {height: 700px;object-fit: cover;}
.procees{padding: 70px 0 0;position: relative;}
.procees::before {background-color: #183157;height: 220px;content: "";position: absolute;width: 49%;z-index: -1;bottom: 0;right: 0;}
.prTitle{text-align: center; margin-bottom: 40px;}
.prTitle h2{font-size:48px; font-weight:500; color: #000;}
.prTitle span{font-size: 16px; font-weight: 600; color: #0E5AF2; text-transform: uppercase;}
.sliderCnt {background: rgba(2, 45, 98, 0.6);height: 100%;padding: 100px 50px;border-radius: 15px;}
.aboutUs{clear:both; padding:70px 0;}

.aboutUsHome{padding: 70px 0 0;}
.aboutUsHome .welcome span:before{height:1px;width:50px;content:"";background:#628474;display:inline-block;vertical-align:middle;margin-right:15px;}
.aboutUsHome .welcome span{font-size:14px;color:#12bf4c; font-weight:600;text-transform:uppercase; margin-bottom:10px; display:block;}
.aboutUsHome .welcome h1{font-size:35px;color:#1b1b1b; margin-bottom:10px;font-weight:600;}
.aboutUsHome .welcome h1 i{display:block; font-weight:400; font-style:normal;}
.aboutUsHome .welcome p{color:#444; margin-bottom:15px; line-height:26px; font-size:17px;width:60%;margin: 0 auto;}


.aboutUsHome .welcome-2 i{ font-style: normal; font-size:14px;color:#12bf4c; font-weight:600;text-transform:uppercase; margin-bottom:10px; display:block;}
.aboutUsHome .welcome-2 h2{font-size:35px;color:#1b1b1b; margin-bottom:10px;font-weight:600;}
.aboutUsHome .welcome-2 h2 i{display:block; font-weight:400; font-style:normal;}
.aboutUsHome .welcome-2 p{color:#444; margin-bottom:15px; line-height:26px; font-size:17px;}
.aboutUsHome .welcome-2 .unBtn{gap: 25px; margin-top: 50px;}
.aboutUsHome .welcome-2 .unBtn li{display: flex;}
.aboutUsHome .welcome-2 .unBtn li img{margin-right: 15px; border-radius: 0;}
.aboutUsHome .welcome-2 .unBtn li span{font-size: 20px; font-weight: 500;}
.aboutUsHome .welcome-2 .unBtn li::before{display: none;}
/*------------Title ------------*/
.title-main-sec{text-align: center; margin-bottom: 50px;}
.title-main-sec label{font-size: 14px;color: #12bf4c;font-weight: 600;text-transform: uppercase;margin-bottom: 10px;display: block;}
.title-main-sec h3{font-size: 35px;color: #1b1b1b;margin-bottom: 10px;font-weight: 600;}
.title-main-sec p {color: #444;margin-bottom: 15px;line-height: 26px;font-size: 17px;width:70%;margin: 0 auto;}

.services { padding: 70px 0; background-image: url('../images/pattern-6.png') !important; background-size: 100%;background-position: center bottom !important;background-size: contain !important;background-repeat: no-repeat !important;}
.services .item{padding: 15px;}
.sBox{background: #fff; padding: 15px; box-shadow: 0 0 10px #ccc;border-radius: 10px;}
.sBox figure{margin-bottom: 25px; text-align: center;}
.sBox h3{font-size: 20px; margin-bottom: 10px;}
.sBox p{font-size:14px; margin-bottom: 10px;}
.sBox a{color: #0276ac; font-size: 12px; text-transform: uppercase; font-weight: 500; text-decoration: underline;}

.projectList{padding: 70px 0;}
.client-sec{background: #e7f0ff; padding:35px 15px; border-radius: 10px;}
.pro-item{text-align: center; width: 25%;}
.pro-item figure{background: #fff; transition: all 0.5s; width: 100px; height:100px; border-radius: 50%; margin: 0 auto; text-align: center; line-height:100px;}
.pro-item figure img{width:60px;}
.pro-item:hover figure{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.pro-item h3{font-size: 40px; font-weight: bold;padding-top: 25px;}
.pro-item p{font-size:20px; font-weight: 400;padding-top:0px;}

.sklils-sec{padding: 70px 0;}
.sklils-sec h4{font-size: 35px;color: #1b1b1b;margin-bottom: 10px;font-weight: 600;}
.sklils-sec p{color: #444;margin-bottom: 15px;line-height: 26px;font-size: 17px;}
.skill-box {width: 100%;margin: 25px 0;}
.skill-box .title {display: block;font-size: 14px;font-weight: 600;color: #333;}
.skill-box .skill-bar {height: 8px;width: 100%;border-radius: 6px;margin-top: 6px;background: rgba(0,0,0,0.1);}
.skill-bar .skill-per {position: relative;display: block;height: 100%;width: 90%;border-radius: 6px;background: #4070f4;animation: progress 0.4s ease-in-out forwards;opacity: 0;}
  
.skill-per.html {width: 50%;animation-delay: 0.1s;background: #f7a63a;}
  .skill-per.css .tooltip2{background:#68dcf9;}
  .skill-per.css .tooltip2::before{background:#68dcf9;}
  .skill-per.javascript .tooltip2{background:#f7a63a;}
  .skill-per.javascript .tooltip2::before{background:#f7a63a;}
  .skill-per.nodejs .tooltip2{background:#fc6c6b;}
  .skill-per.nodejs .tooltip2::before{background:#fc6c6b;}
  .skill-per.css {width: 70%;animation-delay: 0.1s;background: #68dcf9;}
  .skill-per.javascript {width: 50%;animation-delay: 0.2s;background: #f7a63a;}
  .skill-per.nodejs {width: 30%;animation-delay: 0.3s;background: #fc6c6b;}
    @keyframes progress {
	0% {
	  width: 0;
	  opacity: 1;
	}
  	100% {
	  opacity: 1;
	}
  }
  .skill-per .tooltip2 {position: absolute;right: -14px;top: -28px;font-size: 9px;font-weight: 500;color: #fff;padding: 2px 6px;border-radius: 3px;background: #4070f4;z-index: 1;}
  .tooltip2::before {content: '';position: absolute;left: 50%;bottom: -2px;height: 10px;width: 10px;z-index: -1;background-color: #4070f4;transform: translateX(-50%) rotate(45deg);}


  .getInTouch{background-image: url('../images/bgn-searching.jpg'); background-repeat: no-repeat;background-position: center center;
	background-size: cover; padding:120px 0;}
.getInTouch p{font-size: 16px; text-transform: uppercase; font-weight: 500;color: #fff; margin-bottom: 20px;}
.getInTouch h5{font-size: 48px;  font-weight: 500;color: #fff;}
.getInTouch button{padding: 18px 40px;display: inline-block;margin-top: 20px;font-size: 16px;font-weight: 500;border-radius: 50px;color: #fff;
background: #ffb412;}
.getInTouch button:hover{background:#12bf4c}


/* == start Footer == */
footer{background:#100E2A;clear:both;padding:50px 0; font-size: 14px;}
.footerTop{width:100%;}
.linksBtm li, .footerBtm li{float:left;padding:7px 0;}
.linksBtm li + li, .footerBtm li + li{margin-left:25px;}
.linksBtm li a, .footerBtm li a{color:#cdcaca;text-transform:uppercase;}
.linksBtm li a:hover,.linksBtm li a:hover, .footerBtm li :hover, .footerBtm li a:focus,.footerMid li a:hover,.footerMid li a:focus{color:#fff;}
.socialLinks{float:right;}
.socialLinks li{float:left;text-align:center;}
.socialLinks li + li{margin-left:20px;}
.socialLinks li a{border:1px solid #f1f1f1;width:38px;height:38px;display:table;border-radius:100%;color:#ccc9c9;font-size:20px;}
.socialLinks li i{display:table-cell;vertical-align:middle;}
.socialLinks li a:hover,.socialLinks li a:focus{border-color:#fff;color:#fff;}
footer h3{font-size:18px;color:#e6e4e4;margin-bottom:15px;font-weight:600;}
.footerMid li{padding:3px 0;}
.footerMid{border-top:1px solid #4b4a4a;border-bottom:1px solid #4b4a4a;overflow:hidden;padding:30px 0;margin:25px 0;}
.footerMid li a{font-size:16px;color:#fff;font-weight: 300; }
.footerMid li a i{padding-right: 10px;transition: all 0.5s;}
.footerMid li a:hover i{padding-right: 20px;}
.footerMid li a:hover {color:#ffb412;}
.copyRight {clear:both;font-size:14px;color:#cdcaca;font-weight:400;}
footer p {clear:both;font-size:12px;color:#cdcaca;font-weight:300;margin-top:20px;}
footer p span,.copyRight span{color:#00bdf0;}
.ourservices li {padding: 0 8px 10px 0;}
.Contact-info .fas{font-size:16px; color: #34b8ff; position: absolute; top:7px; left: 0;}

.Contact-info li {position: relative;padding-left: 34px;}
.Contact-info li:not(:first-child) {margin-top: 25px;}

.fixContect{position:fixed; bottom:50px; left:0; z-index:99;}
.fixContect img{width:280px;}
a.connectBtn{height: 43px;line-height: 43px;padding: 0px 23px;background: #efa338;border-radius: 5px;color: #fff;font-size: 14px;font-weight: 500;text-transform: uppercase;display: inline-block;
margin-top: 20px;}
.newsletter p{color: #fff; font-size: 15px;}
.newsletter p.warn{color: #9b9fa1; font-size: 12px;}
.newsInput{position: relative; margin:30px 0 8px;}
.newsInput input{background: #fff;width: 100%; height:50px;border-radius:2px;border: 1px solid #dddddd;font-size: 12px; padding: 0 15px;}
.newsInput button{background: #0E5AF2; height: 50px;line-height: 50px; padding: 0 20px;border-radius:0 2px 2px 0px; color: #fff;font-size: 15px;font-weight: 500; position: absolute;right: 0;top: 0;}
.certi {display: flex; gap: 15px;}
.certi {display: flex;}





/*-------------- About Us --------------*/
.inHeader{position: relative;text-align: center;overflow: hidden;padding:150px 0px 150px;background-color: #000f3b;}
.inHeader .pattern-layer-one {opacity: 0.2; position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;}
.inHeader label{color: #fff; font-size:35px; font-weight: 600; margin-bottom:15px; text-transform: uppercase; display: block;}
.inHeader .breadcrumb{text-align: center; margin: 0 auto; display: inline-block;background: none;}
.inHeader .breadcrumb li{display: inline-block;}
.inHeader .breadcrumb li a, .inHeader .breadcrumb li{font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 500;}
.inHeader .breadcrumb > li + li::before {padding: 0 10px;color: #ccc;content: "/\00a0";}

.aboutUs{clear:both; padding:70px 0;}
.aboutUs span:before{height:1px;width:50px;content:"";background:#628474;display:inline-block;vertical-align:middle;margin-right:15px;}
.aboutUs span{font-size:16px;color:#12bf4c; margin-bottom:15px;font-weight:600;text-transform:uppercase; margin-bottom:20px; display:block;}
.aboutUs h1{font-size:45px; margin-bottom:40px;font-weight:700; color: #12bf4c;}
.aboutUs h1 i{display:inline-block; font-weight:400; font-style:normal; color:#1b1b1b;}
.aboutUs p{color:#444; margin-bottom:15px; line-height:26px; font-size:17px;}
.aboutUs img{border-radius: 25px;}
.aboutUs h2{font-size:25px;color:#1b1b1b; margin-bottom:20px;font-weight:600;}
.aboutUs ul{padding: 0;}
.aboutUs ul li{padding-left: 25px; position: relative; margin-bottom: 15px;}
.aboutUs ul li::before{width:8px; height:8px; background: #000; border-radius: 50%; content: ""; position: absolute; left: 0; top:10px;}
.map iframe {width: 100%;height: 500px;}
.formDetail{padding: 70px 0;}
.formBox {box-shadow: rgba(0,0,0,.24) -2px 4px 10px 0;}
.addressBox{background:#ffb412;padding:50px; height: 100%;}
.formCont{padding: 50px;}
.formCont input{width: 100%;border: 1px solid #dadada;padding: 12px 25px;border-radius: 10px;margin-bottom:20px;height: 50px;}
.formCont textarea{width: 100%;border: 1px solid #dadada;padding: 12px 25px;border-radius: 10px;margin-bottom:20px;}
.formCont input:focus{box-shadow: none;}
.formCont textarea:focus{box-shadow: none;}
.formCont button{width: 100%;padding:15px 90px;background:#12bf4c;
border-radius: 5px;color: #fff;font-size: 20px;font-weight: 500;text-transform: uppercase;}
.formCont button:hover{background:#ffb412;}
.addressBox h3{margin: 0 0 15px;font-size: 37px;font-weight: 400;color: #fff;}
.add1{margin-bottom: 25px;}
.add1 label{margin:0px 0 16px;font-size: 24px;font-weight: 400;color: #fff;}
.add1 label::after {width: 27px;height: 2px;content: "";display: block;background: #fff;margin-top: 10px;}
.add1 p{font-size: 15px; color: #fff;}

.team{padding: 70px 0;}
.team h3{text-align: center; margin-bottom: 25px; font-size: 30px;}
.team figure{overflow: hidden;}
.team figure img{transition: all 0.5s;}
.teamBox:hover figure img{transform: scale(1.1);}
.teamInfo{background:#0E1E36; padding: 15px; -webkit-transform: translate(0, 100%);-moz-transform: translate(0, 100%);-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);transform: translate(0, 100%);transition: all 0.5s;justify-content: space-between !important;}
.teamBox:hover .teamInfo{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
.teamInfo h4{color: #fff; font-size: 20px;}
.teamInfo p{color: #fff; font-size:16px;}
.teamBox {position: relative;overflow: hidden; margin-bottom: 25px;}	
.text {bottom: 0;z-index: 2;width: 100%;padding: 24px 24px;position: absolute;transition: all 0.3s ease;background-color:#12bf4c;}


.carerSection{padding: 70px 0;}
.carer-list{padding: 50px; margin-bottom: 20px; border: 1px solid #ccc;}
.accordionMenu{padding:70px 0;}
.accordionMenu .accordion-body{background: #fff;}
.accordionMenu .accordion-item{border: none; background: none;margin-bottom: 10px; background:#067ac7;}
.accordion .accordion-button{background:#067ac7;}
.accordion .accordion-button.collapsed{background:#12bf4c;}
.accordionMenu .accordion-item p{color: #000;}
.accordionMenu .accordion-header{border: none;}
#accordion-wrapper{box-shadow:0 4px 8px rgba(51,77,114,.06), 0 20px 40px rgba(51,77,114,.06);margin-top:0px;margin-bottom:0px;border-radius:12px;padding:0;}
.accordion .accordion-button {background-color: transparent; padding:15px; color:#fff; font-size:20px; font-weight:400; padding-right:70px;}
.accordion-button:focus {box-shadow: unset;}
.accordion-button::after {background-image: url(../images/acc_plus_ico.svg);position: absolute;right: 24px;filter: invert(0);}
.accordion-button:not(.collapsed)::after {background-image: url(../images/acc_minus_ico.svg);}
.jobType{margin-bottom: 15px;}
.jobType li{font-size:16px; font-weight: 600; margin-bottom:0px;}
.jobDesc li{ margin-bottom: 10px; position: relative; padding-left: 25px;}
.jobDesc li::before{width: 8px; height: 8px; background: #000;content: "";border-radius: 100%; position: absolute; left: 0; top: 8px;}


.marketServices{background: #efefef; padding: 70px 0;}
.markTitle{text-align: center; margin-bottom:50px;}
.markTitle h2{font-size: 35px;color: #1b1b1b;margin-bottom: 10px;font-weight: 600;}
.markTitle p {color: #444;margin-bottom: 15px;line-height: 26px;font-size: 17px;margin: 0 auto;}
.srBox{background: #fff; padding: 25px; margin-bottom: 25px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); min-height: 300px;}
.srBox h3{font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.srBox p{font-size:16px; line-height:26px;}

.why-choose{padding: 70px 0;}
.whyList li{ margin-bottom: 25px;}
.whyList li h3{font-size: 18px;color: #000; font-weight: 500; margin-bottom: 5px;}
.whyList li p{font-size:14px;line-height: 22px;}

.srBox h4{font-size: 16px; font-weight: 600; padding-top: 20px;}
.srBox ul{padding: 0; margin-top: 25px;}
.srBox ul li{font-size: 14px; padding-left: 25px; position: relative; margin-bottom: 10px;}
.srBox ul li::before{position: absolute;width:8px; height:8px; border-radius: 50%; background: #000; left: 0; top:6px; content: "";}

/* ===================== Menu ==================*/
.siteMenus {position: relative;line-height: normal;float:right; }
.siteMenus ul { margin: 0; padding: 0;}
.siteMenus li {list-style: none;margin: 0; padding:0; position: relative; line-height: normal;float:left;}
.siteMenus li a {padding:6px 18px;display:block;color:#1c1c25;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;transition: all .2s ease-out;font-weight:400;font-size:14px;text-transform:uppercase;}
.siteMenus li a.active{color: #0276ac;}
/* .siteMenus li a.active::after{ width:25px; height:2px; background:#fe0000; content:""; display:block; margin-top:5px;}
.siteMenus li a:hover::after{ width:25px; height:2px; background:#fe0000; content:""; display:block;margin-top:5px;} */
/* .siteMenus li + li{margin-left:20px;} */
.siteMenus ul ul { top: auto;width: 285px;padding: 15px 0;border-radius: 15px;position: absolute;z-index: 9900;text-align: left;display: none;background: rgb(255, 255, 255);}
.siteMenus li li { display: block;width:100%;margin:0 !important;/*border-top:1px solid #7daf3f;*/}
.siteMenus li li a{color:#151515;padding:15px 15px;font-size:14px;}
.siteMenus ul ul li a:hover{background:#ffb412;color:#fff;}
.siteMenus ul ul ul { top: 0; left: 220px; }
.siteMenus > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }
.siteMenus > ul > li.drop-left > ul { right: 0; }
.siteMenus .menu-toggle, .siteMenus .close-menu, .siteMenus .call-btn-mobile, .siteMenus .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }
.siteMenus .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; }
.siteMenus a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; }
.siteMenus a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #fff; position: absolute; top: 50%; transform: rotate(90deg); transition: width 0.3s; }
.siteMenus a.dd-toggle .icon-plus:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #fff; position: absolute; }
.siteMenus li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.siteMenus.light a.dd-toggle .icon-plus:before { border-color: #000; }
.siteMenus.light a.dd-toggle .icon-plus:after { border-color: #000; }
.siteMenus.dark a.dd-toggle .icon-plus:before { border-color: #FFF; }
.siteMenus.dark a.dd-toggle .icon-plus:after { border-color: #FFF; }
.siteMenus .icon-close { box-sizing: border-box; width: 12px; height: 12px; position: relative; display: inline-block; }
.siteMenus .icon-close:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #fff; position: absolute; top: 50%; transform: rotate(45deg); }
.siteMenus .icon-close:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #fff; position: absolute; transform: rotate(-45deg); }
/* mobile nav */
.siteMenus .menu-toggle, .siteMenus .close-menu { padding:0; box-sizing: border-box; }
.siteMenus .menu-toggle span.bars { display: inline-block;position: relative; top:0px; }
.siteMenus .menu-toggle span.bars span { display: block; width:25px; height:2px;background: #010101; margin: 0 0 4px; }
.siteMenus .menu-toggle span.bars span:nth-child(2){width: 20px;}
.siteMenus .menu-toggle span.bars span:nth-child(3){width: 15px;}
.siteMenus.mobile {position:absolute;right:10px;top:25x;}
.siteMenus.mobile.fixed { position: static;}
.siteMenus.mobile ul { position: relative; display: none;}
.siteMenus.mobile.active { padding-bottom: 0; color: #0e59f2; }
.siteMenus.mobile.active > ul { display: block; }
.siteMenus.mobile ul { text-align: left;}
.siteMenus.mobile > ul > li { display: block;}
.siteMenus.mobile > ul > li > a { padding: 15px; color: #fff;}
.siteMenus.mobile ul { background:#1b2330;}
.siteMenus.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; }
.siteMenus.mobile ul ul ul { left: auto; top: auto; }
.siteMenus.mobile li.drop-left ul ul { right: auto; }
.siteMenus.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }
.siteMenus.mobile .menu-toggle, .siteMenus.mobile .dd-toggle, .siteMenus.mobile .close-menu{ display: inline-block;}
.siteMenus.mobile li.has-sub > a:after, .siteMenus.mobile li li.has-sub > a:after, .siteMenus.mobile li.drop-left li.has-sub > a:after { display: none; }
/* left and right positions */
.siteMenus.mobile.right > ul { position: fixed; top: 0; bottom: 0; width:250px; max-width: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;z-index:11; }
.siteMenus.mobile.right > ul { right: 0; }
.siteMenus.mobile.right .close-menu{ display: inline-block; text-align: left;padding:10px;width:auto; }



/*======== Media Queries for Mobile =========*/
@media all and (max-width:1199px){
	.topSlider h1{font-size: 30px;}
	.siteMenus li a{padding: 6px 9px;}


}
@media all and (max-width:991px){
.page-header.is-sticky{backdrop-filter: inherit;animation: auto;}
.siteMenus li a{ padding:6px 6px;}
.siteMenus li{width:100%;margin:0 !important;}


}
@media all and (max-width:767px){
.topSlider h1{font-size: 27px; margin-bottom: 4px;}
.topSlider p{font-size: 14px;}
.siteMenus li + li{margin-left:5px;}
.siteMenus li a{padding:15px 10px;font-size:13px;}



}
@media all and (max-width:575px){

.logoBar img{width:180px;}
.searchBtn{position:absolute;top:62px;right:60px;padding:5px;border-radius:5px;}

.siteMenus li a:hover{background:#2a3548;color:#fff;}
 nav{position:static;}
.toolList, .indList {grid-template-columns: repeat(2, 1fr);}
.topSlider .owl-carousel .owl-item img{height: 250px;object-fit: cover;}

}
@media all and (max-width:375px){



}