.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ct-div-block,
.oxy-post-content,
.ct-text-block,
.ct-headline,
.oxy-rich-text,
.ct-link-text { max-width: 100%; }
img { flex-shrink: 0; }
body * { min-height: 1px; }
} .oxy-testimonial {
flex-direction: row;
align-items: center;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
order: 1;
}
.oxy-testimonial .oxy-testimonial-photo {
width: 125px; height: 125px; margin-right: 20px;
}
.oxy-testimonial .oxy-testimonial-photo-wrap,
.oxy-testimonial .oxy-testimonial-author-wrap,
.oxy-testimonial .oxy-testimonial-content-wrap {
align-items: flex-start; text-align: left; }
.oxy-testimonial .oxy-testimonial-text {
margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author {
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author-info {
font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-icon-box {
text-align: left; flex-direction: column; }
.oxy-icon-box .oxy-icon-box-icon {
margin-bottom: 12px;
align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-heading {
font-size: 21px;
margin-bottom: 12px; }
.oxy-icon-box .oxy-icon-box-text {
font-size: 16px;
margin-bottom: 12px;align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-link {
margin-top: 20px; }
/* GLOBALS */
.oxy-pricing-box .oxy-pricing-box-section {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center; }
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
justify-content: center; }
/* IMAGE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center; }
/* TITLE */
.oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px;
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px;
}
/* PRICE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
flex-direction: row; }
.oxy-pricing-box .oxy-pricing-box-currency {
font-size: 28px;
}
.oxy-pricing-box .oxy-pricing-box-amount-main {
font-size: 80px;
line-height: 0.7;
}
.oxy-pricing-box .oxy-pricing-box-amount-decimal {
font-size: 13px;
}
.oxy-pricing-box .oxy-pricing-box-term {
font-size: 16px;
}
.oxy-pricing-box .oxy-pricing-box-sale-price {
font-size: 12px;
color: rgba(0,0,0,0.5);
margin-bottom: 20px; }
/* CONTENT */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5);
}
/* CTA */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
justify-content: center; }
.oxy-progress-bar .oxy-progress-bar-background {
background-color: #000000; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent); animation: none 0s paused; }
.oxy-progress-bar .oxy-progress-bar-progress-wrap {
width: 85%; }
.oxy-progress-bar .oxy-progress-bar-progress {
background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);
}
.oxy-progress-bar .oxy-progress-bar-overlay-text {
font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-progress-bar .oxy-progress-bar-overlay-percent {
font-size: 12px;
}
.ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
padding: 0px; }
.oxy-superbox .oxy-superbox-secondary,
.oxy-superbox .oxy-superbox-primary {
transition-duration: 0.5s; }
.oxy-shape-divider {
width: 0px;
height: 0px;
}
.oxy_shape_divider svg {
width: 100%;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}
.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
flex-direction: row;
}
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
align-items: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container{
top: 0;
bottom: 0;
right: auto;
left: 0;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}
.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}
.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
--oxynav-animation-name: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){
background-color: var(--oxynav-brand-color);
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
border: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){
background: transparent;
border: 1px solid currentColor;
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
filter: invert(0) !important;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
background-color: var(--oxynav-activehover-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.ct-section-inner-wrap, .oxy-header-container{
max-width: 1440px;
}
body {font-family: 'Roboto';}body {line-height: 1.6;font-size: clamp(1.4rem, calc(1.4rem + ((1vw - 0.48rem) * 0.2778)), 1.6rem); ;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Cardo';font-size: clamp(2rem, calc(2rem + ((1vw - 0.48rem) * 1.1111)), 2.8rem) ;font-weight: 600;line-height: 1.2;}h2, h3, h4, h5, h6{font-size: clamp(1.8rem, calc(1.8rem + ((1vw - 0.48rem) * 1.1111)), 2.6rem) ;font-weight: 600;line-height: 1.2;}h3, h4, h5, h6{font-size: clamp(1.8rem, calc(1.8rem + ((1vw - 0.48rem) * 0.8333)), 2.4rem) ;font-weight: 600;line-height: 1.2;}h4, h5, h6{font-size: clamp(1.8rem, calc(1.8rem + ((1vw - 0.48rem) * 0.2778)), 2rem) ;font-weight: 600;line-height: 1.2;}h5, h6{font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.32rem) * 0.2083)), 1.8rem) ;font-weight: 600;line-height: 1.2;}h6{font-size: clamp(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.2083)), 1.6rem) ;font-weight: 600;line-height: 1.2;}a {color: #222222;text-decoration: none;}a:hover {color: #98a1a8;text-decoration: none;}.ct-link-text {color: #222222;text-decoration: none;}.ct-link-text:hover {color: #98a1a8;text-decoration: none;}.ct-link {color: #222222;text-decoration: none;}.ct-link:hover {color: #98a1a8;text-decoration: none;}.ct-link-button {border-radius: 0px;}.ct-section-inner-wrap {
padding-top: clamp(4rem, calc(4rem + ((1vw - 0.48rem) * 5.5556)), 8rem) ;
padding-right: clamp(2rem, calc(2rem + ((1vw - 0.48rem) * 2.7778)), 4rem) ;
padding-bottom: clamp(4rem, calc(4rem + ((1vw - 0.48rem) * 5.5556)), 8rem) ;
padding-left: clamp(2rem, calc(2rem + ((1vw - 0.48rem) * 2.7778)), 4rem) ;
}.ct-new-columns > .ct-div-block {
}.oxy-header-container {
padding-right: clamp(2rem, calc(2rem + ((1vw - 0.48rem) * 2.7778)), 4rem) ;
padding-left: clamp(2rem, calc(2rem + ((1vw - 0.48rem) * 2.7778)), 4rem) ;
}@media (max-width: 992px) {
.ct-columns-inner-wrap {
display: block !important;
}
.ct-columns-inner-wrap:after {
display: table;
clear: both;
content: "";
}
.ct-column {
width: 100% !important;
margin: 0 !important;
}
.ct-columns-inner-wrap {
margin: 0 !important;
}
}
.social-links {
border-radius:6px;
overflow:hidden;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
}
.card {
overflow:hidden;
position:relative;
background-color:#ffffff;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#dee1e3;
border-right-color:#dee1e3;
border-bottom-color:#dee1e3;
border-left-color:#dee1e3;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
width:100%;
height:100%;
text-align:center;
border-radius:8px;
}
.card:not(.ct-section):not(.oxy-easy-posts),
.card.oxy-easy-posts .oxy-posts,
.card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 1440px) {
.card {
}
}
.card-button:hover{
background-color :#000000;
border: 1px solid #000000;
color: #ffffff;
}.card-button:hover{
background-color:#606e79;
color:#ffffff;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#171412;
border-right-color:#171412;
border-bottom-color:#171412;
border-left-color:#171412;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
}
.card-button {
background-color :#f3ab2f;
border: 1px solid #f3ab2f;
color: #ffffff;
}.card-button {
font-family:Almarai;
font-size:12px;
button-hover_color:#000000;
transition-duration:0.3s;
position:absolute;
bottom:-50px;
padding-left:32px;
padding-right:32px;
padding-top:10px;
padding-bottom:10px;
background-color:#171412;
color:#ffffff;
height:42px;
letter-spacing:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#726658;
border-right-color:#726658;
border-bottom-color:#726658;
border-left-color:#726658;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-radius:4px;
width:auto;
box-shadow:0px 0px 8px 2px rgba(0,0,0,0.3);
}
.card-image {
overflow:hidden;
}
.shine-image {
}
@media (max-width: 1440px) {
.shine-image {
}
}
.card-div-content {
}
.card-div-content:not(.ct-section):not(.oxy-easy-posts),
.card-div-content.oxy-easy-posts .oxy-posts,
.card-div-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:flex-start;
}
.card_title {
padding-left:20px;
padding-right:20px;
width:100%;
text-align:center;
font-size:20px;
background-color:#ffffff;
z-index:3;
padding-top:20px;
padding-bottom:20px;
font-weight:700;
margin-top:auto;
margin-bottom:auto;
}
@media (max-width: 1440px) {
.card_title {
font-size:16px;
padding-top:14px;
padding-bottom:14px;
}
}
.card_content {
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
text-align:justify;
}
@media (max-width: 1440px) {
.card_content {
font-size:14px;
padding-left:12px;
padding-right:12px;
}
}
.shine-button {
}
@media (max-width: 1440px) {
.shine-button {
}
}
.text-transparent {
font-family:Almarai;
color:rgba(255,255,255,0);
font-size:46px;
line-height:1.4;
}
@media (max-width: 1440px) {
.text-transparent {
font-size:30px;
}
}
@media (max-width: 991px) {
.text-transparent {
line-height:1.2;
font-size:20px;
}
}
.custom-button:hover{
background-color:#171412;
color:#ffffff;
}
.custom-button {
font-family:Roboto;
text-align:center;
padding-top:12px;
padding-bottom:12px;
padding-left:32px;
padding-right:32px;
font-size:11px;
font-weight:600;
text-transform:uppercase;
border-top-color:#d1c6bd;
border-right-color:#d1c6bd;
border-bottom-color:#d1c6bd;
border-left-color:#d1c6bd;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
color:#ffffff;
transition-duration:0.6s;
z-index:1;
border-radius:4px;
background-color:#726658;
}
.custom-button:not(.ct-section):not(.oxy-easy-posts),
.custom-button.oxy-easy-posts .oxy-posts,
.custom-button.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 1440px) {
.custom-button {
padding-top:12px;
padding-bottom:12px;
padding-left:32px;
padding-right:32px;
}
}
.custom-button_icon {
color: #ffffff;}.custom-button_icon
>svg {width: 20px;height: 20px;}.custom-button_icon {
}
.project-box-div:hover{
color:#ffffff;
background-color:#726658;
}
.project-box-div {
text-align:center;
color:#374047;
transition-duration:0.6s;
border-radius:8px;
background-color:#ffffff;
border-top-color:#d1c6bd;
border-right-color:#d1c6bd;
border-bottom-color:#d1c6bd;
border-left-color:#d1c6bd;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
}
.project-box-div:not(.ct-section):not(.oxy-easy-posts),
.project-box-div.oxy-easy-posts .oxy-posts,
.project-box-div.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 1440px) {
.project-box-div {
text-align:center;
}
.project-box-div:not(.ct-section):not(.oxy-easy-posts),
.project-box-div.oxy-easy-posts .oxy-posts,
.project-box-div.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}
@media (max-width: 991px) {
.project-box-div {
text-align:center;
}
.project-box-div:not(.ct-section):not(.oxy-easy-posts),
.project-box-div.oxy-easy-posts .oxy-posts,
.project-box-div.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}
@media (max-width: 767px) {
.project-box-div {
text-align:center;
}
.project-box-div:not(.ct-section):not(.oxy-easy-posts),
.project-box-div.oxy-easy-posts .oxy-posts,
.project-box-div.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}
@media (max-width: 479px) {
.project-box-div {
text-align:center;
}
.project-box-div:not(.ct-section):not(.oxy-easy-posts),
.project-box-div.oxy-easy-posts .oxy-posts,
.project-box-div.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}
.project-box-div-button:hover{
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
background-color:#171412;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-color:#cfd3d7;
border-right-color:#cfd3d7;
border-bottom-color:#cfd3d7;
border-left-color:#cfd3d7;
}
.project-box-div-button {
transition-duration:0.3s;
padding-left:24px;
padding-right:24px;
padding-top:10px;
padding-bottom:10px;
color:#ffffff;
font-size:11px;
text-transform:capitalize;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
font-weight:400;
background-color:#726658;
border-top-color:#cfd3d7;
border-right-color:#cfd3d7;
border-bottom-color:#cfd3d7;
border-left-color:#cfd3d7;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
}
.project-box-div-button:not(.ct-section):not(.oxy-easy-posts),
.project-box-div-button.oxy-easy-posts .oxy-posts,
.project-box-div-button.ct-section .ct-section-inner-wrap{
display:flex;
}
.project-box-div-img {
width:100%;
height:220px;
z-index:2;
}
@media (max-width: 1440px) {
.project-box-div-img {
height:140px;
}
}
@media (max-width: 991px) {
.project-box-div-img {
height:220px;
}
}
@media (max-width: 767px) {
.project-box-div-img {
height:280px;
}
}
@media (max-width: 479px) {
.project-box-div-img {
height:200px;
}
}
.project-box-div-title {
font-family:Roboto;
text-align:center;
font-size:14px;
padding-left:32px;
padding-right:32px;
font-weight:500;
padding-top:10px;
padding-bottom:10px;
height:60px;
}
.project-box-div-title:not(.ct-section):not(.oxy-easy-posts),
.project-box-div-title.oxy-easy-posts .oxy-posts,
.project-box-div-title.ct-section .ct-section-inner-wrap{
display:block;
}
@media (max-width: 1440px) {
.project-box-div-title {
padding-left:16px;
padding-right:16px;
}
}
.section-title {
color:#b6a89a;
}
.tabs-dsg4 {
position:relative;
overflow:hidden;
height:100vh;
width:100%;
}
.tabs-dsg4:not(.ct-section):not(.oxy-easy-posts),
.tabs-dsg4.oxy-easy-posts .oxy-posts,
.tabs-dsg4.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:center;
}
@media (max-width: 1440px) {
.tabs-dsg4 {
}
.tabs-dsg4:not(.ct-section):not(.oxy-easy-posts),
.tabs-dsg4.oxy-easy-posts .oxy-posts,
.tabs-dsg4.ct-section .ct-section-inner-wrap{
justify-content:center;
}
}
@media (max-width: 991px) {
.tabs-dsg4 {
text-align:left;
position:relative;
}
.tabs-dsg4:not(.ct-section):not(.oxy-easy-posts),
.tabs-dsg4.oxy-easy-posts .oxy-posts,
.tabs-dsg4.ct-section .ct-section-inner-wrap{
justify-content:center;
}
}
@media (max-width: 767px) {
.tabs-dsg4 {
}
.tabs-dsg4:not(.ct-section):not(.oxy-easy-posts),
.tabs-dsg4.oxy-easy-posts .oxy-posts,
.tabs-dsg4.ct-section .ct-section-inner-wrap{
justify-content:center;
}
}
@media (max-width: 479px) {
.tabs-dsg4 {
}
}
.tabs-dsg4-content-ar {
padding-left:36px;
padding-top:54px;
padding-right:36px;
padding-bottom:54px;
width:600px;
overflow:hidden;
background-color:rgba(90,82,74,0.72);
position:absolute;
left:4%;
border-radius:16px;
top: 50%; transform: translateY(-50%);
}
.tabs-dsg4-content-ar:not(.ct-section):not(.oxy-easy-posts),
.tabs-dsg4-content-ar.oxy-easy-posts .oxy-posts,
.tabs-dsg4-content-ar.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 1440px) {
.tabs-dsg4-content-ar {
padding-right:40px;
padding-top:40px;
padding-bottom:40px;
padding-left:40px;
width:500px;
}
}
@media (max-width: 991px) {
.tabs-dsg4-content-ar {
}
}
@media (max-width: 767px) {
.tabs-dsg4-content-ar {
}
.tabs-dsg4-content-ar:not(.ct-section):not(.oxy-easy-posts),
.tabs-dsg4-content-ar.oxy-easy-posts .oxy-posts,
.tabs-dsg4-content-ar.ct-section .ct-section-inner-wrap{
display:none;
}
}
@media (max-width: 479px) {
.tabs-dsg4-content-ar {
}
.tabs-dsg4-content-ar:not(.ct-section):not(.oxy-easy-posts),
.tabs-dsg4-content-ar.oxy-easy-posts .oxy-posts,
.tabs-dsg4-content-ar.ct-section .ct-section-inner-wrap{
display:none;
}
}
.tabs-dsg4-content_text1 {
font-family:Cardo;
color:#ffffff;
text-align:left;
font-weight:700;
text-transform:capitalize;
useCustomTag:true;
font-size:32px;
line-height:1.2;
}
@media (max-width: 1440px) {
.tabs-dsg4-content_text1 {
font-size:28px;
}
}
@media (max-width: 991px) {
.tabs-dsg4-content_text1 {
font-size:26px;
}
}
@media (max-width: 767px) {
.tabs-dsg4-content_text1 {
font-size:14px;
}
}
@media (max-width: 479px) {
.tabs-dsg4-content_text1 {
font-size:12px;
}
}
.tabs-dsg4-content_text2 {
font-family:Roboto;
color:#ffffff;
text-align:left;
font-weight:400;
text-transform:capitalize;
useCustomTag:true;
line-height:1.2;
font-size:24px;
margin-top:8px;
}
@media (max-width: 1440px) {
.tabs-dsg4-content_text2 {
font-size:20px;
}
}
@media (max-width: 991px) {
.tabs-dsg4-content_text2 {
letter-spacing:0px;
font-size:18px;
}
}
@media (max-width: 767px) {
.tabs-dsg4-content_text2 {
font-size:14px;
}
}
@media (max-width: 479px) {
.tabs-dsg4-content_text2 {
font-size:12px;
}
}
.tabs-dsg4-content_text3 {
font-family:Roboto;
color:#ffffff;
font-size:16px;
text-align:left;
font-weight:400;
useCustomTag:false;
margin-top:16px;
}
@media (max-width: 1440px) {
.tabs-dsg4-content_text3 {
}
}
@media (max-width: 991px) {
.tabs-dsg4-content_text3 {
font-size:14px;
}
}
@media (max-width: 767px) {
.tabs-dsg4-content_text3 {
font-size:12px;
}
}
.custom-button-slider:hover{
background-color:#171412;
color:#ffffff;
}
.custom-button-slider {
font-family:Roboto;
text-align:center;
padding-top:12px;
padding-bottom:12px;
padding-left:36px;
padding-right:36px;
text-transform:uppercase;
border-top-color:#d1c6bd;
border-right-color:#d1c6bd;
border-bottom-color:#d1c6bd;
border-left-color:#d1c6bd;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
transition-duration:0.6s;
z-index:1;
border-radius:8px;
background-color:#726658;
margin-top:24px;
font-size:16px;
font-weight:400;
}
.custom-button-slider:not(.ct-section):not(.oxy-easy-posts),
.custom-button-slider.oxy-easy-posts .oxy-posts,
.custom-button-slider.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
@media (max-width: 1440px) {
.custom-button-slider {
padding-top:12px;
padding-bottom:12px;
padding-left:32px;
padding-right:32px;
}
}
@media (max-width: 991px) {
.custom-button-slider {
font-size:11px;
padding-left:28px;
padding-right:28px;
padding-top:10px;
padding-bottom:10px;
}
}
.tabs-dsg4-img {
width:100%;
height:100vh;
z-index:-1;
position:relative;
}
@media (max-width: 991px) {
.tabs-dsg4-img {
}
}
.tabs-dsg4-img2:before{
width:100%;
height:100vh;
position:absolute;
top:0px;
left:0px;
bottom:0px;
right:0px;
background-color:rgba(5,11,17,0.3);
content:"";
}
.tabs-dsg4-img2 {
width:100%;
height:100vh;
position:absolute;
z-index:-1;
}
@media (max-width: 767px) {
.tabs-dsg4-img2 {
}
}
.tabs-3149-tab:hover{
background-color:#171412;
border-top-color:#413326;
border-right-color:#413326;
border-bottom-color:#413326;
border-left-color:#413326;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
color:#f6f7f7;
}
.tabs-3149-tab {
z-index:10;
top:30%;
background-color:#ffffff;
padding-bottom:12px;
padding-right:12px;
padding-left:12px;
height:120px;
width:120px;
transition-duration:0.8s;
border-top-color:#ffffff;
border-right-color:#ffffff;
border-bottom-color:#ffffff;
border-left-color:#ffffff;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
color:#726658;
margin-left:8px;
margin-right:8px;
padding-top:12px;
margin-bottom:64px;
border-radius:8px;
}
.tabs-3149-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-3149-tab.oxy-easy-posts .oxy-posts,
.tabs-3149-tab.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 991px) {
.tabs-3149-tab {
width:80px;
height:80px;
}
}
.tabs-3149-tab-active {
background-color:#726658;
color:#f6f7f7;
}
.tab-number {
font-family:Cardo;
font-size:20px;
font-weight:700;
margin-top:auto;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
}
.tab-number:not(.ct-section):not(.oxy-easy-posts),
.tab-number.oxy-easy-posts .oxy-posts,
.tab-number.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.tabs-contents-3149-tab {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}
@media (max-width: 991px) {
.tabs-contents-3149-tab {
}
}
.circle-text {
width:220px;
height:auto;
z-index:10;
position:absolute;
left:35%;
top:190px;
}
@media (max-width: 1440px) {
.circle-text {
position:absolute;
width:160px;
top:110px;
left:89%;
display:none;
}
}
@media (max-width: 991px) {
.circle-text {
display:none;
}
}
.toggle-1234:hover{
color:#ffffff;
background-color:#171412;
}
.toggle-1234 {
width:100%;
padding-top:16px;
padding-bottom:16px;
transition-duration:0.6s;
border-bottom-color:#7f8b93;
border-bottom-width:1px;
border-bottom-style:dotted;
color:#ffffff;
font-weight:600;
background-color:#b6a89a;
padding-left:24px;
border-radius:4px;
}
.toggle-1234 .oxy-expand-collapse-icon {
font-size: 0px; }
.toggle-1234-expanded {
padding-top:16px;
padding-bottom:16px;
background-color:#726658;
}
.toggle-main_title {
font-family:Cardo;
font-size:18px;
font-weight:400;
padding-right:20px;
}
.toogle-content {
}
.toggle-content {
font-family:Roboto;
}
@media (max-width: 1440px) {
.toggle-content {
font-size:14px;
}
}
.btn-6 {
padding-left:32px;
padding-right:32px;
border-radius:50px;
}
.tabs-dsg4-content {
border-radius:16px;
padding-left:36px;
padding-top:54px;
padding-right:36px;
padding-bottom:54px;
right:4%;
width:600px;
overflow:hidden;
position:absolute;
background-color:rgba(114,102,88,0.6);
}
.tabs-dsg4-content:not(.ct-section):not(.oxy-easy-posts),
.tabs-dsg4-content.oxy-easy-posts .oxy-posts,
.tabs-dsg4-content.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 1440px) {
.tabs-dsg4-content {
padding-right:40px;
padding-top:40px;
padding-bottom:40px;
padding-left:40px;
width:500px;
}
}
@media (max-width: 991px) {
.tabs-dsg4-content {
}
}
@media (max-width: 767px) {
.tabs-dsg4-content {
}
.tabs-dsg4-content:not(.ct-section):not(.oxy-easy-posts),
.tabs-dsg4-content.oxy-easy-posts .oxy-posts,
.tabs-dsg4-content.ct-section .ct-section-inner-wrap{
display:none;
}
}
@media (max-width: 479px) {
.tabs-dsg4-content {
}
.tabs-dsg4-content:not(.ct-section):not(.oxy-easy-posts),
.tabs-dsg4-content.oxy-easy-posts .oxy-posts,
.tabs-dsg4-content.ct-section .ct-section-inner-wrap{
display:none;
}
}
.icon-menu:hover{
color:#171412;
background-color:rgba(168,162,153,0.45);
}
.icon-menu {
width:40px;
height:40px;
text-align:center;
border-right-style:none;
color:#726658;
transition-duration:1s;
right:0px;
border-left-style:none;
background-color:#ffffff;
border-radius:8px;
}
.icon-menu:not(.ct-section):not(.oxy-easy-posts),
.icon-menu.oxy-easy-posts .oxy-posts,
.icon-menu.ct-section .ct-section-inner-wrap{
align-items:center;
justify-content:center;
}
@media (max-width: 1440px) {
.icon-menu {
}
}
.floating-pop {
}
.dsg-3-icon-box {
}
.dsg-3-icon-box:not(.ct-section):not(.oxy-easy-posts),
.dsg-3-icon-box.oxy-easy-posts .oxy-posts,
.dsg-3-icon-box.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(5, minmax(0px, 1fr));grid-column-gap: 0px;grid-row-gap: 20px;}
.dsg-3-icon-box:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.dsg-3-icon-box.ct-section .ct-section-inner-wrap > :last-child,
.dsg-3-icon-box.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 4;}
.dsg-3-icon-box:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.dsg-3-icon-box.ct-section .ct-section-inner-wrap > :nth-child(1),
.dsg-3-icon-box.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 1;}
.dsg-3-icon-box_icon:hover{
}
.dsg-3-icon-box_icon {
color:#ffffff;
border-radius:50px;
width:80px;
height:80px;
position:relative;
padding-top:16px;
padding-bottom:16px;
padding-left:16px;
}
.dsg-3-icon-box_icon-icon {
color: #ffffff;}.dsg-3-icon-box_icon-icon
>svg {width: 48px;height: 48px;}.dsg-3-icon-box_icon-icon {
position:absolute;
}
.dsg-3-icon-box_content {
margin-left:24px;
}
.dsg-3-icon-box_content-heading {
font-size:24px;
}
.dsg-3-icon-box_content-text {
font-size:16px;
text-align:left;
}
.tilt-box {
}
.oxel_number_counter {
text-align:left;
}
.oxel_number_counter:not(.ct-section):not(.oxy-easy-posts),
.oxel_number_counter.oxy-easy-posts .oxy-posts,
.oxel_number_counter.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 767px) {
.oxel_number_counter {
text-align:left;
}
}
.oxel_number_counter__number {
font-family:Cardo;
font-weight:500;
font-size:60px;
margin-left:auto;
margin-right:auto;
}
@media (max-width: 1440px) {
.oxel_number_counter__number {
font-size:40px;
}
}
.oxel_number_counter__label {
font-family:Almarai;
line-height:1;
color:#d1c6bd;
font-size:18px;
}
@media (max-width: 1440px) {
.oxel_number_counter__label {
font-size:13px;
}
}
.oxel_back_to_top_container:hover{
transform:scale(1.1,1.1) translateY(-3px); background-color:#171412;
}
.oxel_back_to_top_container {
width:42px;
height:42px;
border-radius:4px;
background-color:#726658;
position:fixed;
z-index:1500;
right:32px;
text-align:center;
overflow:hidden;
transition-duration:0.3s;
transition-timing-function:ease-in-out;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:rgba(255,255,255,0.34);
border-right-color:rgba(255,255,255,0.34);
border-bottom-color:rgba(255,255,255,0.34);
border-left-color:rgba(255,255,255,0.34);
bottom:26px;
box-shadow:0px 4px 17px -10px #1e1e1e;
}
.oxel_back_to_top_container:not(.ct-section):not(.oxy-easy-posts),
.oxel_back_to_top_container.oxy-easy-posts .oxy-posts,
.oxel_back_to_top_container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel_back_to_top_icon {
color: #d1c6bd;}.oxel_back_to_top_icon
>svg {width: 23px;height: 23px;}.oxel_back_to_top_icon {
}
.oxel_megamenu_parent:hover{
border-bottom-style:solid;
border-bottom-color:color(51);
border-bottom-width:1px;
padding-top:16px;
padding-bottom:16px;
}
.oxel_megamenu_parent {
padding-top:16px;
padding-bottom:16px;
position:relative;
background-color:#f9f9fa;
transition-duration:0.3s;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#ffffff;
}
.oxel_megamenu_parent__title {
font-family:Roboto;
color:#374047;
font-size:14px;
font-weight:500;
}
.oxel_megamenu__wrapper {
transform:; opacity:1;
transition-duration:0.3s;
transition-timing-function:ease-in-out;
position:relative;
width:100%;
z-index:1999;
background-color:rgba(255,255,255,0);
margin-top:-30px;
}
.oxel_megamenu__wrapper:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__wrapper.oxy-easy-posts .oxy-posts,
.oxel_megamenu__wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.oxel_megamenu__wrapper--hidden {
transform:translateY(64px); opacity:0;
pointer-events: none;
}
.oxel_megamenu__close-icon {
color: #333333;}.oxel_megamenu__close-icon
>svg {width: 32px;height: 32px;}.oxel_megamenu__close-icon {
position:absolute;
top:48px;
right:16px;
}
.oxel_megamenu__close-icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__close-icon.oxy-easy-posts .oxy-posts,
.oxel_megamenu__close-icon.ct-section .ct-section-inner-wrap{
display:none;
flex-direction:unset;
}
@media (max-width: 991px) {
.oxel_megamenu__close-icon {
}
.oxel_megamenu__close-icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__close-icon.oxy-easy-posts .oxy-posts,
.oxel_megamenu__close-icon.ct-section .ct-section-inner-wrap{
display:flex;
}
}
.shine-image2 {
margin-top:-100px;
margin-bottom:100px;
}
@media (max-width: 1440px) {
.shine-image2 {
margin-top:-40px;
margin-bottom:0px;
}
}
@media (max-width: 991px) {
.shine-image2 {
margin-top:-68px;
}
}
.box-stages {
background-color:#ffffff;
width:100%;
overflow:hidden;
}
.box-stages:not(.ct-section):not(.oxy-easy-posts),
.box-stages.oxy-easy-posts .oxy-posts,
.box-stages.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 1440px) {
.box-stages {
}
}
@media (max-width: 991px) {
.box-stages {
}
.box-stages:not(.ct-section):not(.oxy-easy-posts),
.box-stages.oxy-easy-posts .oxy-posts,
.box-stages.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
}
@media (max-width: 767px) {
.box-stages {
}
}
@media (max-width: 479px) {
.box-stages {
padding-left:20px;
padding-right:20px;
padding-top:20px;
padding-bottom:20px;
}
.box-stages:not(.ct-section):not(.oxy-easy-posts),
.box-stages.oxy-easy-posts .oxy-posts,
.box-stages.ct-section .ct-section-inner-wrap{
display:flex;
}
}
.text-transparent2 {
color:rgba(255,255,255,0);
}
.box-stages_numbers {
margin-right:20px;
font-size:140px;
font-weight:700;
}
@media (max-width: 1440px) {
.box-stages_numbers {
margin-right:8px;
}
}
@media (max-width: 991px) {
.box-stages_numbers {
text-align:center;
margin-right:20px;
}
}
.box-stages_title {
font-family:Almarai;
font-size:24px;
font-weight:700;
}
@media (max-width: 1440px) {
.box-stages_title {
font-size:20px;
}
}
.custom-cursor {
width:32px;
height:32px;
border-radius:50%;
background-color:rgba(55,64,71,0.15);
border-top-style:dashed;
border-right-style:dashed;
border-bottom-style:dashed;
border-left-style:dashed;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-color:#98a1a8;
border-right-color:#98a1a8;
border-bottom-color:#98a1a8;
border-left-color:#98a1a8;
position:absolute;
top:0px;
left:0px;
z-index:1000;
min-width:0px !important; min-height:0px !important;
}
.slanted-stripe {
}
.hover-transparent {
}
.hover-transparent2 {
}
.oxy-stock-content-styles {
}
.slanted-stripe-bg {
}
.tabs-4815-tab:hover{
background-color:#171412;
color:#ffffff;
}
.tabs-4815-tab {
border-top-color:#726658;
border-right-color:#726658;
border-bottom-color:#726658;
border-left-color:#726658;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
padding-top:12px;
padding-bottom:12px;
font-weight:700;
transition-duration:0.6s;
overflow:hidden;
padding-right:29px;
padding-left:29px;
margin-right:6px;
border-radius:50px;
background-color:#ffffff;
}
@media (max-width: 1440px) {
.tabs-4815-tab {
padding-left:16px;
padding-right:16px;
}
}
@media (max-width: 991px) {
.tabs-4815-tab {
padding-right:46px;
padding-left:46px;
}
}
@media (max-width: 767px) {
.tabs-4815-tab {
padding-left:12px;
padding-top:8px;
padding-bottom:8px;
padding-right:12px;
}
}
@media (max-width: 479px) {
.tabs-4815-tab {
padding-left:12px;
padding-top:16px;
padding-bottom:16px;
margin-right:0px;
}
}
.tabs-4815-tab-active:hover{
color:#d1c6bd;
background-color:#171412;
}
.tabs-4815-tab-active {
transition-duration:0.6s;
background-color:#726658;
color:#ffffff;
}
.tabs-contents-4815-tab {
padding-left:0px;
padding-right:0px;
}
.card-boxes {
}
.box-stages-content {
}
@media (max-width: 991px) {
.box-stages-content {
text-align:left;
}
.box-stages-content:not(.ct-section):not(.oxy-easy-posts),
.box-stages-content.oxy-easy-posts .oxy-posts,
.box-stages-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}
.box-stages_texts {
font-family:Almarai;
font-size:16px;
text-align:justify;
}
@media (max-width: 1440px) {
.box-stages_texts {
font-size:14px;
}
}
.img-pages {
width:100%;
height:auto;
}
.img-pages:not(.ct-section):not(.oxy-easy-posts),
.img-pages.oxy-easy-posts .oxy-posts,
.img-pages.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: start;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 1440px) {
.img-pages {
margin-top:-32px;
}
.img-pages:not(.ct-section):not(.oxy-easy-posts),
.img-pages.oxy-easy-posts .oxy-posts,
.img-pages.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;justify-items: left;align-items: start;grid-template-columns: repeat(2, minmax(100px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
@media (max-width: 991px) {
.img-pages {
margin-top:0px;
}
.img-pages:not(.ct-section):not(.oxy-easy-posts),
.img-pages.oxy-easy-posts .oxy-posts,
.img-pages.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}
@media (max-width: 767px) {
.img-pages {
}
.img-pages:not(.ct-section):not(.oxy-easy-posts),
.img-pages.oxy-easy-posts .oxy-posts,
.img-pages.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}
@media (max-width: 479px) {
.img-pages {
}
.img-pages:not(.ct-section):not(.oxy-easy-posts),
.img-pages.oxy-easy-posts .oxy-posts,
.img-pages.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(50px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
.img-pages_left {
width:100%;
gap:20px;
position:relative;
margin-top:60px;
}
.img-pages_left:not(.ct-section):not(.oxy-easy-posts),
.img-pages_left.oxy-easy-posts .oxy-posts,
.img-pages_left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:20px;
}
@media (max-width: 1440px) {
.img-pages_left {
}
.img-pages_left:not(.ct-section):not(.oxy-easy-posts),
.img-pages_left.oxy-easy-posts .oxy-posts,
.img-pages_left.ct-section .ct-section-inner-wrap{
display:flex;
}
}
@media (max-width: 991px) {
.img-pages_left {
}
}
.img-pages_right {
gap:20px;
}
.img-pages_right:not(.ct-section):not(.oxy-easy-posts),
.img-pages_right.oxy-easy-posts .oxy-posts,
.img-pages_right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:20px;
}
@media (max-width: 1440px) {
.img-pages_right {
}
}
@media (max-width: 991px) {
.img-pages_right {
}
}
.img-pages_right_top {
width:100%;
overflow:hidden;
border-radius:8px;
}
.img-pages_right_top:not(.ct-section):not(.oxy-easy-posts),
.img-pages_right_top.oxy-easy-posts .oxy-posts,
.img-pages_right_top.ct-section .ct-section-inner-wrap{
display:flex;
}
.img-pages_right_bottom {
width:100%;
overflow:hidden;
border-radius:8px;
}
.img-pages_left_top {
width:100%;
overflow:hidden;
border-radius:8px;
}
.img-pages_left_bottom {
width:100%;
overflow:hidden;
border-radius:8px;
}
.content-pages {
width:100%;
text-align:left;
}
.content-pages:not(.ct-section):not(.oxy-easy-posts),
.content-pages.oxy-easy-posts .oxy-posts,
.content-pages.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.section-content {
}
.section-content .ct-section-inner-wrap {
padding-top: 10rem;
padding-bottom: 16rem;
}
.section-content:not(.ct-section):not(.oxy-easy-posts),
.section-content.oxy-easy-posts .oxy-posts,
.section-content.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: start;grid-template-columns: repeat(3, minmax(200px, 1fr));grid-column-gap: 60px;grid-row-gap: 20px;}
.section-content:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.section-content.ct-section .ct-section-inner-wrap > :last-child,
.section-content.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 2;}
.section-content:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.section-content.ct-section .ct-section-inner-wrap > :nth-child(1),
.section-content.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 1;}
@media (max-width: 1440px) {
.section-content {
}
.section-content:not(.ct-section):not(.oxy-easy-posts),
.section-content.oxy-easy-posts .oxy-posts,
.section-content.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: start;grid-template-columns: repeat(3, minmax(100px, 1fr));grid-column-gap: 30px;grid-row-gap: 20px;}
.section-content:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.section-content.ct-section .ct-section-inner-wrap > :last-child,
.section-content.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 2;}
.section-content:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.section-content.ct-section .ct-section-inner-wrap > :nth-child(1),
.section-content.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 1;}
}
@media (max-width: 991px) {
.section-content {
}
.section-content .ct-section-inner-wrap {
padding-top: 4rem;
}
.section-content:not(.ct-section):not(.oxy-easy-posts),
.section-content.oxy-easy-posts .oxy-posts,
.section-content.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 0px;grid-row-gap: 20px;}
}
@media (max-width: 767px) {
.section-content {
}
.section-content .ct-section-inner-wrap {
padding-top: 2rem;
}
}
.section-content-pages {
}
@media (max-width: 1440px) {
.section-content-pages {
width:100%;
margin-left:30px;
}
}
@media (max-width: 991px) {
.section-content-pages {
margin-top:30px;
margin-left:0px;
}
}
.section-content-pages_titles {
}
.section-content-pages_texts {
font-size:16px;
text-align:justify;
margin-top:8px;
}
@media (max-width: 1440px) {
.section-content-pages_texts {
font-size:14px;
}
}
.dsg-3-icon-box-right {
}
.dsg-3-icon-box-right:not(.ct-section):not(.oxy-easy-posts),
.dsg-3-icon-box-right.oxy-easy-posts .oxy-posts,
.dsg-3-icon-box-right.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(5, minmax(0px, 1fr));grid-column-gap: 0px;grid-row-gap: 20px;}
.dsg-3-icon-box-right:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.dsg-3-icon-box-right.ct-section .ct-section-inner-wrap > :last-child,
.dsg-3-icon-box-right.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 1;}
.dsg-3-icon-box-right:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.dsg-3-icon-box-right.ct-section .ct-section-inner-wrap > :nth-child(1),
.dsg-3-icon-box-right.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 4;}
.headline-text:ct_depth{
}
.headline-text {
font-family:Cardo;
font-size:36px;
line-height:1.2;
margin-top:8px;
text-transform:none;
text-align:left;
}
@media (max-width: 1440px) {
.headline-text {
font-size:32px;
}
}
@media (max-width: 991px) {
.headline-text {
text-align:left;
font-size:30px;
letter-spacing:0px;
}
}
@media (max-width: 767px) {
.headline-text {
}
}
/* Base*/
html{
font-size:62.5%;
}
/*Image Borders*/
.image-border{
border-radius:16px;
}
/*Image Inside*/
.image-inside{
width:100%;
height:100%;
border-radius:16px;
}/*Card Menu Link*/
.card-menu{
position:relative;
}
.card-menu__title{
height:54px;
color:#ffffff;
background:#003852;
}
.card-menu__link{
height:54px;
border-top:solid 6px #ffffff;
color:#ffffff;
background:#0089af;
transition: all 0.6s ease-in-out;
position:relative;
overflow:hidden;
}
.card-menu__link:hover{
color:#ffffff;
background:#0b4c61;
}
/*Animated Gradient Background*/
.animated-background{
background: linear-gradient(307deg, #003352, #0068a7, #001936, #006d90);
background-size: 800% 800%;
-webkit-animation: AnimationName 47s ease infinite;
-moz-animation: AnimationName 47s ease infinite;
animation: AnimationName 47s ease infinite;
}
@-webkit-keyframes AnimationName {
0%{background-position:0% 25%}
50%{background-position:100% 76%}
100%{background-position:0% 25%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 25%}
50%{background-position:100% 76%}
100%{background-position:0% 25%}
}
@keyframes AnimationName {
0%{background-position:0% 25%}
50%{background-position:100% 76%}
100%{background-position:0% 25%}
}
/*Scroll Reveal*/
.reveal{
position: relative;
transform: translateY(100px);
opacity: 0;
transition: 1s all ease;
}
.reveal.active{
transform: translateY(0);
opacity: 1;
}
@media (max-width: 767px) {
.reveal{
position: relative;
transform: translateY(0px);
opacity: 1;
}
}/*Main Menu*/
#-pro-menu-670-8 .sub-menu .menu-item a{
width:260px;
background-color:#1285A2;
border-bottom:dotted 1px rgba(255,255,255,0.5);
}
#-pro-menu-670-8 .sub-menu .menu-item:last-child a{
border-bottom:0px;
}
/*Sticky Menu*/
#-pro-menu-544-8 .sub-menu .menu-item a{
background-color:#1285A2;
border-bottom:dotted 1px rgba(255,255,255,0.3);
}
#-pro-menu-544-8 .sub-menu .menu-item:last-child a{
border-bottom:0px;
}
/*FA Icons on Top Menu*/
.fa-home{
margin-top:-1px;
margin-right:6px;
}
.fa-pencil-square-o{
margin-right:6px;
}
.fa-check-square-o{
margin-right:6px;
}
.fa-bookmark-o{
margin-top:-1px;
margin-right:6px;
}
.fa-envelope-o{
margin-top:-1.5px;
margin-right:6px;
}/*Social Icons*/
.oxy-social-icons a{
border-radius:2px !important;
transition: .6s ease-in-out;
}
/* Shine Icons */
.oxy-social-icons a {
position: relative;
overflow:hidden;
}
.oxy-social-icons a::before {
position: absolute;
top: 0;
left: -100%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.oxy-social-icons a:hover::before {
-webkit-animation: shine 0.8s;
animation: shine 0.8s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
/*Services Box with Hover Arrow Animation*/
.hover-services:hover .arrow-services{
margin-top:-26px;
}
.fade-in-right {
-webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-right {
0% {
-webkit-transform: translateX(50px);
transform: translateX(50px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fade-in-right {
0% {
-webkit-transform: translateX(50px);
transform: translateX(50px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}/* Shine Animation */
.shine-box {
position: relative;
}
.shine-box::before {
position: absolute;
top: 0;
left: -100%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.shine-box:hover::before {
-webkit-animation: shine 3s;
animation: shine 3s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
/* Shine Buttons */
.shine-button {
position: relative;
}
.shine-button::before {
position: absolute;
top: 0;
left: -100%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.shine-button:hover::before {
-webkit-animation: shine 0.8s;
animation: shine 0.8s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
/* Shine Animation with Expand and Dimmer Effect */
.shine-image {
position: relative;
overflow: hidden; /* Contains the expanded image */
}
/* Image element styling */
.shine-image img {
width: 100%;
height: auto;
transition: all 0.6s ease; /* Smooth transition for transform and filter */
filter: brightness(100%); /* Dimmer effect - image starts at 80% brightness */
}
/* Hover effect on the image itself */
.shine-image:hover img {
transform: scale(1.08); /* Expand the image on hover */
filter: brightness(70%); /* Return to full brightness on hover */
}
/* Shine animation element */
.shine-image::before {
position: absolute;
top: 0;
left: -100%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
/* Trigger shine animation on hover */
.shine-image:hover::before {
-webkit-animation: shine 1s;
animation: shine 1s;
}
/* Shine animation keyframes */
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}/*Text Headline Home*/
.headline-home{
animation: Color 6s linear infinite;
}
@keyframes Color{
0%{
color:#A0D468;
}
20%{
color:#4FC1E9;
}
40%{
color:#FFCE54;
}
60%{
color:#FC6E51;
}
80%{
color:#ED5565;
}
100%{
color:#AC92EC;
}
}/*About Us - Homepage*/
#_tabs-78-73 .tabs-9273-tab-active {
background-color: #003852;
}/*Bars Team Capabilities*/
.bar-top {
transform-origin: center bottom;
transform: perspective(700px) rotateX(35deg)!important;
}
.bar-bottom {
transform-origin: center top;
transform: perspective(700px) rotateX(-35deg)!important;
}
.bar-bottom .oxy-progress-bar-overlay-text,
.bar-bottom .oxy-progress-bar-overlay-percent {
display: none
}
.bar-top.oxy-progress-bar[data-aos^=fade][data-aos^=fade].aos-animate .oxy-progress-bar-progress,
.bar-bottom.oxy-progress-bar[data-aos^=fade][data-aos^=fade].aos-animate .oxy-progress-bar-progress {
animation: oxy_progress_bar_width 3s ease-out 1, oxy_progress_bar_stripes 1s linear infinite!important;
}img {
pointer-events: none;
}::selection {
color:#ffffff;
background:#817469;
}
::-moz-selection { /* For Firefox */
color:#ffffff;
background:#817469;
}
.circle-text {
display: flex;
justify-content: center;
align-items: center;
animation: rotate 20s linear infinite;
}
@keyframes rotate {
0% {
transform: translateX(0) translateY(-75px) rotate(0deg);
}
100% {
transform: translateX(0) translateY(-75px) rotate(360deg);
}
}/*Button Swipe Animation - LTR (default)*/
.custom-button {
display: inline-block;
position: relative;
overflow: hidden;
}
.custom-button::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: -110%;
background-color: rgba(255, 255, 255, 0.3);
transform: skewX(-20deg);
transition: left 0.9s ease;
}
.custom-button:hover::before {
left: 110%;
}
.custom-button .custom-button_icon {
transition: 0.6s ease;
padding-left: 6px;
}
.custom-button:hover .custom-button_icon {
margin-left: 6px;
margin-right: -6px;
}
/*Button Swipe Animation - RTL*/
.rtl .custom-button::before {
left: auto;
right: -110%;
transform: skewX(20deg);
transition: right 0.9s ease;
}
.rtl .custom-button:hover::before {
right: 110%;
}
.rtl .custom-button .custom-button_icon {
padding-left: 0;
padding-right: 8px;
transition: 0.6s ease;
}
.rtl .custom-button:hover .custom-button_icon {
margin-left: -12px;
margin-right: 12px;
}.box-stages .box-stages_numbers{
color:#ffffff;
transition: all 0.6s ease-in-out;
}
.box-stages:hover .box-stages_numbers{
color:#000000;
}.quform-submit{
overflow:hidden !important;
position: relative;
}
.quform-submit::before {
position: absolute;
top: 0;
left: -100%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.quform-submit:hover::before {
-webkit-animation: shine 0.8s;
animation: shine 0.8s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.rtl-direction{
direction: rtl !important;
}
.rtl #breadcrumbs{
font-family: 'Almarai', sans-serif !important;
}
.rtl .breadcrumbs a {
font-family: 'Almarai', sans-serif !important;
}
.rtl .breadcrumb_last{
font-family: 'Almarai', sans-serif !important;
}.login-submit:hover{
}