/* ---------------------------------------------------------------- */
@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../fonts/iransans/iransans.eot);
    src: url(../../fonts/iransans/iransans.eot?#iefix) format("embedded-opentype"), url(../../fonts/iransans/iransans.woff2) format("woff2"), url(../../fonts/iransans/iransans.woff) format("woff")
}

/* ---------------------------------------------------------------- */

* {
    font-family: "iransans", Arial, sans-serif;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    scroll-behavior: smooth;
}

.max {
    max-width: 1600px;
}

.gradient-bg {
    background: linear-gradient(135deg, #002a63 0%, #1E3A8A 100%);
}

.wave {
    clip-path: polygon(100% 0%, 0% 0%, 0.00% 95.97%, 2.00% 95.92%, 4.00% 95.77%, 6.00% 95.53%, 8.00% 95.20%, 10.00% 94.80%, 12.00% 94.33%, 14.00% 93.82%, 16.00% 93.27%, 18.00% 92.70%, 20.00% 92.14%, 22.00% 91.59%, 24.00% 91.08%, 26.00% 90.62%, 28.00% 90.23%, 30.00% 89.92%, 32.00% 89.69%, 34.00% 89.55%, 36.00% 89.52%, 38.00% 89.58%, 40.00% 89.74%, 42.00% 90.00%, 44.00% 90.34%, 46.00% 90.75%, 48.00% 91.22%, 50.00% 91.75%, 52.00% 92.30%, 54.00% 92.86%, 56.00% 93.43%, 58.00% 93.97%, 60.00% 94.47%, 62.00% 94.92%, 64.00% 95.30%, 66.00% 95.61%, 68.00% 95.82%, 70.00% 95.94%, 72.00% 95.96%, 74.00% 95.89%, 76.00% 95.71%, 78.00% 95.44%, 80.00% 95.09%, 82.00% 94.67%, 84.00% 94.19%, 86.00% 93.66%, 88.00% 93.11%, 90.00% 92.54%, 92.00% 91.98%, 94.00% 91.44%, 96.00% 90.95%, 98.00% 90.50%, 100.00% 90.13%);
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.feature-icon {
    filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.15));
    transition: transform 0.3s ease;
}

.feature-card:hover .feature-icon {
    transform: scale(1.1);
}

.modem-3d {
    transform-style: preserve-3d;
    animation: float 6s ease-in-out infinite;
}

.modem-3d2 {
    transform-style: preserve-3d;
    animation: float 4s ease-in-out infinite;
}

.modem-3d3 {
    transform-style: preserve-3d;
    animation: float 8s ease-in-out infinite;
}

.footer {
    clip-path: polygon(100% 100%, 0% 100%, 0.00% 55.33%, 2.00% 55.17%, 4.00% 54.68%, 6.00% 53.88%, 8.00% 52.80%, 10.00% 51.47%, 12.00% 49.92%, 14.00% 48.22%, 16.00% 46.40%, 18.00% 44.53%, 20.00% 42.67%, 22.00% 40.86%, 24.00% 39.18%, 26.00% 37.66%, 28.00% 36.36%, 30.00% 35.32%, 32.00% 34.56%, 34.00% 34.12%, 36.00% 34.00%, 38.00% 34.21%, 40.00% 34.75%, 42.00% 35.59%, 44.00% 36.71%, 46.00% 38.08%, 48.00% 39.65%, 50.00% 41.37%, 52.00% 43.20%, 54.00% 45.07%, 56.00% 46.93%, 58.00% 48.72%, 60.00% 50.38%, 62.00% 51.87%, 64.00% 53.14%, 66.00% 54.14%, 68.00% 54.85%, 70.00% 55.25%, 72.00% 55.32%, 74.00% 55.06%, 76.00% 54.48%, 78.00% 53.60%, 80.00% 52.44%, 82.00% 51.04%, 84.00% 49.45%, 86.00% 47.71%, 88.00% 45.87%, 90.00% 44.00%, 92.00% 42.14%, 94.00% 40.37%, 96.00% 38.73%, 98.00% 37.27%, 100.00% 36.04%);
}

.scrollm{
    scroll-margin-top: calc(var(--header-height, 120px) + 2rem);
}

@keyframes float {
    0% {
        transform: translateY(0px) rotateY(0deg);
    }

    50% {
        transform: translateY(-15px) rotateY(10deg);
    }

    100% {
        transform: translateY(0px) rotateY(0deg);
    }
}

.btn-glow:hover {
    box-shadow: 0 0 15px rgba(255, 127, 17, 0.6);
}

.depth-shadow {
    box-shadow:
        0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05),
        0 0 0 1px rgba(0, 0, 0, 0.05);
}

.form-input:focus {
    border-color: #FF7F11;
    box-shadow: 0 0 0 3px rgba(255, 127, 17, 0.2);
}

.takhfif {
    clip-path: polygon(50% 0%, 100% 0, 100% 100%, 49% 78%, 49% 78%, 0 100%, 0 0);


}



 .text-orange{
    color:#f26322;
 }

 .hover\:text-orange:hover {
    color: #f97316;
  }

  .text-navy{
    color:#002a63;
 }

 .hover\:text-navy:hover {
    color: #002a63;
  }

  .bg-orange{
    background-color: #f26322;
  }

  .bg-navy{
    background-color: #002a63;
  }
  
  .border-orange{
    border-color:#f26322;
  }

  @media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}
.container {
    width: 100%;
}

.w-full{
    width: 100%;
}

.max-w-5xl{
    max-width: 1024px; 
}

.w-50-pecent{
    width: 50%;
}
.md-w-42-percent{
    width: 100%;
}

.iconone{
    top:5%;
    left:5%;
    z-index: -10;
    rotate: 20deg;
}
.icontwo{
    bottom:0;
    left:2%;
    z-index: -10;
    rotate: -20deg;
}
.iconthree{
    right:5%;
    bottom:0;
    z-index: -10;
    rotate: 10deg;
}
.iconfour{
    right:2%;
    top:5%;
    z-index: -10deg;
    rotate: -10deg;
}

.left-5-percent{
    left: 5%;
}
.leading-40-px{
    line-height: 40px !important;
}

@media (width >= 48rem) { 
    .md-w-42-percent{
        width: 42%;
    }
    .iconone{
        top:30%;
        left:20%;
      
    }
    .icontwo{
        bottom:20%;
        left:25%;
    }
    .iconthree{
        right:25%;
        bottom:10%;
    }
    .iconfour{
        right:20%;
        top:50%;
       
    }
}