body{

    margin: 0;

    padding: 0;

    color: #1e1e1e;

    font-weight: 500;

    overflow-x: hidden;

    font-family: 'Janna LT';

    box-sizing:border-box;

}



@font-face {

    font-family: 'Janna LT';

    src: url('../fonts/JannaLT-Bold.eot');

    src: url('../fonts/JannaLT-Bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/JannaLT-Bold.woff2') format('woff2'),

        url('../fonts/JannaLT-Bold.woff') format('woff'),

        url('../fonts/JannaLT-Bold.ttf') format('truetype'),

        url('../fonts/JannaLT-Bold.svg#JannaLT-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

body::-webkit-scrollbar {

  width: 10px;

}

body::-webkit-scrollbar-track {

  background-color: #ffffff;

}

body::-webkit-scrollbar-thumb {

  background-color: #00adef;

}

.logo-white, .logo-black{max-width: 260px}

  /* NAVBAR */

  #mainNav{transition:background .35s,box-shadow .35s;background:transparent;padding:14px 0;}

.fixed-top .logo-black{display: none;}

 #mainNav.scrolled .logo-black{display: inline;}

  #mainNav.scrolled .logo-white{display: none;}





  #mainNav.scrolled{background:#fff!important;box-shadow:0 2px 16px rgba(0,0,0,.09); padding: 0}

  #mainNav.scrolled .nav-link{color:#1a1a1a!important;}

  #mainNav.scrolled .navbar-brand img{filter:none;}

  #mainNav .navbar-brand{display:flex;align-items:center;gap:10px;}

  #mainNav .navbar-brand .brand-text{line-height:1.2;}

  #mainNav .navbar-brand .brand-title{font-size:11px;font-weight:700;color:#fff;letter-spacing:.5px;display:block;}

  #mainNav.scrolled .navbar-brand .brand-title,

  #mainNav.scrolled .navbar-brand .brand-sub{color:#1a1a1a!important;}

  #mainNav .navbar-brand .brand-sub{font-size:9px;color:rgba(255,255,255,.8);display:block;}

  #mainNav .nav-link{color:rgba(255,255,255,.9)!important;font-size:16px;font-weight:500;letter-spacing:.8px;padding:6px 14px!important;transition:color .2s;}

  #mainNav .nav-link:hover{color:#2196f3!important;}

  #mainNav.scrolled .nav-link:hover{color:#1565c0!important;}

.fixed-top{transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

}

  /* HERO */

  .hero-section{position:relative;min-height:100vh;display:flex;align-items:center;background:#0d1117;overflow:hidden;}

  .hero-bg{position:absolute;inset:0;background:url('../images/banner-arabic.webp') center/cover no-repeat;opacity:1;}

  .hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75) 40%,transparent 100%);}

  .hero-content{position:relative;z-index:2;padding:75px 20px 0 140px;}

  .hero-label{    font-size: 16px;

    font-weight: 500;

    letter-spacing: 2px;

    color: #fff;

    text-transform: uppercase;

    border-right: 2px solid #00adef;

    padding-right: 10px;

    margin-bottom: 20px;

    display: inline-block;}

  .hero-title{font-size:clamp(28px,4vw,48px);font-weight:500;color:#fff;line-height:1.25;max-width:590px;}

  .hero-scroll-btn{width: 82px;

    height: 82px;

    display: block;

    text-align: center;

    line-height: 82px;

    color: #ffffff;

    font-size: 24px;

    margin-top: 45px;

    background: url(../images/btn-polygon.webp) center center no-repeat;

    position: relative;}

  .hero-scroll-btn:before{content: "";

    width: 1px;

    height: 600px;

    background: #85888a;

    position: absolute;

    left: 41px;

    top: 99%;}

  .hero-scroll-btn i{color:#fff;font-size:16px;}

  .whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:999;background:#25d366;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.45);}

  .whatsapp-float i{color:#fff;font-size:24px;}



  /* ABOUT */

  .about-section{background: #e2e3e7 url(../images/about-bg.webp) center center no-repeat;

    background-size: cover;

    position: relative;direction: ltr;}

  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:460px; align-items: center;}

  .about-single-img{height:100%;min-height:460px;overflow:hidden;}

  .about-single-img img{width:100%;height:100%;object-fit:cover;display:block;}

  .about-content{padding:0px 0 50px 110px; max-width: 580px;direction: rtl;}

  .section-title-accent{display:inline-block;font-size:48px;font-weight:500;color:#00adef;border-right:2px solid #00adef;padding-right:20px;line-height:1.2;margin-bottom:50px;}

  .about-content p{    color: #1e1e1e;

    line-height: 1.5;

    margin-bottom: 14px;

    font-weight: 500;}

  .about-img-right{

    max-width: 267px;

    position: absolute;

    right: 0;

    top: 110px;}

.about-img-right:before{content: "";

    width: 2px;

    height: 40px;

    background: #00adef;

    position: absolute;

    left: 50px;

    bottom: -29px;}

.about-img-right img{width: 100%}

  /* PRODUCTS */

  .products-section{padding:80px 0;background:#fff;}

  .products-label{font-size: 18px;

    font-weight: 700;

    color: #000;

    letter-spacing: 1px;

    border-left: 2px solid #00adef;

    padding-left: 10px;

    margin-bottom: 14px;

    display: inline-block;}

  .products-title{font-size:clamp(20px,2.5vw,28px);font-weight:600;color:#1a1a1a;max-width:680px;margin:0 auto 50px;line-height:1.4;}



  /* Slider */

  .slider-wrapper{position:relative;overflow:hidden;}

  .slider-track{display:flex;transition:transform .5s ease;}

  .slide-item{min-width:calc(100%/3);padding:0 10px;box-sizing:border-box;}

  .product-card{position:relative;overflow:hidden;cursor:pointer;    min-height: 380px;}

  .product-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}

  .product-card:hover img{transform:scale(1.05);}

  .product-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.72) 100%);}

  .product-info{position:absolute;bottom:0;top:0;left:0;right:0;}

.product-info:before  {content: "";

    width: 100%;

    height: 100%

300px

;

    background: rgba(0, 0, 0, 0.5);

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;}

  .product-name{position: absolute;

    left: 0;

    right: 0;

    top: 0;

    padding: 40px 30px 0;

    color: #ffffff;

    font-size: 24px;

    margin-bottom: 0;

    font-weight: 400;text-align: right;}

  .find-more-btn{    position: absolute;

    bottom: 40px;

    right: 15px;

    color: #ffffff;

    font-weight: 400;

    text-transform: uppercase;text-decoration: none;display: flex;align-items: center;flex-flow: row-reverse;
    column-gap: 10px;}

.find-more-btn span {

    display: inline-block;

    width: 45px;

    height: 45px;

    background: url(../images/btn-polygon.webp) center center no-repeat;

    background-size: contain;

    line-height: 45px;

    text-align: center;

    margin-right: 10px;

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;}

  .find-more-btn:hover{border-color:#2196f3;color:#fff;}



.find-more-btn:hover span {

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);}

  .find-more-btn i{font-size:12px;}

  .slider-dots{display:flex;justify-content:center;gap:2px;margin-top:0px;}

  .dot{width: 25px;

    height: 2px;

    background: #cccccc;

    margin: 0 2px;

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    outline: none; border: 0} 

  .dot.active{background:#00adef;width:25px;}

  .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:background .2s;}

  .slider-arrow:hover{background:#2196f3;color:#fff;}

  .slider-arrow.prev{left:0;}

  .slider-arrow.next{right:0;}



  /* CATALOG */

  .catalog-section{background: #2e4c79;

    padding: 60px 0 90px;direction: ltr;}

  .catalog-title{font-size:clamp(26px,3vw,48px);font-weight:600;color:#fff;margin-bottom:20px;line-height:1.2;direction: rtl;}

  

  .catalog-single-img{width:100%;display:block;}



  /* CTA */

  .cta-section{}

  .cta-section .content{background: #00adef;

    padding: 45px 65px;

    color: #ffffff;

    display: flex;

    display: -ms-flexbox;

    justify-content: space-between;

    font-size: 30px;

    align-items: center;

    font-weight: 400;

    margin-top: -75px;}

  .cta-section h3{font-size:clamp(14px,2vw,22px);font-weight:600;color:#fff;margin:0;}

  



  /* FOOTER */

  .footer-main{background:#fff;padding:50px 0 30px;border-top:1px solid #eee;}

  .footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px;}

  .footer-brand .ft{font-size:11px;font-weight:700;color:#1a1a1a;display:block;letter-spacing:.3px;}

  .footer-brand .fs{font-size:9px;color:#666;display:block;}

  .footer-address{font-size:17px;color: #2e4c79;text-align: center;line-height:1.8;}

  .footer-contact{font-size:17px;color:#2e4c79;text-align:center;}

  .footer-social{display:flex;gap:10px;justify-content:center;margin:20px 0;}

  .footer-social a{width:48px;height:48px;border:1px solid #2e4c79;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2e4c79;font-size:14px;text-decoration:none;transition:border-color .2s,color .2s;}

  .footer-social a:hover{border-color:#2196f3;color:#2196f3;}

  .footer-bottom-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #eee;}

  .footer-bottom-links a{font-size:14px;font-weight:500;color:#2e4c79;text-decoration:none;letter-spacing:.8px;text-transform:uppercase;transition:color .2s;}

  .footer-bottom-links a:hover{color:#2196f3;}

  .footer-copy{text-align:center;font-size:12px;color:#abb4c3;margin-top:16px;}

.footer-copy a{text-decoration: none;color: #2e4c79}

  /* Logo circle */

  .logo-circle{width:44px;height:44px;border-radius:50%;background:#1565c0;display:flex;align-items:center;justify-content:center;flex-shrink:0;}

  .logo-circle svg{width:26px;height:26px;}

  

.catalog-btn {

  display: inline-block;

  color: #fff;

  font-weight: 600;

  padding: 8px 26px;

  border: 1px solid #2eb8ee;

  border-radius: 30px;

  margin-top: 50px;

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;font-size: 16px; text-decoration: none;

  float: right;

}

.catalog-btn:hover {

  color: #ffffff;

  box-shadow: 5px 5px 20px rgb(0 0 0 / 25%);

  -webkit-box-shadow: 5px 5px 20px rgb(0 0 0 / 25%);

  -moz-box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);

  -o-box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);

  background: #2eb8ee;

}

.cta-btn {

    font-size: 16px;

    color: #ffffff;

    margin: 0;

    font-weight: 400;

    border-color: #ffffff; padding: 8px 26px; border: 1px solid #fff; border-radius: 20px;text-decoration: none;}

  .cta-btn:hover {

    color: #ffffff;

    box-shadow: 5px 5px 20px rgb(0 0 0 / 25%);

    -webkit-box-shadow: 5px 5px 20px rgb(0 0 0 / 25%);

    -moz-box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);

    -o-box-shadow: 5px 5px 20px rgb(0 0 0 / 20%);

    background: #00adef; }



.about-hero {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background: url('../images/banner-about.webp') center/cover no-repeat;

  }



  /* Dark navy overlay */

  .about-hero::before {

    content: '';

    position: absolute;

    inset: 0;

  }



  .inner-hero-title {

    position: relative;

    z-index: 2;

    color: #fff;

    font-size: 48px;

    font-weight: 400;

    letter-spacing: 1px;

    margin-bottom: 20px;

  }



  /* Scroll-down circle button */

  .inner-hero-scroll {

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 1.1rem;

    text-decoration: none;

    transition: border-color .3s, background .3s;

    width: 82px;

    height: 82px;

    background: url(../images/btn-polygon2.webp) center center no-repeat;

    position: relative;



  }

  .inner-hero-scroll:hover {



  }



  /* Vertical line connector below hero */

  .hero-connector {

    width: 2px;

    height: 56px;

    background: #29abe2;

    margin: 0 auto;

  }



  /* ══════════════════════════════════════

     WHO WE ARE — content area

  ══════════════════════════════════════ */

  .aboutus-content {

    background: #fff;

    padding: 60px 0 70px;

  }



  .section-eyebrow {

    font-size: 24px;

    font-weight: 600;

    letter-spacing: 3px;

    color: #00ADEF;

    text-transform: uppercase;

    margin-bottom: 22px;

  }



  .about-headline {

    font-size: 24px;

    font-weight: 600;

    color: #1E1F1F;

    line-height: 1.55;

    margin: 0 auto 32px;

    text-align: center;

  }



  .about-body p {

    font-size: 16px;

    line-height: 1.8;

    color: #1e1e1e;

    margin-bottom: 18px;

  }



  /* ── Steel Manufacturing sub-section ── */

  .steel-section {

    margin-top: 44px;

  }



  .steel-section h2 {

    font-size: 1.55rem;

    font-weight: 700;

    color: #111;

    margin-bottom: 22px;

  }



  /* Video / image placeholder */

  .about-media {

    width: 100%;

    aspect-ratio: 16/8;

    background: #1a2a40;

    margin-top: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

  }

  .about-media img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    opacity: .85;

  }



  /* ══════════════════════════════════════

     MISSION / VISION / GOALS STRIP

  ══════════════════════════════════════ */

  .mvg-strip {

    background: url('../images/mission-vision-bg.webp') center/cover no-repeat;

    position: relative;

    padding: 70px 0 80px;

    margin-bottom: 20px;

  }





  .mvg-item {

    position: relative;

    z-index: 2;

    text-align: center;

    padding: 0 24px;

  }



  /* Teal icon circle */



  .mvg-icon-wrap img {

    max-width: 90px;

  }



  .mvg-title {

    margin: 18px 0;

    font-size: 30px;

    font-weight: 500;

    color: #FFFFFF;

  }



  .mvg-text {

    font-size: 18px;

    font-weight: 400;

    color: #FFFFFF;

    margin: 0 auto;

  }

  .products-hero {

    position: relative;

    min-height: 220px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background: url('../images/banner-product.webp') center/cover no-repeat;

  }

  .products-hero::before {

    content: '';

    position: absolute;

    inset: 0;

  }

  .products-hero-title {

    position: relative;

    z-index: 2;

    color: #fff;

    font-size: 2.6rem;

    font-weight: 400;

    letter-spacing: 1px;

    margin-bottom: 18px;

  }

  .products-hero-scroll {

    position: relative;

    z-index: 2;

    width: 46px;

    height: 46px;

    border-radius: 50%;

    border: 2px solid rgba(255,255,255,0.55);

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 1.1rem;

    text-decoration: none;

    transition: border-color .3s, background .3s;

  }

  .products-hero-scroll:hover {

    border-color: #29abe2;

    background: rgba(41,171,226,.18);

    color: #29abe2;

  }

  .products-hero-scroll svg {

    width: 16px;

    height: 16px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2.2;

    stroke-linecap: round;

    stroke-linejoin: round;

  }



  /* Vertical connector line */

  .hero-connector {

    width: 2px;

    height: 56px;

    background: #29abe2;

    margin: 0 auto;

  }



  /* ══════════════════════════════════════

     PRODUCTS CONTENT

  ══════════════════════════════════════ */

  .products-section {

    background: #fff;

    padding: 50px 0 80px;

  }



  .products-intro {

    font-size: 24px;

    font-weight: 600;

    line-height: 30px;

    text-align: center;

    color: #1E1F1F;

    line-height: 1.6;

    max-width: 760px;

    margin: 0 auto 48px;

  }



  /* ── Product Card ── */

  .product-card {

    margin-bottom: 40px;

  }

  .slider-wrapper  .product-card{min-height: 270px;}

  .slider-wrapper .slider-arrow{display: none;}

  .product-card-img-wrap {

    position: relative;

    overflow: hidden;

    display: block;

    text-decoration: none;

  }

  .product-card-img-wrap img {

    width: 100%;

    aspect-ratio: 16/10;

    object-fit: cover;

    display: block;

    transition: transform .4s ease;

    height: 280px;

  }

  .product-card-img-wrap:hover img {

    transform: scale(1.04);

  }



  /* Title overlay on image */

  .product-card-label {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    background: linear-gradient(to top, rgba(0,0,0,0.72) 0%, transparent 100%);

    padding: 28px 14px 12px;

    color: #fff;

    font-size: 20px;

    font-weight: 500;

    line-height: 1.35;

  }



  /* Card body */

  .product-card-body {

    padding: 14px 0 0;

  }

  .product-card-body p {

    font-size: 16px;

    color: #7d7d7d;

    line-height: 1.7;

    margin-bottom: 10px;

    min-height: 58px;

  }

  .product-read-more {

    font-size: 14px;

    font-weight: 600;

    color: #00adef;

    text-decoration: none;

    display: inline-flex;

    align-items: center;

    gap: 5px;

    transition: gap .2s, color .2s;

  }

  .product-read-more:hover {

    color: #1a8bbf;

    gap: 9px;

  }

  .product-read-more svg {

    width: 14px;

    height: 14px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2.2;

    stroke-linecap: round;

    stroke-linejoin: round;

    flex-shrink: 0;

  }



.inner-banner{

  padding: 100px 0px 30px 0px;

  min-height: 450px;

  position: relative;

}

.inner-banner:after{

  content: '';

  width: 1px;

  height: 156px;

  background: #00adef;

  position: absolute;

  left: 0;

  right: 0;

  margin: 0 auto;

  bottom: -44px;

  z-index: 999;

}

.product-details{

  padding: 70px 0;

}

/* ── FAQ Accordion ── */

.product-details  .faq-accordion { margin-top: 20px; }



 .product-details .accordion-item {

    border-bottom: 1px solid #e5e5e5;

  }



.product-details  .accordion-btn {

    width: 100%;

    background: none;

    border: none;

    padding: 16px 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    font-family: 'Janna LT';

    font-size: 16px;

    font-weight: 600;

    color: #111;

    cursor: pointer;

    text-align: left;

  }

.product-details  .accordion-btn svg {

    width: 18px;

    height: 18px;

    flex-shrink: 0;

    fill: none;

    stroke: #29abe2;

    stroke-width: 2.2;

    stroke-linecap: round;

    stroke-linejoin: round;

    transition: transform .3s;

  }

.product-details  .accordion-btn.open svg {

    transform: rotate(180deg);

  }



 .product-details .accordion-body {

    display: none;

    padding: 0 0 16px;

    font-size: .88rem;

    color: #555;

    line-height: 1.75;

  }

.product-details  .accordion-body.open {

    display: block;

  }

.product-details  .product-content{

    max-width: 900px;

    margin: 0 auto;

  }

.product-details  .product-content h2{

    font-size: 24px;

    font-weight: 600;

    color: #2E4C79;

}

.product-details  .product-content h3{

    font-size: 23px;

    font-weight: 600;

    color: #2E4C79;

}

.product-details  .product-content h4{

    font-size: 18px;

    font-weight: 600;

    color: #2E4C79;

}

.product-details  .product-content p,.product-details  .product-content ul li{

font-weight: 400;

}



/* ── Section wrapper ── */

  .order-form-section {

padding: 100px 0;

  background: #f3f3f3;

  }

.order-form-section .container{

  max-width: 930px;

}

  /* ── Title ── */

  .order-form-title {

    font-size: 24px;

    color: #00adef;

    margin-bottom: 20px;

    font-weight: 600;

  }



  /* ── Inputs & Textarea ── */

  .order-input {

    width: 100%;

    height: 52px;

    padding: 0 16px;

    border: 1px solid #d5d9de;

    border-radius: 3px;

    background: #fff;

    font-family: 'Janna LT';

    font-size: .88rem;

    color: #333;

    outline: none;

    transition: border-color .25s, box-shadow .25s;

    display: block;

  }

  .order-input:focus {

    border-color: #29abe2;

    box-shadow: 0 0 0 3px rgba(41,171,226,.12);

  }

  .order-input::placeholder {

    color: #999;

  }



  /* Readonly product field */

  .order-input--readonly {

    background: #e8ecef;

    color: #555;

    cursor: default;

  }

  .order-input--readonly:focus {

    border-color: #d5d9de;

    box-shadow: none;

  }



  /* Textarea */

  .order-textarea {

    height: auto;

    padding: 14px 16px;

    resize: vertical;

    line-height: 1.6;

  }



  /* ── Captcha row ── */

  .order-captcha {

    display: flex;

    align-items: center;

    gap: 14px;

  }

  .captcha-code {

     font-family: 'Janna LT';

    font-size: 1.15rem;

    font-weight: 700;

    letter-spacing: 4px;

    color: #1a3a5c;

    background: #e8ecef;

    border: 1px solid #d5d9de;

    border-radius: 3px;

    padding: 10px 18px;

    user-select: none;

    white-space: nowrap;

    min-width: 110px;

    text-align: center;

  }

  .order-input--captcha {

    flex: 1;

    max-width: 300px;

  }



  /* ── Submit button ── */

  .order-submit {

    text-transform: uppercase;

    background: #00adef;

    border: 0;

    color: #ffffff;

    font-weight: 600;

    padding: 20px 40px;

    margin-top: 20px;

  }

  .order-submit:hover {

    background: #1a8bbf;

  }

  .order-submit:active {

    background: #157aa8;

  }



  .career-section{background: #fff;

    padding: 60px 0 70px;}

.career-section h2 {

    font-size: 28px;

    font-weight: 700;

    line-height: 30px;

    color: #1E1F1F;}

.career-section h3 {

    font-size: 24px;

    font-weight: 600;

    color: #000000;

    margin-bottom: 22px;}



.aboutus-content h4 {

    font-size: 24px;

    font-weight: 600;

    color: #000000;

    margin-bottom: 22px;}

.faq-list{margin-bottom: 22px;}

.faq-list h5 {

    font-size: 20px;

    font-weight: 600;

    color: #000000;

    margin-bottom: 5px;}

.faq-list p{margin-bottom: 10px;}

.join-section{background: #fff;

    padding: 20px 0 70px;}

.join-section h2{font-size: 24px;

    font-weight: 600;

    line-height: 30px;

    color: #1E1F1F;}

.form-wrapper {

   

}



.form-title {

    text-align: center;

    font-size: 26px;

    font-weight: 600;

    margin-bottom: 30px;

}



.custom-input {

    height: 55px;

    border-radius: 0px;

    border: 1px solid #747474;

    padding: 10px;

    transition: 0.3s;

}



.custom-input:focus {

    border-color: #00adef;

    box-shadow: none;

}



textarea.custom-input {

    height: 120px;

}

select.custom-input {

    appearance:auto;

}

.file-upload {

    display: flex;

    align-items: center;

    gap: 15px;

}



.file-upload label {

    background: #2d4f7c;

    color: #fff;

    padding: 12px 20px;

    cursor: pointer;

    border-radius: 0px;

}



.file-upload input {

    display: none;

}



.submit-btn {

     text-transform: uppercase;

    background: #00adef;

    border: 0;

    color: #ffffff;

    font-weight: 600;

    padding: 20px 40px;

    margin-top: 20px;

}



.submit-btn:hover {

    

}

.contact-section {

    padding: 60px 0;

    direction: ltr;

}



.contact-title {

    font-size: 20px;

    font-weight: 600;

    color: #2E4C79;margin-bottom: 30px

}



.contact-left{padding: 0 0  0  50px;direction: rtl;}

.contact-right{padding: 0 0 0 50px;direction: rtl;}

/* RIGHT SIDE */

.contact-box {

    display: flex;

    align-items: flex-start;

    margin-bottom: 25px;

}



.icon-circle {

    width: 59px;

    height: 59px;

    background: #00ADEF;

    color: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 15px;

    font-size: 20px;

}



.contact-heading {

    font-weight: 600;

    color: #00ADEF;

    margin-bottom: 5px;

}



.company-name {

   font-size: 24px;

    font-weight: 600;

    color: #00ADEF;

    margin-bottom: 20px;

}

.contact-map iframe{width: 100%}

.accredited-logo{

  display: flex;

  gap: 20px;

  justify-content: center;

}

.accredited-logo .logo-card{

      border: 1px solid #ebebeb;

}

.accredited-logo .logo-card img{max-height: 76px;}

.download_catalog_btn{

      background-color: #6194CE;

      padding: 10px 20px;

      border-radius: 6px;

      color: #fff;

      text-decoration: none;

      display: inline-block;

}

.mitwalli-trading-detail .about-body p{

  color: #7A7A7A;

  font-weight: 500;

}

.mitwalli-img{margin-bottom: 30px;}

.angle-bar{padding: 0 0 70px}

.angle-bar h3{font-size: 30px;

    color: #2e4c79;

    font-weight: 800;

    margin-top: 25px;

    margin-bottom: 25px;}

.angle-bar img{width: 100%}



.products-section.mitwalli-trading{

  direction: ltr;

}

.products-section.mitwalli-trading .product-card-body,.mitwalli-trading-detail .about-body{

 direction: rtl;

}

.products-section.mitwalli-trading .product-read-more svg{

  transform: rotate(180deg);

}