body {
  overflow-x: hidden;
  text-transform: capitalize;
}

.font_text {
  font-family: "Almarai", sans-serif;
}

.about_color {
  color: #166C9D;
  border-bottom: 3px solid #E17020;
}

.about_color:hover {
  color: #E17020 !important;
}

.icon_size {
  font-size: 60px;
}

.section_backgound {
  background-color: rgba(225, 112, 32, 0.1);
}

.p_height {
  line-height: 40px;
}

.h_color {
  color: #166C9D;
}

.image-container {
  cursor: pointer;
}

.image-container img {
  transition: transform 0.3s ease;
}

.image-container:hover img {
  transform: translate(0px, -10px);
}

.section_color {
  background-color: #166C9D;
}

body section nav {
  z-index: 999999;
}

body section nav .container .collapse div div a .button_header {
  width: 151%;
  background-color: #E17020;
  transition: 0.3s;
}

body section nav .container .collapse div div a .button_header:hover {
  background-color: #166C9D;
}

body section nav .container .collapse div ul li .link_hover:hover {
  color: #166C9D;
}

body section nav .container .collapse div ul li .active {
  color: #166C9D;
}

body section nav .container .collapse div div .ul_flex {
  gap: 30px;
}

body div section .container_top {
  margin-top: 70px;
}

body div .div_height_main {
  height: 83vh;
  padding-bottom: 800px;
}

body div section .container div a div .span_size {
  font-size: 12px;
}

body div section .container div .button_border {
  background-color: rgba(255, 255, 255, 0.6784313725);
  border: 2px solid #E17020;
  color: #E17020;
  transition: 0.3s;
}

body div section .container div .button_border:hover {
  background-color: #E17020 !important;
  color: white !important;
}

body div section .container .container input[type=radio] {
  display: none;
}

body div section .container .container .cards .card {
  width: 60%;
  background-position: top center;
  background-size: cover;
  transition: transform 0.4s ease;
  cursor: pointer;
}

body div section .container .slider_container {
  width: 60%;
  transform-style: preserve-3d;
}

body div section .container .container .cards {
  width: 45%;
}

#item-1:checked ~ .cards #song-3,
#item-2:checked ~ .cards #song-1,
#item-3:checked ~ .cards #song-2 {
  transform: translatex(-80%) scale(0.8);
  z-index: 0;
}

#item-1:checked ~ .cards #song-2,
#item-2:checked ~ .cards #song-3,
#item-3:checked ~ .cards #song-1 {
  transform: translatex(80%) scale(0.8);
  z-index: 0;
}

#item-1:checked ~ .cards #song-1,
#item-2:checked ~ .cards #song-2,
#item-3:checked ~ .cards #song-3 {
  transform: translatex(0) scale(1);
  z-index: 1;
}

body section .container .row div .arrow_width {
  width: 3vmin !important;
  height: 3vmin !important;
}

body section .container .row div .arrow {
  width: 5.5vmin;
  height: 3vmin;
  background: transparent;
  border-top: 1vmin solid #E17020;
  border-right: 1vmin solid #E17020;
  transition: all 200ms ease;
}
body section .container .row div .arrow.left {
  left: 0;
  transform: translate3d(0, -50%, 0) rotate(-45deg);
}
body section .container .row div .arrow.right {
  right: 0;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

body section .container .row div .div_hover_arrow:hover .arrow {
  border-color: #166C9D;
  box-shadow: 0.5vmin -0.5vmin 0 #E17020;
}

body .section_color .container .div_translate {
  transform: translate(0px, 80px);
}

body section .container div div .select_backgound_input,
body section .container div div .select_backgound {
  background-color: #F2F2F2 !important;
}

body section .container div div .select_backgound {
  color: #828282;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-position: 8px center !important;
  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
}

input[type=radio]:checked + .label_radio {
  color: #E17020;
}

input[name=radio1],
input[name=radio] {
  width: 1.5vh;
  height: 1.5vh;
  accent-color: #E17020;
}

body section .container .btn_style {
  transition: 0.3s;
  background-color: #E17020;
}

body section .container .btn_style:hover {
  background-color: #166C9D;
}

body section .container .div_total {
  transition: 0.3s;
  display: flex;
  border: 2px solid #E17020;
}

body section .container div div .icon_image {
  transform: translate(20px, 0);
}

body section .container div div .icon_image1 {
  transform: translate(-20px, 0);
}

body section .container div div .icon_image,
body section .container div div .icon_image1 {
  cursor: pointer;
  padding: 15px 17px;
  height: 50px;
  margin-bottom: 150px;
  background-color: rgba(255, 255, 255, 0.6784313725);
  z-index: 1;
  color: #E17020;
  border: 2px solid #E17020;
  transition: 0.3s;
}

body section .container div div .icon_image1:hover,
body section .container div div .icon_image:hover {
  color: white;
  background-color: #166C9D;
}

body .div_height_100 {
  height: 100px;
}

body section div .div_string {
  width: 90%;
}

body section .container .row div div .icon_hover:hover {
  color: #166C9D !important;
}

body section .container div div form .emailInput,
body section .container div div form .submitButton {
  height: 60px;
}

body section .container div div form .emailInput {
  width: 350px;
  border-radius: 0px 10px 10px 0px;
}

body section .container div div form .submitButton {
  background-color: #E17020;
  transition: 0.3s;
  transform: translate(3px, 0px);
}

body section .container div div form .submitButton:hover {
  background-color: #166C9D;
}

body section .container .row div .div_footer_width {
  width: 220px;
}

@media (min-width: 2000px) {
  body section .container .row div .arrow_width {
    width: 1.5vmin !important;
    height: 1.5vmin !important;
  }
  body section .container .row div .arrow {
    width: 2.5vmin;
    height: 1.7vmin;
  }
}
@media (max-width: 1200px) and (min-width: 990px) {
  body section nav .container .collapse div div .ul_flex {
    gap: 2px;
  }
  body div .div_height_main {
    padding-bottom: 700px;
  }
  body section .container .row div .div_width {
    width: 60% !important;
  }
}
@media (max-width: 990px) and (min-width: 0px) {
  body section .container div div .icon_image,
  body section .container div div .icon_image1 {
    display: none;
  }
  body section .container .row div .div_footer_width,
  body section nav .container .collapse div div a .button_header {
    width: 100%;
  }
  body section nav .container .collapse div div .ul_flex {
    gap: 0px;
  }
  body div .div_height_main::before,
  body div .div_height_main {
    height: 600px;
  }
  body div .div_height_main {
    padding-bottom: 500px;
  }
  body div section .container .container .cards .card {
    border-radius: 10% !important;
  }
  body section .container div div form .emailInput,
  .div_width,
  body section .container .row div .image_width,
  body div section .container .slider_container {
    width: 100% !important;
  }
  body .section_color .container .div_translate {
    transform: translate(0px, 20px);
  }
  body section .container div div form .submitButton {
    transform: translate(0px, 0px);
  }
  body section .container div div form .submitButton,
  body section .container div div form .emailInput {
    border-radius: 0px !important;
    height: 50px;
  }
}
@media (max-width: 400px) and (min-width: 0px) {
  body section .container .row div .div_width1,
  body div section .container .container .cards {
    width: 100%;
  }
  body div section .container div .card {
    display: none;
  }
  body div section .container div .active {
    display: flex;
  }
  #item-1:checked ~ .cards #song-3,
  #item-2:checked ~ .cards #song-1,
  #item-3:checked ~ .cards #song-2 {
    transform: translatex(0%) scale(0.8);
  }
  body div .div_height_main {
    padding-bottom: 700px;
  }
}/*# sourceMappingURL=index.css.map */