/* HSC | Master Typography | Started */

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,600,800&display=swap&subset=latin-ext");
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&display=swap');

body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,ul,ol,li,.sppb-addon-content{font-family: 'Poppins', sans-serif!important;}
hr {margin-top: 2.75rem!important;margin-bottom: 2.75rem!important;border: 0!important;border-bottom: 1px solid rgba(255, 255, 255, 0.1)!important;}
body {margin: 0;padding: 0;background-color:#f7faff;color: #26282b;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;}
#hsc a {-webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;-ms-transition: 0.25s ease-in-out;-o-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;color: #008081;}
#hsc a:hover, #hsc a:focus, #hsc a:active {color: #00d4d7;}
html {scroll-behavior: smooth;}

.hsc-btn{border: none;font-size: 16px;background: #223e47;color: #fff!important;height: 50px;text-transform: uppercase;text-align: center;padding: 20px 30px;display: inline-block;line-height: .8;letter-spacing: 1.6px;position: relative;outline: none;transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;-ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;font-family:'Poppins';}
.hsc-btn span {position: relative;z-index: 2;}
.hsc-btn:after {content: "";width: 4px;height: 100%;position: absolute;right: 0;top: 0;background: #fff;transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;-ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;}
.hsc-btn:hover:after{width: 100%;}
.hsc-btn:hover{color: #000;}
.hsc-btn.theme-bg:after{background: #cecece;}
.hsc-btn.theme-bg:hover:after{width: 100%;}
.hsc-btn.theme-bg:hover{color: #223e47;}
.hsc-thm-btn {display: inline-block;vertical-align: middle;border: none;outline: none;background-color: #008081;font-size: 14px;color: #fff!important;font-weight: 700;padding: 30px 50px;border-radius: 0;text-transform: uppercase;letter-spacing: 0.1em;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.hsc-thm-btn:hover{background-color: #fff;color: #008081!important;}
/* #sp-hsc-main-body{padding:100px 0} */
.com-sppagebuilder #sp-hsc-main-body{padding:0}

/* HSC | Master Typography | Ends */

/* HSC | Pre Loader Effect | Started */

.preloader {
  width: 100%;height: 100vh;display: flex;flex-direction: column;justify-content: center;position: fixed;right: 0;top: 0;z-index: 999;background: #008081;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;transition-duration: 700ms;-webkit-transition-duration: 700ms;transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);transition-delay: 0.95s;overflow: hidden;}
.preloader * {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;transition-duration: 700ms;-webkit-transition-duration: 700ms;transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}
.preloader .layer {width: 100%;height: 100vh;position: absolute;left: 0;top: 0;background: #333;transition-delay: 0.3s;}
.page-loaded .preloader {right: -100%;}
.page-loaded .preloader .layer {left: -100%;}

/* HSC | Pre Loader Effect | Ends */

/* HSC | Master Scroll Bar | Started */

body.os-windows::-webkit-scrollbar {width: 10px;background-color: #223e47;}
body.os-windows::-webkit-scrollbar-thumb {background-color: #f7faff;border-radius: 3px;}

/* HSC | Master Scroll Bar | Ends */

/* HSC | Top Area | Contact Details | Languages | Started */

#sp-hsc-top-area{z-index: 99;}
#sp-hsc-top-area.header-sticky {position: fixed;z-index: 9999;}
#sp-hsc-top-area {position: absolute !important;width: 100%;height: auto;top: 0px;left: 0;padding: 5px 0;box-shadow: none;background-color: #fff;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#sp-hsc-top-area:not(.header-sticky) {background: transparent !important;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#sp-hsc-top-area .row{align-items:center;}

.hsc-phone-email{margin-right: 0;margin-left: auto;text-align: right;color: #008081;}
.hsc-phone-email img{float: right;height: 34px;margin-left: 15px;}
.hsc-phone-email h4 {margin-bottom: -5px;font-size: 17px;font-weight: 600;line-height: 1;}
#hsc .hsc-phone-email a {color: #008081;}
#hsc .hsc-phone-email a:hover {color: #008081;}
.sp-module-content .mod-languages ul.lang-inline li{margin:0px;}
#sp-hsc-language-options ul.lang-inline{margin:0 25px;padding:10px 0;}
/*#sp-hsc-language-options ul.lang-inline{margin:0 25px;border-right: 1px solid #008081;padding:10px 0;}*/ /*With Border*/
#sp-hsc-language-options ul.lang-inline li a{display:inline-block;margin: 0 5px;color: #008081;font-weight: 600;font-family:"Almarai"}

/* HSC | Top Area | Contact Details | Languages | Ends */

/* HSC | Hamburger Menu | Started */

.hamburger {position: relative;cursor: pointer;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);transition-duration: 500ms;-webkit-transition-duration: 500ms;transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}
.hamburger span {display: block;height: 2px;width: 30px;background: #008081;opacity: 1;position: absolute;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;-o-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;}
.hamburger span:nth-child(1) {top: 0;}
.hamburger span:nth-child(2) {top: 9px;}
.hamburger span:nth-child(3) {width: 10px;top: 19px;}
.hamburger span:nth-child(4) {width: 6px;top: 19px;left: 15px;}
.hamburger.open {margin: 0;}
.hamburger.open span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
.hamburger.open span:nth-child(2) {opacity: 0;left: 20px;}
.hamburger.open span:nth-child(3) {width: 30px;top: 9px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
.hamburger.open span:nth-child(4) {opacity: 0;left: 20px;}
.hamburger:hover span:nth-child(4) {width: 20px;left: 10px;}
.hamburger {width: 30px;height: 21px;margin-right: 0;}

/* HSC | Hamburger Menu | Ends */

/* HSC | Main Slider | Started */

/* div#n2-ss-2 .n2-ss-slide-inner {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #26282b;background: -moz-linear-gradient(161deg, #26282b 0%, #26282b 49%, #9f8054 100%);background: -webkit-linear-gradient( 161deg, #26282b 0%, #26282b 49%, #9f8054 100%);
    background: linear-gradient( 161deg, #26282b 0%, #26282b 49%, #9f8054 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="#9f8054",GradientType=1);opacity: 0.25;} */

/* HSC | Main Slider | Ends */

/* HSC | Company Introduction | Started */
#hsc-company-introduction {width: 100%;display: flex;flex-wrap: wrap;position: relative;z-index: 2;}
.hsc-company-introduction-media figure {display: inline-block;margin-bottom: 0;margin-top: -50px;background: rgb(0 128 129 / 85%);position: relative;}
.hsc-company-introduction-media figure .pattern-bg {width: 120%;height: 100%;position: absolute;left: 5%;top: -5%;background: url(/hsc/static/side-pattern-bg.png);background-size: contain;}
.hsc-company-introduction-media figure .holder {position: relative;width: 100%;float: left;display: block !important;transform: translate(85px, -95px);}
.hsc-company-introduction-media figure .holder img {box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);width: 525px;}
.hsc-company-introduction {display: block;padding-left: 20%;}
.hsc-company-introduction b {display: block;font-size: 30px;font-weight: 800;color:#008081;}
.hsc-company-introduction h4 {display: block;font-size: 30px;margin-bottom: 15px;}
.hsc-company-introduction h4 span {color: #008081;}
.hsc-company-introduction h3 {font-weight: 600;margin-bottom: 30px;color:#008081;}
.hsc-company-introduction p {display: block;margin-bottom: 30px;text-align:justify;}
.hsc-company-introduction a {display: inline-block;color: #26282b;font-weight: 600;}
.hsc-company-introduction a img {height: 46px;margin-right: 15px;display: inline-block;}
.hsc-company-introduction a:hover {color: #9f8054;text-decoration: none;}

/* HSC | Company Introduction | Ends */

/* HSC | Chairman Message | Started */
#hsc-chairman-message {width: 100%;display: flex;flex-wrap: wrap;position: relative;z-index: 2;padding:100px 0;}
.hsc-chairman-message-media figure {display: inline-block;margin-bottom: 0;background: rgb(0 128 129 / 85%);position: relative;}
.hsc-chairman-message-media figure .pattern-bg {width: 120%;height: 100%;position: absolute;left: 5%;top: -5%;background: url(/hsc/static/side-pattern-bg.png);background-size: contain;}
.hsc-chairman-message-media figure .holder {position: relative;width: 100%;float: left;display: block !important;transform: translate(45px, -55px);}
.hsc-chairman-message-media figure .holder img, .hsc-introduction-media figure .holder img {box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);width: 525px;}
.hsc-chairman-message {display: block;padding-left: 10%;}
.hsc-chairman-message b {display: block;font-size: 30px;font-weight: 800;color:#008081;}
.hsc-chairman-message h4 {display: block;font-size: 30px;margin-bottom: 15px;}
.hsc-chairman-message h4 span {color: #008081;}
.hsc-chairman-message h3 {font-weight: 600;margin-bottom: 30px;color:#008081;}
.hsc-chairman-message p {display: block;margin-bottom: 10px;text-align:justify;}
.hsc-chairman-message a {display: inline-block;color: #26282b;font-weight: 600;}
.hsc-chairman-message a img {height: 46px;margin-right: 15px;display: inline-block;}
.hsc-chairman-message a:hover {color: #9f8054;text-decoration: none;}

/* HSC | Chairman Message | Ends */

/* HSC | Vision & Mission | Started */

#hsc-vision-mission {width: 100%;display: flex;flex-wrap: wrap;position: relative;z-index: 2;padding:150px 0 100px;}
.hsc-vision-mission-media figure {display: inline-block;margin-bottom: 0;background: rgb(0 128 129 / 85%);position: relative;}
.hsc-vision-mission-media figure .pattern-bg {width: 120%;height: 100%;position: absolute;left: 5%;top: -5%;background: url(/hsc/static/side-pattern-bg.png);background-size: contain;}
.hsc-vision-mission-media figure .holder {position: relative;width: 100%;float: left;display: block !important;transform: translate(45px, -55px);}
.hsc-vision-mission-media figure .holder img {box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);width: 525px;}
.hsc-vision-mission {display: block;padding-left: 10%;}
.hsc-vision-mission b {display: block;font-size: 30px;font-weight: 800;color:#008081;}
.hsc-vision-mission h4 {display: block;font-size: 30px;margin-bottom: 15px;}
.hsc-vision-mission h4 span {color: #008081;}
.hsc-vision-mission h3 {font-weight: 600;margin-bottom: 30px;color:#008081;}
.hsc-vision-mission p {display: block;margin-bottom: 10px;text-align:justify;}
.hsc-vision-mission a {display: inline-block;color: #26282b;font-weight: 600;}
.hsc-vision-mission a img {height: 46px;margin-right: 15px;display: inline-block;}
.hsc-vision-mission a:hover {color: #9f8054;text-decoration: none;}

/* HSC | Vision & Mission | Ends */

/* HSC | Vision & Mission | Started */

#hsc-objectives-goals {width: 100%;display: flex;flex-wrap: wrap;position: relative;z-index: 2;padding:150px 0 100px;}
.hsc-objectives-goals-media figure {display: inline-block;margin-bottom: 0;background: rgb(0 128 129 / 85%);position: relative;}
.hsc-objectives-goals-media figure .pattern-bg {width: 120%;height: 100%;position: absolute;left: 5%;top: -5%;background: url(/hsc/static/side-pattern-bg.png);background-size: contain;}
.hsc-objectives-goals-media figure .holder {position: relative;width: 100%;float: left;display: block !important;transform: translate(45px, -55px);}
.hsc-objectives-goals-media figure .holder img {box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);width: 525px;}
.hsc-objectives-goals {display: block;padding-left: 10%;}
.hsc-objectives-goals b {display: block;font-size: 30px;font-weight: 800;color:#008081;}
.hsc-objectives-goals h4 {display: block;font-size: 30px;margin-bottom: 15px;}
.hsc-objectives-goals h4 span {color: #008081;}
.hsc-objectives-goals h3 {font-weight: 600;margin-bottom: 30px;color:#008081;}
.hsc-objectives-goals p {display: block;margin-bottom: 10px;text-align:justify;}
.hsc-objectives-goals a {display: inline-block;color: #26282b;font-weight: 600;}
.hsc-objectives-goals a img {height: 46px;margin-right: 15px;display: inline-block;}
.hsc-objectives-goals a:hover {color: #9f8054;text-decoration: none;}

/* HSC | Vision & Mission | Ends */

/* HSC | Advantages | Started */

#hsc-advantages {width: 100%;display: flex;flex-wrap: wrap;position: relative;z-index: 2;padding:150px 0 100px;}
.hsc-advantages-media figure {display: inline-block;margin-bottom: 0;background: rgb(0 128 129 / 85%);position: relative;}
.hsc-advantages-media figure .pattern-bg {width: 120%;height: 100%;position: absolute;left: 5%;top: -5%;background: url(/hsc/static/side-pattern-bg.png);background-size: contain;}
.hsc-advantages-media figure .holder {position: relative;width: 100%;float: left;display: block !important;transform: translate(45px, -55px);}
.hsc-advantages-media figure .holder img {box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);width: 525px;}
.hsc-advantages {display: block;padding-left: 10%;}
.hsc-advantages b {display: block;font-size: 30px;font-weight: 800;color:#008081;}
.hsc-advantages h4 {display: block;font-size: 30px;margin-bottom: 15px;}
.hsc-advantages h4 span {color: #008081;}
.hsc-advantages h3 {font-weight: 600;margin-bottom: 30px;color:#008081;}
.hsc-advantages p {display: block;margin-bottom: 10px;text-align:justify;}
.hsc-advantages a {display: inline-block;color: #26282b;font-weight: 600;}
.hsc-advantages a img {height: 46px;margin-right: 15px;display: inline-block;}
.hsc-advantages a:hover {color: #9f8054;text-decoration: none;}

/* HSC | Advantages | Ends */

/* HSC | Company Introduction Inner Page | Started */

#hsc-introduction {width: 100%;display: flex;flex-wrap: wrap;position: relative;z-index: 2;padding:100px 0 100px;}
.hsc-introduction figure {display: inline-block;margin-bottom: 0;background: rgb(0 128 129 / 85%);position: relative;}
.hsc-introduction figure .pattern-bg {width: 120%;height: 100%;position: absolute;left: 5%;top: -5%;background: url(/hsc/static/side-pattern-bg.png);background-size: contain;}
.hsc-introduction figure .holder {position: relative;width: 100%;float: left;display: block !important;transform: translate(45px, -55px);}
.hsc-introduction figure .holder img {box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);width: 525px;}
.hsc-introduction {display: block;padding-left: 10%;}
.hsc-introduction b {display: block;font-size: 30px;font-weight: 800;color:#008081;}
.hsc-introduction h4 {display: block;font-size: 30px;margin-bottom: 15px;}
.hsc-introduction h4 span {color: #008081;}
.hsc-introduction h3 {font-weight: 600;margin-bottom: 30px;color:#008081;}
.hsc-introduction p {display: block;margin-bottom: 10px;text-align:justify;}
.hsc-introduction a {display: inline-block;color: #26282b;font-weight: 600;}
.hsc-introduction a img {height: 46px;margin-right: 15px;display: inline-block;}
.hsc-introduction a:hover {color: #9f8054;text-decoration: none;}

/* HSC | Company Introduction Inner Page | Ends */

/* HSC | Legal Documents | Started */
#hsc-legal-documents .sppb-row-container {max-width: 1280px;}
#hsc-legal-documents .sppb-modal-selector {box-shadow: 0 0 20px rgb(0 0 0 / 30%);}
#hsc-legal-documents-read-more .sppb-row-container {max-width: 1280px;}
#hsc-legal-documents-heading .legal-documents-title h4{text-align:center;font-size: 42px;}
.legal-documents-title b {display: block;font-size: 30px;font-weight: 800;color:#008081;}
.legal-documents-title h4 {display: block;font-size: 30px;margin-bottom: 15px;}
.legal-documents-title h4 span {color: #008081;}

/* HSC | Legal Documents | Ends */

/* HSC | Main Footer | Started */

#sp-hsc-rich-footer:before{position: absolute;top: 0;left: 0;height: 100%;width: 100%;content: "";background: rgba(40, 47, 68, .95);}
#sp-hsc-rich-footer{background:url(/static/slider-images/engineering-and-legal-consultancy.jpg);position: relative;display: block;padding: 120px 0 120px;background-size: cover;background-repeat: no-repeat;}
#sp-hsc-rich-footer .row{-ms-flex-align: center!important;align-items: center!important;}
.hsc-contact-information {color:#9dfcff;}
.contact-info{display:flex;}
.contact-info h3{font-size:1.225rem;}
.contact-info p{font-size:0.9rem;opacity:0.7;margin-bottom:0;}
.contact-info i{font-size:50px;color:#008081;}
.social-icons i{font-size:30px;color:#008081;margin-right:20px;}
.drop-us-line{color:#fff;}
.drop-us-line h3{font-size:3rem;font-weight:500; text-transform: capitalize;}

#sp-hsc-drop-us-line .btn-primary {font-weight: 800;font-size: 14px;color: #fff!important;background-color:#008081;border: 2px solid #008081;border-radius:50px;display: inline-block;line-height: 0;padding:20px 40px; margin-top:40px;}
#sp-hsc-drop-us-line .btn-primary:hover {color: #008081;border-color: #008081;background-color:transparent;}
#sp-hsc-drop-us-line .form-control{border:none; border-bottom:1px solid rgba(255,255,255,0.15); background-color:transparent;border-radius:unset;color:#008081;}
#sp-hsc-drop-us-line .form-control:hover{border-color:rgba(255,255,255,0.5);}
#sp-hsc-drop-us-line .form-control:focus{box-shadow:none;}
#sp-hsc-drop-us-line label {color:#fff;font-size:1.25rem;}
#sp-hsc-drop-us-line .rsform-block-fullname , #cordoba-contact .rsform-block-email {margin-bottom: 3rem;}

#sp-hsc-footer{padding:40px;background-color:#edf2ff;color:#008081;}
a.sp-scroll-up{color:#9dfcff!important;}

/* HSC | Main Footer | Ends */

/* HSC | Logo | Branding | Links | Body | Started */

#sp-hsc-branding{z-index: 99;}
#sp-hsc-branding {position: fixed !important;width: 100%;height: auto;top: 80px;left: 0;padding: 5px 0;box-shadow: none;background-color: #fff;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#sp-hsc-branding.header-sticky {position: fixed;z-index: 9999;top: 0px;}
#sp-hsc-branding:not(.header-sticky) {background: transparent !important;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#sp-hsc-branding.header-sticky .sp-megamenu-parent > li > a {color: #00d4d7!important;}
#sp-hsc-branding .row{border-top:1px solid rgb(0 128 129 / 10%);}

.hsc-branding{color:#223e47;}
.hsc-branding-light{color:#daa734;}
a.hsc-branding-light:hover{color:#f7de7c;}

/* HSC | Logo | Branding | Links | Body | Ends */

/* HSC | Main Menu | Mega Menu | Started */

#sp-menu .sp-megamenu-parent>li {margin: 0;padding: 0;list-style: none;position: static;}
#sp-menu .sp-megamenu-parent>li>a {display: inline-block;font-weight: 600;padding: 25px;border-top: 1px solid transparent;text-transform: uppercase;font-size:1rem;line-height:0px;}
#sp-menu .sp-megamenu-parent>li>a:hover{background-color:#f9fbff;}
#sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .row{border-top:none;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background: #f9fbff;padding:32px 32px 54px}
@media (min-width: 576px){#sp-menu .col-sm-2 {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}}
/* .sp-dropdown-inner .col-sm-2:last-child{display:none;}*/
.sp-megamenu-parent .sp-mega-group > li > a {color: #00558d; margin-bottom:20px;}
.sp-megamenu-parent > li .sp-menu-badge{background:transparent;font-size: 12px;color: #8c8889;line-height: 18px;min-height: 38px;text-transform:capitalize;letter-spacing:inherit;padding:5px 0px;border-radius:inherit;}
.sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-right{margin-left:0!important;}
.hsc-mega-menu-icons img{display:inline-block;margin-right:5px;}
.hsc-mega-menu-items img{display:inline-block;margin-right:5px;}
.image-title {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;overflow: hidden;}
.image-title:before {content: "";position: absolute;z-index: -1;left: 0;right: 100%;bottom: -2px;background: #00d4d7;height: 4px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.image-title:hover:before, .image-title:focus:before, .image-title:active:before {
right: 0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {display: block;text-transform: uppercase;font-size: 14px;margin-bottom: 10px;}
.sp-megamenu-parent .sp-mega-group > li > a {font-weight:500;}
hr.hsc-hr {margin-top: 1rem!important;margin-bottom: 1rem!important;border: 0!important;border-bottom: 1px solid rgb(0 128 129 / 10%)!important;}

/* HSC | Main Menu | Mega Menu | Ends */

/* HSC | Template Based Sections | Started */

#sp-tistahel-main-body{padding:0;}
.com-sppagebuilder #sp-saudi-icon-main-body {padding: 0;}
#sp-settings{margin-top:3px;}

/* HSC | Template Based Sections | Ends */

/* HSC | Introduction | Started */

.saudi-icon-introduction-subheading h4{font-size: 16px;line-height: .8;font-weight: 600;color: #223e47;letter-spacing: 2.5px;text-transform: uppercase;margin: 0 0 5px;}
.saudi-icon-introduction-mainheading h2{font-size: 50px;line-height: 1.05;font-weight: 400;color: #223e47;letter-spacing: 2px;text-transform: uppercase;margin: 0 0 10px;}
.saudi-icon-intro-img1{position: absolute;right: 0;top: 0;z-index: 1;}
.saudi-icon-intro-img1 img{max-width: 100%;height: auto;-webkit-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:-2px 4px 30px 0px rgba(0, 0, 0, 0.3);box-shadow:-2px 4px 30px 0px rgba(0, 0, 0, 0.3);}
.saudi-icon-intro-img2{position: absolute;left: 0;top: 100px;z-index: 2;}
.saudi-icon-intro-img2:after{position: absolute;top: -40px;left: 40px;content: '';border: 10px solid #223e47;width: 470px;height: 458px;}
.saudi-icon-intro-img2 img{max-width: 100%;height: auto;-webkit-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:-2px 4px 35px 0px rgba(0, 0, 0, 0.3);box-shadow:-2px 4px 35px 0px rgba(0, 0, 0, 0.3);}

/* HSC | Introduction | Ends */

/* HSC | Contact Details Section | Started */

#saudi-icon-contact-details .sppb-btn-success:hover {color: #fff;background-color: #696c77;border-color: #223e47;}
#saudi-icon-contact-details .sppb-btn-success {color: #fff;background-color: #223e47;border-color: #696c77;}
.sppb-btn-success.focus, .sppb-btn-success:focus {color: #fff;box-shadow: 0 0 0 3px rgba(210, 210, 210,0.5);}

/* HSC | Contact Details Section | Ends */

/* HSC | Footer | Started */
#sp-saudi-icon-footer{font-size:14px;padding:0} 
#sp-saudi-icon-footer .container-inner{padding:30px 0;border-top:1px solid rgba(255, 255, 255, 0.1)} 
#sp-saudi-icon-footer ul.menu{display:inline-block;list-style:none;padding:0;margin:0 -10px}
#sp-saudi-icon-footer ul.menu li{display:inline-block;margin:0 10px}
#sp-saudi-icon-footer ul.menu li a{display:block}
#sp-saudi-icon-footer ul.menu li a:hover{background:none}
#sp-saudi-icon-footer{background:#223e47;color:#fff} 
#sp-saudi-icon-footer a{color:#a2a2a2} 
#sp-saudi-icon-footer a:hover,#sp-saudi-icon-footer a:active,#sp-saudi-icon-footer a:focus{color:#fff}

/* HSC | Footer | Ends */

.title-after-text {line-height: 1;overflow: hidden;font-weight: 400;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: rgba(34,62,71,.2);bottom: 50px;position: absolute;left: -140px;z-index: -1;font-weight: 700;transform: translateY(100%);color: transparent;}

/*

@media (min-width:1125px)

{.services-box .col-sm-2{
    border-radius: 8px;
    background-repeat: no-repeat;
    min-height: 460px;    
    padding: 24px;    
    background-size: 80%;
    background-image: url(https://www.webfx.com/assets/global/img/header/digital-marekting.png);
    background-position: right bottom;}
    
.services-box .col-sm-2:first-child{
    background-color: #FDEDED;    
    background-color: rgba(253,237,237,0.32);}
    
.services-box .col-sm-2:nth-child(2){
    background-color: #f2f8ff;
    background-color: rgba(204,228,255,0.16);}
 
.services-box .col-sm-2:nth-child(3){
    background-color: #f2fafb;
    background-color: rgba(237,249,248,0.56);}

.services-box .col-sm-2:nth-child(4){
    background-color: #f2f5f9;
    background-color: rgba(206,212,218,0.16);}

.services-box .col-sm-2:nth-child(5){
    background-color: rgba(210,220,238,0.4);}
    
}
*/

/* HSC | Projects | Started */

#hsc-projects .sppb-addon-title {color:#008081;font-size:60px;line-height:72px;}
#hsc-projects{border:1px solid #008081;}
.sp-simpleportfolio .sp-simpleportfolio-description {width: 70%;float: left;}
.sp-simpleportfolio .sp-simpleportfolio-description>h2 {line-height: 1.25;}
.sp-simpleportfolio-image {width: 25%;float: right;}
.sp-simpleportfolio .sp-simpleportfolio-meta {width: 30%;padding-left:0;}
.sp-simpleportfolio .sp-simpleportfolio-meta-details {float: left;padding-left: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.sp-simpleportfolio .sp-simpleportfolio-meta-details {width: 30%;}
.sp-simpleportfolio .sp-simpleportfolio-meta-details h4 {font-size: 16px;font-weight: 700;margin: 0 0 10px;}
.sp-simpleportfolio .sp-simpleportfolio-meta-details>div {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #eee;}
.sp-simpleportfolio .sp-simpleportfolio-meta-details>div:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
.com-spsimpleportfolio #sp-hsc-top-area{position:inherit!important;} 
.com-spsimpleportfolio #sp-hsc-main-body{padding:100px 0;}
.sp-simpleportfolio-title a,.sp-simpleportfolio-btns a{color:#008081!important;font-size:1.25rem;}
.sp-simpleportfolio-title a:hover{color:#00d4d7!important;}
.sppb-btn-primary {color: #fff;background-color:#008081!important;border-color: #66c5c5!important;}
.sppb-btn-primary:hover {color: #fff;background-color:#0a8b8c!important;border-color: #66c5c5!important;}
.mt-10{margin-top:10px;}

/* HSC | Projects | Ends */

/* HSC | Services | Started */

#hsc-services-introduction .sppb-addon-title{color:#008081;font-size:58px;line-height:58px;}
.sub-heading{font-size:40px; line-height:58px;}
#hsc-services-details{transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;padding: 40px 0 50px 0;margin: 0px;border:1px solid #008081;}
#hsc-services-details .sppb-addon-image-layout-content{color:#fff;background:none;padding:0;}
.hsc-service-image-box{display: block;position: relative;text-align: center;overflow: hidden;}
.hsc-overlay {position: absolute;top: 0;left: 0;background: #fff;opacity: .8;width: 100%;height: 100%;z-index: -1;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;}
.hsc-service-image-box .hsc-overlay {z-index: 1;opacity: 1;background: rgba(16,120,165,.2);}
.hsc-service-image-box h4 {color: #fff;position: absolute;top: 50%;left: 0;width: 100%;font-size: 26px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.hsc-service-image-box img {filter: grayscale(90%);}
.hsc-service-image-boximg {height: auto;max-width: 100%;border: none;-webkit-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}
.hsc-service-image-box:after {content: "";position: absolute;width: 30px;height: 30px;top: -15px;right: -15px;z-index: 1;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background: #43baff;}
.hsc-service-image-box:hover .hsc-overlay {background: transparent;}
.hsc-service-image-box:hover img {filter: none;}
.hsc-services-tagline{font-style:italic;color:#00d4d7;}
.hsc-services-details h2{color:#008081;font-size:3rem;font-weight:600;}
.hsc-services-details h3{color:#008081;font-size:2.5rem;font-weight:500;}
.hsc-services-details ol li{font-weight:600;line-height:1.75;}
.hsc-services-details ul li{font-weight:600;line-height:1.75;}
#hsc-services-01-details{background-color: #008081;background-image: url(../../../static/hsc-background-01.png);background-repeat: no-repeat;background-attachment: scroll;background-position: 0 50%;padding: 65px 0 60px 0;}
#hsc-services-02-details{background-color: #0d999a;background-image: url(../../../static/hsc-background-02.png);background-repeat: no-repeat;background-attachment: scroll;background-position: 100% 50%;padding: 65px 0 60px 0;}
#hsc-services-03-details{background-color: #18acad;background-image: url(../../../static/hsc-background-03.png);background-repeat: no-repeat;background-attachment: scroll;background-position: 0 50%;padding: 65px 0 60px 0;}
#hsc-services-04-details{background-image: url(../../../static/hsc-background-02.png);background-repeat: no-repeat;background-attachment: scroll;background-position: 0 50%;padding: 65px 0 60px 0;}
#hsc-services-05-details{background-image: url(../../../static/hsc-background-03.png);background-repeat: no-repeat;background-attachment: scroll;background-position: 50% 50%;padding: 65px 0 60px 0;}
.hsc-services-01-details h2, .hsc-services-02-details h2, .hsc-services-03-details h2{color:#fff;font-size:1.75rem;font-weight:600;}
.hsc-services-04-details h2,.hsc-services-05-details h2{color:#008081;font-size:1.75rem;font-weight:600;}
.hsc-services-01-details p, .hsc-services-02-details p, .hsc-services-03-details p{color:#fff;}
.hsc-services-01-details ol li, .hsc-services-02-details ol li, .hsc-services-03-details ol li{font-weight:600;line-height:1.75;color:#fff;}
.hsc-services-01-details ul li, .hsc-services-02-details ul li, .hsc-services-03-details ul li{font-weight:600;line-height:1.75;color:#fff;}
.hsc-services-04-details ul li,.hsc-services-05-details ul li{font-weight:600;line-height:1.75;color:#26282b;}
#hsc-services-benefits{padding: 40px 0;margin: 0px;}
.hsc-services-benefits h2{color:#008081;font-size:1.75rem;font-weight:600;}
.hsc-services-benefits ol li{font-weight:600;line-height:1.75;}
.hsc-services-benefits ul li{font-weight:600;line-height:1.75;}

/* HSC | Services | Ends */

/* HSC | Mobile & Responsive | Started */

@media screen and (max-width: 768px){
#sp-hsc-top-area:not(.header-sticky) {background:#ffffffd1 !important;}
.com-spsimpleportfolio #sp-hsc-main-body{padding:50px 0;}
#sp-hsc-language-options ul.lang-inline{margin:0 0px;padding:10px 0;}
#sp-hsc-language-options ul.lang-inline li a{margin:0px 2px}
.hsc-phone-email img{float: right;height: 25px;margin-left: 5px;}
.hsc-phone-email h4 {margin-bottom: -5px;font-size: 14px;}
#sp-hsc-top-contacts .small,#sp-hsc-top-contacts small {font-size: 70%;font-weight: 300;}
.hsc-company-introduction-media figure .holder {position: relative;width: 100%;float: left;display: block !important;transform: translate(0px, 0px);}
.hsc-company-introduction {padding-left: inherit;}
.hsc-thm-btn {font-size: 13px;padding:10px 15px;}
.drop-us-line h3{font-size:2.5rem;}
#sp-hsc-drop-us-line .btn-primary {margin-top:10px;float:right;}
#sp-hsc-rich-footer{padding: 40px 0 40px;}
.sp-simpleportfolio .sp-simpleportfolio-description{width: 100%;text-align:justify;margin-bottom:0;}
.sp-simpleportfolio-image{width: 100%;margin-bottom:20px!important;}
.sp-simpleportfolio .sp-simpleportfolio-img{margin-right:auto;margin-left:auto;}
.sp-simpleportfolio .sp-simpleportfolio-meta{width: 50%;float: left;}
.sp-simpleportfolio .sp-simpleportfolio-meta-details{width: 50%;float: left;}
#hsc-services-04-details{padding: 30px 0 0px 0;}
#hsc-services-05-details{padding: 30px 0 0px 0;}
#hsc-projects .sppb-addon-title {font-size: 34px;line-height: 1.25;}
.hsc-service-image-box h4 {font-size: 20px;}
.hsc-services-details h2 {font-size: 2rem;margin-top: 10px;}  
.hsc-services-details h3 {font-size:1.75rem;}
#hsc-services-introduction .sppb-addon-title{font-size:30px;line-height:40px;}
.sub-heading {font-size: 22px;}
#hsc-chairman-message,#hsc-introduction,#hsc-vision-mission,#hsc-objectives-goals,#hsc-advantages {padding:0px;}
.hsc-chairman-message,.hsc-introduction,.hsc-vision-mission,.hsc-objectives-goals,.hsc-advantages {padding-left: 0;}
.hsc-chairman-message-media figure .holder, .hsc-vision-mission-media figure .holder, .hsc-objectives-goals-media figure .holder, .hsc-advantages-media figure .holder {transform: none;}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a, .offcanvas-menu .offcanvas-inner .sp-module ul>li span {font-size: 1.35rem;padding: 0.15rem 0;}
}

/* HSC | Mobile & Responsive | Ends */

/* HSC | General CSS Rules | Started */


/* HSC | General CSS Rules | Ends /