add index

2025-08-25 11:12:24 +03:30
parent 1f1584d136
commit 0fb26a8e1b
7 changed files with 482 additions and 139 deletions
@@ -135,6 +135,92 @@ html body a:hover {
 }


+.input-box {
+  margin-bottom: 25px;
+  label {
+    display: inline-block;
+    font-size: 16px;
+    margin-bottom: 12px;
+    color: #222;
+  }
+  div {
+    display: flex;
+    align-items: center;
+    border-radius: 10px;
+    height: 44px;
+    border: 1px solid #DADADA;
+    overflow: hidden;
+    img {
+      margin-left: 15px;
+      margin-right: 5px;
+    }
+    input {
+      width: 100%;
+      height: 100%;
+      border: 0;
+      font-family: 'Roboto-Med';
+      &::placeholder {
+        font-family: 'Roboto';
+      }
+    }
+    &:focus-within {
+      border: 1px solid #0164FF;
+    }
+  }
+  &.textarea {
+    div {
+      height: 90px;
+    }
+    textarea {
+      width: 100%;
+      height: 100%;
+      padding-left: 20px;
+      padding-top: 10px;
+      border: none;
+      resize: none;
+      font-size: 14px;
+      font-family: 'Roboto';
+    }
+  }
+
+  &.submit {
+    padding-top: 15px;
+
+    & input[type="submit"],
+    button {
+      width: 100%;
+      border: none;
+      font-size: 16px;
+      color: #fff;
+      padding: 18.5px 0;
+      background-color: #0164FF;
+      border-radius: 50px;
+    }
+  }
+}
+
+
+.select-box {
+  select {
+    position: relative;
+    border: none;
+    background-color: transparent;
+    padding: 15px 0;
+    cursor: pointer;
+  }
+  .flag {
+    position: absolute;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    top: 26px;
+    width: 45px;
+    background-color: #fff;
+  }
+}
+
+
+

 // =====================================

@@ -281,6 +367,17 @@ html body a:hover {
      color: transparent;
    }

+    .img{
+      display: none;
+      // display: flex;
+      align-items: center;
+      justify-content: center;
+
+      img{
+        width: 60%;
+      }
+    }
+
    h3 {
      font-family: 'Roboto-Bold';
      font-weight: 900;
@@ -436,77 +533,6 @@ html body a:hover {



-.input-box {
-  margin-bottom: 25px;
-
-  label {
-    display: inline-block;
-    font-size: 16px;
-    margin-bottom: 12px;
-    color: #222;
-  }
-
-  div {
-    display: flex;
-    align-items: center;
-    border-radius: 10px;
-    height: 44px;
-    border: 1px solid #DADADA;
-    overflow: hidden;
-
-    img {
-      margin-left: 15px;
-      margin-right: 5px;
-    }
-
-    input {
-      width: 100%;
-      height: 100%;
-      border: 0;
-      font-family: 'Roboto-Med';
-
-      &::placeholder {
-        font-family: 'Roboto';
-      }
-    }
-
-    &:focus-within {
-      border: 1px solid #0164FF;
-    }
-  }
-
-  &.textarea {
-    div {
-      height: 90px;
-    }
-
-    textarea {
-      width: 100%;
-      height: 100%;
-      padding-left: 20px;
-      padding-top: 10px;
-      border: none;
-      resize: none;
-      font-size: 14px;
-      font-family: 'Roboto';
-    }
-  }
-
-  &.submit {
-    padding-top: 15px;
-
-    & input[type="submit"],
-    button {
-      width: 100%;
-      border: none;
-      font-size: 16px;
-      color: #fff;
-      padding: 18.5px 0;
-      background-color: #0164FF;
-      border-radius: 50px;
-    }
-  }
-}

 // ------------------------------Contact Us page End-------------

@@ -542,4 +568,147 @@ html body a:hover {
  .container {
    max-width: 1280px;
  }
+}
+
+
+
+
+
+
+
+@media (max-width : 1200px) {
+  .slider .s-left h1{
+    font-size: 68px;
+  }
+  .slider .s-left h3{
+    font-size: 46px;
+  }
+}
+
+@media (max-width : 992px) {
+  .slider .s-left{
+    width: 70%;
+  }
+  .slider .s-right{
+    width: 30%;
+  }
+
+  .slider .s-right .s-right-inner img{
+    right: unset;
+    left: -40%;
+  }
+
+  .our-sec .our-sec-inner .os-item h1{
+    font-size: 68px;
+  }
+}
+
+
+@media (max-width : 768px) {
+
+  .blue-btn{
+    padding: 11px 49px;
+  }
+
+  .select-box .flag{
+    top: 10px;
+  }
+
+  .header{
+    height: unset;
+    flex-direction: column;
+    position: relative;
+
+    .header-logo{
+      width: 100%;
+      padding-top: 25px;
+      padding-bottom: 20px;
+      border-bottom: 1px solid #E7E7E7;
+
+    }
+  }
+  .header .header-side{
+    width: 100%;
+    padding-top: 12px;
+
+    .hs-side{
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      a{
+        display: inline-block;
+      }
+    }
+  }
+  
+
+  .header .select-box{
+    position: absolute;
+    right: 0;
+    top: 15px;
+  }
+
+  .main-section .effect-one{
+    display: none;
+  }
+  .slider .s-right{
+    display: none;
+  }
+  .slider .s-left{
+    width: 100%;
+    padding-top: 30px;
+  }
+
+  .slider .s-left .img{
+    display: flex;
+  }
+
+  .slider .s-left h1{
+    font-size: 50px;
+    text-align: center;
+    margin-bottom: 10px;
+  }
+
+  .slider .s-left h3{
+    font-size: 32px;
+    margin-bottom: 25px;
+    margin-top: 10px;
+  }
+  .slider .s-left strong{
+    font-size: 20px;
+  }
+
+  .our-sec{
+    padding-top: 70px;
+    padding-bottom: 40px;
+  }
+
+  .our-sec .our-sec-inner{
+    flex-direction: column;
+  }
+  .our-sec .our-sec-inner .os-item{
+    width: 100%;
+    margin-bottom: 30px;
+  }
+  .our-sec .our-sec-inner .os-item h1{
+    font-size: 40px;
+  }
+
+
+  .footer .footter-inner .f-midd{
+    flex-direction: column;
+  }
+
+  .footer .footter-inner .f-midd .footer-item{
+    width: 100%;
+    align-items: unset;
+    justify-content: unset;
+    margin-bottom: 15px;
+  }
+
+  .footer .effect-2{
+    display: none;
+  }
 }