/* Utils */
.wauto {width: auto !important;}
.mb-50 {margin-bottom: 50px !important;}
.ml-40 {margin-left: 40px !important;}
.bb {border-bottom:1px solid #e6e6e6;}
.badge {font-weight: 500 !important;}
.mark, mark {background-color: #fff582 !important; border: 1px dashed #f7eb62;}
.invisi {display: none !important;}
.owl-carousel .owl-item img {object-fit: contain;}
.mhslider, .hvh {min-height: 100vh !important;}
.section-heading {font-size: 36px !important; font-weight: 600 !important; color: #fff !important; text-align: left;background: #FBF2FF;background: linear-gradient(to top, #FBF2FF 0%, #FFFCFF 30%, #FBF5FF 60%, #F8F2FF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.grfooter {-webkit-text-fill-color: transparent;background: linear-gradient(0deg, rgb(254, 195, 93) 0.1%, rgb(254, 203, 104) 5.09%, rgb(253, 230, 149) 30.04%, rgb(238, 238, 183) 50%, rgb(202, 229, 206) 74.95%, rgb(132, 207, 210) 99.9%) text;}

/* Header */
img.data-logo {width: 250px; height: 61px;}

/* Content Section */
.content-section.bg {background:url('../img/3dbg.png') repeat top left;}
.content-section.gbg {background-color: #ddd4b3;}
i.icon.fas.fa-long-arrow-alt-right.secondary {color: #333333;}
.ra-button {padding: .3em .9em; border-radius: .25em; background: linear-gradient(#fff, #efefef); box-shadow: 0 1px .2em gray; display: inline-flex; align-items: center; cursor: pointer;} .ra-button img {height: 1em; margin: 0 .5em 0 0;}

/* Links & Buttons */
.gold {color: #74632d !important;}
.black {color: #242424 !important;}
.white {color: #ffffff !important;}
.theme-btn.primary:focus, .theme-btn.primary:hover {color: #fff !important;}
.theme-btn.primary {color: #312601 !important}
.search-color {color: #1a0dab;}
.bggrey {background-color: #d6d6d6 !important;}
.grey-bg {background-color: #f4f4f4 !important;}

/* Icons */
.cicon.primary-bg {color: #fff;height: 60px;width: 60px;line-height: 60px;text-align: center;border-radius: 50%;font-size: 25px;}
.cicon2.primary-bg {color: #fff;height: 30px;width: 30px;line-height: 30px;text-align: center;border-radius: 50%;font-size: 13px; margin-left: 15px;}

/* Counter */
.counter {}
.counter .wrapper {text-align:center;}
.counter .wrapper p {font-size 15px; margin-bottom:35px;}
.counter .wrapper .time {display: inline-block;font-size: 30px;padding: 0 30px;text-align: center;color: #242424;font-weight: 500;}
.counter .wrapper .time span {color: #242424;}

/* Text */
.incfont{overflow-wrap: break-word !important;}
.item.dtab p {line-height: 2em;}
.incfont {font-size: 17px; line-height: 2em;}
div.section-title h4 {font-size: 20px;}
blockquote {background: #f9f9f9;border-left: 10px solid #ccc;margin: 1.5em 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";}
blockquote:before {color: #ccc;content: open-quote;font-size: 4em;line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;}
blockquote p {display: inline; font-style: italic; color: #4555aa; font-weight: bold;}
h3.dark-content, .page-header.image.dark-content .item .caption p, .service_heading.dark-content {color: #f2f2f2 !important;}
.page-header.image.dark-content .item .caption p a, .page-header.image.dark-content .item .caption p a:visited {color: #c9b167 !important;}
.page-header.image.dark-content .item .caption p a:hover {color: #f2f2f2 !important;}
.testimonal-name {font-size:18px; color:#242424; line-height:1.2; font-weight:600; letter-spacing:-0.025em; margin:0 0 0.5rem 0; font-family: inherit; }
.portfolio-name {margin: 0; transform: translateY(10px); padding: 4px 10px; opacity: 0; font-size: 17px; font-weight: 700; color: #f5f5f5; -webkit-transition: all .3s ease-in-out .1s; transition: all .3s ease-in-out .1s;}
.counters figure div.counter-desc {font-weight: 400;font-size: 15px;color: #666; line-height: 1.2;}
div.post div.caption>div.blog-title {font-size: 16px;margin-bottom: 20px;color: #242424;line-height: 22px;position: relative;font-weight: 600; letter-spacing: -0.025em;}
.footer-title-header-desc {font-size: 18px;margin: 10px 0 15px;color: #f7f7f7;line-height:1.2; font-weight:600; letter-spacing:-0.025em;font-family: inherit;}

/* Posts */
.posts.grid {margin: -15px;}
.posts.grid .post {margin: 15px 0;}
div.posts div.post > a > img {-webkit-transition: all .2s ease;transition: all .2s ease;}
div.posts div.post > a:hover > img {filter: blur(1px) grayscale(60%);-webkit-filter: blur(1px) grayscale(60%);-moz-filter: blur(1px) grayscale(60%);-o-filter: blur(1px) grayscale(60%);-ms-filter: blur(1px) grayscale(60%);}
div.posts > div.post > a:hover > div.read-more {color: #f85959;}

div.post div.caption {padding: 40px 20px;background: #f7f7f7; min-height: 450px; position: relative;}
div.post div.caption > div.date {font-size: 13px;margin-bottom: 8px;color: #666;position: relative;}
div.post div.caption > h4 {font-size: 16px;margin-bottom: 20px;color: #242424; line-height: 22px;position: relative;}
div.post div.caption > p {margin-bottom: 20px;color: #666; line-height: 22px;position: relative;}
div.readblogarticle {position: absolute; bottom: 25px;-webkit-transition: all .2s ease;transition: all .2s ease;}
div.readblogarticle i {margin-right: 7px;}

/* Footer */
.site-footer {position: relative;background-image: linear-gradient(180deg,#193654 0%,#141414 100%) !important; overflow: hidden;}
.fbg::before {position: absolute;top: 20%;right: -15%;width: 49%;height: 45%;content: "";background-image: url('../img/footer-globe.png');background-size: cover;transform: rotate(-90deg);opacity: 0.1;z-index: 99;}
/* Carousel */
.tab-carousel-buttons .btn.active .wrapper h4 {color:#2b2100 !important;}

/* Portfolio */
.filter li.active a {color: #2d2400 !important;}

/* Menu Hacks */
.main-nav ul.menu li {margin-left: 30px;}
.main-nav, .site-header.left-align .main-nav {width: 75%;}
.mobile-nav-icon, .mobile-nav.active {position: fixed !important;}

/* Homepage Slider */
.slider .item .caption h2 {line-height: 1.2em;}
.slider .item .caption p {line-height: 2.0em;}

/* Services */
.page-header.image .item.dservices {background: url('https://kwd.com.kw/html/img/headers/omni_channel.jpg') no-repeat center center!important; background-size: cover;}
.service_text {line-height: 31px; font-size: 18px; font-weight:400; font-family: "Open Sans", sans-serif !important;}
.service_text p {line-height: 31px; font-size: 18px; font-weight:400; font-family: "Open Sans", sans-serif !important;}
.service_heading {line-height: 31px; font-size: 18px; font-weight:400; font-family: "Open Sans", sans-serif !important;}
.service_heading > p {line-height: 31px; font-size: 18px !important; color: #242424 !important; font-weight:400; font-family: "Open Sans", sans-serif !important;}
.section-title h3 {font-size: 36px !important; font-weight: 600 !important;}

/* Blog */
.blog .btext {background: #f7f7f7;}
.blog .date {font-size: 13px; margin-bottom: 8px; color: #666;}
.blog h4 {font-size: 16px; margin-bottom: 20px; color: #242424;}
.blog p {margin-bottom: 20px;color: #666;}
.blog .read-more {position: relative; font-size: 13px; font-weight: 600; color: #242424; -webkit-transition: all .2s ease; transition: all .2s ease;}
.content-body h3 {margin: 50px 0 10px !important; font-weight: 700;}
.content-body h4 {margin: 30px 0 10px !important;}

/* Pagination */
.pagination a.active {background: #01188f; color: #ffffff !important; }
.blog .pagination a {color:#242424;}

/* Pricing Tables */
.price-table .wrapper .price {padding:0 30px;}
.price-table .wrapper ul li {color:#5a5656 !important;}
.price-table .wrapper .price .time {color: #5a5858 !important;}

/* Accordions */
.accordion.style-3 .header .btn.btn-link.collapsed {background: #01188f;}
.accordion.border-2 .header .btn.btn-link.collapsed {border-color: #01188f;}
.accordion .header .btn.btn-link {font-size:18px; font-weight: 600;}
.accordion.style-2 .header .btn.btn-link {background: #c9b167;}
.accordion.style-2 .header .btn.btn-link, .accordion.style-2 .header .btn.btn-link.collapsed, .accordion.style-3 .header .btn.btn-link, .accordion.style-3 .header .btn.btn-link.collapsed {text-align: left;}

/* Lists */
.jdesc ul li, .jskills ul li {line-height: 1.6em; margin-bottom: 10px;}

/* Forms */
select.form-control:not([size]):not([multiple]) {height: auto;}

/* lity hacks */
.lity-active body {overflow: hidden;height: 100vw;}

/* Careers */ 
.experience .item p.cdetails {margin-bottom: auto;color: #74632d;font-style: italic;font-weight: 500;}
.experience .item p.cdetails2 {margin: 0;text-transform: uppercase;font-size: 13px;/* letter-spacing: 1.5px; */font-weight: 500;color: #242424;}
.experience .item {border-left: 1px solid #e6e6e6;position: relative;padding: 0 0 0 40px;margin: 0 0 80px;}

/* Back to top */
#back-to-top {position: fixed;bottom: 40px;right: 40px;z-index: 999;width: 32px;height: 32px;text-align: center;line-height: 30px;background: #f5f5f5;color: #444;cursor: pointer;border: 0;border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;}
#back-to-top:hover {background: #e9ebec;}
#back-to-top.show {opacity: 1;}

/* GDPR Compliance */
#easyCookie {display:none;bottom:0;left:0;z-index:50;width:100%;padding:5px 20px;box-sizing:border-box;background:#FFF;border-top:solid 1px #EDEDED;border-bottom:solid 1px #EDEDED;}
#easyCookie > div {display:table;width:100%;}
#easyCookie.ec-fixed {position:fixed;}
#easyCookie.ec-fixed.ec-top {bottom:inherit;top:0;}
#easyCookie.ec-black {background:#000;}
#easyCookie a {text-decoration:none;box-shadow:none;outline:none;}
#easyCookie .ec-infos {display:table-cell;vertical-align:middle;font-size:14px;line-height:16px;color:#000;}
#easyCookie.ec-black .ec-infos {color:#FFF;}
#easyCookie.ec-icon .ec-infos {padding-left:40px;background-repeat:no-repeat;background-size:30px 30px;background-position:left center;background-image:url(../img/cookie-b.png);}
#easyCookie.ec-icon.ec-black .ec-infos {background-image:url(../img/cookie-w.png);}
#easyCookie .ec-btns {display:table-cell;vertical-align:middle;font-size:0;text-align:right;width:100px;}
#easyCookie.ec-double-btn .ec-btns {width:230px;}
#easyCookie .ec-btns > a {display:inline-block;width:100px;box-sizing:border-box;padding:10px;margin:5px;font-size:12px;line-height:16px;color:#FFF;text-align:center;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background:#00C659;}
#easyCookie .ec-btns .ec-empty {font-size:14px;color:#979797;background:transparent;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
#easyCookie .ec-btns > a:not(.ec-empty):hover {opacity:0.9;}


/* Search */
.overlay1 {height: 100%;width: 100%;display: none;position: fixed;z-index: 1;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);}.overlay-content1 {position: relative;top: 46%;width: 80%;text-align: center;margin-top: 30px;margin: auto;}.overlay1 .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;cursor: pointer;color: white;}.overlay1 .closebtn:hover {color: #ccc;}.overlay1 input[type=search] {padding: 15px;font-size: 17px;border: none;float: left;width: 85%;background: white;}.overlay1 input[type=search]:hover {background: #f1f1f1;}.overlay1 button {width: 15%;padding: 15px;background: #ddd;font-size: 17px;border: none;cursor: pointer;}.overlay1 button:hover {background: #bbb;}


/* Homepage Slider */
.rootcss {margin: 0;--color-text: #fff;--color-bg: #000;--color-link: #fff;--color-link-hover: #fff;--color-frame: #ff5ba4;color: var(--color-text);background-color: var(--color-bg);font-family: rucksack, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.cslider {position: relative;height: 100vh !important;}
@keyframes loaderAnim {to {opacity: 1;transform: scale3d(0.5,0.5,1);}}
.slideshow a {text-decoration: none;color: var(--color-link);outline: none;position: relative;}
.slideshow a::after {content: '';position: absolute;width: 50%;height: 1px;background: currentColor;left: 0;bottom: -25%;transform: scale3d(0,1,1);opacity: 0;transform-origin: 0% 50%;transition: transform 0.3s, opacity 0s 0.3s;}
.slideshow a:hover::after {opacity: 1;transition: transform 0.3s;transform: scale3d(1,1,1);}
.slideshow a:hover {color: var(--color-link-hover);outline: none;}

/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */
.slideshow a:focus {/* Provide a fallback style for browsers that don't support :focus-visible */outline: none;background: lightgrey;}
.slideshow a:focus:not(:focus-visible) {/* Remove the focus indicator on mouse-focus for browsers that do support :focus-visible */background: transparent;}
.slideshow a:focus-visible {/* Draw a very noticeable focus style for keyboard-focus on browsers that do support :focus-visible */outline: 2px solid red;background: transparent;}
.cslider .frame {/*padding: 3rem 5vw; text-align: center;*/bottom:1rem; right: 1rem; position: absolute;z-index: 1000;color: var(--color-frame);}
.cslider .frame a {color: var(--color-frame);}
.frame__title {font-size: 1.25rem;margin: 0 0 1rem;}
.frame__title span {position: absolute;pointer-events: none;opacity: 0;}
.frame__links {display: inline;}
.frame__links a:not(:last-child), .frame__demos a:not(:last-child) {margin-right: 1rem;}
.frame__demos {margin: 1rem 0;}
a.frame__demo--current,a.frame__demo--current:hover {color: var(--color-text);}
.slideshow {width: 100vw;height: calc(100vh - 13rem);position: relative;overflow: hidden;}
.slide {margin: 0;}
.slide,.slide__img-wrap,.slide__img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.slide {display: flex;align-items: center;justify-content: center;}
.js .slide {opacity: 0;pointer-events: none;}
.js .slide--current {opacity: 1;pointer-events: auto;}
.slide__img-wrap {will-change: transform;overflow: hidden;}
.slide__img {background-size: cover;will-change: transform;-webkit-backspace-visibility: hidden;}
.slide__caption {position: relative;padding: 0 10vw;cursor: default;width: 100%;}
.slides__caption-headline {font-size: 6.5vw;font-size: clamp(2rem,6.5vw,6rem);line-height: 0.9;margin: 0;text-transform: uppercase;font-weight: normal;}
.text-row {position: relative;overflow: hidden;display: block;white-space: nowrap;}
.text-row > span {display: block;position: relative;padding: 0.5rem 0; color: #c9b167 !important;}
.slides__caption-headline {font-weight: 300;}
.slides__caption-headline em,.slides__caption-headline strong {font-family: freight-big-pro, serif;font-size: 6.75vw;font-size: clamp(2rem,7vw,6rem);}
.slides__caption-headline em {font-weight: 400;font-style: italic;}
.slides__caption-headline strong {font-weight: 400;}
.slides__caption-link {display: inline-block;margin-top: 1rem;text-indent: 0.2vw;font-size: 1.75rem;font-weight: 300;font-size: clamp(1rem, 5vw, 1.75rem);}
.slides-nav {display: flex;align-items: center;justify-content: center;}
.slides-nav__button {display: block;cursor: pointer;background: none;border: 0;width: 55px;height: 24px;padding: 0;margin: 0 0.75rem;-webkit-appearance: none;-moz-appearance: none;}
.slides-nav__button:focus {outline: none;}
.slides-nav svg {display: block;width: 100%;height: 100%;fill: #fff;}
.slides-nav__index {margin-left: 2rem;white-space: nowrap;color: var(--color-text);border: 1px solid var(--color-text);border-radius: 50%;padding: 1rem 1.5rem;text-align: center;display: flex;align-items: center;}
.slides-nav__index > span {width: 2rem;}
.slides-nav__index-current {position: relative;overflow: hidden;}
.slides-nav__index-current span {display: inline-block;}

@media screen and (min-width: 53em) {
.frame {position: fixed !important;text-align: left !important;z-index: 100 !important;top: 0;left: 0;display: grid;align-content: space-between;width: 100%;max-width: none;height: 100vh;padding: 2rem 3.5rem !important;pointer-events: none;grid-template-columns: 25% 50% 25%;grid-template-rows: auto auto auto;grid-template-areas: 'title links info''... ... ...''demos demos nav';}
.frame__title {margin: 0;grid-area: title;}
.frame__demos {margin: 0;grid-area: demos;justify-self: start;align-self: end;}
.frame__links {grid-area: links;padding: 0;justify-self: center;}
.frame__info {grid-area: info;justify-self: end;align-self: start;}
.slides-nav {grid-area: nav;justify-self: end;align-self: end;}
.frame a,.frame button {pointer-events: auto;}
.slideshow {height: 100vh;}
.slides-nav {margin-bottom: -1rem;}
.slides-nav__index {margin-right: -2rem;}
.slideshow {background: var(--color-bg);}
}

/* Media Queries*/

@media only screen and (max-width:767px) {
  #easyCookie .ec-infos {display:block;text-align:center;margin:5px 0;}
  #easyCookie.ec-icon .ec-infos {padding-left:0;background-image:none !important;}
  #easyCookie .ec-btns {display:block;width:100% !important;text-align:center;}
}


/* Extra small devices (portrait phones, less than 576px) */
@media only screen and (max-width: 479px) {
    .servbg{background:none !important}
    .page-header.image .item .caption {top:60% !important;}
    .slideshow {width: 100vw;height: calc(100vh - 2rem);position: relative;overflow: hidden;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .servbg{background:none !important}
    .slideshow {width: 100vw;height: calc(100vh - 2rem);position: relative;overflow: hidden;}
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .servbg{background:none !important}
    .slideshow {width: 100vw;height: calc(100vh - -2rem);position: relative;overflow: hidden;}
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .page-header.image .item.dservices {background: url('https://kwd.com.kw/html/img/headers/bluebg.jpg') no-repeat top left !important;}
    .servbg{background:none !important}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}