/* ThemeName:Clean */ /* ========= Start Main Rules ========= */ :root {--thm-base: #ffaa17; --thm-black: #222429; } *{padding:0; margin:0; box-sizing:border-box; } html{overflow-x: hidden; } body {font: 14px 'Tajawal',sans-serif;background: #fbfbfb;position:relative;font-weight: 500;} 
.container {margin:auto; padding: 0 60px; } 
.container-boxed {width: 1200px;margin:auto;max-width: 98%;} 
.text-center {text-align: center; } 
.text-right {text-align: right; } 
.text-left {text-align: left; } 
.image-cover {width:100%; height: 100%; object-fit:cover; object-position: top; } 
.align-center {align-items: center; } 
.flex-center{display: flex;justify-content: center;flex-wrap: wrap;} 
.flex-start{justify-content: flex-start; display: flex; flex-wrap: wrap; } 
.flex-end{justify-content: flex-end; display: flex; flex-wrap: wrap; } 
.flex-1{flex: 1; } 
.w-100{width: 100%; min-width: 100% } 
.col-1{width:calc( ( 1 / 12) * 100% ) } 
.col-2{width: calc( ( 2 / 12) * 100% ) } 
.col-3{width: calc( ( 3 / 12) * 100% ); } 
.col-4{width: calc( ( 4 / 12) * 100% ) } 
.col-5{width: calc( ( 5 / 12) * 100% ); } 
.col-6 {width: calc( ( 6 / 12) * 100% ); } 
.col-7{width: calc( ( 7 / 12) * 100% ) } 
.col-8{width: calc( ( 8 / 12) * 100% ) } 
.col-9{width: calc( ( 9 / 12) * 100% ) } 
.col-10{width: calc( ( 10 / 12) * 100% ) } 
.col-11{width: calc( ( 11 / 12) * 100% ) } 
.col-12 {width: 100% } @media (min-width: 1200px){.hide-pc{display: none } } @media (max-width: 1199px){.hide-mobile{display: none } } @media (min-width: 992px) and (max-width: 1199px ){.col-lg-1{width:calc( ( 1 / 12) * 100% ); min-width:calc( ( 1 / 12) * 100% ); } 
.col-lg-2{width: calc( ( 2 / 12) * 100% ); min-width: calc( ( 2 / 12) * 100% ) } 
.col-lg-3{width: calc( ( 3 / 12) * 100% ); min-width: calc( ( 3 / 12) * 100% ); } 
.col-lg-4{width: calc( ( 4 / 12) * 100% ); min-width: calc( ( 4 / 12) * 100% ) } 
.col-lg-5{width: calc( ( 5 / 12) * 100% ); min-width: calc( ( 5 / 12) * 100% ); } 
.col-lg-6 {width: calc( ( 6 / 12) * 100% ); min-width: calc( ( 6 / 12) * 100% ); } 
.col-lg-7{width: calc( ( 7 / 12) * 100% ); min-width: calc( ( 7 / 12) * 100% ); } 
.col-lg-8{width: calc( ( 8 / 12) * 100% ); min-width: calc( ( 8 / 12) * 100% ); } 
.col-lg-9{width: calc( ( 9 / 12) * 100% ); min-width: calc( ( 9 / 12) * 100% ); } 
.col-lg-10{width: calc( ( 10 / 12) * 100% ); min-width: calc( ( 10 / 12) * 100% ); } 
.col-lg-11{width: calc( ( 11 / 12) * 100% ); min-width: calc( ( 11 / 12) * 100% ); } 
.col-lg-12 {width: 100%; min-width: 100%; } 
.flex-lg-center{display: flex; justify-content: flex-center; flex-wrap: wrap; } 
.flex-lg-start{justify-content: flex-start; display: flex; flex-wrap: wrap; } 
.flex-lg-end{justify-content: flex-end; display: flex; flex-wrap: wrap; } } @media (min-width: 768px) and (max-width: 991px ){.col-md-1{width:calc( ( 1 / 12) * 100% ); min-width:calc( ( 1 / 12) * 100% ); } 
.col-md-2{width: calc( ( 2 / 12) * 100% ); min-width: calc( ( 2 / 12) * 100% ) } 
.col-md-3{width: calc( ( 3 / 12) * 100% ); min-width: calc( ( 3 / 12) * 100% ); } 
.col-md-4{width: calc( ( 4 / 12) * 100% ); min-width: calc( ( 4 / 12) * 100% ) } 
.col-md-5{width: calc( ( 5 / 12) * 100% ); min-width: calc( ( 5 / 12) * 100% ); } 
.col-md-6 {width: calc( ( 6 / 12) * 100% ); min-width: calc( ( 6 / 12) * 100% ); } 
.col-md-7{width: calc( ( 7 / 12) * 100% ); min-width: calc( ( 7 / 12) * 100% ); } 
.col-md-8{width: calc( ( 8 / 12) * 100% ); min-width: calc( ( 8 / 12) * 100% ); } 
.col-md-9{width: calc( ( 9 / 12) * 100% ); min-width: calc( ( 9 / 12) * 100% ); } 
.col-md-10{width: calc( ( 10 / 12) * 100% ); min-width: calc( ( 10 / 12) * 100% ); } 
.col-md-11{width: calc( ( 11 / 12) * 100% ); min-width: calc( ( 11 / 12) * 100% ); } 
.col-md-12 {width: 100%; min-width: 100%; } 
.flex-md-center{display: flex; justify-content: flex-center; flex-wrap: wrap; } 
.flex-md-start{justify-content: flex-start; display: flex; flex-wrap: wrap; } 
.flex-md-end{justify-content: flex-end; display: flex; flex-wrap: wrap; } } @media  (max-width: 767px ){.col-sm-1{width:calc( ( 1 / 12) * 100% ); min-width:calc( ( 1 / 12) * 100% ); } 
.col-sm-2{width: calc( ( 2 / 12) * 100% ); min-width: calc( ( 2 / 12) * 100% ) } 
.col-sm-3{width: calc( ( 3 / 12) * 100% ); min-width: calc( ( 3 / 12) * 100% ); } 
.col-sm-4{width: calc( ( 4 / 12) * 100% ); min-width: calc( ( 4 / 12) * 100% ) } 
.col-sm-5{width: calc( ( 5 / 12) * 100% ); min-width: calc( ( 5 / 12) * 100% ); } 
.col-sm-6 {width: calc( ( 6 / 12) * 100% ); min-width: calc( ( 6 / 12) * 100% ); } 
.col-sm-7{width: calc( ( 7 / 12) * 100% ); min-width: calc( ( 7 / 12) * 100% ); } 
.col-sm-8{width: calc( ( 8 / 12) * 100% ); min-width: calc( ( 8 / 12) * 100% ); } 
.col-sm-9{width: calc( ( 9 / 12) * 100% ); min-width: calc( ( 9 / 12) * 100% ); } 
.col-sm-10{width: calc( ( 10 / 12) * 100% ); min-width: calc( ( 10 / 12) * 100% ); } 
.col-sm-11{width: calc( ( 11 / 12) * 100% ); min-width: calc( ( 11 / 12) * 100% ); } 
.col-sm-12 {width: 100%; min-width: 100%; } 
.mobile-big-title{font-size: 24px } 
.mobile-p {font-size: 14px } 
.flex-sm-center{display: flex; justify-content: flex-center; flex-wrap: wrap; } 
.flex-sm-start{justify-content: flex-start; display: flex; flex-wrap: wrap; } 
.flex-sm-end{justify-content: flex-end; display: flex; flex-wrap: wrap; } } @media  (max-width: 450px ){.col-xs-1{width:calc( ( 1 / 12) * 100% ); min-width:calc( ( 1 / 12) * 100% ); } 
.col-xs-2{width: calc( ( 2 / 12) * 100% ); min-width: calc( ( 2 / 12) * 100% ) } 
.col-xs-3{width: calc( ( 3 / 12) * 100% ); min-width: calc( ( 3 / 12) * 100% ); } 
.col-xs-4{width: calc( ( 4 / 12) * 100% ); min-width: calc( ( 4 / 12) * 100% ) } 
.col-xs-5{width: calc( ( 5 / 12) * 100% ); min-width: calc( ( 5 / 12) * 100% ); } 
.col-xs-6 {width: calc( ( 6 / 12) * 100% ); min-width: calc( ( 6 / 12) * 100% ); } 
.col-xs-7{width: calc( ( 7 / 12) * 100% ); min-width: calc( ( 7 / 12) * 100% ); } 
.col-xs-8{width: calc( ( 8 / 12) * 100% ); min-width: calc( ( 8 / 12) * 100% ); } 
.col-xs-9{width: calc( ( 9 / 12) * 100% ); min-width: calc( ( 9 / 12) * 100% ); } 
.col-xs-10{width: calc( ( 10 / 12) * 100% ); min-width: calc( ( 10 / 12) * 100% ); } 
.col-xs-11{width: calc( ( 11 / 12) * 100% ); min-width: calc( ( 11 / 12) * 100% ); } 
.col-xs-12 {width: 100%; min-width: 100%; } 
.flex-xs-center{display: flex; justify-content: flex-center; flex-wrap: wrap; } 
.flex-xs-start{justify-content: flex-start; display: flex; flex-wrap: wrap; } 
.flex-xs-end{justify-content: flex-end; display: flex; flex-wrap: wrap; } } 
.clearfix:after {content: ''; display: block; clear: both; } 
.unstyled{list-style: none; } 
.before:before {content: ''; position: absolute; width: 100%; height: 100%; right: 0; left: 0; bottom:0; z-index: 5; top: 0; } 
.owl-item {display:inline-block; vertical-align: text-top; } 
.disabled {display:none } 
.owl-carousel {opacity: 0; visibility: hidden; } 
.owl-load {opacity: 1; visibility: visible; } img {max-width: 100%; vertical-align: middle; border-style: none; } form,input,button,textarea,select{border:0; outline: 0; background: none; font: 14px 'Tajawal',sans-serif; } 
.hide {display: none!important; } a {text-decoration: none; color: inherit; } 
.pull-left {float: left; } 
.pull-right {float: right } 
/* ========= Theme Rules ========= */ .main-title {font-size: 30px;margin-bottom: 20px;color: #1c1e22;line-height: 50px;} 
.main-content {font-size: 17px; color: #6d6d6d; padding-right: 2px; } /* ========= Header ========= */ header {position: absolute;width: 100%;background: #ffffff;top: 0;right: 0;z-index: 999;height: 115px;border-bottom: 1px solid #3434343b;transition:.35s ease-in-out;} header.translate {transform:translateY(-100%) } header.fixed {transform:translateY(0);position:fixed;background: #ffffff;} 
.logo img {height: 110px;} 
.main-menu {padding: 0 20px; } 
.main-menu li {position:relative } 
.menu-item-has-children:after {content: '\f078';font-family: 'font awesome 5 pro';position: absolute;left: 10px;top: 14px;font-size: 11px;display: none;}
.main-menu >li:before {content:'';position:absolute;width: 60%;height: 3px;right: 20%;background: #ffffff;bottom: 35px;border-radius: 4px;transition: .35s ease;transform-origin:center;transform:scale(0);} 
.main-menu li:hover:before {transform:scale(1) } 
.main-menu > li:first-child:before {transform:scale(1) } 
.sub-menu {position:absolute;min-width: 240px;width: max-content;background: #fff;right:0;top:100%;max-height: 320px;list-style: none;border-radius: 5px;padding: 5px;visibility:hidden;opacity:0;transform:translateY(30px);box-shadow: 0 0 10px #0000002e;transition:.5s ease;} 
.sub-menu .sub-menu {right:114%; top:0 } li:hover > .sub-menu {opacity:1; visibility:visible; transform:translateY(0) } 
.main-menu li a {display:block;line-height:115px;font-size:17px;padding: 0 10px;color: #1f1e1e;} 
.sub-menu li a {line-height:40px; font-size: 16px; color: #777; border-bottom: 1px solid #ddd; text-align: right; transition:.35s ease; } 
.sub-menu li a:hover {color:#1c1e22 } 
.phone-number h6 {font-size: 14px;color: #000;} span.number {font-size: 25px;color: #000;} 
.phone-number {position:relative;color: #fff;padding-right: 70px;border-right: 1px solid #ffffff45;} 
.phone-number:before {position: absolute;right: 10px;content: '\f2a0';width: 42px;height: 42px;font-size: 50px;top: 30px;color: #2698d8;font-family: 'font awesome 5 pro';} /* ========= Slider =========== */ slider {display: block;perspective: 500px;transform-style: preserve-3d;min-height: 650px;overflow: hidden;position: relative;background: #1c1e22;} 
.slider-item {position: absolute; width: 100%; height: 100%; top: 0; right: 0; transition: .65s linear; backface-visibility: hidden; opacity: 0; visibility: hidden; } 
.slider-item:before {background: #1c1e22; opacity: .6; } 
.slider-item.active {opacity: 1; visibility: visible; backface-visibility: visible; } 
.slider-image {width: 100%; height: 100%; object-fit: cover; } 
.active .slider-image { /*animation:  50s linear infiniteScale*/ } @keyframes infiniteScale {to {transform: scale(2); } } 
.right-curve-line {width: 100%; position: absolute; top: 0; right: 0; height: 500px; z-index: 9; background-repeat: no-repeat; background-position: left; transition: .9s ease-in-out; transition-delay:0s; transform:translateY(-100%)  rotateY(180deg); } 
.loaded .active .right-curve-line {transition-delay: 3s; transform:translateY(0) rotateY(180deg) } 
.left-shadow {position: absolute; left: 0; width: 50%; z-index: 9; height: 100%; top: 0; background-repeat: no-repeat; background-position: top right; transition: .9s ease-in-out; transition-delay:0s; transform:translateY(-100%)  rotateY(180deg); } 
.loaded .active .left-shadow {transform:translateY(0) rotateY(180deg); transition-delay: 3.5s; } 
.left-corner {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 9; background-repeat: no-repeat; background-position: right bottom; transition: .9s ease-in-out; transition-delay:0s; transform:translateX(-100%)  rotateY(180deg); } 
.loaded .active .left-corner {transform:translateX(0) rotateY(180deg); transition-delay: 3.7s; } 
.slider-item-info {position: absolute; width: 1200px; right: calc(50% - 600px); z-index: 999; top: 0; height: 100%; color: #fff; } 
.slider-item-sm-title {font-size: 20px;color: #ccc;transition: .9s ease-in-out;transition-delay: 4s;opacity: 0;transform: translateY(40px);} 
.slider-item-title {font-size: 40px;transition: .9s ease-in-out;transition-delay: 4.2s;opacity: 0;margin-top: 15px;transform: translateY(40px);} 
.slider-item-link {display: inline-block;padding: 5px 20px;background: #4fae4f;border-radius: 8px;margin-top: 35px;font-size: 25px;transition: .9s ease-in-out;transition-delay: 4.4s;opacity: 0;transform: translateY(40px);position: relative;overflow:hidden;} 
.slider-item-link strong {color: #ffffff; transition:.3s; } 
.slider-item-link:hover strong {color:#fff; } 
.tag-curve {position: absolute; left: -15px; top: 0; width: 26px; height: 100%; background: #1c1e22; opacity: 0.2; z-index: 0; transform: skewX(22deg); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } 
.slider-item-link:hover .tag-curve {opacity: 1; left: -1px; width: 101%; transform: skewX(0deg); z-index:-1 } 
.loaded .active .slider-item-sm-title, .loaded .active .slider-item-title, .loaded .active .slider-item-link   {opacity:1; transform:translateY(0) } 
.navs {position: absolute; left: 20%; top: 50%; z-index: 999999; } 
.navs  div {width:50px; height:50px; border-radius:50%; line-height:50px; margin-top:5px; background:#ffffff17; color:#252525; text-align:center; cursor:pointer; transition:.35s ease } 
.navs  div:hover {background:#fff } 
.search-icon {line-height: 115px;width: 70px;text-align: center;font-size: 30px;color: #272727;cursor: pointer;z-index: 9999;} 
.form-search {position: fixed; width: 100%; height: 100%; right: 0; z-index: 99999; transition: .55s  ease-in-out; transform: translateY(-100%); background: #000000de; opacity: 0; visibility: hidden; } 
.form-search.open {transform: translateY(0); visibility: visible; opacity: 1; }.form-search.close-search {transform: translateY(100%); } 
.form-search form {position:relative } 
.form-search input {width: 450px; background: #fff; padding: 16px; } 
.form-search button {position:absolute; left:0; width:50px; height:50px; background:#fc0; font-size:20px; cursor:pointer } 
.close {color: #fff; font-size: 40px; cursor:pointer; margin-bottom:10px } /* ========= Services ========= */ services {display: block;padding: 50px 0px 50px;background: #ececec;position: relative;} services:before {background: url(./Standard/UI/img/pattern-1.png); z-index: -1; } 
.service-container {position: relative; z-index: 6 } 
.service-title-box {color: #fff; padding-left: 20px; padding-top: 25px; } h2.service-box-title {margin-bottom: 30px; padding-right: 25px; } 
.service-box {background: #ffffff;margin: 20px;padding: 50px 45px;border-radius: 7px;overflow: hidden;position: relative;height: 230px;transition: all .5s ease;} 
.service-box:hover {background: #2698d8;} 
.ser-num {color: #5bbbf1;font-size: 44px;font-weight: normal;} 
.service-item-title {color: #1c1e22;transition:all .5s ease;} 
.service-box:hover .service-icon,.service-box:hover .service-item-title  {color: #ffffff;} 
.service-icon {font-size: 56px;color: #1c1e22;transition:all .5s ease;} 
.service-icon i {font-weight:100 } 
.service-curve {position: absolute; left: -70px; bottom: 0; width: 100px; height: 80%; background: var(--thm-black); opacity: 0.2; z-index: 0; transform: skewX(0deg) scaleX(0); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } 
.service-box:hover .service-curve {transform: skewX(35deg) scaleX(1) } /* ========= Questions ========= */ questions {display: block; padding: 70px 0px 80px; position: relative; border-bottom: 3px solid #34343424; background: linear-gradient(180deg, white, whitesmoke); } 
.frequnted-questions {padding-right: 90px; color: #fff; } 
.question-images {padding-right: 90px; position: relative; } 
.question-images:before {width: 10px; height: 280px; background: #2698d8; border-radius:8px; } 
.question-images img {width:100%;border-radius:8px;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);border-radius: 7px;border: 5px solid #fff;box-shadow: 0px 0px 5px #0000004a;} 
.second-image {position: absolute;top: 335px;right: 0;box-shadow: 0px 0px 5px #0000004a;transition: all ease .5s;transition-delay: 1s;transform: translateX(200%);opacity:0;} 
.second-image.move {opacity:1;transform:translateX(0);border-radius: 10px;} h2.frequnted-title {margin-bottom: 30px; } 
.questions-panel {margin-top: 30px; } 
.question-box {background: #f7f7f7; border-radius: 8px; box-shadow: 0px 0px 5px #00000036; } 
.question-body {padding: 20px; margin-bottom: 15px; position: relative; margin-top: -32px; display:none; } 
.question-body:before {background: #70c34f; width:5px; height:60%; border-radius:8px; } 
.question-body p {font-size:14px; color: #1c1e22; line-height: 28px; } 
.question-box:first-child .question-body {display: block; } 
.question-box-title {padding: 0 15px; height: 55px; margin-bottom: 15px; line-height: 55px; transition: all ease .5s; color: #333333; border-radius: 8px 8px 0px 0px; background: linear-gradient(180deg, #ececec, #dedede); cursor: pointer; } 
.question-box-title:hover {background: #2698d8; color: #fbfbfb; } span.question-numer {font-size: 30px; color: #4c4d4e; } 
.question-box-title i {color: #1c1e22; margin: 20px 0 0 10px; } 
.question-box-title:hover i {color:var(--thm-black) } questions.before:before {background: #f5f5f5; width: 20%; z-index: 0; } /* ========= Video ========= */ company-video {display: block; position: relative; padding: 35px 0; text-align: center; z-index: 99; } 
.video-title {margin-bottom: 20px; } 
.video-image {position: relative;overflow: hidden;height: 580px;background: linear-gradient(90deg, #51ace066, transparent 70%);border-radius: 40px;} 
.video-image >  img {border-radius: 8px;position: relative;z-index: -1;max-height: 100%;object-fit: cover;max-width: 100%;} 
.video-box {position: absolute; width: 490px; height: 490px; padding: 190px 80px 50px 70px; border-radius: 50%; left: 0; top: 120px; } 
.video-content {margin-bottom: 30px; } 
.video-box:before {background: #1c1e224a; border-radius: 50%; transform: translate(80px, -60px); z-index: -1; } 
.play-icon {position: absolute;display: block;width: 84px;height: 84px;line-height: 94px;cursor: pointer;top: 50%;text-align: center;font-size: 49px;left: 180px;color: #ffffff;background: #d81d1d;border-radius: 50%;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;} 
.play-icon:before {content: ""; position: absolute; left: -8px; top: -8px; right: -8px; bottom: -8px; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 50%; } 
.ripple:after {-webkit-animation-delay: 0.6s; animation-delay: 0.6s; } 
.ripple:before {-webkit-animation-delay: 0.9s; animation-delay: 0.9s; } 
.ripple,.ripple:before,.ripple:after {content: ""; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; border-radius: 50%; -ms-border-radius: 50%; transform: translate(-50%, -50%); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgb(255 255 255 / 60%); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; } @keyframes ripple {70% {box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); } 100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } 
.left-video-corner {position: absolute; left: 0px; height: 100%; bottom: 0; width: 100%; transform: rotateY(180deg); background-repeat: no-repeat; background-position: right bottom; } 
.left-video-shadow {position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;transform: rotateY(180deg);left: 0;background-position: right;} 
.video-section {position: fixed; width: 100%; height: 100%; z-index: 99999999; top: 0; right: 0; background: rgba(0,0,0,.8); visibility: hidden; opacity:0; transition: all .5s ease } 
.video-section.open {visibility: visible; opacity: 1; } 
.video-section div {width: 1200px; max-width: 90% } 
.video-section div iframe {display: block; width: 100% } span.close-video {color: #fff; font-size: 65px; cursor: pointer; } /* ========= Contact Us ========= */ contact-us {display: block; margin-top: -160px; padding: 210px 0 60px; background: #ececec; } 
.image-contact {position: relative; padding-left: 40px; } 
.image-contact img {width:100%;border-radius: 8px;border-radius: 7px;} 
.image-contact:before {width: 10px; height: 280px; background: #ffffff; border-radius: 8px; right: auto; } 
.contact-form {padding-left: 40px;} 
.form-fields {background: #ffffffb8;box-shadow: 0px 0px 5px #00000026;padding: 30px 30px;margin-top: 20px;border-radius: 10px;} 
.form-control input,.form-control textarea {width: 100%; background: #efefef; padding: 15px; margin-bottom: 15px; border-radius: 4px; text-align: right; } 
.form-control input[type="submit"] {text-align:center; background: #60ab43; color: #fff; font-size: 18px; font-weight:bold; position:relative; cursor: pointer; overflow:hidden; transition:.35s ease; } 
.form-control input[type="submit"]:hover {background:#2c2c2c; color:#fff } li.contact-list-item {font-size: 15px;padding: 15px 55px 5px 10px;color: #1c1e22;background: #fafafa;border-radius: 8px;margin: 10px 0;position: relative;} li.contact-list-item i {margin-left:15px;font-weight:100;display: block;width: 45px;height: 40px;color: #fafafa;background: #2698d8;text-align: center;font-size: 22px;line-height: 40px;border-radius: 5px;position: absolute;top: 0;right: 0;} 
.contact-list {padding-top: 20px; } 
.wpcf7-response-output {border: 0!important; background: #ff928a; text-align: center; padding: 10px!important; font-weight: bold; font-size: 12px; } span.wpcf7-not-valid-tip {color: var(--thm-base); display: block; margin-bottom: 10px; } /* ========= Blog Shapes ========= */ .blog {padding: 15px 0;} 
.news-desc {margin-bottom:30px } a.news-block-one {display: block; margin: 15px; position: relative; height: 310px; border-radius: 11px; overflow: hidden; box-shadow: 1px 2px 10px #00000026; } a.news-block-one:before {background: linear-gradient(transparent,#171717); } a.news-block-one img {width: 100%; height: 100%; border-radius: 10px; object-fit: cover; transition: .5s ease; } a.news-block-one:hover img {-webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -moz-filter: grayscale(100%); } span.category {position: absolute;top: 0;right: 0px;padding: 10px 10px;font-size: 13px;color: #fbfbfb;background: #51b351;border-radius: 3px 10px;box-shadow: 1px 2px 4px #00000038;} 
.news-block-info {position: absolute; bottom: 0px; right: 0; padding: 10px; max-height: 70px; z-index: 9; left: 0; overflow: hidden; color: #fff; border-radius: 5px; transition:all ease .5s; } 
.news-block-one:hover .news-block-info {max-height:100% } h3.block-title {height: 60px; font-size: 16px; } p.block-desc {font-size: 14px; color: #ccc; opacity: 0; visibility: hidden; transform: scaleY(.7); transition:.5s ease; transition-delay:.5s } 
.news-block-one:hover p.block-desc{opacity:1; transform:scaleY(1); visibility:visible; } a.shape-2 {margin: 10px; color: #929292; } a.shape-2 img {width: 230px; height: 280px; object-fit: cover; border-radius: 0px 20px 20px 0px; transition: .5s ease; } a.shape-2:hover img {} 
.shape-2-list {padding: 15px 10px; border-bottom:1px solid #ffffff1a; } 
.shape-2-list li {margin-left:10px;color: #2698d8;} 
.shape-2-list li i{margin-left:5px } h3.sh2-title {font-size: 16px; margin: 10px; color: #1c1e22; } p.sh2-desc {padding: 10px; } 
.shape-2-info {background: #fbfbfb;margin-right: 0px;border: 2px solid #fff;border-right: 0px;box-shadow: 0px 0px 5px #00000026;padding: 10px;border-radius: 20px 0px 0px 20px;transition: .35s ease;} a.shape-2:hover .shape-2-info {background: #f1f1f1;} a.shape-3-block {margin: 10px; display: block; } h3.shape-3-title {color: #1c1e22; font-size: 16px; line-height: 28px; } p.shape-3-content {color: #505050; margin-top: 15px; display: none; } 
.shape-3-list {padding: 10px; color: #5f5f5f; position: relative; border-bottom: 1px solid #404040; } 
.shape-3-list li ,.shape-3-list i {margin-left:5px } 
.shape-3-image {height: 200px;width: 100%;object-fit: cover;transition: .5s ease;border-radius: 10px;border: 5px solid #fff;box-shadow: 0px 0px 5px #00000026;margin-bottom: 10px;} 
.shape-3-block:hover .shape-3-image {} 
.shape-3-info {border-radius: 10px;overflow: hidden;height: 90px;} /* ========= Footer ========= */ footer {padding: 110px 0 27px;background: url(./Standard/UI/img/footer-bg.png),#1c1e22;background-size: cover;} 
.footer-box {padding: 10px; } h2.footer-title {color: #fff; font-size: 27px;position:relative } ul.footer-menu  {position:relative}ul.footer-menu li a {display: block; color: #727272; padding: 10px 10px; transition:.35s ease; margin-bottom: 5px; background: #ffffff0d; } ul.footer-menu li a:hover {color:#fff } ul.footer-menu li a:before {content:'\f00c'; color: #fff; font-family:'font Awesome 5 pro'; float:right; margin-left:10px; font-size:11px; } 
.social {margin: 18px auto;position: relative;} 
.social a {display:inline-block;width: 50px;height: 50px;font-size: 25px;color: #fbfbfbfa;font-weight: 500;border-radius: 20%;background: #2581b5;text-align: center;padding-top: 9px;margin: 2px;transition:.35s ease;} a.facebook:hover {background:#5364b3;color: #fff;} a.twitter:hover {background:#67c1d6;color: #fff;} a.instagram:hover {background:#d44f4f;color: #fff;} a.telegram:hover {background:#577fe9;color: #fff;} a.whatsapp {background:#51b351} 
.social a:hover {transform:rotate(360deg) } a.yourcolor {display: block; width: 220px; margin: 6px auto 0; } 
.yourcolor-team {color: #fff; font-size: 16px; } 
.footer-block {padding: 10px 15px;background: #2698d8;bottom: -60px;position: relative;color: #1c1e22;border-radius: 30px;overflow: hidden;} 
.footer-logo {height: 90px; position: relative; z-index: 99; } 
.shape-footer {position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: right; top: 0; right: 0; } 
.shape-footer-2 {position: absolute;background-repeat: no-repeat;background-position: top right;width: 100%;height: 100%;border-radius: 28px;top: 0;right: 0;border-bottom: 2px solid #51ade0;box-shadow: 0px 0px 5px #0000004a;} 
.footer-contacts li {color: #ababab; font-size: 17px; padding: 15px 0; } 
.footer-contacts li i {margin-left:15px; font-weight:100; color: #65b1dc; } 
.scrolltop {position: fixed; width: 45px; line-height: 50px; border-radius: 4px; text-align: center; background: #2698d8; color: whitesmoke; bottom: 10px; transition: .5s ease; right: 10px; z-index: 999; transform: rotate(360deg); opacity: 0; visibility: hidden; font-size: 18px; cursor: pointer; } 
.scrolltop:hover {line-height: 60px; } 
.scrolltop.show {visibility: visible; opacity: 1; transform: rotate(0); } 
.phone-fixed,.whatsapp-fixed {position: fixed;width: 60px;height: 60px;padding-top: 10px;text-align: center;border-radius: 5px;background: #51b351;color: white;bottom: 10px;transition: .5s ease;left: 10px;z-index: 999;font-size: 30px;cursor: pointer;} 
.phone-fixed i,.whatsapp-fixed i {font-weight:100 } 
.phone-fixed:hover,.whatsapp-fixed:hover {transform:scale(.95) } 
.whatsapp-fixed {bottom: 75px;box-shadow: 0px 0px 5px #00000069;background: #fff;color: #51b351;} /* ========= Single ========= */ .single-title {position: relative;padding-top: 135px;} 
.single-back {position: fixed; width: 100%; height: 100%; background-attachment: fixed; top:0; background-size: cover; right: 0; opacity: .2; z-index: -1; filter: grayscale(100%); } 
.post-box {position: relative; z-index: 9; height: 100%; } 
.post-title {color: #fff } breadcrumb {color: #2b2b2b;display: block;background: #efefef;padding: 10px;border-radius: 10px;} breadcrumb   i {} breadcrumb span {margin-left:5px; } single {display:block; margin:35px auto } 
.main-post-content {border-radius: 4px;position: relative;z-index: 99;} 
.poster {height: 550px; border-radius:10px; overflow:hidden; border: 2px solid #0000002e; position: relative; } 
.poster:before {background:linear-gradient(transparent,#1c1e22) } 
.poster img {height:100%; object-fit:cover; width: 100%; } 
.social-single {position: absolute; left: 10px; bottom: 10px; width: 50px; z-index:99 } 
.social-single a {display: block; height: 50px; margin-top: 5px; line-height: 50px; color: #fff; font-size: 20px; border-radius: 50%; } 
.social-single a i {font-weight:100 } 
.aligncenter {margin:10px auto;text-align:center;display: block;max-width: 100%;} main.post-content {line-height: 28px; font-size: 15px; } main.post-content h1 , main.post-content h2, main.post-content h3 {border-right: 5px solid; padding-right: 10px; line-height: 40px; margin-top: 15px; color: #2698d8; } main.post-content h4 {} main.post-content p {} main.post-content a {color: #f50e0e;} main.post-content ul,main.post-content ol {margin: 15px auto; } main.post-content li {margin-right: 20px;} table {margin: 0 auto; width: 100% !important; text-align:center; line-height:initial!important; height: auto!important; } tbody {border: 1px solid #252525; background: #ffb63117; } tr {border-bottom: 1px solid #252525; height: auto!important; } td {border-left: 1px solid #252525; height: 42px!important; } main.post-content iframe {width:100%; display:block } post-content {background: #fff;box-shadow: 0px 0px 6px #0000002b;display: block;padding: 30px;border-bottom: 5px;border-radius: 15px;} 
.post-information {padding: 10px; color: #515151; background: #fff; margin: 10px 0; border-radius: 5px; } 
.post-information li {margin-left:10px } 
.post-information li  {color: #2698d8;border-left:1px solid #a9a9a9;padding-left:10px;} 
.post-information li a {color: #e61e1e;text-transform: uppercase;} 
.list-posts a {padding: 10px; border-bottom: 1px solid #ffffff1f; } 
.list-title {font-size: 14px; line-height: 18px; color: #9b9b9b; transition:.35s ease-in-out } a:hover .list-title {color:#dfdfdf } time {font-size: 11px; color: var(--thm-base); } 
.list-posts img {width: 60px; height: 60px; border-radius: 50%; background: #9d9d9d57; overflow: hidden; margin-left:10px; } 
.sticky  {} 
.thumb {width: 140px;height: 160px;overflow:hidden;border-radius: 5px;margin-left: 10px;} 
.thumb img {width: 100%; height:100%; object-fit:cover } ul.quiqk-posts {margin: 30px 0;position: relative;} ul.quiqk-posts li a {padding: 10px;text-align: center;margin: 5px;box-shadow: 0px 0px 6px #0000002b;border-radius: 15px;background: #fff;} 
.nav-title {font-size: 16px;color: #1c1e22;transition: .5s ease;} a:hover .nav-title  {color: #d03434;} 
.label {color: #2698d8;font-size: 12px;padding: 6px;display: block;width: 100%;margin-top: 5px;border-radius: 5px;} 
.FormControl  {position:relative; } 
.FormControl label {color: #000000;position: absolute;background: #ffffff;font-size: 16px;top: 8px;right: 7px;height: 35px;line-height: 35px;padding: 0 20px;border-radius: 5px;} 
.FormControl input,.FormControl textarea {background: #f5f5f5;width:100%;height: 50px;margin-bottom: 5px;padding-right: 160px;border-radius: 3px;} 
.FormControl textarea {height:120px; padding-top: 15px; } 
.SubmitComment button {display: inline-block;background: #51b351;padding: 10px 20px;font-size: 18px;cursor: pointer;color: #ebfff3;border-radius: 5px;} 
.SubmitComment button i {margin-left:10px } 
.NoCommentsFound {background: #fff5db;padding: 10px;margin-top: 10px;border-radius: 10px;text-align: center;color: #000;font-size: 20px;} ul.CommentsListInner {list-style: none; } ul.CommentsListInner li {overflow: hidden;} 
.CommentInfo {margin-top: 10px; overflow: hidden; position: relative; float: left; } 
.CommentDate {font-size: 15px;color: #515050;display: inline-block;background: #fdc83342;padding: 2px 10px;border-radius: 10px;margin-right: 10px;} 
.CommentInfo a {float: right;width: 50px;display: block;height: 27px;background: #32a560;color: #Fff;text-align: center;font-size: 19px;line-height: 26px;border-radius: 10px;} 
.CommentContent {font-size: 18px;margin-right: 20px;background: #f9f9f9;display: inline-block;padding: 20px;width: calc(100% - 190px);border-radius: 10px;position: relative;} 
.CommentContent:before {content:'';position:absolute;right: -19px;top:10px;border-style:solid;border-width:10px;border-color:transparent;border-left-color: #f9f9f9;} 
.NameArea span {color: #2698d8;font-size: 16px;} 
.NameArea em {color: #cc3025;font-style: normal;margin-right: 5px;} 
.NameArea {padding: 0px;display: inline-block;border-radius: 10px;width: 160px;text-align: center;} 
.CommentsTitle {margin-top: 10px; padding: 10px; border-radius: 5px; overflow: hidden; font-size: 0; } 
.commentscount {float: left;background: #fef1ca;padding: 5px 20px;border-radius: 5px;font-size: 15px;color: #1c1e22;} h2.news-title {padding: 10px 0px;font-size: 30px;color: #2698d8;margin: 0px 0;border-top: 1px solid #bbbaba;} 
.bubble-con {position: fixed;width: 100%;height: 100%;z-index: 0;} 
.bubble-toggle {position: absolute; top: 10px; right: 10px; padding: 10px; background: rgba(255, 255, 255, 0.5); font-family: sans-serif; font-size: 13px; color: #333; } 
.bubble-toggle:hover {background: rgba(255, 255, 255, 0.75); } 
.bubbles {/* position: relative; *//* overflow: hidden; *//* width: 100%; *//* height: 100%; *//* margin: 0 auto; */} 
.bubble-container {position: absolute; bottom: 0; will-change: transform; -webkit-animation: bubblerise 4s infinite ease-in; -moz-animation: bubblerise 4s infinite ease-in; -ms-animation: bubblerise 4s infinite ease-in; animation: bubblerise 4s infinite ease-in; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 
.bubble {width: 6px; height: 6px; margin: 0 auto; border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.25); will-change: transform; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-animation: bubblewobble 0.4s infinite linear; -moz-animation: bubblewobble 0.4s infinite linear; -ms-animation: bubblewobble 0.4s infinite linear; animation: bubblewobble 0.4s infinite linear; } @-webkit-keyframes bubblerise {0% {bottom: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 5% {bottom: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } 99% {filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } 100% {bottom: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-moz-keyframes bubblerise {0% {bottom: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 5% {bottom: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } 99% {filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } 100% {bottom: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-ms-keyframes bubblerise {0% {bottom: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 5% {bottom: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } 99% {filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } 100% {bottom: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @keyframes bubblerise {0% {bottom: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 5% {bottom: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } 99% {filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } 100% {bottom: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-webkit-keyframes bubblewobble {0% {margin-left: 0; } 50% {margin-left: 2px; } } @-moz-keyframes bubblewobble {0% {margin-left: 0; } 50% {margin-left: 2px; } } @-ms-keyframes bubblewobble {0% {margin-left: 0; } 50% {margin-left: 2px; } } @keyframes bubblewobble {0% {margin-left: 0; } 50% {margin-left: 2px; } } 
.tags a {display:inline-block;padding:7px 14px;color: #272626;background: #f1f1f1;margin:2px;transition:.35s ease;border-radius:5px;} 
.tags a:hover {background:#f7f7f7 } 
.pagination {min-width: 100%; } 
.page-numbers {list-style: none; display:flex; justify-content:center; flex-wrap:wrap } 
.page-numbers li a,.page-numbers li span {display:block; margin:2px; min-width:40px; height:40px; line-height:40px; color:#fff; background:#4a4a4a; border-radius:5px; font-size:16px } 
.page-numbers li span.current {background:var(--thm-base); color:#000 } ul.footer-menu.unstyled {} 
.wpcf7 .screen-reader-response {position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } 
.wpcf7 form .wpcf7-response-output {margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } 
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {display: none; } 
.wpcf7 form.sent .wpcf7-response-output {border-color: #46b450; /* Green */ } 
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {border-color: #dc3232; /* Red */ } 
.wpcf7 form.spam .wpcf7-response-output {border-color: #f56e28; /* Orange */ } 
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border-color: #ffb900; /* Yellow */ } 
.wpcf7-form-control-wrap {position: relative; } 
.wpcf7-not-valid-tip {color: #dc3232; font-size: 1em; font-weight: normal; display: block; } 
.use-floating-validation-tip .wpcf7-not-valid-tip {position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } 
.wpcf7-list-item {display: inline-block; margin: 0 0 0 1em; } 
.wpcf7-list-item-label::before, .wpcf7-list-item-label::after {content: " "; } 
.wpcf7 .ajax-loader {visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } 
.wpcf7 form.submitting .ajax-loader {visibility: visible; } 
.wpcf7 .ajax-loader::before {content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) {.wpcf7 .ajax-loader::before {animation-name: blink; animation-duration: 2000ms; } } @keyframes spin {from {transform: rotate(0deg); } to {transform: rotate(360deg); } } @keyframes blink {from {opacity: 0; } 50% {opacity: 1; } to {opacity: 0; } } 
.wpcf7 input[type="file"] {cursor: pointer; } 
.wpcf7 input[type="file"]:disabled {cursor: default; } 
.wpcf7 .wpcf7-submit:disabled {cursor: not-allowed; } 
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {direction: ltr; }
.tags a:hover {display: inline-block;padding: 7px 14px;color: #ffffff;background: #2698d8;margin: 2px;transition: .35s ease;border-radius: 5px;}
@media(max-width:1199px) {
.slider-item-info {width:98%; right:1% }
.navs {top:80% }
.bars {position:absolute; left: 20px; height: 113px; font-size: 40px; padding-top: 30px; }
.search-icon {position:absolute; left: 60px; font-size: 40px; }
.main-menu {position:fixed; display:block; visibility:hidden; width:270px; top:0; right:0; z-index:999999999; padding: 0; height:100vh; transition:.45s ease; transform:translateX(100%); background:#fff; box-shadow: 0 0 5px #0000005e; }
.menu-item-has-children:after {display:block }
.sub-menu {position:static; transform:translate(0); opacity:1; visibility:visible; width:100%; box-shadow: 0 0; box-shadow: 0 0; max-height: initial; background: #eee; display: none; }
.main-menu li a {line-height:40px; border-bottom:1px solid #ddd }
.main-menu.open {transform:translateX(0); visibility:visible; } 
} 
@media (max-width:991px) {
questions {padding:10px } questions:before {display:none }
.question-images,.frequnted-questions {padding-right: 0; } 
contact-us {padding: 40px 10px; }
.contact-form {padding:0 } 
}
@media(max-width:450px) {
    .form-search input {width:290px}
    .post-information li {
        margin-left:0;
        border:0;
        padding:10px;
        border-bottom:1px solid #ddd
    }
    .NameArea,.CommentContent {
        width:100%;
        margin: 4px 0px;
    }
}