.elementor-32306 .elementor-element.elementor-element-1554dce{margin-top:0em;margin-bottom:0em;overflow:visible;}.elementor-32306 .elementor-element.elementor-element-9cc997f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-32306 .elementor-element.elementor-element-f63b9ca > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-32306 .elementor-element.elementor-element-fa89901 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-32306 .elementor-element.elementor-element-fa89901{margin-top:-7em;margin-bottom:0em;padding:0px 0px 0px 0px;overflow:visible;}.elementor-32306 .elementor-element.elementor-element-b775649 > .elementor-container{max-width:1200px;}.elementor-32306 .elementor-element.elementor-element-b775649{margin-top:0px;margin-bottom:0px;overflow:visible;}.elementor-32306 .elementor-element.elementor-element-2fa2e95:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-32306 .elementor-element.elementor-element-2fa2e95 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFFD1 -10%, #FFFFFF 20%);}.elementor-32306 .elementor-element.elementor-element-2fa2e95 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:30px;}.elementor-32306 .elementor-element.elementor-element-2fa2e95 > .elementor-element-populated, .elementor-32306 .elementor-element.elementor-element-2fa2e95 > .elementor-element-populated > .elementor-background-overlay, .elementor-32306 .elementor-element.elementor-element-2fa2e95 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-32306 .elementor-element.elementor-element-2fa2e95 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 10px 10px 10px;}.elementor-32306 .elementor-element.elementor-element-2fa2e95 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-32306 .elementor-element.elementor-element-8869ea2 > .elementor-widget-container{padding:19px 12px 8px 12px;}.elementor-32306 .elementor-element.elementor-element-8869ea2{text-align:center;}.elementor-32306 .elementor-element.elementor-element-8869ea2 .elementor-heading-title{color:#000000;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-32306 .elementor-element.elementor-element-8267304 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-32306 .elementor-element.elementor-element-8267304 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-32306 .elementor-element.elementor-element-8267304{--image-border-radius:9px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-justify-content:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-32306 .elementor-element.elementor-element-67b7d09{overflow:visible;}.elementor-32306 .elementor-element.elementor-element-2d25863{padding:0% 5% 0% 5%;overflow:visible;}.elementor-32306 .elementor-element.elementor-element-4799c92{padding:0% 7% 0% 7%;overflow:visible;}.elementor-32306 .elementor-element.elementor-element-9473d74 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-32306 .elementor-element.elementor-element-52292ce{padding:0% 7% 0% 7%;overflow:visible;}.elementor-32306 .elementor-element.elementor-element-0c53788 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-32306 .elementor-element.elementor-element-0c53788 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-32306 .elementor-element.elementor-element-892ed46 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 20px 0px;}.elementor-32306 .elementor-element.elementor-element-892ed46{text-align:center;}.elementor-32306 .elementor-element.elementor-element-892ed46 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:800;color:#0A0A0A;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-32306 .elementor-element.elementor-element-99013cd .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-32306 .elementor-element.elementor-element-99013cd .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-32306 .elementor-element.elementor-element-99013cd .elementor-field-group.recaptcha_v3-bottomleft, .elementor-32306 .elementor-element.elementor-element-99013cd .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-32306 .elementor-element.elementor-element-99013cd .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-32306 .elementor-element.elementor-element-99013cd .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-32306 .elementor-element.elementor-element-99013cd .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-32306 .elementor-element.elementor-element-99013cd .elementor-field-type-html{padding-bottom:0px;}.elementor-32306 .elementor-element.elementor-element-99013cd .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-32306 .elementor-element.elementor-element-99013cd .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-32306 .elementor-element.elementor-element-99013cd .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-dd5d146 );color:#ffffff;}.elementor-32306 .elementor-element.elementor-element-99013cd .elementor-button[type="submit"]{background-color:var( --e-global-color-dd5d146 );color:#ffffff;}.elementor-32306 .elementor-element.elementor-element-99013cd .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-32306 .elementor-element.elementor-element-99013cd .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-32306 .elementor-element.elementor-element-99013cd .e-form__buttons__wrapper__button-next:hover{background-color:#141823;color:#ffffff;}.elementor-32306 .elementor-element.elementor-element-99013cd .elementor-button[type="submit"]:hover{background-color:#141823;color:#ffffff;}.elementor-32306 .elementor-element.elementor-element-99013cd .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-32306 .elementor-element.elementor-element-99013cd .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-32306 .elementor-element.elementor-element-99013cd{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:1024px){.elementor-32306 .elementor-element.elementor-element-b775649 > .elementor-container{max-width:900px;}}@media(max-width:767px){.elementor-32306 .elementor-element.elementor-element-fa89901{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-32306 .elementor-element.elementor-element-0c53788 > .elementor-element-populated{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-f63b9ca */.elementor-32306 .elementor-element.elementor-element-f63b9ca img{width:100%;max-height:50vh!important;object-fit:contain!important;object-position:bottom center!important;margin-bottom:50px;}
@media only screen and (max-width:767px){.elementor-32306 .elementor-element.elementor-element-f63b9ca img{margin-bottom:0px;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-735a25a *//* ===== Dina Group KSA Landing (Elegant) ===== */
:root{
  --dina-ink:#333a4d;
  --dina-gold:#c18f59;
  --soft:#f7f7f9;
  --line:rgba(51,58,77,.12);
}

.ksa-wrap{width:min(1320px,92%); margin:0 auto;}
.ksa-section{padding:72px 0; background:#fff;}
.ksa-alt{background:var(--soft);}
.ksa-head{max-width:820px; margin:0 0 28px;}
.ksa-head h2{color:var(--dina-ink); font-size:34px; line-height:1.15; margin:0 0 10px;}
.ksa-head p{margin:0; color:rgba(51,58,77,.85); font-size:17px; line-height:1.7;}

.ksa-hero{
  padding:78px 0 62px;
  background:
    radial-gradient(900px 420px at 15% 20%, rgba(193,143,89,.18), transparent 60%),
    radial-gradient(900px 420px at 90% 30%, rgba(51,58,77,.12), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfd 100%);
  border-bottom:1px solid var(--line);
}
.ksa-hero-grid{display:grid; grid-template-columns:1.25fr .85fr; gap:28px; align-items:stretch;}
.ksa-badge{
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid var(--line);
  padding:8px 12px; border-radius:999px;
  color:rgba(51,58,77,.85); background:rgba(255,255,255,.8);
  font-size:13px; margin-bottom:14px;
}
.ksa-hero h1{margin:0 0 12px; color:var(--dina-ink); font-size:30px; line-height:1.6; letter-spacing:-.4px;}
.ksa-sub{margin:0 0 18px; color:rgba(51,58,77,.86); font-size:18px; line-height:1.75;}

.ksa-cta-row{display:flex; gap:12px; flex-wrap:wrap; margin:18px 0 18px;}
.ksa-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:13px 16px; border-radius:14px;
  font-weight:700; text-decoration:none;
  border:1px solid transparent;
  transition:.18s ease;
  font-size:15px;
}
.ksa-btn-primary{background:var(--dina-ink); color:#fff;}
.ksa-btn-primary:hover{transform:translateY(-1px); box-shadow:0 10px 26px rgba(51,58,77,.18);}
.ksa-btn-ghost{background:transparent; color:var(--dina-ink); border-color:rgba(51,58,77,.22);}
.ksa-btn-ghost:hover{border-color:var(--dina-ink); transform:translateY(-1px);}

.ksa-trust{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:10px; margin-top:12px;
}
.ksa-trust-item{
  border:1px solid var(--line); border-radius:16px;
  background:rgba(255,255,255,.75);
  padding:12px 12px;
}
.ksa-trust-item strong{display:block; color:var(--dina-ink); font-size:14px;}
.ksa-trust-item span{display:block; color:rgba(51,58,77,.78); font-size:13px; margin-top:4px;}

.ksa-locations{margin-top:16px; color:rgba(51,58,77,.82); font-size:14px;}
.ksa-locations span{color:rgba(51,58,77,.65); margin-right:6px;}

.ksa-hero-card{
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(255,255,255,.86);
  box-shadow:0 14px 40px rgba(51,58,77,.10);
  overflow:hidden;
}
.ksa-hero-card-inner{padding:22px 42px;}
.ksa-hero-card h3{margin:0 0 10px; color:var(--dina-ink); font-size:18px;}
.ksa-mini-note{
  margin-top:12px;
  padding:12px 12px;
  border-radius:14px;
  background:rgba(193,143,89,.10);
  border:1px solid rgba(193,143,89,.28);
  color:rgba(51,58,77,.86);
  font-size:14px;
}

.ksa-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
.ksa-card{
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px 16px;
  background:#fff;
  box-shadow:0 10px 26px rgba(51,58,77,.06);
}
.ksa-card h3{margin:0 0 8px; color:var(--dina-ink); font-size:17px;}
.ksa-card p{margin:0; color:rgba(51,58,77,.84); line-height:1.7; font-size:15px;}

.ksa-linkcard{text-decoration:none; color:inherit; position:relative;}
.ksa-linkcard:hover{transform:translateY(-2px); transition:.18s ease; border-color:rgba(51,58,77,.22);}
.ksa-arrow{display:inline-block; margin-top:10px; color:var(--dina-gold); font-weight:800;}

.ksa-split{display:grid; grid-template-columns:1.15fr .85fr; gap:18px; align-items:start;}
.ksa-steps{margin:14px 0 0; padding-left:18px; color:rgba(51,58,77,.86); line-height:1.8;}
.ksa-steps li{margin:8px 0;}
.ksa-steps strong{color:var(--dina-ink);}

.ksa-side{
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:18px 36px;
}
.ksa-side h3{margin:0 0 8px; color:var(--dina-ink);}
.ksa-side-p{margin:0 0 12px; color:rgba(51,58,77,.84); line-height:1.7;}
.ksa-side-note{margin:10px 0 0; font-size:13px; color:rgba(51,58,77,.65); line-height:1.6;}

.ksa-check{margin:10px 0 0; padding:0; list-style:none;}
.ksa-check li{
  position:relative; padding-left:28px; margin:10px 0;
  color:rgba(51,58,77,.86); line-height:1.65; font-size:14px;
}
.ksa-check li:before{
  content:"✓";
  position:absolute; left:0; top:0;
  width:20px; height:20px; border-radius:8px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(193,143,89,.16);
  border:1px solid rgba(193,143,89,.35);
  color:var(--dina-ink);
  font-weight:900;
}

.ksa-formbox{
  display:grid; grid-template-columns:1fr 1fr; gap:16px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  padding:30px 30px;
  box-shadow:0 14px 40px rgba(51,58,77,.08);
}
.ksa-formcopy h2{margin:0 0 10px; color:var(--dina-ink); font-size:30px;}
.ksa-formcopy p{margin:10 10 30px; color:rgba(51,58,77,.84); line-height:1.75;}
.ksa-formbullets{color:rgba(51,58,77,.72); font-size:14px;}

.ksa-formhold{display:flex; align-items:stretch;}
.ksa-formplaceholder{
  width:100%;
  border-radius:18px;
  border:1px dashed rgba(51,58,77,.25);
  background:rgba(51,58,77,.03);
  padding:26px;
  color:rgba(51,58,77,.78);
  line-height:1.7;
}

.ksa-faq details{
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  padding:14px 14px;
  margin:10px 0;
}
.ksa-faq summary{
  cursor:pointer;
  font-weight:800;
  color:var(--dina-ink);
}
.ksa-faq p{margin:10px 0 0; color:rgba(51,58,77,.84); line-height:1.7;}

/* Responsive */
@media (max-width: 980px){
  .ksa-hero-grid, .ksa-split, .ksa-formbox{grid-template-columns:1fr;}
  .ksa-trust{grid-template-columns:1fr; }
  .ksa-cards{grid-template-columns:1fr;}
  .ksa-hero h1{font-size:36px;}
}/* End custom CSS */
/* Start custom CSS for gallery, class: .elementor-element-8267304 */.e-gallery-grid .e-gallery-image{background-size:contain;background-repeat:no-repeat;background-position:center center;}
.e-gallery-item.elementor-gallery-item{border-radius:10px;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6a0b768 */.city-h2{text-align:center;margin:0;font-weight:800!important;}
@media only screen and (max-width:767px){
    .city-h2{font-size:20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e85ba55 */.col3-row{display:flex!important;flex-direction:row;gap:10px;}
.col3-col{min-width:calc(33.333% - 6.66px)!important;max-width:calc(33.333% - 6.66px)!important;overflow:hidden!important;}
.city-product-h2{padding:10px 0; width:100%;border-radius:0 0 10px 10px; background-color:#282e3f; text-align:center;color:#fff;font-size:18px;}
.city-product-link1{padding:10px 0 0 0;flex-direction:column;display:flex;justify-content:flex-end;align-items:center;border-radius:10px; box-shadow:0px 0px 2px 0px #919191;}
.city-product-button{display:flex;justify-content:center;align-items:center;margin: 10px 0 0 0 ;padding:15px 0; width:100%;border-radius:10px;background-color:#cf9455;text-align:center;color:#fff;}
.city-cat-img{height:250px!important;object-fit:contain;object-position:center center;}
.ui-resizable-handle {display:none!important;}

@media only screen and (max-width:1124px){
    .col3-row{flex-wrap:wrap;}
    .col3-col1{min-width:calc(50% - 5px)!important;max-width:calc(50% - 5px)!important;}
    .col3-col2{min-width:calc(50% - 5px)!important;max-width:calc(50% - 5px)!important;}
    .col3-col3{min-width:100%!important;max-width:100%!important;background-color:#fff;}
    .col3-col3 img{max-width:50%;}
    
}
@media only screen and (max-width:767px){
    .col3-col{min-width:100%!important;}
    .col3-col3 img{max-width:none;}
    
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-99013cd */.elementor-field-group{min-width:calc(50% - 5px)!important;max-width:calc(50% - 5px)!important;margin:0!important;padding:0!important;display:flex;align-items:start;}
.elementor-field-group input{margin:0!important;margin-bottom:10px!important;border-radius:5px;}
.elementor-field-group textarea{margin:0!important;border-radius:5px;
    min-height:200px;
}
.elementor-field-type-textarea{min-width:100%!important;margin-bottom:10px!important;}
.elementor-field-group-field_3bc284d{min-width:100%!important;}
.elementor-widget-container{width:100%;}
.elementor-button{margin:0!important;}
.elementor-field-type-submit{min-width:100%!important;}
.elementor-form-fields-wrapper{column-gap:10px;}
.elementor-12003 .elementor-element.elementor-element-99013cd .elementor-form-fields-wrapper{padding:0!important;}
.elementor-widget-wrap{padding:10px 0 0 0 !important;}

.elementor-12003 .elementor-element.elementor-element-99013cd .elementor-form-fields-wrapper{margin:0!important;}

@media only screen and (max-width:1124px){
    
}
@media only screen and (max-width:767px){
    .elementor-field-group{min-width:100%!important}
    
}/* End custom CSS */