/* ==========================================================================
Global Settings
========================================================================== */
/*
* Remove text-shadow in selection highlight.
*/
::-moz-selection { background: #b3d4fc; text-shadow: none; } 

::selection { background: #b3d4fc; text-shadow: none; } 

* { margin: 0; padding: 0; box-sizing: border-box; } 

/*
* Body settings, change it as required
*/
body { font-size: clamp(16px, 2vw, 20px); font-weight: 400; line-height: 1.2; color: #646667; font-family: "Tajawal", sans-serif; text-rendering: optimizeLegibility; } 

h1,
h2,
h3,
h4,
h5,
h6,
p { margin-top: 0px; } 

h1,
h2,
h3,
h4,
h5,
h6 { color: #242424; font-weight: 600; margin-bottom: 16px; } 

/*
* Links
*/
a,
a:hover { text-decoration: none; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } 

.link1 { display: inline-flex; -moz-column-gap: 12px; column-gap: 12px; align-items: center; font-size: 16px; font-family: "Tajawal", sans-serif; font-weight: 300; color: inherit; } 
.link1 span { text-decoration: underline; } 
.link1:hover { color: inherit; } 
.link1:hover span { text-decoration: none; } 

/*
* A better looking default horizontal rule
*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } 

/*
* Remove the gap between images and the bottom of their containers.
*/
img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } 

/*
* Allow only vertical resizing of textareas.
*/
textarea { resize: none; } 

/*
* Other
*/
*:focus { outline: none !important; } 

/* ==========================================================================
Helper classes
========================================================================== */
img.alignleft { float: right; margin: 0 0 10px 10px; display: block; } 

img.alignright { float: left; margin: 0 10px 10px 0px; display: block; } 

img.aligncenter { display: block; margin-right: auto; margin-left: auto; margin-bottom: 10px; } 

.before-hide::before { display: none !important; } 

.after-hide::after { display: none !important; } 

.hidden { display: none !important; visibility: hidden; } 

.clear { clear: both; height: 1px; line-height: 1px; } 

.figure1 { display: flex; width: 100%; } 
.figure1 img { width: 100%; -o-object-fit: cover; object-fit: cover; } 

.profile-img { box-shadow: 5px 6px 0 #e91f26; } 

.map { width: 100%; display: flex; } 
.map img { width: 100%; -o-object-fit: cover; object-fit: cover; } 

.highlighter1 { font-weight: 400 !important; position: relative; padding-top: 38px; display: inline-block; line-height:1.1; } 
.highlighter1::before { content: ""; display: inline-block; width: 64px; height: 8px; background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%); position: absolute; right: 0; top: 0; } 
.highlighter1.left::before { right: 0 !important; transform: initial !important; } 
.highlighter1 span { font-weight: 600; font-size:30px; } 

.text-center .highlighter1::before { right: 50%; transform: translateX(50%); } 

@media (max-width: 767px){
 .highlighter1 { font-weight: 400 !important; position: relative; padding-top: 28px; display: inline-block; } 
.highlighter1::before { content: ""; display: inline-block; width: 64px; height: 8px; background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%); position: absolute; right: 0; top: 0; } 
.highlighter1 span { font-weight: 600; } 
 }
.color1 { color: #848484 !important; } 

.color2 { color: #ec2137 !important; } 

.color3 { color: #242424 !important; } 

/*
* Other
*/
.home .container { max-width: 1430px; } 

.container { max-width: 1230px; } 

.bg-color1 { background-color: #f9f9f9; } 

.bg-color2 { background-color: #f5f5f5; } 

.bg-color3 { background-color: #242424; } 

.filter1 { background-color: #242424; } 
.filter1 img { opacity: 0.7; } 

.filter2 { background-color: #242424; } 
.filter2 img { opacity: 0.8; } 

/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
Common Functionalities & UI Elements
========================================================================== */
/*
* Typography
*/
h1,
.h1 { font-size: clamp(36px, 5vw, 76px); line-height: 0.9473684211; font-weight: 600; } 

h2,
.h2 { font-size: clamp(28px, 4vw, 50px); font-weight: 600; } 

h3,
.h3 { font-size: clamp(24px, 3.5vw, 37px); font-weight: 600; } 
h3.highlighter1,
.h3.highlighter1 { padding-top: 28px; } 
h3.highlighter1::before,
.h3.highlighter1::before { width: 40px; height: 5px; } 

.text2.highlighter1 { padding-top: 18px; } 
.text2.highlighter1::before { width: 40px; height: 5px; } 

h4,
.h4 { font-size: clamp(20px, 2vw, 24px); } 

h5 { font-size: 17px; } 

h6 { font-size: 14px; } 

p { line-height: 1.25; margin-bottom: 28px; } 

p.lead { font-size: 20px; line-height: 1.6; } 

@media (max-width: 767px) { p { margin-bottom: 18px; } 
 }
a { color: #ec2137; text-decoration: underline; } 
a:hover { color: #ec2137; text-decoration: none; } 

.text1 { font-size: clamp(18px, 2vw, 24px); line-height: 33px; } 

.text2 { font-size: clamp(21px, 2vw, 27px); } 

.small { font-weight: 300 !important; font-size: clamp(14px, 2vw, 17px); line-height: 32px; } 

.fw-medium { font-weight: 500 !important; } 

header p { color: #242424; } 

header.text-white p { color: #fff; } 

/* Lists ---------------------- */
ul,
ol { margin-bottom: 16px; list-style-position: outside; } 

ul li ul,
ul li ol { margin-right: 20px; margin-bottom: 0; } 

ol { margin-right: 20px; } 

ol li ul,
ol li ol { margin-right: 20px; margin-bottom: 0; } 

.clients-list { display: flex; flex-wrap: wrap; -moz-column-gap: 38px; column-gap: 38px; row-gap: 13px; } 
.clients-list a { display: inline-flex; align-items: center; justify-content: center; width: 160px; height: 115px; outline: 1px solid #dadadb; background-color: #fff; transition-duration: 0.3s; } 
.clients-list a:hover { outline: 4px solid #ec2137; } 

.list1 { list-style: none; padding-right: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -moz-column-gap: 12px; column-gap: 12px; row-gap: 12px; } 
.list1 li { background-color: #fff; padding: 41px 27px; padding-bottom: 20px; text-align: center; display: flex; flex-direction: column; font-size: 15px; line-height: 22px; font-weight: 400; color: #242424; transition-duration: 0.3s; } 
.list1 li > div { justify-content: center; -moz-column-gap: 12px; column-gap: 12px; margin-bottom: 32px; } 
.list1 li > div .text { font-size: clamp(30px, 4.5vw, 54px); line-height: normal; font-weight: 600; background: -webkit-linear-gradient(0deg, rgb(234, 32, 39) 30%, rgb(185, 0, 0) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition-duration: 0.3s; } 
.list1 li > div .icon { transition-duration: 0.3s; } 
.list1 li:hover { transform: scale(1.1) !important; background: linear-gradient(-16deg, rgb(234, 32, 39) 30%, rgb(185, 0, 0) 100%); color: #fff; } 
.list1 li:hover > div .icon { filter: brightness(10); } 
.list1 li:hover > div .text { background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 

@media (max-width: 1199px){
 .list1 { grid-template-columns: 1fr 1fr 1fr; } 
 }
@media (max-width: 767px){
 .list1 { grid-template-columns: 1fr 1fr; } 
.list1 li { padding: 30px 16px; padding-bottom: 18px; font-size: 12px; } 
.list1 li > div { margin-bottom: 20px; } 
 }
.timeline-list { padding-right: 0; list-style: none; } 
.timeline-list > li { display: flex; position: relative; padding: 30px 0; transition-duration: 0.3s; } 
.timeline-list > li.active .inner-wrapper { background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%); color: #fff; } 
.timeline-list > li.active .inner-wrapper p { color: #fff; } 
.timeline-list > li.active .inner-wrapper .time,
.timeline-list > li.active .inner-wrapper h4,
.timeline-list > li.active .inner-wrapper .h4 { color: inherit; } 
.timeline-list > li.active .inner-wrapper .content p { color: #fff; } 
.timeline-list > li.active .inner-wrapper::before { border-left: 14px solid #ea2027; } 
.timeline-list > li.active .inner-wrapper .icon { filter: contrast(0) brightness(10); } 
.timeline-list > li.active:nth-child(even) .inner-wrapper::before { border-right: 14px solid #cf090d; } 
.timeline-list > li::after { content: ""; display: inline-block; width: 6px; height: 100%; background-color: #cf001b; position: absolute; right: 50%; bottom: 0; transform: translateX(50%); } 
.timeline-list > li::before { content: ""; display: inline-block; width: 76px; height: 31px; background: url("../images/icon18.svg") no-repeat; background-size: 100% 100%; background-position: center; position: absolute; right: calc(50% + 22px); top: 50%; transform: translate(50%, -50%); z-index: 1; } 
.timeline-list > li .inner-wrapper { margin-right: auto; background-color: #fff; padding: 30px 37px; filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.2)); width: 42%; position: relative; transition-duration: 0.3s; } 
.timeline-list > li .inner-wrapper::before { content: ""; display: inline-block; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 14px solid #fff; position: absolute; right: -13px; top: 50%; transform: translateY(-50%); } 
.timeline-list > li .inner-wrapper .time { display: inline-block; font-size: clamp(20px, 2vw, 27px); font-weight: 500; color: #242424; margin-bottom: 23px; } 
.timeline-list > li .inner-wrapper .icon { min-width: 40px; } 
.timeline-list > li .inner-wrapper .content { padding-right: 20px; } 
.timeline-list > li .inner-wrapper .content p { font-size: 16px; font-weight: 400; margin-bottom: 0; color: #646667; } 
.timeline-list > li:first-child::after { height: 50%; } 
.timeline-list > li:last-child::after { height: 50%; bottom: auto; top: 0; } 
.timeline-list > li:nth-child(even)::before { right: calc(50% - 23px); transform: translate(50%, -50%) scaleX(-1); } 
.timeline-list > li:nth-child(even) .inner-wrapper { margin-right: inherit; } 
.timeline-list > li:nth-child(even) .inner-wrapper::before { right: auto; left: -13px; border-left: none; border-right: 14px solid #fff; } 

@media (max-width: 991px){
 .timeline-list li .inner-wrapper { padding: 22px; width: 40%; } 
 }
@media (max-width: 767px){
 .timeline-list li { padding: 20px 0; } 
.timeline-list li.active .inner-wrapper::before { border-left: 14px solid transparent; border-top: 14px solid #eb2327; } 
.timeline-list li.active:nth-child(even) .inner-wrapper::before { border-right: 14px solid transparent; border-top: 14px solid #eb2327; } 
.timeline-list li .inner-wrapper { padding: 22px; width: 100%; text-align: center; } 
.timeline-list li .inner-wrapper .time { margin-bottom: 16px; } 
.timeline-list li .inner-wrapper .d-flex { justify-content: center; flex-direction: column; } 
.timeline-list li .inner-wrapper .d-flex .content { padding-top: 12px; padding-right: 0; } 
.timeline-list li .inner-wrapper::before { border-right: 14px solid transparent; border-left: 14px solid transparent; border-top: 14px solid #fff; right: 50%; left: auto; top: calc(100% + 13px); } 
.timeline-list li:last-child .inner-wrapper::before { display: none; } 
.timeline-list li:nth-child(even) .inner-wrapper::before { border-right: 14px solid transparent; border-left: 14px solid transparent; border-top: 14px solid #fff; right: 50%; left: auto; top: calc(100% + 13px); } 
.timeline-list li::after, .timeline-list li::before { display: none; } 
 }
.unstyled-list li { padding-right: 12px; margin-bottom: 12px; list-style-image: url("../images/icon31.svg"); } 

.blockquote1 { padding-right: 10px; } 
.blockquote1 .small { font-weight: 500 !important; } 
.blockquote1 .text1 { color: #242424; font-weight: 400; } 
.blockquote1 .highlighter1 { font-weight: 500 !important; padding-top: 18px; } 
.blockquote1 .highlighter1::before { width: 40px; height: 5px; } 
.blockquote1 blockquote { position: relative; padding-right: 45px; font-size: 18px; font-weight: 300; color: #242424; padding-top: 18px; } 
.blockquote1 blockquote::before { content: ""; display: inline-block; background: url("../images/icon29.svg") no-repeat; background-size: 100% 100%; background-position: center; width: 26px; height: 24px; position: absolute; right: 0; top: 18px; } 

.flex-row-reverse .blockquote1 { padding-right: 0; padding-left: 10px; } 

@media (max-width: 767px){
 .blockquote1 { padding-right: 0; } 
.blockquote1 blockquote { padding-right: 26px; font-size: 16px; } 
.blockquote1 blockquote::before { width: 18px; height: 20px; } 
 }
.btn { border-radius: 0; padding: 23px 33px; font-size: 18px; font-family: "Tajawal", sans-serif; font-weight: 600; border: none; } 
.btn.btn-danger { background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%), linear-gradient(-16deg, rgba(234, 32, 39, 0.5) 25%, rgba(185, 0, 0, 0.5) 100%); background-blend-mode: multiply; border-color: transparent; } 
.btn.btn-danger:hover, .btn.btn-danger:active { background-color: rgba(217, 11, 23, 0.7803921569); border-color: transparent; } 
.btn:has(i) { display: inline-flex; align-items: center; -moz-column-gap: 50px; column-gap: 50px; } 

@media (max-width: 767px){
 .btn { padding: 10px 12px; font-size: 14px; } 
.form1 .btn.btn-danger { height: 45px !important; padding: 6px 19px 6px 2px !important; padding-left: 66px !important; } 
.btn:has(i) { -moz-column-gap: 10px; column-gap: 10px; } 
 }
.pattern1 { position: relative; z-index: 2; } 
.pattern1::after { content: ""; background: url("../images/pattern2.svg") no-repeat; background-size: 100% 100%; background-position: center; display: inline-block; width: 270px; height: 206px; position: absolute; right: -158px; bottom: -24%; } 

.pattern2 { position: relative; overflow-x: clip; z-index: 2; } 
.pattern2::after { content: ""; background: url("../images/pattern3.svg") no-repeat; background-size: 100% 100%; background-position: center; display: inline-block; width: 128px; height: 112px; position: absolute; right: 63px; top: 63px; z-index: -1; } 

.pattern3 { position: relative; overflow-x: clip; z-index: 2; } 
.pattern3::before { content: ""; background: url("../images/pattern4.svg") no-repeat; background-size: 100% 100%; background-position: center; display: inline-block; width: 22vw; max-width: 410px; height: 400px; position: absolute; right: 63px; bottom: 63px; z-index: -1; } 
.pattern3::after { content: ""; background: url("../images/pattern5.svg") no-repeat; background-size: 100% 100%; background-position: center; display: inline-block; width: 22vw; max-width: 252px; height: 238px; position: absolute; left: 63px; top: 20%; z-index: -1; } 
.pattern3.alt::after { max-width: 231px; height: 218px; top: auto; bottom: -56px; } 
.pattern3.alt2::after { max-width: 254px; height: 231px; top: auto; right: 50px; bottom: 56px; } 

.pattern4 { position: relative; overflow-x: clip; z-index: 2; } 
.pattern4::before { content: ""; background: url("../images/pattern6.svg") no-repeat; background-size: 100% 100%; background-position: center; display: inline-block; width: 22vw; max-width: 235px; height: 282px; position: absolute; right: 63px; bottom: 63px; z-index: -1; } 
.pattern4::after { content: ""; background: url("../images/pattern7.svg") no-repeat; background-size: 100% 100%; background-position: center; display: inline-block; width: 22vw; max-width: 274px; height: 280px; position: absolute; left: 63px; top: 20%; z-index: -1; } 
.pattern4.alt::before { bottom: auto; top: 70px; } 
.pattern4.alt::after { top: auto; bottom: 50px; } 

.pattern5 { position: relative; z-index: 2; } 
.pattern5::before { content: ""; background: url("../images/pattern8.svg") no-repeat; background-size: 100% 100%; background-position: center; display: inline-block; width: 108px; height: 96px; position: absolute; top: 0; left: 0; z-index: -1; } 
.pattern5.alt::before { background: url("../images/pattern10.svg") no-repeat; background-size: 100% 100%; background-position: center; } 

.pattern6 { position: relative; overflow-x: clip; z-index: 2; } 
.pattern6::before { content: ""; background: url("../images/pattern9.svg") no-repeat; background-size: 100% 100%; background-position: center; display: inline-block; width: 146px; height: 136px; position: absolute; top: 0; left: 0; z-index: -1; } 

.pattern7 { position: relative; overflow-x: clip; z-index: 2; } 
.pattern7::after { content: ""; background: url("../images/pattern11.svg") no-repeat; background-size: 100% 100%; background-position: center; display: inline-block; width: 22vw; max-width: 328px; height: 261px; position: absolute; left: 63px; bottom: 87px; z-index: -1; } 

div:has(> .overlay-content) { position: relative; overflow: hidden; } 
div:has(> .overlay-content):hover .overlay-content { top: 0; } 
div:has(> .overlay-content) .overlay-content { position: absolute; right: 0; top: 100%; background: linear-gradient(-25deg, rgb(234, 32, 39) 0%, rgb(185, 0, 0) 100%); color: #fff; width: 100%; height: 100%; padding: 25px 30px; overflow-y: auto; transition-duration: 0.3s; } 
div:has(> .overlay-content) .overlay-content h4,
div:has(> .overlay-content) .overlay-content .h4,
div:has(> .overlay-content) .overlay-content .link { color: inherit; } 
div:has(> .overlay-content) .overlay-content h4,
div:has(> .overlay-content) .overlay-content .h4 { margin-bottom: 24px; } 
div:has(> .overlay-content) .overlay-content p { font-size: 16px; font-weight: 300; margin-bottom: 16px; color: #fff; } 

@media (max-width: 1199px) { div:has(> .overlay-content) { position: relative; overflow: hidden; } 
div:has(> .overlay-content):hover .overlay-content { top: 0; } 
div:has(> .overlay-content) .overlay-content { position: absolute; right: 0; top: 100%; background: linear-gradient(-25deg, rgb(234, 32, 39) 0%, rgb(185, 0, 0) 100%); color: #fff; width: 100%; height: 100%; padding: 16px 20px; overflow-y: auto; transition-duration: 0.3s; } 
div:has(> .overlay-content) .overlay-content h4,
div:has(> .overlay-content) .overlay-content .h4,
div:has(> .overlay-content) .overlay-content .link { color: inherit; } 
div:has(> .overlay-content) .overlay-content h4,
div:has(> .overlay-content) .overlay-content .h4 { margin-bottom: 24px; } 
div:has(> .overlay-content) .overlay-content p { font-size: 16px; font-weight: 300; margin-bottom: 16px; } 
 }
.language-selector { position: relative; display: inline-block; } 
.language-selector .icon { position: absolute; top: 4px; left: 0; z-index: 0; } 
.language-selector select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; padding: 10px; cursor: pointer; padding-left: 50px; font-size: 15px; font-weight: 500; color: #fff; position: relative; max-width: 90px; } 
.language-selector select option { color: #242424; padding: 4px 10px; } 

#header { position: relative; padding-top: 25px; padding-bottom: 18px; transition-duration: 0.3s; z-index: 9999; } 
#header .container { max-width: 1818px; } 
#header .btn { font-size: 15px; font-family: inherit; font-weight: 700; padding: 9px 19px; text-transform: uppercase; height: 40px; } 
#header .logo { display: inline-block; } 

.scrolled #header { background-color: #242424; } 

#menu-btn { border: none; background: transparent; } 
#menu-btn span { display: block; width: 24px; height: 3px; background-color: #fff; margin-bottom: 6px; transition-duration: 0.3s; } 
#menu-btn span:last-child { margin-bottom: 0; } 
#menu-btn.active span:nth-child(1) { transform: rotate(-45deg) translate(-6px, 7px); } 
#menu-btn.active span:nth-child(2) { opacity: 0; transform: translateX(-10px); } 
#menu-btn.active span:nth-child(3) { transform: rotate(45deg) translate(-6px, -7px); } 

body.open-menu { overflow: hidden; } 

#main-navigation { padding-right: 52px; } 
#main-navigation .menu { list-style: none; padding-right: 0; margin-bottom: 0; display: flex; } 
#main-navigation .menu > li { color: #fff; margin-left: 32px; font-size: 16px; font-weight: 700; text-transform: uppercase; transition-duration: 0.3s; } 
#main-navigation .menu > li:nth-last-child(2) { margin-left: 0; } 
#main-navigation .menu > li:last-child { margin-left: 0; display: none; } 
#main-navigation .menu > li:hover > a { opacity: 0.8; } 
#main-navigation .menu > li a { color: inherit; display: inline-block; text-decoration: none; } 
#main-navigation .menu > li.has-submenu { position: relative; } 
#main-navigation .menu > li.has-submenu.active a + ul.submenu { opacity: 1; visibility: visible; } 
#main-navigation .menu > li.has-submenu > a::after { content: "\f107"; font-family: "Font Awesome 6 Free"; margin-right: 8px; transition-duration: 0.3s; } 
#main-navigation .menu > li.has-submenu a + ul.submenu { list-style: none; margin: 0; margin-top: 10px; padding: 10px; background-color: #fff; min-width: 150px; border-radius: 4px; box-shadow: 0px 0px 17px rgba(100, 102, 103, 0.831372549); position: absolute; right: 0; opacity: 0; visibility: hidden; transition-duration: 0.3s; } 
#main-navigation .menu > li.has-submenu a + ul.submenu li { color: #242424; margin-bottom: 8px; transition-duration: 0.3s; } 
#main-navigation .menu > li.has-submenu a + ul.submenu li:hover { opacity: 0.8; } 

@media (min-width: 992px){
 #main-navigation .menu li.has-submenu:hover a + ul.submenu { opacity: 1; visibility: visible; } 
 }
@media (max-width: 991px) { body.open-menu #header::after { opacity: 0; visibility: hidden; } 
#header { z-index: 999; } 
#header .logo img { max-width: 130px; } 
#main-navigation { display: none; padding: 50px; padding-top: 115px; position: fixed; right: 0; top: 0; background-color: #d90b17; width: 100%; height: 100%; z-index: -1; } 
#main-navigation .scrollabel-content { width: 100%; height: 100%; overflow-y: auto; } 
#main-navigation .menu { flex-direction: column; align-items: center; } 
#main-navigation .menu li { margin-left: 0; margin-bottom: 20px; font-size: 20px; } 
#main-navigation .menu li:last-child { display: block; } 
#main-navigation .menu li.has-submenu { text-align: center; } 
#main-navigation .menu li.has-submenu.active a + ul.submenu { position: static; } 
#main-navigation .menu li.has-submenu.active a::after { position: absolute; transform: rotate(-180deg); } 
#main-navigation .menu li.has-submenu a + ul.submenu { background-color: transparent; box-shadow: none; padding: 0; min-width: none; } 
#main-navigation .menu li.has-submenu a + ul.submenu li { color: #fff; } 
#main-navigation .menu li:hover > a { transform: none; } 
 }
body:has(#banner) #header { position: fixed; right: 0; top: 0; width: 100%; z-index: 999; } 

body:has(#banner.alt) #header,
body:not(:has(#banner)) #header { position: sticky; top: 0; width: 100%; z-index: 999; background-color: #242424; } 

#banner { max-height: 100vh; position: relative; overflow-x: clip; } 
#banner::after { content: ""; background: url("../images/pattern1.png") no-repeat; background-size: 100% 100%; background-position: center; width: 397px; height: 299px; position: absolute; left: 13%; bottom: 8%; } 
#banner.alt .bg-image::after { display: none; } 
#banner.alt .descripton h1 { text-shadow: none; } 
#banner .bg-image { position: absolute; right: 0; top: 0; width: 100%; height: 100%; display: flex; } 
#banner .bg-image::after { content: ""; display: inline-block; width: 100%; height: 255px; background: linear-gradient(-180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; right: 0; top: 0; } 
#banner .bg-image img { width: 100%; -o-object-fit: cover; object-fit: cover; } 
#banner .descripton { max-width: 728px; position: relative; color: #fff; } 
#banner .descripton h1 { color: inherit; text-shadow: 1px -1px 9px #000; margin-bottom: 26px; } 
#banner .descripton p { font-size: clamp(20px, 2.5vw, 32px); font-weight: 500; margin-bottom: 52px; } 
#banner:not(:has(.slider1)) { padding: 110px 0; min-height: 100vh; display: flex; align-items: center; } 
#banner .slider1 .slick-track { display: flex; } 
#banner .slider1 .slide { padding: 110px 0; min-height: 100vh; height: auto; align-items: center; display: none; } 
#banner .slider1 .slide:first-child, #banner .slider1 .slide.slick-slide { display: flex; } 
#banner #breadcrumb1 .breadcrumb li { color: #fff; } 
#banner #breadcrumb1 .breadcrumb li.breadcrumb-item + .breadcrumb-item::before { color: #fff; } 

body:not(.home) #banner .h2 { font-size: clamp(30px, 5vw, 55px); } 
body:not(.home) #banner:not(:has(.slider1)) { min-height: 577px; max-height: 650px; align-items: end; background-color: #000; } 
body:not(.home) #banner:not(:has(.slider1)) .bg-image img { opacity: 0.8; } 
body:not(.home) #banner:not(:has(.slider1)).alt { min-height: 306px; max-height: 400px; padding-bottom: 78px; } 
body:not(.home) #banner:not(:has(.slider1))::after { display: none; } 
body:not(.home) #banner .descripton { max-width: 900px; } 

body:not(.home) p,
body:not(.home) ul,
body:not(.home) ol { color: #242424; } 

body:not(.home) #footer p,
body:not(.home) #footer ul,
body:not(.home) #footer ol,
body:not(.home) .text-white p { color: #fff; } 

@media (max-width: 767px){
 #banner::after { width: 40%; height: 40%; } 
#banner .descripton h1,
#banner .descripton p { margin-bottom: 28px; } 
#banner .slider1 .slide { min-height: 400px; padding-bottom: 80px; } 
#banner .slider1 .slick-arrow { display: none; } 
#banner .slider1 .slick-dots { bottom: 25px; } 
#banner .slider1 .slick-dots li button { width: 30px; } 
body:not(.home) #banner:not(:has(.slider1)) { min-height: 300px; max-height: 450px; padding: 70px 0; } 
body:not(.home) #banner:not(:has(.slider1)).alt { min-height: 250px; max-height: 350px; padding-bottom: 60px; } 
 }
#scrollTopButton { display: flex; align-items: center; justify-content: center; color: #fff; border: none; border-bottom: 2px solid #fff; border-radius: 0; background-color: #d90b17; width: 53px; height: 42px; transition-duration: 0.3s; position: fixed; bottom: 45px; left: 65px; font-size: 13px; z-index: 99; } 
#scrollTopButton:hover { opacity: 0.9; } 

@media (max-width: 767px){
 #scrollTopButton { width: 42px; height: 32px; left: 22px; bottom: 60px; } 
 }
#breadcrumb1 { --bs-breadcrumb-divider: "."; } 
#breadcrumb1 .breadcrumb { margin-right: 0; margin-bottom: 30px; } 
#breadcrumb1 .breadcrumb li { font-size: 15px; font-weight: 600; color: #242424; } 
#breadcrumb1 .breadcrumb li a { color: inherit; text-decoration: underline; } 
#breadcrumb1 .breadcrumb li a:hover { text-decoration: none; } 
#breadcrumb1 .breadcrumb li.breadcrumb-item + .breadcrumb-item::before { color: #242424; font-size: 20px; line-height: 14px; } 

@media (max-width: 767px){
 #breadcrumb1 .breadcrumb { margin-bottom: 14px; } 
 }
#sticky-nav { background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%), linear-gradient(-16deg, rgba(234, 32, 39, 0.5) 25%, rgba(185, 0, 0, 0.5) 100%); background-blend-mode: multiply; position: sticky; top: 93px; z-index: 9; transition-duration: 0.3s; } 
#sticky-nav .container { overflow-x: auto; } 
#sticky-nav ul { list-style: none; padding-right: 0; display: flex; -moz-column-gap: 66px; column-gap: 66px; margin: 0; width: -moz-max-content; width: max-content; } 
#sticky-nav ul li { color: #fff; font-size: 18px; font-weight: 500; padding: 24px 0; position: relative; } 
#sticky-nav ul li a { color: inherit; text-decoration: none; } 
#sticky-nav ul li::after { content: ""; display: inline-block; width: 100%; height: 4px; background-color: #fff; position: absolute; right: 0; bottom: 0; opacity: 0; transition-duration: 0.3s; } 
#sticky-nav ul li.active::after, #sticky-nav ul li:hover::after { opacity: 1; } 
#sticky-nav ul li.active { font-weight: 700; } 

div[id] { scroll-margin-top: 165px; } 

@media (max-width: 767px){
 #sticky-nav { top: 83px; } 
#sticky-nav ul { -moz-column-gap: 42px; column-gap: 42px; } 
#sticky-nav ul li { padding: 18px 0; font-size: 16px; } 
 }
#footer { padding-top: 62px; padding-bottom: 35px; background-color: #242424; color: #fff; } 
#footer .logo { display: inline-block; margin-bottom: 57px; } 
#footer .title { font-weight: 600; display: block; margin-bottom: 38px; } 
#footer .link-list { list-style: none; padding-right: 0; -moz-column-count: 2; column-count: 2; } 
#footer .link-list li { color: inherit; margin-bottom: 16px; font-size: 15px; font-weight: 400; } 
#footer .link-list li a { color: inherit; text-decoration: underline; } 
#footer .link-list li a:hover { text-decoration: none; } 
#footer .unstyled-list { padding-right: 0; list-style: none; margin: 0; } 
#footer .unstyled-list li { margin-bottom: 18px; display: flex; -moz-column-gap: 10px; column-gap: 10px; font-size: 15px; font-weight: 400; padding-right: 0; } 
#footer .unstyled-list li a { display: flex; -moz-column-gap: 10px; column-gap: 10px; color: inherit; text-decoration: none; } 
#footer .unstyled-list li a:hover { text-decoration: underline; } 
#footer .unstyled-list li address { margin: 0; text-wrap-mode: nowrap; } 
#footer .copyright { font-size: 15px; font-family: "Tajawal", sans-serif; color: #646667; font-weight: 500; } 
#footer .socaibles { padding-right: 0; list-style: none; margin-bottom: 16px; display: flex; align-items: center; -moz-column-gap: 24px; column-gap: 24px; } 
#footer .border-right { position: relative; } 
#footer .border-right::after { content: ""; display: inline-block; border-left: 2px solid #3f3f3f; height: 100%; position: absolute; left: -10%; top: 0; } 
#footer .border-right:last-child::after { display: none; } 

@media (max-width: 991px){
 #footer { padding-top: 46px; padding-bottom: 20px; } 
#footer .logo { margin-bottom: 34px; } 
#footer .title { margin-bottom: 24px; } 
#footer .link-list { list-style: none; padding-right: 0; -moz-column-count: 2; column-count: 2; } 
#footer .link-list li { margin-bottom: 12px; } 
#footer .border-right::after { display: none; } 
 }
.slider1 .slide { position: relative; } 
.slider1 .slick-arrow { position: absolute; right: 2%; top: 50%; transform: translateY(-50%); z-index: 1; font-size: 0; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border: none; background-color: rgba(40, 41, 41, 0.5); color: #fff; } 
.slider1 .slick-arrow::before { content: "\f060"; font-weight: 600; font-family: "Font Awesome 6 Free"; font-size: 20px; } 
.slider1 .slick-arrow.slick-next { right: auto; left: 2%; } 
.slider1 .slick-arrow.slick-next::before { content: "\f061"; } 
.slider1 .slick-dots { list-style: none; padding-right: 0; display: flex; justify-content: center; -moz-column-gap: 6px; column-gap: 6px; position: absolute; right: 50%; transform: translateX(50%); bottom: 40px; margin-bottom: 0; } 
.slider1 .slick-dots li button { font-size: 0; width: 50px; height: 6px; border: none; background-color: rgba(255, 255, 255, 0.6); transition-duration: 0.3s; } 
.slider1 .slick-dots li.slick-active button { background-color: #ec2137; } 

.slider2 .slick-list { padding-left: 16%; } 
.slider2 .slide { padding-left: 32px; } 

.slider3.slick-slider.clients-list .item { padding: 8px; } 
.slider3.slick-slider.clients-list .item a { width: 100%; } 

.slider4 { padding-bottom: 44px; } 
.slider4 .slide { padding: 0 23px; } 
.slider4 .slide .card2 { margin-bottom: 0; } 
.slider4 .slide .card2 figure { margin-bottom: 0; } 
.slider4 .slide .card2:hover footer { background: transparent !important; } 
.slider4 .slick-arrow { position: absolute; left: 68px; bottom: 0; z-index: 1; font-size: 0; width: 44px; height: 40px; display: flex; align-items: center; justify-content: center; border: none; background-color: rgb(40, 41, 41); color: #fff; margin-right: 4px; } 
.slider4 .slick-arrow:hover { background-color: rgba(40, 41, 41, 0.5); } 
.slider4 .slick-arrow::before { content: "\f104"; font-weight: 600; font-family: "Font Awesome 6 Free"; font-size: 20px; } 
.slider4 .slick-arrow.slick-next { left: 23px; } 
.slider4 .slick-arrow.slick-next::before { content: "\f105"; } 

.slider5 .slick-track { display: flex; } 
.slider5 .slick-list { padding-left: 2px; } 
.slider5 .slick-slide { border: 1px solid #dcdddd; display: flex; align-items: center; justify-content: center; height: auto; padding: 24px 30px; } 
.slider5 .slick-dots { padding-right: 0; margin: 0; list-style: none; display: flex; -moz-column-gap: 13px; column-gap: 13px; justify-content: center; padding-top: 46px; } 
.slider5 .slick-dots li.slick-active button { background-color: #ec2137; } 
.slider5 .slick-dots li button { font-size: 0; padding: 0; border: none; width: 13px; height: 13px; background-color: #c1c2c2; } 
@media (max-width: 799px){
 #jobForm .modal-dialog { min-width: inherit !important; } 
 }
@media (max-width: 767px){
 .slider2 .slide { padding-left: 26px; } 
.slider3.slick-slider.clients-list .item a { height: 90px; } 
.clients-list { justify-content: center; } 
.slider3.slick-slider.clients-list .item a img { max-width: 50px; } 
 }
.section { padding: 94px 0; } 
.section.pb-160 { padding-bottom: 160px; } 
.section.pt-60 { padding-top: 60px; } 
.section:has(.bg-image) { position: relative; background-color: #000; color: #fff; z-index: 1; padding: 135px 0; } 
.section:has(.bg-image) h2,
.section:has(.bg-image) p { color: inherit; } 
.section:has(.bg-image) p { font-weight: 400; margin-bottom: 28px; } 
.section .bg-image { position: absolute; right: 0; top: 0; width: 100%; height: 100%; display: flex; opacity: 50%; z-index: -1; } 
.section .bg-image img { width: 100%; -o-object-fit: cover; object-fit: cover; } 
.section .bg-image::after { content: ""; background: url("../images/pattern1.png") no-repeat; background-size: 100% 100%; background-position: center; width: 397px; height: 299px; position: absolute; left: 13%; bottom: 2%; } 
.section:has(.sticky-section) { overflow-x: clip; } 
.section .sticky-section { width: 100%; overflow: hidden; margin-bottom: -50px; } 
.section .sticky-section:has(.card1) .inner-wrapper { display: flex; -moz-column-gap: 24px; column-gap: 24px; padding-right: 6%; padding-left: 6%; padding-bottom: 50px; } 
.section .sticky-section:has(.card1) .inner-wrapper .item { width: 350px; flex-shrink: 0; } 

body .contact-section { padding: 0; } 
body .contact-section .container { padding: 0; max-width: 1920px; } 
body .contact-section .box3 .inner-wrapper { max-width: 577px; } 
body .contact-section .box3 .inner-wrapper .h3,
body .contact-section .box3 .inner-wrapper h3 { font-size: clamp(24px, 3.5vw, 40px); } 
body .contact-section .box3.pattern7::after { max-width: 238px; height: 188px; bottom: 0; } 

@media (max-width: 991px){
 .contact-section .box3 .inner-wrapper { max-width: 100%; } 
 }
@media (max-width: 767px){
 .section { padding: 55px 0; } 
.section.pb-160 { padding-bottom: 70px; } 
.section:has(.bg-image) { padding: 70px 0; } 
.section .bg-image::after { width: 40%; height: 40%; } 
.section .sticky-section { width: 100%; overflow: hidden; margin-bottom: -50px; } 
.section .sticky-section:has(.card1) .inner-wrapper .item { width: 250px; } 
.section .sticky-section:has(.card1) .inner-wrapper .item .card1 { min-height: 350px; } 
 }
.privacy-section p { font-size: 17px; margin-bottom: 34px; } 
.privacy-section p.fw-medium { margin-bottom: 10px; } 
.privacy-section ul { font-size: 17px; } 

.card1 { position: relative; width: 100%; padding: 36px 29px; background-color: #000; min-height: 595px; z-index: 2; color: #fff; transition-duration: 0.3s; display: flex; align-items: end; overflow: hidden; } 
.card1 .figure1 { position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: -1; } 
.card1 .figure1::after { content: ""; width: 100%; height: 100%; display: inline-block; background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 100%); opacity: 80%; position: absolute; right: 0; top: 0; } 
.home .card1 .figure1::after { display:none; } 
.card1 .figure1 img { opacity: 60%; } 
.card1:hover { min-height: 650px; } 
.card1:hover footer { transform: translate3d(0, 0%, 0px); } 
.card1 footer { position: relative; z-index: 1; transform: translate3d(0, calc(100% - 30px), 0px); transition-duration: 0.3s; } 
.card1 footer .title { color: inherit; font-size: clamp(18px, 1.8vw, 24px); font-family: "Tajawal", sans-serif; font-weight: 700; margin-bottom: 36px; } 
.card1 footer p { font-size: 15px; margin-bottom: 0; } 
.card1.alt { background-color: transparent; min-height: auto; padding: 0; margin-bottom: 24px; } 
.card1.alt .figure1 { position: static; } 
.card1.alt .figure1::before { content: ""; display: inline-block; width: 100%; height: 100%; background-color: #000; position: absolute; right: 0; top: 0; } 
.card1.alt footer { position: absolute; right: 0; bottom: 0; padding: 0 29px; transform: translate3d(0, calc(100% - 58px), 0px); } 
.card1.alt footer:has(.link1) p { margin-bottom: 28px; } 
.card1.alt footer .title { margin-bottom: 28px; } 
.card1.alt::after { content: ""; display: inline-block; width: 100%; height: 100%; background: linear-gradient(-60deg, rgb(236, 33, 55) 34%, rgb(236, 33, 55) 100%), linear-gradient(-60deg, rgba(236, 33, 55, 0.7) 34%, rgba(100, 102, 103, 0.8) 100%); background-blend-mode: multiply; position: absolute; right: 0; top: 100%; transition-duration: 0.3s; opacity: 0; } 
.card1.alt:hover { transform: none; box-shadow: 0 0 16px rgba(0, 0, 0, 0.5); } 
.card1.alt:hover footer { transform: translate3d(0, -22%, 0px); } 
.card1.alt:hover::after { top: 0; opacity: 0.9; } 

.layout1 .card1.alt { height: 472px; } 

.layout2 .card1.alt { height: 226px; } 

.layout3 > div .card1.alt { height: 320px; } 
.layout3 > div:nth-child(2) .card1.alt { height: 378px; } 

@media (max-width: 1599px){
 .card1 { min-height: 480px; } 
.card1.alt footer:has(.link1) p { margin-bottom: 18px; } 
.card1:hover footer { transform: translate3d(0, -87%, 0px); } 
 }
@media (max-width: 1399px){
 .card1.alt footer { transform: translate3d(0, calc(100% - 55px), 0px); } 
.card1.alt:hover footer { transform: translate3d(0, -7%, 0px); } 
.card1.alt:hover footer .title { margin-bottom: 16px; } 
 }
@media (max-width: 1199px){
 .card1 { min-height: 400px; padding: 26px; } 
.card1 footer { transform: translate3d(0, calc(100% - 24px), 0px); } 
.card1:hover { min-height: 440px; } 
.card1:hover footer { transform: translate3d(0, 0%, 0px); } 
.card1.alt { min-height: auto; } 
.card1.alt footer { padding: 0 16px; padding-bottom: 12px; transform: translate3d(0px, calc(100% - 48px), 0px); } 
.card1.alt footer p { font-size: 12px; } 
.layout1 .card1.alt { height: 390px; } 
.layout2 .card1.alt { height: 200px; } 
.layout3 > div .card1.alt { height: 275px; } 
.layout3 > div:nth-child(2) .card1.alt { height: 314px; } 
 }
@media (max-width: 767px){
 .card1 footer { transform: translate3d(0, calc(100% - 16px), 0px); } 
.card1 footer .title { margin-bottom: 20px; } 
 }
.card2 { position: relative; background-color: #000; transition-duration: 0.3s; margin-bottom: 24px; } 
.card2 .figure1 img { opacity: 0.6; transition-duration: 0.3s; height: 442px; } 
.card2 footer { position: absolute; right: 0; bottom: 0; color: #fff; padding: 10px 26px; padding-top: 28px; transition-duration: 0.3s; width: 100%; } 
.card2 footer .title { font-size: clamp(16px, 1.8vw, 19px); font-family: "Tajawalf", sans-serif; font-weight: 700; color: inherit; margin-bottom: 11px; } 
.card2 footer address { font-size: 15px; font-weight: 500; display: flex; align-items: flex-start; -moz-column-gap: 6px; column-gap: 6px; } 
.card2 footer address i { font-size: 11px; margin-top: 4px; } 
.card2:hover { box-shadow: 0 0 16px rgba(0, 0, 0, 0.5); } 
.card2:hover .figure1 img { opacity: 1; } 
.card2:hover footer { background-blend-mode: multiply; background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%), linear-gradient(-16deg, rgba(234, 32, 39, 0.5) 25%, rgba(185, 0, 0, 0.5) 100%); } 
.card2.alt:hover footer { background-color: transparent; } 
.card2.alt footer { padding: 0; } 
.card2.alt footer .title { position: relative; width: -moz-fit-content; width: fit-content; margin: 0; padding: 14px 30px; padding-left: 42px; z-index: 1; } 
.card2.alt footer .title::after { content: ""; display: inline-block; background: linear-gradient(-180deg, rgb(234, 32, 39) 0%, rgb(185, 0, 0) 100%); width: 100%; height: 100%; -webkit-clip-path: polygon(0 0, 82% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 82% 0, 100% 100%, 0% 100%); position: absolute; right: 0; bottom: 0; z-index: -1; } 

.lower-column > div:first-child { margin-top: 150px; } 

@media (max-width: 1199px){
 .card2 footer { padding: 2px 18px; padding-top: 18px; } 
 }
@media (max-width: 991px){
 .lower-column > div:first-child { margin-top: 0; } 
 }
@media (max-width: 767px){
 .card2 .figure1 img { height: 380px; } 
 }
.card3 { display: flex; flex-direction: column; height: 100%; transition-duration: 0.3s; } 
.card3:hover { transform: scale(1.1); } 
.card3:hover .description { border-color: #fff; background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%), linear-gradient(-16deg, rgba(234, 32, 39, 0.5) 25%, rgba(185, 0, 0, 0.5) 100%); background-blend-mode: multiply; } 
.card3:hover .description .highlighter1 { color: #fff; } 
.card3:hover .description .highlighter1::before { background: #fff; } 
.card3:hover .description p { color: #fff; } 
.card3 figure { margin-bottom: 0; background-color: #242424; } 
.card3 figure img { height: 240px; opacity: 0.8; } 
.card3 .description { padding: 36px 18px; border-bottom: 10px solid #cf090d; background-color: #fff; flex: 1; transition-duration: 0.3s; } 
.card3 .description p { font-size: 17px; font-weight: 300; color: #242424; margin-bottom: 16px; } 
.card3.alt { transition-duration: 0.3s; } 
.card3.alt .description { background-color: #f9f9f9; border-bottom: 6px solid #cf090d; padding: 32px 35px; display: flex; display: block; flex-direction: column; } 
.card3.alt .description .text1 { padding-top: 18px; } 
.card3.alt .description .text1 span { font-size: 18px; font-weight: 400; } 
.card3.alt .description .text1::before { width: 40px; height: 5px; } 
.card3.alt .description p { font-size: 16px; } 
.card3.alt .description .link { font-size: 18px; font-weight: 400; color: #242424; margin-top: auto; text-decoration: none; min-height:40px; display:block; } 
.card3.alt .description .link:hover { text-decoration: underline; } 
.card3.alt:hover { transform: scale(1.15); box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); } 
.card3.alt:hover figure img { opacity: 1; } 
.card3.alt:hover .description { background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%), linear-gradient(-16deg, rgba(234, 32, 39, 0.1) 25%, rgba(185, 0, 0, 0.1) 100%); border-color: #242424; } 
.card3.alt:hover .description .text1 { color: #fff; } 
.card3.alt:hover .description .text1::before { background: #fff; } 
.card3.alt:hover .description p,
.card3.alt:hover .description a { color: #fff; } 
.card3.alt:hover .description a .icon img { filter: brightness(0) invert(1); } 
.card3.alt2 .description { padding: 38px 36px 22px; } 
.card3.alt2 .description .unstyled-list li { font-size: 16px; font-weight: 300; color: #242424; line-height: 1.1; padding-right: 4px; } 
.card3.alt2:hover .description .unstyled-list li { color: #fff; filter: brightness(10); } 

@media (max-width: 767px){
 .card3 .description { padding: 28px 16px; } 
.card3 .description p { font-size: 16px; } 
.card3.alt .description { padding: 26px 24px; } 
.card3.alt:hover { transform: scale(1); } 
.card3.alt2 .description { padding: 26px 26px 4px; } 
.card3 figure img { height:300px; } 
 }
.box1 { text-align: center; padding: 42px; position: relative; z-index: 1; transition-duration: 0.3s; } 
.box1 .icon { display: inline-block; margin-bottom: 40px; } 
.box1 .h4,
.box1 h4 { margin-bottom: 22px; line-height: normal; } 
.box1 p { margin-bottom: 0; font-weight: 300; font-size: 15px; line-height: 22px; } 
.box1::after { content: ""; display: inline-block; width: 100%; height: 100%; background-image: url("../images/bg-image2.jpg"); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; position: absolute; right: 0; top: 0; z-index: -1; opacity: 0; transition-duration: 0.3s; } 
.box1:hover { transform: scale(1.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } 
.box1:hover h4,
.box1:hover .h4,
.box1:hover p { color: #fff; } 
.box1:hover .icon { filter: brightness(3); } 
.box1:hover::after { opacity: 1; } 

@media (max-width: 767px){
 .box1 { padding: 32px; } 
.box1 .icon { margin-bottom: 22px; } 
.box1 .h4,
.box1 h4 { margin-bottom: 16px; } 
.box1:hover { transform: scale(1); } 
 }
.box2 { background-color: #fff; padding: 30px; display: flex; flex-direction: column; justify-content: end; min-height: 438px; } 
.box2 .icon { display: inline-block; margin-bottom: 30px; } 

.box3 { padding: 81px 135px; width: 100%; } 

@media (max-width: 1199px){
 .box3 { padding: 60px 70px; } 
 }
@media (max-width: 767px){
 .box3 { padding: 45px 35px; } 
.box2 { min-height: 219px; } 
 }
.accordion1 .accordion-item { border: none; border-radius: 0; background: transparent; border-top: 1px solid #bdbebf; } 
.accordion1 .accordion-item:last-child { border-bottom: 1px solid #bdbebf; } 
.accordion1 .accordion-item .accordion-button { background: transparent; padding: 19px 9px; font-size: 17px; font-weight: 500; } 
.accordion1 .accordion-item .accordion-button:not(.collapsed) { box-shadow: none; color: #ec2137; padding-bottom: 15px; } 
.accordion1 .accordion-item .accordion-button:not(.collapsed)::after { background-image: url("../images/icon27.svg"); } 
.accordion1 .accordion-item .accordion-button::after { background-image: url("../images/icon28.svg"); background-position: center; } 
.accordion1 .accordion-item .accordion-button:focus { border-color: none; box-shadow: none; } 
.accordion1 .accordion-item .accordion-body { padding: 0 15px 9px; font-size: 15px; font-weight: 400; color: #242424; } 
.accordion1 .accordion-item .accordion-body p { margin-bottom: 12px; font-weight: 400; } 

.form1 .form-group { padding: 0 15px; margin-bottom: 35px; } 
.form1 .form-group .form-label { font-size: 14px; font-weight: 400; color: #242424; margin-bottom: 10px; } 
.form1 .form-group .form-label span { color: #ea1f27; } 
.form1 .form-group .form-control { border-radius: 0; border: 1px solid #bfbfc0; padding: 12px 15px; font-size: 15px; font-weight: 300; height: 48px; color: #242424; } 
.form1 .form-group .form-control:focus { border-color: #ea1f27; outline: 0; box-shadow: 0 0 0 0.25rem rgba(234, 31, 38, 0.25); } 
.form1 .form-group textarea.form-control { resize: none; min-height: 94px; } 
.form1 .form-group:has(textarea) { margin-bottom: 24px; } 
.form1 p { font-size: 13px; font-weight: 300; margin-bottom: 0; } 
.form1 p a { color: #ea1f27; text-decoration: underline; } 
.form1 p a:hover { text-decoration: none; } 
.form1 .btn.btn-danger { height: 66px; padding: 18px 33px; padding-left: 77px; } 
.form1 .button-wrapper:has(input) { position: relative; display: inline-block; } 
.form1 .button-wrapper:has(input)::after { content: ""; background: url("../images/icon4.svg") no-repeat; background-size: 100% 100%; background-position: center; display: inline-block; width: 26px; height: 12px; position: absolute; top: 50%; left: 27px; transform: translateY(-50%); } 

@media (max-width: 767px){
 .form1 .form-group { margin-bottom: 24px; } 
.form1 .form-group .form-label { margin-bottom: 6px; } 
 }
.checkbox1 { display: block; margin-bottom: 24px; } 
.checkbox1 input { opacity: 0; position: absolute; } 
.checkbox1 input:checked ~ span::before { background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%), linear-gradient(-16deg, rgba(234, 32, 39, 0.5) 25%, rgba(185, 0, 0, 0.5) 100%); border-color: transparent; } 
.checkbox1 input:checked ~ span::after { opacity: 1; } 
.checkbox1 input + span { padding-right: 41px; position: relative; display: inline-block; font-size: 16px; font-weight: 300; color: #242424; } 
.checkbox1 input + span::before { content: ""; display: inline-block; width: 26px; height: 26px; background: #fff; border: 1px solid #bfbfc0; position: absolute; right: 0; top: 0; cursor: pointer; transition-duration: 0.3s; } 
.checkbox1 input + span::after { content: ""; display: inline-block; width: 16px; height: 8px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; position: absolute; right: 5px; top: 7px; transform: rotate(45deg); opacity: 0; transition-duration: 0.3s; } 

.column1 { display: flex; position: relative; width: 100%; } 
.column1 figure { margin-bottom: 0; border-bottom: 10px solid #ea1f27; } 
.column1 .absolute-content { position: absolute; top: 90px; right: 40%; max-width: 315px; color: #fff; } 
.column1 .absolute-content p { color: inherit; } 
.column1 .absolute-content .highlighter1::before { background: #fff; } 
.column1.pattern3::after { z-index: 2; } 
@media (max-width: 767px){
 .column1 .absolute-content { right:30px; } 
 }


.wpcf7-not-valid.form-control { border-color:red !important; } 
.card3.alt2 > a { text-decoration:none; } 
.form1 br { display:none; } 
.wpcf7 form .wpcf7-response-output { font-size:14px; } 
.card2.alt footer .title { text-transform:uppercase; } 
#bitsInNumbers .list1 li > div .icon img { width:35px; min-height:35px; height:35px; min-width:35px; object-fit:contain; } 
#bitsInNumbers .list1 li > div .icon { width:35px; } 
.card3.alt .description p.same-height br { display:none; } 
body, html { overflow-x:hidden; } 
#jobForm .modal-dialog { min-width:800px; } 
#jobForm .form1 .form-group { margin-bottom:13px; } 
#jobForm .modal-header { padding-bottom:0; } 
#jobForm .form1 .form-group .form-control { padding: 5px 15px; height: 35px; } 
.wpcf7-spinner { position:absolute; } 
.button-wrapper br { display:none; } 
#jobForm .form1 .wpcf7-acceptance span { color: #242424; font-size: 13px; margin-top: 7px; padding-top: 3px; } 
.wpcf7-radio .wpcf7-list-item { margin-right:0; margin-left:15px; } 
.wpcf7-radio .wpcf7-list-item input { vertical-align:middle; } 
.grecaptcha-badge { display:none !important; } 
#aboutUs .mb-4 p { line-height:32px; font-size: clamp(14px, 2vw, 17px); } 
.card3 .description p { line-height:1.6; } 
body.home { overflow:hidden; } 
body.home.loaded { overflow:visible; } 
#banner #breadcrumb1 .breadcrumb li.active { display:block !important; } 
.language-selector { display:none; } 
btn.btn-danger:focus { box-shadow: 0 0 0px 6px rgb(234 32 39 / 50%); } 
h1, .h1 { font-size: clamp(36px, 5vw, 69px); } 
#footer .title { font-weight: 400; } 
#banner .descripton p { font-size: clamp(20px, 2.5vw, 25px); } 
.slider3 .item a img { max-height: 70px; max-width: 130px; } 
@media screen and (max-width:1500px){
 .home .container { max-width:90%; } 
 }
@media screen and (max-width:1199px){
 .card3.alt .description .link { font-size: 14px; min-height: 30px; } 
.home .container { max-width:100%; } 
 }

@media (max-width: 767px){
 .page-template-page-partners .clients-list { -moz-column-gap: 25px; column-gap: 25px; row-gap: 25px; justify-content: center; } 
body .contact-section .container > .row { flex-direction:column-reverse; } 
body .contact-section .container .row .map { min-height:500px; } 
 }

#banner .bg-image video { width:100%; height:100%; object-fit:cover; } 
.fz-40 { font-size: clamp(26px, 3.5vw, 40px); font-weight: 600; } 
#header .mega-menu-wrap { padding-right:64px; } 
p { line-height: calc(29 / 20); } 
.gallery1 .item { display: none; } 
.gallery1 .item.active { display: block; } 
@media (max-width: 767px){
 .slider1 .slick-arrow { width: 42px; height: 42px; } 
.slider1 .slick-arrow::before { font-size:16px; } 
#banner .descripton h1 { font-size: 30px; } 
#banner .descripton p { font-size:18px; font-weight: 400; } 
#footer .title { text-transform: uppercase; font-weight: 600; margin-top: 30px; margin-bottom: 20px; } 
.home .slider1 .slick-arrow { display:none !important; } 
 }
figure { margin:0; } 
#area_of_expertise .card1 .figure1::after { display:none; } 
.join-our-team .bg-image { opacity:1; } 
body.home h1,body.home h2,body.home h3,body.home h4,body.home h5,body.home h6 { font-weight:400; } 
#footer .link-list li a { text-decoration:none; } 
#footer .link-list li a:hover { text-decoration:underline; } 
.box2 .h4,.box2 h4 { text-overflow: ellipsis; overflow:hidden; min-height:87px; } 
.card2.alt footer .title { padding-left: 58px; } 
.gm-style .gm-style-iw-c { background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%), linear-gradient(-16deg, rgba(234, 32, 39, 0.1) 25%, rgba(185, 0, 0, 0.1) 100%) !important; padding:21px !important; padding-top: 15px !important; box-shadow: -3px 2px 17px 2px rgba(0, 0, 0, 0.6); border-radius:0 !important; } 
.gm-ui-hover-effect { filter: brightness(1) contrast(1) invert(1); width: 13px !important; height: 13px !important; position: absolute !important; left: 15px; top: 20px; opacity:1 !important; } 
.gm-ui-hover-effect span { margin:0 !important; mask-image: url("assets/images/close-icon.svg") !important; width: 13px !important; height: 13px !important; } 
.gm-style .gm-style-iw-d { overflow: initial !important; } 
.gm-style .gm-style-iw-d .info_content h5 { color:#fff !important; margin-bottom:15px; font-size: 20px !important; font-weight:500 !important; font-family: "Tajawal", sans-serif !important; line-height:21px !important; } 
.gm-style .gm-style-iw-d .info_content p { color:#fff !important; margin:0 !important; font-size:16px !important; font-weight:300 !important; font-family: "Tajawal", sans-serif !important; } 
.gm-style .gm-style-iw-d .info_content { min-width:217px; } 
.gm-style .gm-style-iw-tc { filter:initial !important; width: 31px !important; } 
.gm-style .gm-style-iw-tc::after { background:rgb(234, 32, 39) !important; height: 16px !important; width: 31px !important; } 
.gm-style .gm-style-iw-ch { padding-top: 0px; } 
.gm-style .gm-style-iw-t { bottom: 66px !important; } 
body:not(:has(#sticky-nav)) div[id] { scroll-margin-top: 93px !important; } 
.list2 { list-style: none; padding-right: 0; } 
.list2 li { padding: 11px 0; border-bottom: 1px solid #c1c2c2; font-size: 15px; } 
.list2 li .icon img { margin-left: 10px; } 
.form1 select { background-image:
 linear-gradient(-45deg, transparent 50%, gray 50%),
 linear-gradient(-135deg, gray 50%, transparent 50%),
 linear-gradient(to left, #ccc, #ccc); background-position:
 calc(100% - (100% - 20px)) calc(1em + 6px),
 calc(100% - (100% - 15px)) calc(1em + 6px),
 calc(100% - (100% - 2.5em)) 0.7em; background-size:
 5px 5px,
 5px 5px,
 1px 1.5em; background-repeat: no-repeat; } 

.form1 select:focus { background-image:
 linear-gradient(-45deg, gray 50%, transparent 50%),
 linear-gradient(-135deg, transparent 50%, gray 50%),
 linear-gradient(to left, #ccc, #ccc); background-position:
 calc(100% - (100% - 15px)) calc(1em + 6px),
 calc(100% - (100% - 20px)) calc(1em + 6px),
 calc(100% - (100% - 2.5em)) 0.7em; background-size:
 5px 5px,
 5px 5px,
 1px 1.5em; background-repeat: no-repeat; border-color: green; outline: 0; } 


select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } 
.slider4 { opacity:0; display:none; } 
.slider4.slick-slider { opacity:1; display:block; } 
.client-items-container { display: flex; flex-wrap:wrap; margin-right:-5px; margin-left:-5px; margin-bottom: 50px; } 
.client-items-container > div { flex:0 0 20%; padding:5px; } 
.client-items-container > div a { outline:1px solid #dadadb; height: 115px; transition:ease all 0.3s; width:100%; display:flex; align-items:center; justify-content:center; } 
.client-items-container > div:hover a { outline:4px solid #ec2137; } 
.client-items-container img { max-height: 110px !important; max-width: 100% !important; object-fit:contain; } 
@media screen and (max-width:991px){
 .client-items-container > div { flex:0 0 25%; } 
 }
@media screen and (max-width:767px){
 .client-items-container > div { flex:0 0 33.33%; } 
 }
@media screen and (max-width:576px){
 .client-items-container > div { flex:0 0 50%; } 
 }
/*18-08-25*/
.box1 { height: 100%; } 
.gallery1 .item { display: none; } 
 .gallery1 .item.active { display: block; } 

.list4 { padding-right: 0; list-style: none; display: flex; flex-wrap: wrap; -moz-column-gap: 30px; column-gap: 30px; margin-bottom: 0; } 
.list4 li { font-size: 15px; display: flex; } 
.list4 li .icon { flex-shrink: 0; } 
.list4 li .icon img { margin-left: 10px; } 
.post.alt { transition-duration:0.3s; } 
 .post > a { text-decoration: none; } 
 .post figure { margin-bottom: 0; background-color: #242424; } 
 .post .figure1 img { height: 280px; } 
 .post .text2 { font-size: clamp(21px, 2vw, 26px); font-weight: 500 !important; margin-bottom: 30px; } 
 .post.alt .description { background-color: #f9f9f9; border-bottom: 6px solid #cf090d; padding: 32px 35px; display: flex; flex-direction: column; transition-duration:0.3s; } 
.post.alt:hover { transform: scale(1.06); box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); } 
 .post.alt:hover .description { background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%), linear-gradient(-16deg, rgba(234, 32, 39, 0.1) 25%, rgba(185, 0, 0, 0.1) 100%); border-color: #242424; } 
.post:hover .description .highlighter1 { color: #fff; } 
.post:hover .description .highlighter1::before { background: #fff; } 
 .post.alt:hover .description .list4 li { color: #fff; } 
 .post.alt:hover .description .list4 li img { filter: invert(1); } 
.post.alt:hover figure img { opacity: 1; } 
 .pagination1 { margin-top: -28px; } 
 .pagination1 .pagination { justify-content: end; margin-bottom: 0; } 
 .pagination1 .pagination .page-item { margin-left: 8px; } 
 .pagination1 .pagination .page-item:first-child .page-link, .pagination1 .pagination .page-item:last-child .page-link { border-radius: 0; } 
 .pagination1 .pagination .page-item .page-link { border: none; font-size: 15px; background: #242424; color: #fff; padding: 5px 12px; } 
 .pagination1 .pagination .page-item.active .page-link, .pagination1 .pagination .page-item:hover .page-link { background: #646667; } 
 @media (max-width: 991px){
 .pagination1 { margin-top: 0; } 
 }
 .modal1 .modal-dialog { max-width: 1200px; padding: 10px; } 
.modal1 .modal-dialog .modal-content { border-radius: 0; } 
.modal1 .modal-dialog .modal-content .modal-header { align-items: flex-start; padding: 34px 38px 20px; border: none; } 
.modal1 .modal-dialog .modal-content .modal-header .close { padding: 0; border: none; background: transparent; font-size: 34px; font-weight: 400; line-height: 0.6; margin-top: -14px; margin-left: -18px; z-index: 2; } 
.modal1 .modal-dialog .modal-content .modal-body { padding: 0px 38px 40px; } 
.modal1 .modal-dialog .modal-content .modal-body .form1 .btn.btn-danger { padding: 18px 33px; } 
.modal1 .modal-dialog .modal-content .modal-body .form1 .btn.btn-danger:has(i) { -moz-column-gap: 26px; column-gap: 26px; } 

.form1 .form-group { padding: 0 15px; margin-bottom: 35px; } 
.form1 .form-group .form-label { font-size: 14px; font-weight: 400; color: #242424; margin-bottom: 10px; } 
.form1 .form-group .form-label span { color: #ea1f27; } 
.form1 .form-group .form-control { border-radius: 0; border: 1px solid #bfbfc0; padding: 12px 15px; font-size: 15px; font-weight: 300; height: 48px; color: #242424; } 
.form1 .form-group .form-control:focus { border-color: #ea1f27; outline: 0; box-shadow: 0 0 0 0.25rem rgba(234, 31, 38, 0.25); } 
.form1 .form-group textarea.form-control { resize: none; min-height: 94px; } 
.form1 .form-group:has(textarea) { margin-bottom: 24px; } 
.form1 p { font-size: 13px; font-weight: 300; margin-bottom: 0; } 
.form1 p a { color: #ea1f27; text-decoration: underline; } 
.form1 p a:hover { text-decoration: none; } 
.form1 .btn.btn-danger { height: 66px; padding: 18px 33px; padding-left: 77px; } 
.form1 .button-wrapper:has(input) { position: relative; display: inline-block; } 
.form1 .button-wrapper:has(input)::after { content: ""; background: url("../images/icon4.svg") no-repeat; background-size: 100% 100%; background-position: center; display: inline-block; width: 26px; height: 12px; position: absolute; top: 50%; left: 27px; transform: translateY(-50%); } 

@media (max-width: 767px){
 .form1 .form-group { margin-bottom: 24px; } 
 .form1 .form-group .form-label { margin-bottom: 6px; } 
 }
.checkbox1 { display: block; margin-bottom: 24px; } 
.checkbox1 input { opacity: 0; position: absolute; } 
.checkbox1 input:checked ~ span::before { background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%), linear-gradient(-16deg, rgba(234, 32, 39, 0.5) 25%, rgba(185, 0, 0, 0.5) 100%); border-color: transparent; } 
.checkbox1 input:checked ~ span::after { opacity: 1; } 
.checkbox1 input + span { padding-right: 41px; position: relative; display: inline-block; font-size: 16px; font-weight: 300; color: #242424; } 
.checkbox1 input + span::before { content: ""; display: inline-block; width: 26px; height: 26px; background: #fff; border: 1px solid #bfbfc0; position: absolute; right: 0; top: 0; cursor: pointer; transition-duration: 0.3s; } 
.checkbox1 input + span::after { content: ""; display: inline-block; width: 16px; height: 8px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; position: absolute; right: 5px; top: 7px; transform: rotate(45deg); opacity: 0; transition-duration: 0.3s; } 
.checkbox1.alt input:checked ~ span::before { background: #fff; border-color: #bfbfc0; } 
.checkbox1.alt input:checked ~ span::after { opacity: 1; } 
.checkbox1.alt input + span { padding-right: 41px; position: relative; display: inline-block; font-size: 16px; font-weight: 300; color: #242424; } 
.checkbox1.alt input + span::after { content: ""; display: inline-block; width: 18px; height: 18px; background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%), linear-gradient(-16deg, rgba(234, 32, 39, 0.5) 25%, rgba(185, 0, 0, 0.5) 100%); border: none; position: absolute; right: 4px; top: 4px; opacity: 0; transform: none; transition-duration: 0.3s; } 

.radio1 { position: relative; padding-top: 10px; margin-left: 30px; } 
.radio1:last-child { margin-left: 0; } 
.radio1 input[type=radio] { opacity: 0; position: absolute; } 
.radio1 input[type=radio]:checked ~ span::after { opacity: 1; } 
.radio1 input[type=radio] + span { padding-right: 33px; position: relative; display: inline-block; font-size: 16px; font-weight: 300; color: #242424; } 
.radio1 input[type=radio] + span::before { content: ""; display: inline-block; width: 22px; height: 22px; background: #fff; border-radius: 50%; border: 1px solid #bfbfc0; position: absolute; right: 0; top: 0; cursor: pointer; transition-duration: 0.3s; } 
.radio1 input[type=radio] + span::after { content: ""; display: inline-block; width: 14px; height: 14px; background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%), linear-gradient(-16deg, rgba(234, 32, 39, 0.5) 25%, rgba(185, 0, 0, 0.5) 100%); border-color: transparent; border-radius: 50%; position: absolute; right: 4px; top: 4px; opacity: 0; transition-duration: 0.3s; } 

.file-upload1 { display: flex; align-items: center; border: 1px solid #bfbfc0; } 
.file-upload1 .uploaded-filename { flex: 1; font-size: 1rem; border: none; padding: 15px; font-size: 15px; font-weight: 300; color: #c8c8c8; } 
.file-upload1 .browse-btn { padding: 15px 20px; background: #f3f3f3; color: #242424; border-radius: 0; cursor: pointer; font-weight: 500; border: none; font-size: 15px; font-weight: 400; border-right: 1px solid #bfbfc0; } 
.file-upload1 .upload-file-input { display: none; } 
.section { padding: 94px 0; } 
.section.pb-160 { padding-bottom: 160px; } 
.section.pt-60 { padding-top: 60px; } 
.section.py-60 { padding: 60px 0; } 
.section:has(.bg-image) { position: relative; background-color: #000; color: #fff; z-index: 1; padding: 135px 0; } 
.section:has(.bg-image) h2,
.section:has(.bg-image) p { color: inherit; } 
.section:has(.bg-image) p { font-weight: 400; margin-bottom: 28px; } 
.section:has(.bg-image video) { padding: 80px 0; } 
.section .bg-image { position: absolute; right: 0; top: 0; width: 100%; height: 100%; display: flex; opacity: 50%; z-index: -1; } 
.section .bg-image img { width: 100%; -o-object-fit: cover; object-fit: cover; } 
.section .bg-image::after { content: ""; background: url("../images/pattern1.png") no-repeat; background-size: 100% 100%; background-position: center; width: 397px; height: 299px; position: absolute; left: 13%; bottom: 2%; } 
.section:has(.sticky-section) { overflow-x: clip; } 
.section .sticky-section { width: 100%; overflow: hidden; margin-bottom: -50px; } 
.section .sticky-section:has(.card1) .inner-wrapper { display: flex; -moz-column-gap: 24px; column-gap: 24px; padding-right: 6%; padding-left: 6%; padding-bottom: 50px; } 
.section .sticky-section:has(.card1) .inner-wrapper .item { width: 350px; flex-shrink: 0; } 
.section.video-section { min-height: 850px; display: flex; flex-direction: column; } 
.section.single-news .list4.alt { margin-bottom: 40px; } 
.section.single-news .slider1 { margin-bottom: 60px; } 
.section.single-news .slider1 .slide img { min-height: 660px; } 
.section.single-news .post:hover { transform: none; } 

body .contact-section { padding: 0; } 
body .contact-section .container { padding: 0; max-width: 1920px; } 
body .contact-section .box3 .inner-wrapper { max-width: 577px; } 
body .contact-section .box3 .inner-wrapper .h3,
body .contact-section .box3 .inner-wrapper h3 { font-size: clamp(24px, 3.5vw, 40px); } 
body .contact-section .box3.pattern7::after { max-width: 238px; height: 188px; bottom: 0; } 

@media (max-width: 991px){
 .contact-section .box3 .inner-wrapper { max-width: 100%; } 
 .section.single-news .list4.alt { margin-bottom: 30px; } 
 .section.single-news .slider1 { margin-bottom: 40px; } 
 .section.single-news .slider1 .slide img { min-height: 460px; } 
 }
@media (max-width: 767px){
 .section { padding: 55px 0; } 
 .section.pb-160 { padding-bottom: 70px; } 
 .section:has(.bg-image) { padding: 70px 0; } 
 .section .bg-image::after { width: 40%; height: 40%; } 
 .section .sticky-section { width: 100%; overflow: hidden; margin-bottom: -50px; } 
 .section .sticky-section:has(.card1) .inner-wrapper .item { width: 250px; } 
 .section .sticky-section:has(.card1) .inner-wrapper .item .card1 { min-height: 350px; } 
 }
.privacy-section p { font-size: 17px; margin-bottom: 34px; } 
.privacy-section p.fw-medium { margin-bottom: 10px; } 
.privacy-section ul { font-size: 17px; } 
.list4.alt li { padding: 18px 22px; background-color: #fff; } 
/*19-08-25*/
.btn.btn-sm { font-size: 15px; font-weight: 500; padding: 10px 18px; } 
.btn.btn-sm:has(i) { -moz-column-gap: 6px; column-gap: 6px; } 
.bg-color1 .card3.alt3 { background-color: #fff; } 
.bg-color1 .card3.alt3 .description { background: #fff; } 
.card3.alt3, .post.alt3 { padding: 18px; background-color: #f8f8f8; display: flex; flex-direction: column; } 

.card3.alt3 .figure1 img, .post.alt3 .figure1 img { height: 167px; } 

.card3.alt3 .description, .post.alt3 .description { background: #f8f8f8; padding: 13px 0; padding-bottom: 6px; border: none; flex: 1; display: flex; flex-direction: column; align-items: flex-start; } 
.card3.alt3 .description .h5, .card3.alt3 .description h5, .post.alt3 .description .h5, .post.alt3 .description h5 { font-size: 18px; margin-bottom: 14px; } 
.card3.alt3 .description .btn, .post.alt3 .description .btn { margin-top: auto; } 
.card3.alt3:hover, .post.alt3:hover { transform: none; } 

.list3 { padding-right: 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr 1fr; margin-left: -30px; } 
.list3 li { display: flex; align-items: center; -moz-column-gap: 32px; column-gap: 32px; padding: 30px 50px; margin-left: 30px; font-size: 16px; font-weight: 300; } 
.list3 li span.small { display: inline-block; margin-top: 16px; font-size: 18px; font-weight: 600 !important; } 

.list4 { padding-right: 0; list-style: none; display: flex; flex-wrap: wrap; -moz-column-gap: 30px; column-gap: 30px; margin-bottom: 0; } 
.list4 li { font-size: 15px; display: flex; } 
.list4 li .icon { flex-shrink: 0; } 
.list4 li .icon img { margin-left: 10px; } 
.list4.alt { gap: 20px; } 
.list4.alt li { padding: 18px 22px; background-color: #fff; } 

@media (max-width: 1199px){
 .list3 li { padding: 22px 30px; } 
 }
@media (max-width: 991px){
 .list3 { grid-template-columns: 1fr; margin-left: 0; } 
 .list3 li { justify-content: center; padding: 22px 30px; margin-left: 0; margin-bottom: 24px; } 
 }
.card3,
.post { display: flex; flex-direction: column; height: 100%; transition-duration: 0.3s; } 
.card3:hover,
.post:hover { transform: scale(1.1); } 
.card3:hover .description,
.post:hover .description { border-color: #fff; background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%), linear-gradient(-16deg, rgba(234, 32, 39, 0.5) 25%, rgba(185, 0, 0, 0.5) 100%); background-blend-mode: multiply; } 
.card3:hover .description .highlighter1,
.post:hover .description .highlighter1 { color: #fff; } 
.card3:hover .description .highlighter1::before,
.post:hover .description .highlighter1::before { background: #fff; } 
.card3:hover .description p,
.post:hover .description p { color: #fff; } 
.card3 figure,
.post figure { margin-bottom: 0; background-color: #242424; } 
.card3 figure img,
.post figure img { height: 240px; opacity: 0.8; } 
.card3 .description,
.post .description { padding: 36px 18px; border-bottom: 10px solid #cf090d; background-color: #fff; flex: 1; transition-duration: 0.3s; } 
.card3 .description p,
.post .description p { font-size: 17px; font-weight: 300; color: #242424; margin-bottom: 16px; } 
.card3.alt,
.post.alt { transition-duration: 0.3s; } 
.card3.alt .description,
.post.alt .description { background-color: #f9f9f9; border-bottom: 6px solid #cf090d; padding: 32px 35px; display: flex; flex-direction: column; } 
.card3.alt .description .text1,
.post.alt .description .text1 { padding-top: 18px; } 
.card3.alt .description .text1 span,
.post.alt .description .text1 span { font-size: 18px; font-weight: 400; } 
.card3.alt .description .text1::before,
.post.alt .description .text1::before { width: 40px; height: 5px; } 
.card3.alt .description p,
.post.alt .description p { font-size: 16px; } 
.card3.alt .description .link,
.post.alt .description .link { font-size: 18px; font-weight: 500; color: #242424; margin-top: auto; text-decoration: none; } 
.card3.alt .description .link:hover,
.post.alt .description .link:hover { text-decoration: underline; } 
.card3.alt:hover,
.post.alt:hover { transform: scale(1.15); box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); } 
.card3.alt:hover figure img,
.post.alt:hover figure img { opacity: 1; } 
.card3.alt:hover .description,
.post.alt:hover .description { background: linear-gradient(-16deg, rgb(234, 32, 39) 25%, rgb(185, 0, 0) 100%), linear-gradient(-16deg, rgba(234, 32, 39, 0.1) 25%, rgba(185, 0, 0, 0.1) 100%); border-color: #242424; } 
.card3.alt:hover .description .text1,
.post.alt:hover .description .text1 { color: #fff; } 
.card3.alt:hover .description .text1::before,
.post.alt:hover .description .text1::before { background: #fff; } 
.card3.alt:hover .description p,
.card3.alt:hover .description a,
.post.alt:hover .description p,
.post.alt:hover .description a { color: #fff; } 
.card3.alt:hover .description a .icon img,
.post.alt:hover .description a .icon img { filter: brightness(0) invert(1); } 
.card3.alt2 .description,
.post.alt2 .description { padding: 38px 36px 22px; } 
.card3.alt2 .description .unstyled-list li,
.post.alt2 .description .unstyled-list li { font-size: 16px; font-weight: 300; color: #242424; line-height: 1.1; padding-right: 4px; } 
.card3.alt2 .description .list2,
.post.alt2 .description .list2 { margin-bottom: 32px; } 
.card3.alt2:hover .description .unstyled-list li,
.card3.alt2:hover .description .list2 li,
.post.alt2:hover .description .unstyled-list li,
.post.alt2:hover .description .list2 li { color: #fff; filter: brightness(10); } 
.card3.alt2:hover .description .btn.btn-danger,
.post.alt2:hover .description .btn.btn-danger { background: var(--white); background-blend-mode: normal; } 
.card3.alt3,
.post.alt3 { padding: 18px; background-color: #f8f8f8; display: flex; flex-direction: column; } 
.card3.alt3:hover,
.post.alt3:hover { transform: none; } 
.card3.alt3:hover .description,
.post.alt3:hover .description { background: #f8f8f8; } 
.card3.alt3 .figure1 img,
.post.alt3 .figure1 img { height: 167px; } 
.card3.alt3 .description,
.post.alt3 .description { background: #f8f8f8; padding: 13px 0; padding-bottom: 6px; border: none; flex: 1; display: flex; flex-direction: column; align-items: flex-start; } 
.card3.alt3 .description .h5,
.card3.alt3 .description h5,
.post.alt3 .description .h5,
.post.alt3 .description h5 { font-size: 18px; margin-bottom: 14px; } 
.card3.alt3 .description .btn,
.post.alt3 .description .btn { margin-top: auto; } 

.bg-color1 .card3.alt3 { background-color: #fff; } 
.bg-color1 .card3.alt3:hover .description { background: #fff; } 
.bg-color1 .card3.alt3 .description { background: #fff; } 

@media (max-width: 767px){
 .card3 .description { padding: 28px 16px; } 
 .card3 .description p { font-size: 16px; } 
 .card3.alt .description { padding: 26px 24px; } 
 .card3.alt:hover { transform: scale(1); } 
 .card3.alt2 .description { padding: 26px 26px 4px; } 
 }


.slider6 .slick-slide { padding: 0 12px; } 
.slider6 .slick-slide .post.alt .description { background-color: #fff; } 
.slider6 .slick-slide .post.alt:hover { transform: none; } 
.slider6 .slick-dots { padding-right: 0; margin: 0; list-style: none; display: flex; -moz-column-gap: 13px; column-gap: 13px; justify-content: center; padding-top: 46px; } 
.slider6 .slick-dots li.slick-active button { background-color: #ec2137; } 
.slider6 .slick-dots li button { font-size: 0; padding: 0; border: none; width: 13px; height: 13px; background-color: #c1c2c2; } 

/* Menu CSS */

#mega-menu-wrap-header-menu { clear: both; } 
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu .menu { flex-direction: column; margin: 0; display: inline-flex; list-style: none; padding-right: 0; } 
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu .menu li a { color: #646667; font-size: clamp(16px, 1vw, 18px); font-weight: 500; text-decoration: none; text-transform: uppercase; } 
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu .menu li:hover a { color: #ec2137; } 
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column .textwidget { font-weight: 500 !important; position: relative; padding-top: 13px; display: inline-block; font-size: clamp(18px, 2vw, 24px); text-transform: uppercase; margin-top: -15px; margin-bottom: 25px; } 
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column .textwidget:before { content: ""; display: inline-block; width: 40px; height: 5px; background: linear-gradient(-16deg, #ea2027 25%, #b90000 100%); position: absolute; right: 0; top: 0; } 
@media (max-width: 375px){
 #mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu { max-width: calc(100% - 45px); } 
 #mega-menu-wrap-header-menu:has(.mega-menu-open) #mega-menu-header-menu[data-effect-mobile^="slide_right"] + button.mega-close { right: auto; left: 5px; } 
 }
@media (min-width: 992px){
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-item-has-children > ul.mega-sub-menu { padding: 44px 0; max-width: 1285px; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-item-has-children ul.mega-sub-menu > li.mega-menu-item { margin-bottom: 10px; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu { top: 64px; border-top: 2px solid #ec2137; min-height: 421px; max-height: 100vh; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu::before { content: ""; display: inline-block; background-color: #f9f9f9; border-top: 2px solid #ec2137; width: 300%; height: calc(100% + 2px); position: absolute; top: -2px; right: -100%; box-shadow: 0 24px 79px 32px #000000e6; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu::after { content: ""; background: url("https://bitsarabia.com/wp-content/themes/bits/assets/images/pattern12.svg") no-repeat; background-position: left; background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; width: 22vw; max-width: 190px; height: 178px; position: absolute; left: -139px; bottom: 60px; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { font-weight: 600 !important; font-size: clamp(18px, 2vw, 24px); } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link .mega-indicator { opacity: 0; visibility: hidden; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { font-weight: 600 !important; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link .mega-indicator { opacity: 1; visibility: visible; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:has(.menu) { padding-right: 14px; padding-top: 12px; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:has(img) { display: none !important; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column img { width: 100%; object-fit: cover; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu .menu li { margin-left: 0; color: #646667; font-weight: 500; padding: 10px 0; border-bottom: 1px solid #e3e3e3; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu .menu li:last-child { border-bottom: 0px solid #e3e3e3; display: block; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-item-has-children ul.mega-sub-menu > li.mega-menu-item { display: flex; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-item-has-children ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { width: 270px; font-size: 17px; padding: 7px 16px; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-item-has-children ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link + ul.mega-sub-menu { flex: 1; width: calc(100% - 270px); right: 270px; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-12 { width: 100%; } 
 }
@media (min-width: 1200px){
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column { padding-top: 26px; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:has(img) { display: block !important; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:has(img) > ul { max-width: 417px; margin-right: auto; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:has(img) > ul > li { padding: 15px 0 !important; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-12 { width: 50%; } 
 }
@media (min-width: 1400px){
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column { padding-top: 45px; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:has(.menu) { padding-right: 44px; padding-top: 24px; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .menu li { padding: 14px 0; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-item-has-children ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { width: 364px; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-item-has-children ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link + ul.mega-sub-menu { flex: 1; width: calc(100% - 364px); right: 364px; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-item-has-children ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { font-size: 24px; padding: 7px 16px; } 
 }
@media only screen and (max-width: 992px){
 #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus { font-weight: 400; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column .textwidget { font-weight: 400 !important; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .menu li a { font-size: 14px; font-weight: 400; } 
 #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { font-size: 12px; } 
 }


/* RTL Specific CSS */
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {margin: 0 6px 0 0}
.slider1 .slick-arrow{transform: translateY(-50%) rotate(180deg)}
.btn.btn-danger .icon, .link1 .icon, .slider4 .slick-arrow{transform: rotate(180deg)}
.rtl #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column{float:right;}
.rtl #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu{border-left:none;  border-right: 1px solid #e3e3e3;}
.rtl #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > div{text-align:right;}
.rtl #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { text-align: right;}
.rtl #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link .mega-indicator {  transform: scaleX(-1); }