@font-face {
  font-family: Trial Sagace;
  src: url("../fonts/TRIALSagace-Bold-BF678f1faaf3141.otf"), format("OpenType");
  font-weight: 700;
}
@font-face {
  font-family: Trial Sagace;
  src: url("../fonts/TRIALSagace-Medium-BF678f1fab0c8f7.otf"), format("OpenType");
  font-weight: 500;
}
@font-face {
  font-family: Trial Sagace;
  src: url("../fonts/TRIALSagace-Regular-BF678f1fab154dd.otf"), format("OpenType");
  font-weight: 400;
}
@font-face {
  font-family: General Sans;
  src: url("../fonts/GeneralSans-Bold.otf"), format("OpenType");
  font-weight: 700;
}
@font-face {
  font-family: General Sans;
  src: url("../fonts/GeneralSans-Medium.otf"), format("OpenType");
  font-weight: 500;
}
@font-face {
  font-family: General Sans;
  src: url("../fonts/GeneralSans-Regular.otf"), format("OpenType");
  font-weight: 400;
}
@font-face {
  font-family: Hanson;
  src: url("../fonts/Hanson-Bold.otf"), format("OpenType"), url("../fonts/Hanson-Bold.ttf"), format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: Gilroy;
  src: url("../fonts/Gilroy-Black.ttf"), format("truetype");
  font-weight: 700;
}
@keyframes slide {
  0% {
    background-size: 100%;
  }
  50% {
    background-size: 110%;
  }
  100% {
    background-size: 100%;
  }
}
@-webkit-keyframes slide {
  0% {
    background-size: 100%;
  }
  50% {
    background-size: 110%;
  }
  100% {
    background-size: 100%;
  }
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

.form-group {
  margin-bottom: 15px;
}

a {
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  text-decoration: none;
  outline: none;
}
a:focus {
  text-decoration: none;
  outline: none;
}

.btn {
  border: 0;
  box-shadow: none;
  text-decoration: none;
  outline: none;
  border-radius: 0;
}
.btn:hover {
  box-shadow: none;
  text-decoration: none;
  outline: none;
  border: 0;
  border-radius: 0;
}
.btn:focus {
  box-shadow: none;
  text-decoration: none;
  outline: none;
  border: 0;
  border-radius: 0;
}
.btn:active {
  box-shadow: none;
  text-decoration: none;
  outline: none;
  border: 0;
  border-radius: 0;
}
.btn:active:focus {
  box-shadow: none;
}
.btn:visited {
  box-shadow: none;
  text-decoration: none;
  outline: none;
  border: 0;
  border-radius: 0;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.list-inline {
  margin: 0;
  padding: 0;
}
.list-inline::after {
  display: block;
  content: "";
  clear: both;
}
.list-inline li {
  float: left;
}
.list-inline li a {
  display: inline-block;
}

.form-control {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  text-decoration: none;
  outline: none;
}
.form-control:hover {
  text-decoration: none;
  outline: none;
}
.form-control:focus {
  text-decoration: none;
  outline: none;
  box-shadow: 0 0 0 0.25rem #FCE2DC;
}
.form-control:active {
  text-decoration: none;
  outline: none;
}

/* Extra Huge large desktops */
@media (min-width: 1920px) {
  .container {
    max-width: 1330px;
  }
}
/* Extra Huge large desktops */
@media (min-width: 1680px) and (max-width: 1919px) {
  .container {
    max-width: 1330px;
  }
}
/* Extra Huge large desktops */
@media (min-width: 1600px) and (max-width: 1679px) {
  .container {
    max-width: 1330px;
  }
}
/* Extra large desktops and mac laptops*/
@media (min-width: 1400px) and (max-width: 1599px) {
  .container {
    max-width: 1330px;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .container {
    max-width: 1330px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .container {
    max-width: 1170px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    max-width: 100%;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 100%;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 544px) and (max-width: 767px) {
  .container {
    min-width: 100%;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 543px) {
  .container {
    max-width: 100%;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .container {
    max-width: 100%;
  }
}
/* Smaller phones */
body {
  font-weight: 400;
  font-size: 14px;
  line-height: inherit;
  font-family: "Trial Sagace";
  overflow-x: clip;
}

img,
video,
iframe {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.btn-primary {
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  padding: 15px 24px;
  border-radius: 8px;
  background: linear-gradient(129.07deg, #e5230e 2.47%, #e84508 111.94%);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 1px solid transparent;
}
.btn-primary i {
  transform: rotate(-45deg);
  margin-left: 6px;
}
.btn-primary:after {
  content: "";
  height: 50px;
  width: 50px;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-color: #ffffff;
  bottom: 0;
  left: -50px;
  right: 0;
  position: absolute;
  z-index: -1;
  transform-origin: left 80%;
}
.btn-primary:hover, .btn-primary.active, .btn-primary:focus {
  color: #E5230E;
  border: 1px solid #E5230E;
}
.btn-primary:hover:after, .btn-primary.active:after, .btn-primary:focus:after {
  scale: 5.1;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

.no_event {
  pointer-events: none;
}

.scroll_off {
  overflow: hidden;
  touch-action: none;
  -ms-touch-action: none;
}

label.error {
  display: block;
  color: #f00 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  margin-top: 8px;
}

.text-success {
  color: #25d366 !important;
}

.callout {
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: #fff;
  border-left: 5px solid #e9ecef;
  margin-bottom: 1rem;
  padding: 13px;
}
.callout.callout-success {
  border-left-color: #1e7e34;
  background-color: #28a745;
  color: #fff;
}
.callout.callout-danger {
  border-left-color: #bd2130;
  background-color: #d72d3e;
  color: #fff;
}

.alert.alert-success {
  border-left-color: #1e7e34;
  background-color: #28a745;
  color: #fff;
}
.alert.alert-danger {
  border-left-color: #bd2130;
  background-color: #d72d3e;
  color: #fff;
}

.popover {
  max-width: 360px;
  padding: 20px;
  border: 1px solid #e8e8eb;
  box-shadow: 0px 12px 20px 0px rgba(0, 0, 50, 0.12);
}
.popover .popover-body {
  padding: 0;
}
.popover .popover-body p {
  font-weight: 600;
  font-size: 14px;
  color: #111111;
  padding-bottom: 10px;
}
.popover .popover-body p a {
  color: #111111;
  display: inline-block;
}
.popover .popover-body a {
  color: #111111;
  font-weight: 600;
  display: block;
}

.form-group {
  padding-top: 32px;
  margin: 0;
}
.form-group .form-label {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #171717;
  margin: 0;
}
.form-group .form-label span {
  color: #E5230E;
}
.form-group .form-control {
  margin-top: 12px;
  padding: 12px 16px;
  border: 0.5px solid #F8F8F8;
  background-color: #f6f6f9;
  border-radius: 8px;
  font-family: "General Sans";
  color: #8B8B8B;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
}
.form-group .form-control::placeholder {
  font-family: "General Sans";
  color: #8B8B8B;
  font-weight: 400;
  font-size: 14px;
}
.form-group textarea {
  resize: none;
  min-height: 96px;
  max-height: 96px;
  height: 96px;
}

.tooltip {
  box-shadow: -2px 4px 14px 0px rgba(0, 0, 0, 0.1411764706);
  background-color: transparent;
}
.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: #ffffff;
}
.tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: #ffffff;
}
.tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: #ffffff;
}
.tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: #ffffff;
}
.tooltip .tooltip-inner {
  border-radius: 8px;
  background-color: #ffffff;
  color: #7a7a7a;
}

#pb_scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  background-color: none;
}

#pb_scroll::-webkit-scrollbar {
  width: 5px;
  background-color: none;
}

#pb_scroll::-webkit-scrollbar-thumb {
  background-color: #E5230E;
  border: 1px solid #E5230E;
  border-radius: 10px;
}

.spacing_top {
  margin-top: 70px;
}

/* Extra Huge large desktops */
/* Extra Huge large desktops */
/* Extra Huge large desktops */
/* Extra large desktops and mac laptops*/
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .btn-primary {
    padding: 12px 20px;
    font-size: 16px;
  }
  .form-group {
    padding-top: 20px;
  }
  .spacing_top {
    margin-top: 50px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .btn-primary {
    padding: 12px 20px;
    font-size: 16px;
  }
  .spacing_top {
    margin-top: 40px;
  }
  .form-group {
    padding-top: 15px;
  }
  .form-group .form-control {
    border-radius: 6px;
    margin-top: 10px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .btn-primary {
    padding: 10px 16px;
    font-size: 14px;
  }
  .spacing_top {
    margin-top: 30px;
  }
  .form-group {
    padding-top: 15px;
  }
  .form-group .form-control {
    border-radius: 6px;
    padding: 10px 12px;
    margin-top: 6px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .btn-primary {
    padding: 10px 16px;
    font-size: 14px;
  }
  .spacing_top {
    margin-top: 25px;
  }
  .form-group {
    padding-top: 15px;
  }
  .form-group .form-control {
    border-radius: 6px;
    padding: 10px 12px;
    margin-top: 6px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .btn-primary {
    padding: 10px 16px;
    font-size: 14px;
  }
  .spacing_top {
    margin-top: 25px;
  }
  .form-group {
    padding-top: 15px;
  }
  .form-group .form-control {
    border-radius: 6px;
    padding: 10px 12px;
    margin-top: 6px;
  }
}
/* Smaller phones */
.spacing_btm {
  margin-bottom: 90px;
}

.spacing_top {
  margin-top: 90px;
}

.my_loader {
  background-color: #ffffff;
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  overflow: hidden;
}

.my_loader .loader_inner .image_area {
  --size: clamp(130px, 17vw, 210px);
  height: var(--size);
  width: calc(var(--size) * 2 + 20px);
  animation: fade-in-out 2s ease-in-out infinite;
}

.my_loader .loader_inner .image_area img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* Optional: Keyframes for fade-in-out effect */
@keyframes fade-in-out {
  0%, 100% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
}
.img-magnifier-container {
  position: relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 2px solid #E5230E;
  cursor: none;
  border-radius: 50%;
  /*Set the size of the magnifier glass:*/
  width: 80px;
  height: 80px;
  pointer-events: none;
}

.contact_us_area {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 20;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.contact_us_area.hide {
  bottom: -100%;
  right: -120%;
  display: none;
}
.contact_us_area.show {
  display: block;
}
.contact_us_area .blob_area {
  width: 380px;
  height: 430px;
  position: relative;
}
.contact_us_area .blob_area .close_icon {
  border: 9px solid #ffffff;
  background: #FFF5F1;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  font-size: 20px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 3%;
  right: 7%;
  cursor: pointer;
}
.contact_us_area .blob_area .content_area {
  position: absolute;
  z-index: 2;
  top: 20%;
  left: 0;
  right: 0;
  width: 70%;
  margin: 0 auto;
  margin-left: 22%;
}
.contact_us_area .blob_area .content_area h4 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 28px;
  text-align: center;
  color: #ffffff;
}
.contact_us_area .blob_area .content_area h6 {
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 22px;
  text-align: center;
  color: #ffffff;
  padding-top: 10px;
}
.contact_us_area .blob_area .content_area p {
  font-family: "Trial Sagace";
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  padding-top: 10px;
}
.contact_us_area .blob_area .content_area .whatsapp_logo {
  height: 90px;
  width: 90px;
  margin: 0 auto;
  display: block;
  margin-top: 30px;
  animation: bounceUpDown 1.5s ease-in-out infinite;
}

@keyframes bounceUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
.whatsapp_logo_fix {
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 85px;
  right: 10px;
  z-index: 18;
  display: inline-block;
  animation: bounceUpDown 1.5s ease-in-out infinite;
}
.whatsapp_logo_fix.hide {
  display: none;
}
.whatsapp_logo_fix.show {
  display: block;
}

.google_fix_icon {
  position: fixed;
  top: 70%;
  right: -220px;
  z-index: 17;
  background: #ffffff;
  padding: 15px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top: 5px solid #E5230E;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.google_fix_icon:hover {
  right: 0;
}
.google_fix_icon .logo_content_area {
  display: flex;
  gap: 15px;
  align-items: center;
}
.google_fix_icon .logo_content_area .logo_area {
  height: 54px;
  width: 54px;
}
.google_fix_icon .logo_content_area .logo_area img {
  object-fit: contain;
}
.google_fix_icon .logo_content_area .content_area h6 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 22px;
  color: #171717;
}
.google_fix_icon .logo_content_area .content_area .list_text_area {
  display: flex;
  align-items: center;
  gap: 5px;
}
.google_fix_icon .logo_content_area .content_area .list_text_area .text {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 22px;
  color: #F8BB37;
}
.google_fix_icon .logo_content_area .content_area .list_text_area ul {
  display: flex;
}
.google_fix_icon .logo_content_area .content_area .list_text_area ul li {
  color: #F8BB37;
  font-size: 14px;
}
.google_fix_icon .logo_content_area .content_area p {
  font-weight: 500;
  font-size: 16px;
  color: #979797;
}

.select2 {
  display: block;
  max-width: 100% !important;
}
.select2.select2-container--open .selection .select2-selection {
  border-radius: 8px;
}
.select2.select2-container--open .selection .select2-selection .select2-selection__arrow {
  transform: rotate(180deg);
}
.select2 .selection .select2-selection {
  height: 100%;
  display: flex;
  align-items: center;
}
.select2 .selection .select2-selection .select2-selection__clear {
  display: none;
}
.select2 .selection .select2-selection .select2-selection__arrow {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  display: block;
  aspect-ratio: 1/1;
  transform-origin: center;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.select2 .selection .select2-selection .select2-selection__arrow::after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: #171717;
}
.select2 .selection .select2-selection .select2-selection__arrow b {
  display: none;
}
.select2 .selection .select2-selection .select2-selection__rendered {
  flex-grow: 1;
  line-height: unset;
  font-size: 14px;
  color: #8B8B8B;
}

.select2-dropdown {
  margin-top: 12px;
  padding: 12px;
  border: none;
  border-radius: 12px;
  background-color: #f6f6f9;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1254901961);
}
.select2-dropdown .select2-results .select2-results__options {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option {
  padding-inline: 12px;
  border-radius: 8px;
  border: none;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: rgb(252.8, 207.975, 191.2);
  color: #171717;
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
  color: #ffffff;
  background-color: #E84508;
}
.select2-dropdown.input_select {
  padding: 0;
  height: fit-content;
  border-radius: 12px !important;
  overflow: hidden;
}
.select2-dropdown.input_select .select2-results .select2-results__options {
  overflow: hidden;
  max-height: fit-content;
  gap: 0;
}
.select2-dropdown.input_select .select2-results .select2-results__options .select2-results__option {
  padding: 12px 16px;
  font-family: "General Sans";
  font-weight: 400;
  font-size: 14px;
  color: #171717;
  border-radius: 0;
}
.select2-dropdown.input_select .select2-results .select2-results__options .select2-results__option:not(:last-child) {
  border-bottom: 0.5px solid #D2D2D2;
}
.select2-dropdown.input_select .select2-results .select2-results__options .select2-results__option.select2-results__option-highlighted {
  color: #ffffff;
}
.select2-dropdown.input_select .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
  color: #ffffff;
}

nav .pagination {
  justify-content: center !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px;
}
nav .pagination .page-item {
  width: fit-content;
}
nav .pagination .page-item:first-child, nav .pagination .page-item:last-child {
  margin-right: 90px;
}
nav .pagination .page-item:first-child.disabled .page-link, nav .pagination .page-item:last-child.disabled .page-link {
  border: none;
  border-radius: 0;
  background-color: transparent !important;
  color: #969696 !important;
}
nav .pagination .page-item:first-child.disabled .page-link i, nav .pagination .page-item:last-child.disabled .page-link i {
  color: inherit;
}
nav .pagination .page-item:first-child .page-link, nav .pagination .page-item:last-child .page-link {
  border: none;
  border-radius: 0;
  background-color: transparent !important;
  color: #171717 !important;
  width: fit-content;
}
nav .pagination .page-item:first-child .page-link i, nav .pagination .page-item:last-child .page-link i {
  color: #E84508;
  height: unset;
}
nav .pagination .page-item:last-child {
  margin-left: 90px;
  margin-right: 0px;
}
nav .pagination .page-item.active .page-link {
  background-color: #E84508;
  border: none;
  color: #ffffff;
}
nav .pagination .page-item .page-link {
  display: flex;
  align-items: center;
  gap: 18px;
  width: 40px;
  height: 40px;
  justify-content: center;
  color: #969696;
  border-radius: 50%;
  padding: 0;
  border: none;
}
nav .pagination .page-item .page-link:focus {
  box-shadow: none;
}
nav .pagination .page-item .page-link:hover {
  background-color: rgb(248.55, 117.13125, 67.95);
  color: #ffffff;
}
nav .pagination .page-item .page-link i {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
}
nav .pagination .page-item .page-link span {
  clip-path: unset;
  position: static;
  clip: unset;
  width: fit-content;
  height: fit-content;
  margin: 0;
  overflow: unset;
  display: block;
}

figure.image-style-block-align-left {
  margin-right: auto;
  margin-left: unset;
}

figure {
  margin-inline: auto;
}

figure.image-style-block-align-right {
  margin-left: auto;
  margin-right: unset;
}

figure img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.grecaptcha-badge {
  z-index: 99;
}

/* Extra Huge large desktops */
/* Extra Huge large desktops */
/* Extra Huge large desktops */
/* Extra large desktops and mac laptops*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .spacing_btm {
    margin-bottom: 70px;
  }
  .spacing_top {
    margin-top: 70px;
  }
  nav .pagination .page-item:first-child {
    margin-right: 70px;
  }
  nav .pagination .page-item:last-child {
    margin-left: 70px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .spacing_btm {
    margin-bottom: 70px;
  }
  .spacing_top {
    margin-top: 70px;
  }
  nav .pagination .page-item:first-child {
    margin-right: 70px;
  }
  nav .pagination .page-item:last-child {
    margin-left: 70px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .spacing_btm {
    margin-bottom: 50px;
  }
  .spacing_top {
    margin-top: 50px;
  }
  .contact_us_area .blob_area {
    width: 320px;
    height: 360px;
  }
  .contact_us_area .blob_area .close_icon {
    top: 2%;
  }
  .contact_us_area .blob_area .content_area {
    width: 75%;
    margin-left: 18%;
  }
  .contact_us_area .blob_area .content_area h4 {
    font-size: 25px;
  }
  .contact_us_area .blob_area .content_area h6 {
    font-size: 20px;
  }
  .contact_us_area .blob_area .content_area p {
    font-size: 16px;
  }
  .contact_us_area .blob_area .content_area .whatsapp_logo {
    height: 70px;
    width: 70px;
    margin-top: 15px;
  }
  .whatsapp_logo_fix {
    height: 60px;
    width: 60px;
  }
  .google_fix_icon {
    padding: 10px 15px;
    right: -185px;
  }
  .google_fix_icon .logo_content_area .logo_area {
    height: 45px;
    width: 45px;
  }
  .google_fix_icon .logo_content_area .content_area h6 {
    font-size: 18px;
  }
  .google_fix_icon .logo_content_area .content_area .list_text_area .text {
    font-size: 18px;
  }
  nav .pagination .page-item:first-child {
    margin-right: 50px;
  }
  nav .pagination .page-item:last-child {
    margin-left: 50px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .spacing_btm {
    margin-bottom: 40px;
  }
  .spacing_top {
    margin-top: 40px;
  }
  .contact_us_area .blob_area {
    width: 320px;
    height: 360px;
  }
  .contact_us_area .blob_area .close_icon {
    top: 2%;
  }
  .contact_us_area .blob_area .content_area {
    width: 75%;
    margin-left: 18%;
  }
  .contact_us_area .blob_area .content_area h4 {
    font-size: 25px;
  }
  .contact_us_area .blob_area .content_area h6 {
    font-size: 20px;
  }
  .contact_us_area .blob_area .content_area p {
    font-size: 16px;
  }
  .contact_us_area .blob_area .content_area .whatsapp_logo {
    height: 70px;
    width: 70px;
    margin-top: 15px;
  }
  .whatsapp_logo_fix {
    height: 60px;
    width: 60px;
    bottom: 80px;
  }
  .google_fix_icon {
    padding: 10px 15px;
    right: -185px;
  }
  .google_fix_icon .logo_content_area .logo_area {
    height: 45px;
    width: 45px;
  }
  .google_fix_icon .logo_content_area .content_area h6 {
    font-size: 18px;
  }
  .google_fix_icon .logo_content_area .content_area .list_text_area .text {
    font-size: 18px;
  }
  nav .pagination .page-item:first-child {
    margin-right: 40px;
  }
  nav .pagination .page-item:last-child {
    margin-left: 40px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .spacing_btm {
    margin-bottom: 30px;
  }
  .spacing_top {
    margin-top: 30px;
  }
  .contact_us_area .blob_area {
    width: 240px;
    height: 270px;
  }
  .contact_us_area .blob_area .close_icon {
    top: 2%;
    height: 40px;
    width: 40px;
    font-size: 18px;
    border-width: 5px;
  }
  .contact_us_area .blob_area .content_area h4 {
    font-size: 20px;
  }
  .contact_us_area .blob_area .content_area h6 {
    font-size: 16px;
  }
  .contact_us_area .blob_area .content_area p {
    font-size: 14px;
  }
  .contact_us_area .blob_area .content_area .whatsapp_logo {
    height: 40px;
    width: 40px;
    margin-top: 12px;
  }
  .whatsapp_logo_fix {
    height: 40px;
    width: 40px;
    bottom: 80px;
  }
  .google_fix_icon {
    padding: 10px 15px;
    right: -185px;
    top: 40%;
  }
  .google_fix_icon .logo_content_area .logo_area {
    height: 40px;
    width: 40px;
  }
  .google_fix_icon .logo_content_area .content_area h6 {
    font-size: 16px;
  }
  .google_fix_icon .logo_content_area .content_area .list_text_area .text {
    font-size: 16px;
  }
  nav .pagination .page-item:first-child {
    margin-right: 30px;
  }
  nav .pagination .page-item:last-child {
    margin-left: 30px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .spacing_btm {
    margin-bottom: 25px;
  }
  .spacing_top {
    margin-top: 25px;
  }
  .contact_us_area .blob_area {
    width: 230px;
    height: 260px;
  }
  .contact_us_area .blob_area .close_icon {
    top: 2%;
    height: 40px;
    width: 40px;
    font-size: 18px;
    border-width: 5px;
  }
  .contact_us_area .blob_area .content_area h4 {
    font-size: 20px;
  }
  .contact_us_area .blob_area .content_area h6 {
    font-size: 16px;
  }
  .contact_us_area .blob_area .content_area p {
    font-size: 14px;
  }
  .contact_us_area .blob_area .content_area .whatsapp_logo {
    height: 40px;
    width: 40px;
    margin-top: 5px;
  }
  .whatsapp_logo_fix {
    height: 55px;
    width: 55px;
    bottom: 85px;
  }
  .google_fix_icon {
    padding: 10px 15px;
    right: -160px;
    top: 64%;
  }
  .google_fix_icon .logo_content_area .logo_area {
    height: 40px;
    width: 40px;
  }
  .google_fix_icon .logo_content_area .content_area h6 {
    font-size: 14px;
  }
  .google_fix_icon .logo_content_area .content_area p {
    font-size: 14px;
  }
  .google_fix_icon .logo_content_area .content_area .list_text_area .text {
    font-size: 14px;
  }
  nav .pagination .page-item .page-link {
    width: 35px;
    height: 35px;
  }
  nav .pagination .page-item:first-child {
    margin-right: 25px;
  }
  nav .pagination .page-item:first-child .page-link {
    width: 35px;
  }
  nav .pagination .page-item:first-child .page-link span {
    display: none;
  }
  nav .pagination .page-item:last-child {
    margin-left: 25px;
  }
  nav .pagination .page-item:last-child .page-link {
    width: 35px;
  }
  nav .pagination .page-item:last-child .page-link span {
    display: none;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .spacing_btm {
    margin-bottom: 25px;
  }
  .spacing_top {
    margin-top: 25px;
  }
  .contact_us_area .blob_area {
    width: 230px;
    height: 260px;
  }
  .contact_us_area .blob_area .close_icon {
    top: 2%;
    height: 40px;
    width: 40px;
    font-size: 18px;
    border-width: 5px;
  }
  .contact_us_area .blob_area .content_area h4 {
    font-size: 20px;
  }
  .contact_us_area .blob_area .content_area h6 {
    font-size: 16px;
  }
  .contact_us_area .blob_area .content_area p {
    font-size: 14px;
  }
  .contact_us_area .blob_area .content_area .whatsapp_logo {
    height: 40px;
    width: 40px;
    margin-top: 5px;
  }
  .whatsapp_logo_fix {
    height: 55px;
    width: 55px;
    bottom: 85px;
  }
  .google_fix_icon {
    padding: 10px 15px;
    right: -160px;
    top: 64%;
  }
  .google_fix_icon .logo_content_area .logo_area {
    height: 40px;
    width: 40px;
  }
  .google_fix_icon .logo_content_area .content_area h6 {
    font-size: 14px;
  }
  .google_fix_icon .logo_content_area .content_area p {
    font-size: 14px;
  }
  .google_fix_icon .logo_content_area .content_area .list_text_area .text {
    font-size: 14px;
  }
  nav .pagination .page-item .page-link {
    width: 35px;
    height: 35px;
  }
  nav .pagination .page-item:first-child {
    margin-right: 25px;
  }
  nav .pagination .page-item:first-child .page-link {
    width: 35px;
  }
  nav .pagination .page-item:first-child .page-link span {
    display: none;
  }
  nav .pagination .page-item:last-child {
    margin-left: 25px;
  }
  nav .pagination .page-item:last-child .page-link {
    width: 35px;
  }
  nav .pagination .page-item:last-child .page-link span {
    display: none;
  }
}
/* Smaller phones */
.admin_section {
  padding-block: 12px;
  background-color: #FFF5F1;
}
.admin_section .parent_area .inner_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.admin_section .parent_area .inner_area .left .title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  line-height: 1;
  display: block;
}
.admin_section .parent_area .inner_area .right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.admin_section .parent_area .inner_area .right .admin_name {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  line-height: 1;
}
.admin_section .parent_area .inner_area .right .dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  line-height: 1;
  cursor: pointer;
}
.admin_section .parent_area .inner_area .right .dropdown .dropdown-toggle.show::after {
  transform: rotate(180deg);
}
.admin_section .parent_area .inner_area .right .dropdown .dropdown-toggle::after {
  border: none;
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  font-size: 12px;
  transform: rotate(0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.admin_section .parent_area .inner_area .right .dropdown .dropdown-menu {
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #F1F1F1;
  flex-direction: column;
  gap: 5px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1254901961);
}
.admin_section .parent_area .inner_area .right .dropdown .dropdown-menu.show {
  display: flex;
}
.admin_section .parent_area .inner_area .right .dropdown .dropdown-menu li a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  padding-inline: 12px;
  padding-block: 8px;
  border-radius: 6px;
  background-color: transparent;
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  line-height: 1;
}
.admin_section .parent_area .inner_area .right .dropdown .dropdown-menu li a:hover {
  background-color: #FFF5F1;
}

.header_section {
  padding: 10px 0;
}
.header_section .parent_area {
  display: flex;
  align-items: center;
}
.header_section .parent_area .left_area {
  width: 202px;
}
.header_section .parent_area .left_area .logo_area {
  display: inline-block;
  height: 58px;
}
.header_section .parent_area .left_area .logo_area img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.header_section .parent_area .right_area {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: end;
}
.header_section .parent_area .right_area .nav_area {
  flex-grow: 1;
}
.header_section .parent_area .right_area .nav_area > ul {
  display: flex;
  align-items: center;
  gap: 32px;
  justify-content: center;
}
.header_section .parent_area .right_area .nav_area > ul > li a {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  color: #171717;
  display: inline-block;
}
.header_section .parent_area .right_area .nav_area > ul > li a::before {
  content: attr(aria-lable);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(173.27deg, #e5230e 11.69%, #f07c00 105.55%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header_section .parent_area .right_area .nav_area > ul > li a:hover::before {
  opacity: 1;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown {
  padding-bottom: 20px;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .btn {
  padding: 0;
  position: relative;
  font-weight: 500;
  font-size: 18px;
  color: #171717;
  display: inline-block;
  line-height: normal;
  top: 10px;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .btn.show {
  color: #E5230E;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu {
  padding: 0;
  width: 240px;
  height: 660px;
  background: transparent;
  border: 0;
  position: absolute;
  inset: 0px auto auto 0px;
  margin: 0px;
  margin-top: 40px;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu ul {
  background: #ffffff;
  min-width: 215px !important;
  width: 215px;
  padding: 0;
  border-radius: 12px;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li {
  border-bottom: 1px solid #F1F1F1;
  background: #ffffff;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li:first-child .dropdown-item {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom: 0;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li:last-child .dropdown-item {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li:hover, .header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li:active, .header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li:focus {
  background: #FFF5F1;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .dropdown-item {
  white-space: wrap;
  padding: 24px 20px;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .dropdown-item:hover, .header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .dropdown-item:active, .header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .dropdown-item:focus {
  background: #FFF5F1;
  color: #E5230E;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown {
  position: static;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .btn {
  top: 0;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown.inner_dropdown2 .btn {
  top: 0;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown.inner_dropdown2 .dropdown-menu {
  margin-top: 0;
  transform: translate(230px, 0) !important;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu {
  margin-top: 0;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu ul {
  margin-left: 12px;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu li {
  padding: 0;
  overflow: hidden;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu li .dropdown-item {
  padding: 24px 20px;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu li .dropdown-item:hover, .header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu li .dropdown-item:active, .header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu li .dropdown-item:focus {
  background: #FFF5F1;
  color: #E5230E;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .btn {
  text-align: left;
  width: 100%;
  padding: 24px 20px;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .btn .arrow_icon {
  transform: rotate(-90deg);
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .btn p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 14px;
  color: #979797;
  padding-top: 5px;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu {
  transform: translate(215px, 0) !important;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .arrow_icon {
  height: 16px;
  width: 16px;
  display: inline-block;
  margin-left: 5px;
}
.header_section .parent_area .right_area .nav_area > ul > li > .dropdown .arrow_icon img {
  object-fit: contain;
}
.header_section .parent_area .right_area .button_area {
  text-align: end;
}
.header_section .parent_area .right_area .button_area .btn-primary img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header_section .parent_area .right_area .button_area .btn-primary:hover img {
  transform: rotate(360deg);
}
.header_section .parent_area .right_area .menu_icon {
  width: 18px;
  text-align: right;
}
.header_section .parent_area .right_area .menu_icon i {
  font-size: 20px;
  color: #E5230E;
}
.header_section .parent_area .right_area .menu_icon i.fa-times {
  font-size: 25px;
}
.header_section .parent_area .right_area .sub_nav {
  margin-right: 42px;
}
.header_section .parent_area .right_area .sub_nav ul {
  display: flex;
  align-items: center;
  gap: 40px;
}
.header_section .parent_area .right_area .sub_nav ul li {
  position: relative;
}
.header_section .parent_area .right_area .sub_nav ul li:last-child::after {
  display: none;
}
.header_section .parent_area .right_area .sub_nav ul li::after {
  content: "/";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  color: #E5230E;
}
.header_section .parent_area .right_area .sub_nav ul li .sub_item {
  display: block;
  font-family: "Trial Sagace";
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #171717;
}
.header_section .parent_area .right_area .sub_nav ul li .sub_item:hover {
  color: #E5230E;
}
.header_section .parent_area .right_area .sub_nav ul li.active .sub_item {
  color: #E84508;
}
.header_section .responsive_header {
  display: none;
  position: absolute;
  top: 124px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: white;
  padding: 20px 15px;
  z-index: 99;
  overflow-y: auto;
  height: calc(100vh - 124px);
}
.header_section .responsive_header.show {
  display: block;
}
.header_section .responsive_header .nav_area > ul {
  display: flex;
  align-items: start;
  gap: 20px;
  flex-direction: column;
  justify-content: center;
}
.header_section .responsive_header .nav_area > ul > li {
  width: 100%;
}
.header_section .responsive_header .nav_area > ul > li:hover > a::before, .header_section .responsive_header .nav_area > ul > li.active > a::before {
  opacity: 1;
}
.header_section .responsive_header .nav_area > ul > li:hover > .accordion > .accordion-item > .accordion-header > .accordion-button, .header_section .responsive_header .nav_area > ul > li.active > .accordion > .accordion-item > .accordion-header > .accordion-button {
  color: #E5230E;
}
.header_section .responsive_header .nav_area > ul > li a {
  position: relative;
  font-weight: 500;
  font-size: 20px;
  color: #171717;
  display: inline-block;
}
.header_section .responsive_header .nav_area > ul > li a:hover, .header_section .responsive_header .nav_area > ul > li a.active {
  color: #E5230E;
}
.header_section .responsive_header .nav_area > ul > li .accordion .accordion-item {
  border: 0;
}
.header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header {
  font-size: unset;
}
.header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header span {
  font-weight: 500;
  font-size: 16px;
  color: #979797;
}
.header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header .accordion-button {
  padding: 0;
  position: relative;
  font-weight: 500;
  font-size: 20px;
  color: #171717;
  display: inline-block;
  background: transparent;
  box-shadow: unset;
}
.header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header .accordion-button:after {
  display: inline-block;
  position: absolute;
  background-image: url("../images/arrow_icon.png");
  margin-left: 10px;
}
.header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: unset;
}
.header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header .accordion-button:hover, .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header .accordion-button[aria-expanded=true] {
  color: #E5230E;
}
.header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body {
  padding: 0;
}
.header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body ul {
  padding: 0 10px;
}
.header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body ul li {
  padding: 15px 0;
  border-bottom: 1px solid #F1F1F1;
}
.header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body ul li .dropdown-item.active, .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body ul li .dropdown-item:hover {
  color: #E5230E;
}
.header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body .inner_accordion {
  padding: 0 15px;
}
.header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body .inner_accordion.inner_accordion_last ul {
  padding-left: 0;
}
.header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body .inner_accordion .accordion-header {
  padding: 15px 0;
  border-bottom: 1px solid #F1F1F1;
}

.lower_header {
  background: #FCE2DC;
  position: relative;
  height: 60px;
}
.lower_header .parent_area .nav_area {
  position: absolute;
  top: 22px;
  left: 0;
  right: 0;
}
.lower_header .parent_area .nav_area > ul {
  display: flex;
  gap: 32px;
  justify-content: center;
}
.lower_header .parent_area .nav_area > ul > li a {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  color: #171717;
  display: inline-block;
}
.lower_header .parent_area .nav_area > ul > li a::before {
  content: attr(aria-lable);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(173.27deg, #e5230e 11.69%, #f07c00 105.55%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.lower_header .parent_area .nav_area > ul > li:hover a::before, .lower_header .parent_area .nav_area > ul > li.active a::before {
  opacity: 1;
}
.lower_header .parent_area .nav_area > ul > li:hover > .dropdown > .btn, .lower_header .parent_area .nav_area > ul > li.active > .dropdown > .btn {
  color: #E5230E;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown {
  padding-bottom: 30px;
  z-index: 3;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .btn {
  padding: 0;
  position: relative;
  font-weight: 500;
  font-size: 18px;
  color: #171717;
  display: inline-block;
  line-height: normal;
  top: 0;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .btn.show {
  color: #E5230E;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu {
  padding: 0;
  width: 240px;
  height: 710px;
  background: transparent;
  border: 0;
  position: absolute;
  inset: 0px auto auto 0px;
  margin: 0px;
  margin-top: 50px !important;
  z-index: 4;
  overflow-x: visible;
  overflow-y: auto;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu::-webkit-scrollbar {
  width: 2px;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #E5230E;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu::-webkit-scrollbar-track {
  margin-block: 15px;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu:has(> ul) {
  overflow-y: unset;
  overflow-x: unset;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu ul {
  overflow-y: auto;
  overflow-x: visible;
  max-height: 710px;
  background: #ffffff;
  min-width: 216px !important;
  max-width: fit-content;
  padding: 0;
  border-radius: 12px;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu ul::-webkit-scrollbar {
  width: 2px;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu ul::-webkit-scrollbar-thumb {
  background-color: #E5230E;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu ul::-webkit-scrollbar-track {
  margin-block: 15px;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li {
  border-bottom: 1px solid #F1F1F1;
  background: #ffffff;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li:first-child .dropdown-item {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom: 0;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li:last-child .dropdown-item {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li:hover, .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li:active, .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li:focus {
  background: #FFF5F1;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .dropdown-item {
  white-space: wrap;
  padding: 24px 20px;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .dropdown-item:hover, .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .dropdown-item:active, .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .dropdown-item:focus, .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .dropdown-item.active {
  background: #FFF5F1;
  color: #E5230E;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .dropdown-item span {
  margin-top: 6px;
  display: block;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1px;
  color: #979797;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown {
  position: static;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .btn {
  top: 0;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown.inner_dropdown2 .btn {
  top: 0;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown.inner_dropdown2 .dropdown-menu {
  margin-top: 0;
  transform: translate(230px, 0) !important;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu {
  margin-top: 0 !important;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu ul {
  margin-left: 12px;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu li {
  padding: 0;
  overflow: hidden;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu li .dropdown-item {
  padding: 24px 20px;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu li .dropdown-item:hover, .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu li .dropdown-item.active, .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu li .dropdown-item:focus, .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu li .dropdown-item:active {
  background: #FFF5F1;
  color: #E5230E;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .btn {
  text-align: left;
  width: 100%;
  padding: 24px 20px;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .btn .arrow_icon {
  transform: rotate(-90deg);
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .btn p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 14px;
  color: #979797;
  padding-top: 5px;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu li .inner_dropdown .dropdown-menu {
  transform: translate(215px, 0) !important;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .arrow_icon {
  height: 16px;
  width: 16px;
  display: inline-block;
  margin-left: 5px;
}
.lower_header .parent_area .nav_area > ul > li > .dropdown .arrow_icon img {
  object-fit: contain;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
@media (min-width: 1600px) and (max-width: 1679px) {
  .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu {
    margin-top: 30px !important;
    height: 550px;
  }
  .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu ul {
    max-height: 550px;
  }
}
/* Above 1400 and Below 1599 Desktop*/
@media (min-width: 1400px) and (max-width: 1599px) {
  .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu {
    margin-top: 30px !important;
    height: 550px;
  }
  .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu ul {
    max-height: 550px;
  }
}
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu {
    margin-top: 30px !important;
    height: 550px;
  }
  .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu ul {
    max-height: 550px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu {
    margin-top: 30px !important;
    height: 550px;
  }
  .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu ul {
    max-height: 550px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .header_section .parent_area .right_area .sub_nav {
    margin-right: 30px;
  }
  .lower_header .parent_area .nav_area > ul {
    gap: 25px;
  }
  .lower_header .parent_area .nav_area > ul > li a {
    font-size: 16px;
  }
  .lower_header .parent_area .nav_area > ul > li > .dropdown .btn {
    font-size: 16px;
  }
  .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu {
    margin-top: 30px !important;
    height: 550px;
  }
  .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu ul {
    max-height: 550px;
  }
  .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu ul li .dropdown-item {
    padding: 18px 15px;
  }
  .lower_header .parent_area .nav_area > ul > li > .dropdown .dropdown-menu ul li .inner_dropdown .btn {
    padding: 18px 15px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .header_section .parent_area .right_area .button_area {
    width: 100%;
  }
  .header_section .parent_area .right_area .sub_nav {
    display: none;
  }
  .header_section .responsive_header .nav_area > ul > li a {
    font-size: 18px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body .inner_accordion .accordion-header {
    padding: 10px 0;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .header_section .parent_area .left_area {
    width: 140px;
  }
  .header_section .parent_area .left_area .logo_area {
    height: 41px;
  }
  .header_section .parent_area .right_area .nav_area {
    display: none;
  }
  .header_section .parent_area .right_area .button_area {
    width: 100%;
  }
  .header_section .parent_area .right_area .sub_nav {
    display: none;
  }
  .header_section .responsive_header {
    top: 111px;
    height: calc(100vh - 111px);
  }
  .header_section .responsive_header .nav_area > ul > li a {
    font-size: 16px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header span {
    font-size: 14px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body .inner_accordion .accordion-header {
    padding: 10px 0;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body ul li {
    padding: 10px 0;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .header_section .parent_area .left_area {
    width: 140px;
  }
  .header_section .parent_area .left_area .logo_area {
    height: 41px;
  }
  .header_section .parent_area .right_area .nav_area {
    display: none;
  }
  .header_section .parent_area .right_area .sub_nav {
    display: none;
  }
  .header_section .parent_area .right_area .button_area {
    width: 100%;
  }
  .header_section .responsive_header {
    top: 111px;
    padding: 15px 12px;
    height: calc(100vh - 111px);
  }
  .header_section .responsive_header .nav_area > ul > li a {
    font-size: 16px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header .accordion-button:after {
    margin-left: 6px;
    transform: scale(0.8);
    margin-top: -2px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header span {
    font-size: 14px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body .inner_accordion {
    padding: 0 10px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body .inner_accordion .accordion-header {
    padding: 10px 0;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body ul li {
    padding: 10px 0;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .header_section .parent_area .left_area {
    width: 140px;
  }
  .header_section .parent_area .left_area .logo_area {
    height: 41px;
  }
  .header_section .parent_area .right_area .nav_area {
    display: none;
  }
  .header_section .parent_area .right_area .button_area {
    width: 100%;
  }
  .header_section .parent_area .right_area .sub_nav {
    display: none;
  }
  .header_section .responsive_header {
    top: 111px;
    padding: 15px 12px;
    height: calc(100vh - 111px);
  }
  .header_section .responsive_header .nav_area > ul > li a {
    font-size: 14px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 14px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header .accordion-button:after {
    margin-left: 6px;
    transform: scale(0.8);
    margin-top: -2px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-header span {
    font-size: 14px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body .inner_accordion {
    padding: 0 10px;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body .inner_accordion .accordion-header {
    padding: 10px 0;
  }
  .header_section .responsive_header .nav_area > ul > li .accordion .accordion-item .accordion-body ul li {
    padding: 10px 0;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.footer_section {
  background: #171717;
  position: relative;
}
.footer_section::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center 90%;
  background-repeat: no-repeat;
  background-image: url("../images/footerImage.png");
  left: 0;
  bottom: 0;
  right: 0;
}
.footer_section .upper_footer {
  position: relative;
  z-index: 2;
  padding: 40px 0;
}
.footer_section .upper_footer .parent_area .inner_area .logo_area {
  display: inline-block;
  width: 293px;
  height: 84px;
}
.footer_section .upper_footer .parent_area .inner_area p {
  font-weight: 500;
  font-size: 16px;
  color: #6D6D6D;
  line-height: 24px;
  padding-top: 25px;
  font-family: "General Sans";
}
.footer_section .upper_footer .parent_area h3 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 24px;
  color: #ffffff;
}
.footer_section .upper_footer .parent_area ul li {
  font-family: "General Sans";
  margin-top: 20px;
  position: relative;
  width: fit-content;
}
.footer_section .upper_footer .parent_area ul li:before {
  content: "\f101";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  opacity: 0;
  left: 0;
  top: 2px;
  color: #979797;
  height: 100%;
  align-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer_section .upper_footer .parent_area ul li:hover a {
  color: #E5230E;
  margin-left: 15px;
}
.footer_section .upper_footer .parent_area ul li:hover:before {
  opacity: 1;
  color: #E5230E;
}
.footer_section .upper_footer .parent_area ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #979797;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer_section .upper_footer .parent_area .social_icons {
  width: 100%;
}
.footer_section .upper_footer .parent_area .social_icons ul {
  display: flex;
  gap: 13px;
  justify-content: right;
}
.footer_section .upper_footer .parent_area .social_icons ul li {
  margin: 0;
}
.footer_section .upper_footer .parent_area .social_icons ul li::before {
  display: none;
}
.footer_section .upper_footer .parent_area .social_icons ul li a {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #E5230E;
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer_section .upper_footer .parent_area .social_icons ul li a svg {
  fill: #E5230E;
  height: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer_section .upper_footer .parent_area .social_icons ul li a:hover {
  background: #E5230E;
  color: #ffffff;
}
.footer_section .upper_footer .parent_area .social_icons ul li a:hover svg {
  fill: #ffffff;
}
.footer_section .middle_footer {
  position: relative;
  z-index: 2;
  padding: 40px 0;
  border-top: 1px solid #292929;
  margin-bottom: 240px;
}
.footer_section .middle_footer .parent_area .inner_area {
  display: flex;
  align-items: center;
  gap: 12px;
}
.footer_section .middle_footer .parent_area .inner_area .icon_area {
  flex-shrink: 0;
  height: 30px;
  width: 30px;
}
.footer_section .middle_footer .parent_area .inner_area .content_area h4 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
}
.footer_section .middle_footer .parent_area .inner_area .content_area a {
  font-weight: 500;
  font-size: 18px;
  color: #979797;
  line-height: 24px;
  padding-top: 10px;
  display: inline-block;
}
.footer_section .middle_footer .parent_area .inner_area .content_area a:hover {
  color: #ffffff;
}
.footer_section .lower_footer {
  position: relative;
  z-index: 2;
  padding: 18px 0;
}
.footer_section .lower_footer .parent_area p {
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
}
.footer_section .lower_footer .parent_area p a {
  color: #ffffff;
}
.footer_section .lower_footer .parent_area p a:hover {
  text-decoration: underline;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .footer_section::after {
    background-position-y: 80%;
  }
  .footer_section .upper_footer .parent_area .inner_area .logo_area {
    width: 260px;
    height: 75px;
  }
  .footer_section .upper_footer .parent_area .inner_area h3 {
    font-size: 22px;
  }
  .footer_section .upper_footer .parent_area .inner_area ul li a {
    font-size: 16px;
  }
  .footer_section .middle_footer {
    margin-bottom: 120px;
  }
  .footer_section .middle_footer .parent_area .inner_area .content_area a {
    font-size: 16px;
  }
  .footer_section .lower_footer .parent_area p {
    font-size: 16px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .footer_section::after {
    background-position-y: 80%;
  }
  .footer_section .upper_footer .parent_area .inner_area .logo_area {
    width: 260px;
    height: 75px;
  }
  .footer_section .upper_footer .parent_area .inner_area h3 {
    font-size: 22px;
  }
  .footer_section .upper_footer .parent_area .inner_area ul li a {
    font-size: 16px;
  }
  .footer_section .middle_footer {
    margin-bottom: 120px;
  }
  .footer_section .middle_footer .parent_area .inner_area .content_area a {
    font-size: 16px;
  }
  .footer_section .lower_footer .parent_area p {
    font-size: 16px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .footer_section::after {
    background-position-y: 70%;
  }
  .footer_section .upper_footer .parent_area .inner_area .logo_area {
    width: 200px;
    height: 58px;
  }
  .footer_section .upper_footer .parent_area .inner_area h3 {
    font-size: 20px;
  }
  .footer_section .upper_footer .parent_area .inner_area ul li a {
    font-size: 16px;
  }
  .footer_section .middle_footer {
    margin-bottom: 90px;
  }
  .footer_section .middle_footer .parent_area > .row {
    row-gap: 25px;
  }
  .footer_section .middle_footer .parent_area .inner_area .content_area a {
    font-size: 16px;
  }
  .footer_section .lower_footer .parent_area p {
    font-size: 16px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .footer_section::after {
    background-position-y: center;
    height: 62%;
    align-self: flex-end;
    mix-blend-mode: lighten;
  }
  .footer_section .upper_footer {
    padding: 30px 0;
  }
  .footer_section .upper_footer .parent_area .inner_area .logo_area {
    width: 200px;
    height: 58px;
  }
  .footer_section .upper_footer .parent_area .inner_area p {
    padding: 20px 0;
  }
  .footer_section .upper_footer .parent_area .inner_area h3 {
    font-size: 20px;
  }
  .footer_section .upper_footer .parent_area .inner_area ul li a {
    font-size: 16px;
  }
  .footer_section .middle_footer {
    padding: 30px 0;
    margin-bottom: 50px;
  }
  .footer_section .middle_footer .parent_area > .row {
    row-gap: 25px;
  }
  .footer_section .middle_footer .parent_area .inner_area .content_area a {
    font-size: 16px;
  }
  .footer_section .lower_footer .parent_area p {
    font-size: 16px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .footer_section::after {
    background-position-y: center;
    height: 52%;
    align-self: flex-end;
    mix-blend-mode: lighten;
  }
  .footer_section .upper_footer {
    padding: 25px 0;
  }
  .footer_section .upper_footer .parent_area .inner_area .logo_area {
    width: 200px;
    height: 58px;
  }
  .footer_section .upper_footer .parent_area .inner_area p {
    padding: 15px 0;
    font-size: 14px;
  }
  .footer_section .upper_footer .parent_area .inner_area h3 {
    font-size: 18px;
  }
  .footer_section .upper_footer .parent_area .inner_area ul li a {
    font-size: 14px;
  }
  .footer_section .upper_footer .parent_area .inner_area .social_icons {
    padding-top: 15px;
  }
  .footer_section .upper_footer .parent_area .inner_area .social_icons ul {
    justify-content: center;
  }
  .footer_section .middle_footer {
    padding: 25px 0;
    margin-bottom: 40px;
  }
  .footer_section .middle_footer .parent_area > .row {
    row-gap: 20px;
  }
  .footer_section .middle_footer .parent_area .inner_area .content_area a {
    font-size: 14px;
  }
  .footer_section .lower_footer .parent_area p {
    font-size: 14px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .footer_section::after {
    background-position-y: center;
    height: 32%;
    align-self: flex-end;
    mix-blend-mode: lighten;
  }
  .footer_section .upper_footer {
    padding: 25px 0;
  }
  .footer_section .upper_footer .parent_area > .row {
    row-gap: 12px;
  }
  .footer_section .upper_footer .parent_area .inner_area {
    padding-top: 15px;
  }
  .footer_section .upper_footer .parent_area .inner_area .logo_area {
    width: 200px;
    height: 58px;
  }
  .footer_section .upper_footer .parent_area .inner_area p {
    padding-top: 15px;
    font-size: 14px;
  }
  .footer_section .upper_footer .parent_area .inner_area h3 {
    font-size: 18px;
  }
  .footer_section .upper_footer .parent_area .inner_area ul li {
    margin-top: 15px;
  }
  .footer_section .upper_footer .parent_area .inner_area ul li a {
    font-size: 14px;
  }
  .footer_section .upper_footer .parent_area .inner_area .social_icons ul {
    justify-content: center;
  }
  .footer_section .middle_footer {
    padding: 25px 0;
    margin-bottom: 20px;
  }
  .footer_section .middle_footer .parent_area .row {
    row-gap: 15px;
  }
  .footer_section .middle_footer .parent_area .inner_area .content_area a {
    font-size: 14px;
  }
  .footer_section .lower_footer .parent_area p {
    font-size: 14px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .footer_section::after {
    background-position-y: center;
    height: 32%;
    align-self: flex-end;
    mix-blend-mode: lighten;
  }
  .footer_section .upper_footer {
    padding: 25px 0;
  }
  .footer_section .upper_footer .parent_area .row {
    row-gap: 10px;
  }
  .footer_section .upper_footer .parent_area .inner_area {
    padding-top: 15px;
  }
  .footer_section .upper_footer .parent_area .inner_area .logo_area {
    width: 200px;
    height: 58px;
  }
  .footer_section .upper_footer .parent_area .inner_area p {
    padding-top: 15px;
    font-size: 14px;
  }
  .footer_section .upper_footer .parent_area .inner_area h3 {
    font-size: 18px;
  }
  .footer_section .upper_footer .parent_area .inner_area ul li {
    margin-top: 15px;
  }
  .footer_section .upper_footer .parent_area .inner_area ul li a {
    font-size: 14px;
  }
  .footer_section .upper_footer .parent_area .inner_area .social_icons ul {
    justify-content: center;
  }
  .footer_section .middle_footer {
    padding: 25px 0;
    margin-bottom: 20px;
  }
  .footer_section .middle_footer .parent_area .row {
    row-gap: 15px;
  }
  .footer_section .middle_footer .parent_area .inner_area .content_area a {
    font-size: 14px;
  }
  .footer_section .lower_footer .parent_area p {
    font-size: 14px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.counter_section {
  padding-top: 90px;
}
.counter_section .parent_area .counter_area {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.counter_section .parent_area .counter_area .counter_inner {
  width: calc((100% - 100px) / 6);
}
.counter_section .parent_area .counter_area .counter_inner .circle {
  background: #FFF5F1;
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 38px;
  height: 116px;
  width: 116px;
  color: #E5230E;
  align-content: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.counter_section .parent_area .counter_area .counter_inner .circle span {
  margin-top: 15px;
  display: inline-block;
}
.counter_section .parent_area .counter_area .counter_inner p {
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  padding-top: 15px;
  color: #171717;
}

.certified_provider_section {
  padding-top: 90px;
}
.certified_provider_section .parent_area .title_area {
  display: flex;
  align-items: center;
  gap: 12px;
}
.certified_provider_section .parent_area .title_area h3 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 36px;
  text-align: left;
  vertical-align: middle;
  color: #171717;
  flex-grow: 1;
}
.certified_provider_section .parent_area .title_area h3.text_center {
  text-align: center;
}
.certified_provider_section .parent_area .title_area .nav_area {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  margin-bottom: 28px;
}
.certified_provider_section .parent_area .title_area .nav_area .next-prev {
  width: 43px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E5230E;
  font-size: 15px;
  border-radius: 50%;
  border: 2px solid #E5230E;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.certified_provider_section .parent_area .title_area .nav_area .next-prev:hover {
  border-color: #E5230E;
  background-color: #E5230E;
  color: #ffffff;
}
.certified_provider_section .parent_area .provider_area {
  padding-top: 56px;
}
.certified_provider_section .parent_area .provider_area ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  gap: 18px;
}
.certified_provider_section .parent_area .provider_area ul li .img_area {
  height: 129px;
  aspect-ratio: 185/117;
}
.certified_provider_section .parent_area .provider_area ul li p {
  padding-top: 12px;
  text-align: center;
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #171717;
}
.certified_provider_section .parent_area .provider_area .certified_provider_slider .img_area {
  margin-inline: auto;
  aspect-ratio: 241/153;
}
.certified_provider_section .parent_area .provider_area .certified_provider_slider p {
  padding-top: 12px;
  text-align: center;
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #171717;
}
.certified_provider_section .parent_area .provider_area .cert_bullets {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding-top: 10px;
}
.certified_provider_section .parent_area .provider_area .cert_bullets .bullet {
  cursor: pointer;
  background-color: rgb(248.4320987654, 157.4197530864, 147.5679012346);
  opacity: 0.4;
  border-radius: 30px;
  width: 14px;
  height: 5px;
  margin: 0;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.certified_provider_section .parent_area .provider_area .cert_bullets .bullet.swiper-pagination-bullet-active {
  width: 44px;
  background: #E5230E;
  opacity: 1;
}
.certified_provider_section .parent_area .provider_area .cert_bullets .bullet:hover {
  background: #E5230E;
  opacity: 1;
}

.culture_section {
  padding-top: 90px;
}
.culture_section .parent_area .left_area h3 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 36px;
  color: #171717;
}
.culture_section .parent_area .left_area p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  color: #979797;
  padding-top: 20px;
  line-height: 26px;
}
.culture_section .parent_area .left_area .button_area {
  padding-top: 30px;
}
.culture_section .parent_area .left_area .images_parent {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 40px;
}
.culture_section .parent_area .left_area .images_parent .image_area {
  width: calc((100% - 16px) / 2);
  border-radius: 15px;
  overflow: hidden;
  height: 240px;
}
.culture_section .parent_area .left_area .images_parent .image_area:hover img {
  scale: 1.1;
}
.culture_section .parent_area .left_area .images_parent .image_area img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.culture_section .parent_area .right_area {
  position: relative;
}
.culture_section .parent_area .right_area .image_area {
  height: 775px;
  border-radius: 25px;
  overflow: hidden;
}
.culture_section .parent_area .right_area .image_area:hover img {
  scale: 1.1;
}
.culture_section .parent_area .right_area .image_area img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.culture_section .parent_area .right_area .card_parent {
  padding: 16px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 85%;
}
.culture_section .parent_area .right_area .card_parent .card_area {
  background: #ffffff;
  padding: 25px 40px;
  border-radius: 20px;
  position: relative;
}
.culture_section .parent_area .right_area .card_parent .card_area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 10px;
  border-radius: 60px;
  background: linear-gradient(129.07deg, #e5230e 2.47%, #e84508 111.94%);
  height: 85%;
  margin-top: auto;
  margin-bottom: auto;
}
.culture_section .parent_area .right_area .card_parent .card_area ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.culture_section .parent_area .right_area .card_parent .card_area ul li {
  display: flex;
  align-items: center;
  gap: 16px;
}
.culture_section .parent_area .right_area .card_parent .card_area ul li .icon_area {
  height: 34px;
  width: 34px;
  background: #F1F1F1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.culture_section .parent_area .right_area .card_parent .card_area ul li .icon_area .icon_img {
  height: 16px;
  width: 16px;
}
.culture_section .parent_area .right_area .card_parent .card_area ul li .icon_area .icon_img img {
  object-fit: contain;
}
.culture_section .parent_area .right_area .card_parent .card_area ul li p {
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 20px;
  color: #171717;
  flex-grow: 1;
}

.major_support_section {
  padding-top: 90px;
}
.major_support_section .parent_area .left_area h3 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 36px;
  color: #171717;
}
.major_support_section .parent_area .left_area p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  color: #979797;
  padding-top: 20px;
  line-height: 26px;
}
.major_support_section .parent_area .left_area .button_area {
  padding-top: 30px;
}
.major_support_section .parent_area .right_area {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.major_support_section .parent_area .right_area .my_col {
  width: calc((100% - 20px) / 3);
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  flex-direction: column;
}
.major_support_section .parent_area .right_area .my_col.col_center .image_parent {
  height: calc((100% - 20px) / 3);
}
.major_support_section .parent_area .right_area .my_col.col_center .image_parent .logo_area {
  height: 100px;
  top: 5px;
  bottom: unset;
}
.major_support_section .parent_area .right_area .my_col .image_parent {
  height: 267px;
  position: relative;
  overflow: hidden;
}
.major_support_section .parent_area .right_area .my_col .image_parent::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.8392156863);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.major_support_section .parent_area .right_area .my_col .image_parent:hover::after {
  opacity: 1;
}
.major_support_section .parent_area .right_area .my_col .image_parent:hover .logo_area {
  z-index: 1;
  opacity: 1;
}
.major_support_section .parent_area .right_area .my_col .image_parent:hover .button_area {
  bottom: 0;
}
.major_support_section .parent_area .right_area .my_col .image_parent:hover .content_area {
  bottom: -40%;
}
.major_support_section .parent_area .right_area .my_col .image_parent .logo_area {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: absolute;
  inset: 0;
  width: 80%;
  height: 200px;
  opacity: 0;
  margin: auto;
}
.major_support_section .parent_area .right_area .my_col .image_parent .logo_area img {
  object-fit: contain;
}
.major_support_section .parent_area .right_area .my_col .image_parent .button_area {
  position: absolute;
  bottom: -40%;
  right: 0;
  left: 0;
  text-align: center;
  padding: 10px 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.major_support_section .parent_area .right_area .my_col .image_parent .button_area .btn-primary {
  font-size: 14px;
  font-weight: 400;
  padding: 10px 20px;
}
.major_support_section .parent_area .right_area .my_col .image_parent .content_area {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  right: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.major_support_section .parent_area .right_area .my_col .image_parent .content_area h6 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
}
.major_support_section .parent_area .right_area .my_col .image_parent .content_area p {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  padding-top: 8px;
}
.major_support_section .parent_area .right_area .my_col .image_parent .image_area {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.home_field_section {
  padding-top: 90px;
}
.home_field_section .parent_area .title_area {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.home_field_section .parent_area .title_area .nav_area {
  display: flex;
  gap: 20px;
}
.home_field_section .parent_area .title_area .nav_area .next-prev {
  width: 43px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E5230E;
  font-size: 15px;
  border-radius: 50%;
  border: 2px solid #E5230E;
  cursor: pointer;
}
.home_field_section .parent_area .title_area .nav_area .next-prev:hover {
  background: #E5230E;
  color: #ffffff;
}
.home_field_section .parent_area .title_area h3 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 36px;
  color: #171717;
}
.home_field_section .parent_area .slider_area {
  padding-top: 50px;
}
.home_field_section .parent_area .slider_area .inner_slide {
  position: relative;
  overflow: hidden;
}
.home_field_section .parent_area .slider_area .inner_slide:hover:after {
  scale: 1.9;
}
.home_field_section .parent_area .slider_area .inner_slide:hover .content_area .upper_content h4 {
  width: 100%;
}
.home_field_section .parent_area .slider_area .inner_slide:hover .content_area .upper_content p {
  opacity: 1;
  transform: translateY(0);
  max-height: 200px;
}
.home_field_section .parent_area .slider_area .inner_slide:hover .content_area .button_area {
  opacity: 1;
  transform: translateY(0);
  max-height: 100px;
}
.home_field_section .parent_area .slider_area .inner_slide:after {
  content: "";
  background: rgba(255, 255, 255, 0.8392156863);
  height: 500px;
  width: 500px;
  border-radius: 50%;
  position: absolute;
  left: -22%;
  bottom: -90%;
  z-index: 1;
  transform-origin: bottom left;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.home_field_section .parent_area .slider_area .inner_slide .image_area {
  border-radius: 24px;
  overflow: hidden;
  height: 342px;
}
.home_field_section .parent_area .slider_area .inner_slide .content_area {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 30px;
}
.home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content {
  position: relative;
}
.home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content:after {
  content: "";
  height: 100%;
  width: 8px;
  border-radius: 60px;
  position: absolute;
  top: 0;
  left: -16px;
  right: 0;
  background: linear-gradient(129.07deg, #e5230e 2.47%, #e84508 111.94%);
}
.home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content h4 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 42px;
  color: #232323;
  width: 40%;
}
.home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content p {
  width: 80%;
  font-weight: 500;
  font-size: 18px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  color: #979797;
  opacity: 0;
  transform: translateY(10px);
  max-height: 0;
  overflow: hidden;
  font-family: "General Sans";
}
.home_field_section .parent_area .slider_area .inner_slide .content_area .button_area {
  opacity: 0;
  transform: translateY(10px);
  max-height: 0;
  overflow: hidden;
  padding-top: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.our_product_section {
  margin-top: 90px;
  padding: 90px 0;
  background: #F8F8F8;
}
.our_product_section .parent_area h3 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 36px;
  text-align: center;
  color: #171717;
}
.our_product_section .parent_area .products_card_area {
  display: flex;
  gap: 36px 20px;
  flex-wrap: wrap;
  padding-top: 35px;
}
.our_product_section .parent_area .products_card_area .card_inner {
  padding: 12px;
  border-radius: 12px;
  background: #ffffff;
  min-height: 270px;
  width: calc((100% - 80px) / 5);
  position: relative;
  z-index: 2;
  padding-bottom: 50px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.our_product_section .parent_area .products_card_area .card_inner:hover {
  background: linear-gradient(129.07deg, #e5230e 2.47%, #e84508 111.94%);
}
.our_product_section .parent_area .products_card_area .card_inner:hover h5 {
  color: #ffffff;
}
.our_product_section .parent_area .products_card_area .card_inner:hover .upper_area {
  background: #ffffff;
}
.our_product_section .parent_area .products_card_area .card_inner:hover .upper_area .logo_area {
  animation: tiltRotate 0.6s ease-in-out infinite alternate;
}
.our_product_section .parent_area .products_card_area .card_inner:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("../images/bg_curve.png") no-repeat center/cover;
  height: 40px;
  width: 80%;
  margin: 0 auto;
  z-index: -1;
}
.our_product_section .parent_area .products_card_area .card_inner .count {
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 20px;
  color: transparent;
  background: linear-gradient(129.07deg, #e5230e 2.47%, #e84508 111.94%);
  background-clip: text;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
}
.our_product_section .parent_area .products_card_area .card_inner .upper_area {
  background: #FFF5F1;
  padding: 20px;
  border-radius: 10px;
}
.our_product_section .parent_area .products_card_area .card_inner .upper_area .logo_area {
  margin: 0 auto;
  height: 70px;
  width: 90px;
}
.our_product_section .parent_area .products_card_area .card_inner .upper_area .logo_area img {
  object-fit: contain;
}
.our_product_section .parent_area .products_card_area .card_inner h5 {
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 20px;
  padding-top: 24px;
  color: #232323;
  text-align: center;
}

.strategic_section {
  padding-top: 90px;
  overflow: clip;
}
.strategic_section .slider_area {
  background: linear-gradient(129.07deg, #e5230e 2.47%, #e84508 111.94%);
}
.strategic_section .slider_area .parent_area .left {
  padding: 29px 90px;
  position: relative;
}
.strategic_section .slider_area .parent_area .left::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  aspect-ratio: 1/1;
  background-image: url("../images/round3.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
.strategic_section .slider_area .parent_area .left .content {
  position: relative;
  z-index: 2;
}
.strategic_section .slider_area .parent_area .left .content h3 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  color: #ffffff;
}
.strategic_section .slider_area .parent_area .left .content h4 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: #FFECE8;
  padding-top: 12px;
}
.strategic_section .slider_area .parent_area .left .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #FFD0D0;
  padding-top: 16px;
}
.strategic_section .slider_area .parent_area .left .content .btn_area {
  padding-top: 28px;
}
.strategic_section .slider_area .parent_area .left .content .btn_area .btn-primary {
  background: #ffffff;
  color: #E5230E;
}
.strategic_section .slider_area .parent_area .left .content .btn_area .btn-primary:hover {
  color: #ffffff;
  border-color: #ffffff;
}
.strategic_section .slider_area .parent_area .left .content .btn_area .btn-primary::after {
  background-color: unset;
  background: linear-gradient(129.07deg, #e5230e 2.47%, #e84508 111.94%);
}
.strategic_section .slider_area .parent_area .right {
  height: 100%;
  position: relative;
}
.strategic_section .slider_area .parent_area .right::after {
  position: absolute;
  background-repeat: no-repeat;
  top: -15px;
  left: -30px;
  background-size: contain;
  background-position: center;
  background-image: url("../images/shape1.png");
  content: "";
  width: 100%;
  height: 337px;
}
.strategic_section .slider_area .parent_area .right .img_area {
  width: 100%;
  min-height: 303px;
  height: 100%;
  position: relative;
  z-index: 2;
}
.strategic_section .strategic_bullets {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-top: 15px;
  justify-content: center;
}
.strategic_section .strategic_bullets .bullet {
  margin: 0;
  cursor: pointer;
  background-color: #7a7a7a;
  opacity: 0.2;
  border-radius: 30px;
  width: 14px;
  height: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
}
.strategic_section .strategic_bullets .bullet.swiper-pagination-bullet-active {
  width: 44px;
  background: #E5230E;
  opacity: 1;
}

.sport_section {
  padding-top: 90px;
}
.sport_section .title_area .parent_area {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sport_section .title_area .parent_area .left {
  flex-grow: 1;
}
.sport_section .title_area .parent_area .left h3 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  color: #171717;
}
.sport_section .title_area .parent_area .right {
  flex-shrink: 0;
}
.sport_section .title_area .parent_area .right .nav_area {
  display: flex;
  gap: 20px;
}
.sport_section .title_area .parent_area .right .nav_area .next-prev {
  width: 43px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E5230E;
  font-size: 15px;
  border-radius: 50%;
  border: 2px solid #E5230E;
  cursor: pointer;
}
.sport_section .title_area .parent_area .right .nav_area .next-prev:hover {
  background: #E5230E;
  color: #ffffff;
}
.sport_section .slider_area {
  padding-top: 48px;
}
.sport_section .slider_area .swiper .swiper-wrapper {
  align-items: flex-end;
  min-height: 640px;
}
.sport_section .slider_area .swiper .swiper-wrapper .swiper-slide {
  align-items: flex-end;
}
.sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item {
  height: 640px;
}
.sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item::after {
  height: 0;
}
.sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item .content {
  top: 0;
  padding-bottom: 35px;
}
.sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item .content::after {
  opacity: 1;
}
.sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item .arrow {
  transform: scale(1);
}
.sport_section .slider_area .item {
  position: relative;
  height: 606px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sport_section .slider_area .item .img_area {
  height: 100%;
}
.sport_section .slider_area .item::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  align-self: flex-end;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: linear-gradient(168.28deg, rgba(229, 35, 14, 0) -2.58%, rgba(229, 35, 14, 0.8) 96.86%);
  z-index: 1;
}
.sport_section .slider_area .item .content {
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  top: 138px;
  padding-inline: 35px;
  padding-bottom: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sport_section .slider_area .item .content h3 {
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 48px;
  line-height: 52px;
  letter-spacing: 0.35px;
  text-align: center;
  color: #ffffff;
  width: 190px;
  max-width: 100%;
  margin-inline: auto;
  min-height: 104px;
}
.sport_section .slider_area .item .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.1px;
  text-align: center;
  color: #ffffff;
  width: 326px;
  max-width: 100%;
  margin-inline: auto;
  min-height: 72px;
}
.sport_section .slider_area .item .content .img_b {
  height: 52px;
  width: 48px;
}
.sport_section .slider_area .item .content .img_b img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.sport_section .slider_area .item .content::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(23, 23, 23, 0) 0%, #171717 101.81%);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: -1;
}
.sport_section .slider_area .item .arrow {
  background-color: #E5230E;
  color: #ffffff;
  transform: scale(0);
  transform-origin: bottom right;
  width: 223px;
  aspect-ratio: 1/1;
  bottom: -120px;
  right: -120px;
  position: absolute;
  border-radius: 50%;
  z-index: 3;
  padding-left: 50px;
  padding-top: 50px;
  font-size: 26px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sport_section .slider_area .item .arrow:hover i {
  transform: rotate(0);
}
.sport_section .slider_area .item .arrow i {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform: rotate(-45deg);
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
}

@keyframes tiltRotate {
  0% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(5deg);
  }
}
/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .counter_section {
    padding-top: 70px;
  }
  .certified_provider_section {
    padding-top: 70px;
  }
  .certified_provider_section .parent_area .provider_area {
    padding-top: 50px;
  }
  .culture_section {
    padding-top: 70px;
  }
  .major_support_section {
    padding-top: 70px;
  }
  .home_field_section {
    padding-top: 70px;
  }
  .home_field_section .parent_area .slider_area {
    padding-top: 40px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content h4 {
    font-size: 35px;
  }
  .our_product_section {
    margin-top: 70px;
    padding: 70px 0;
  }
  .our_product_section .parent_area .products_card_area .card_inner .upper_area .logo_area {
    height: 80px;
    width: 70px;
  }
  .strategic_section {
    padding-top: 70px;
  }
  .sport_section {
    padding-top: 70px;
  }
  .sport_section .slider_area {
    padding-top: 35px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper {
    min-height: 590px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item {
    height: 590px;
  }
  .sport_section .slider_area .item {
    height: 550px;
  }
  .sport_section .slider_area .item .content {
    top: 177px;
  }
  .sport_section .slider_area .item .content h3 {
    font-size: 40px;
    line-height: 44px;
  }
  .sport_section .slider_area .item .content p {
    padding-inline: 15px;
    min-height: 96px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .counter_section {
    padding-top: 70px;
  }
  .certified_provider_section {
    padding-top: 70px;
  }
  .certified_provider_section .parent_area .provider_area {
    padding-top: 50px;
  }
  .culture_section {
    padding-top: 70px;
  }
  .major_support_section {
    padding-top: 70px;
  }
  .home_field_section {
    padding-top: 70px;
  }
  .home_field_section .parent_area .slider_area {
    padding-top: 40px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content h4 {
    font-size: 35px;
  }
  .our_product_section {
    margin-top: 70px;
    padding: 70px 0;
  }
  .our_product_section .parent_area .products_card_area .card_inner .upper_area .logo_area {
    height: 80px;
    width: 70px;
  }
  .strategic_section {
    padding-top: 70px;
  }
  .sport_section {
    padding-top: 70px;
  }
  .sport_section .slider_area {
    padding-top: 35px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper {
    min-height: 590px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item {
    height: 590px;
  }
  .sport_section .slider_area .item {
    height: 550px;
  }
  .sport_section .slider_area .item .content {
    top: 177px;
  }
  .sport_section .slider_area .item .content h3 {
    font-size: 40px;
    line-height: 44px;
    min-height: 70px;
  }
  .sport_section .slider_area .item .content p {
    padding-inline: 15px;
    min-height: 96px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .counter_section {
    padding-top: 50px;
  }
  .counter_section .parent_area .counter_area {
    gap: 15px;
  }
  .counter_section .parent_area .counter_area .counter_inner {
    width: calc((100% - 75px) / 6);
  }
  .counter_section .parent_area .counter_area .counter_inner .circle {
    height: 100px;
    width: 100px;
    font-size: 30px;
  }
  .counter_section .parent_area .counter_area .counter_inner p {
    font-size: 16px;
  }
  .certified_provider_section {
    padding-top: 50px;
  }
  .certified_provider_section .parent_area .title_area h3 {
    font-size: 30px;
  }
  .certified_provider_section .parent_area .provider_area {
    padding-top: 40px;
  }
  .certified_provider_section .parent_area .provider_area ul li .img_area {
    height: 96px;
  }
  .culture_section {
    padding-top: 50px;
  }
  .culture_section .parent_area .left_area h3 {
    font-size: 30px;
  }
  .culture_section .parent_area .left_area p {
    padding-top: 12px;
    font-size: 18px;
  }
  .culture_section .parent_area .left_area .button_area {
    padding-top: 20px;
  }
  .culture_section .parent_area .left_area .images_parent {
    padding-top: 25px;
  }
  .culture_section .parent_area .left_area .images_parent .image_area {
    height: 180px;
  }
  .culture_section .parent_area .right_area .image_area {
    height: 590px;
  }
  .culture_section .parent_area .right_area .card_parent {
    width: 100%;
  }
  .culture_section .parent_area .right_area .card_parent .card_area ul {
    gap: 20px;
  }
  .culture_section .parent_area .right_area .card_parent .card_area ul li p {
    font-size: 18px;
  }
  .major_support_section {
    padding-top: 50px;
  }
  .major_support_section .parent_area .left_area h3 {
    font-size: 30px;
  }
  .major_support_section .parent_area .left_area p {
    padding-top: 10px;
    font-size: 18px;
  }
  .major_support_section .parent_area .left_area .button_area {
    padding-top: 18px;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent .logo_area {
    top: 10px;
    height: 65px;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent:hover .button_area {
    bottom: 0;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent .button_area {
    bottom: -50%;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent {
    height: 230px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .button_area {
    padding: 10px 15px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .content_area {
    padding: 15px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .content_area p {
    font-weight: 400;
    padding-top: 0;
  }
  .home_field_section {
    padding-top: 50px;
  }
  .home_field_section .parent_area .title_area h3 {
    font-size: 30px;
  }
  .home_field_section .parent_area .slider_area {
    padding-top: 40px;
  }
  .home_field_section .parent_area .slider_area .inner_slide:after {
    height: 450px;
    width: 450px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .image_area {
    height: 300px;
    border-radius: 18px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content h4 {
    font-size: 30px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content p {
    font-size: 16px;
  }
  .our_product_section {
    margin-top: 50px;
    padding: 50px 0;
  }
  .our_product_section .parent_area h3 {
    font-size: 30px;
  }
  .our_product_section .parent_area .products_card_area {
    padding-top: 25px;
  }
  .our_product_section .parent_area .products_card_area .card_inner {
    min-height: 230px;
  }
  .our_product_section .parent_area .products_card_area .card_inner h5 {
    font-size: 17px;
  }
  .our_product_section .parent_area .products_card_area .card_inner .upper_area .logo_area {
    height: 50px;
    width: 50px;
  }
  .strategic_section {
    padding-top: 50px;
  }
  .strategic_section .slider_area .parent_area .left {
    padding: 29px 0;
  }
  .strategic_section .slider_area .parent_area .left .content h3 {
    font-size: 30px;
    line-height: 35px;
  }
  .strategic_section .slider_area .parent_area .left .content p {
    font-size: 17px;
    line-height: 21px;
  }
  .strategic_section .slider_area .parent_area .left .content .btn_area {
    padding-top: 20px;
  }
  .strategic_section .slider_area .parent_area .right::after {
    top: -55px;
  }
  .sport_section {
    padding-top: 50px;
  }
  .sport_section .title_area .parent_area .left h3 {
    font-size: 30px;
    line-height: 35px;
  }
  .sport_section .title_area .parent_area .right .nav_area {
    gap: 8px;
  }
  .sport_section .title_area .parent_area .right .nav_area .next-prev {
    width: 38px;
    height: 38px;
  }
  .sport_section .slider_area {
    padding-top: 25px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper {
    min-height: 480px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item {
    height: 480px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item .content {
    padding-bottom: 15px;
  }
  .sport_section .slider_area .item {
    height: 440px;
  }
  .sport_section .slider_area .item .content {
    padding-inline: 15px;
    top: 176px;
  }
  .sport_section .slider_area .item .content h3 {
    font-size: 30px;
    line-height: 35px;
    min-height: 70px;
  }
  .sport_section .slider_area .item .content p {
    padding-inline: 15px;
    font-size: 16px;
    line-height: 22px;
    width: 200px;
    min-height: 110px;
  }
  .sport_section .slider_area .item .content .img_b {
    height: 45px;
    width: 42px;
  }
  .sport_section .slider_area .item .arrow {
    width: 170px;
    bottom: -80px;
    right: -80px;
    padding-top: 40px;
    padding-left: 40px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .counter_section {
    padding-top: 40px;
  }
  .counter_section .parent_area .counter_area {
    gap: 30px;
  }
  .counter_section .parent_area .counter_area .counter_inner {
    width: calc((100% - 60px) / 3);
  }
  .counter_section .parent_area .counter_area .counter_inner .circle {
    height: 100px;
    width: 100px;
    font-size: 30px;
  }
  .counter_section .parent_area .counter_area .counter_inner p {
    font-size: 18px;
  }
  .certified_provider_section {
    padding-top: 40px;
  }
  .certified_provider_section .parent_area .title_area h3 {
    font-size: 28px;
  }
  .certified_provider_section .parent_area .title_area .nav_area {
    display: flex;
  }
  .certified_provider_section .parent_area .provider_area {
    padding-top: 30px;
  }
  .certified_provider_section .parent_area .provider_area ul {
    grid-template-columns: repeat(4, 1fr);
    display: none;
  }
  .certified_provider_section .parent_area .provider_area ul li .img_area {
    height: 110px;
  }
  .certified_provider_section .parent_area .provider_area .certified_provider_slider {
    display: block;
  }
  .certified_provider_section .parent_area .provider_area .cert_bullets {
    display: flex;
  }
  .culture_section {
    padding-top: 40px;
  }
  .culture_section .parent_area .left_area h3 {
    font-size: 28px;
  }
  .culture_section .parent_area .left_area p {
    padding-top: 12px;
    font-size: 16px;
  }
  .culture_section .parent_area .left_area .button_area {
    padding-top: 20px;
  }
  .culture_section .parent_area .left_area .images_parent {
    padding-top: 20px;
  }
  .culture_section .parent_area .left_area .images_parent .image_area {
    height: 135px;
  }
  .culture_section .parent_area .right_area .image_area {
    height: 450px;
    border-radius: 15px;
  }
  .culture_section .parent_area .right_area .card_parent {
    width: 100%;
  }
  .culture_section .parent_area .right_area .card_parent .card_area {
    border-radius: 10px;
    padding: 20px 25px;
  }
  .culture_section .parent_area .right_area .card_parent .card_area ul {
    gap: 15px;
  }
  .culture_section .parent_area .right_area .card_parent .card_area ul li p {
    font-size: 16px;
  }
  .major_support_section {
    padding-top: 40px;
  }
  .major_support_section .parent_area .left_area h3 {
    font-size: 28px;
  }
  .major_support_section .parent_area .left_area p {
    padding-top: 10px;
    font-size: 16px;
  }
  .major_support_section .parent_area .left_area .button_area {
    padding-top: 18px;
  }
  .major_support_section .parent_area .right_area .my_col {
    width: 100%;
    flex-direction: row;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent {
    width: calc((100% - 20px) / 3);
    height: 150px;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent .logo_area {
    top: 10px;
    height: 65px;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent:hover .button_area {
    bottom: 0;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent .button_area {
    bottom: -50%;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent {
    width: calc((100% - 10px) / 2);
    height: 220px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .button_area {
    padding: 10px 15px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .button_area .btn-primary {
    padding: 10px 10px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .content_area {
    padding: 15px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .content_area p {
    font-weight: 400;
    padding-top: 0;
  }
  .home_field_section {
    padding-top: 40px;
  }
  .home_field_section .parent_area .title_area h3 {
    font-size: 28px;
  }
  .home_field_section .parent_area .slider_area {
    padding-top: 25px;
  }
  .home_field_section .parent_area .slider_area .inner_slide:after {
    height: 360px;
    width: 360px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .image_area {
    height: 250px;
    border-radius: 18px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area {
    padding: 20px 30px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content h4 {
    font-size: 28px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content p {
    width: 100%;
    font-size: 16px;
  }
  .our_product_section {
    margin-top: 40px;
    padding: 40px 0;
  }
  .our_product_section .parent_area h3 {
    font-size: 28px;
  }
  .our_product_section .parent_area .products_card_area {
    padding-top: 20px;
  }
  .our_product_section .parent_area .products_card_area .card_inner {
    min-height: 230px;
    width: calc((100% - 60px) / 4);
  }
  .our_product_section .parent_area .products_card_area .card_inner:after {
    height: 32px;
  }
  .our_product_section .parent_area .products_card_area .card_inner h5 {
    font-size: 17px;
  }
  .our_product_section .parent_area .products_card_area .card_inner .upper_area .logo_area {
    height: 50px;
    width: 50px;
  }
  .strategic_section {
    padding-top: 40px;
  }
  .strategic_section .slider_area .parent_area .left {
    padding: 29px 0;
  }
  .strategic_section .slider_area .parent_area .left .content h3 {
    font-size: 28px;
    line-height: 33px;
  }
  .strategic_section .slider_area .parent_area .left .content h4 {
    font-size: 18px;
    line-height: 22px;
  }
  .strategic_section .slider_area .parent_area .left .content p {
    font-size: 16px;
    line-height: 20px;
    padding-top: 12px;
  }
  .strategic_section .slider_area .parent_area .left .content .btn_area {
    padding-top: 15px;
  }
  .strategic_section .slider_area .parent_area .right::after {
    top: -85px;
  }
  .sport_section {
    padding-top: 40px;
  }
  .sport_section .title_area .parent_area .left h3 {
    font-size: 28px;
    line-height: 30px;
  }
  .sport_section .title_area .parent_area .right .nav_area {
    gap: 8px;
  }
  .sport_section .title_area .parent_area .right .nav_area .next-prev {
    width: 35px;
    height: 35px;
  }
  .sport_section .slider_area {
    padding-top: 20px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper {
    min-height: 440px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item {
    height: 440px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item .content {
    padding-bottom: 15px;
  }
  .sport_section .slider_area .item {
    height: 400px;
  }
  .sport_section .slider_area .item .content {
    padding-inline: 15px;
    top: 150px;
  }
  .sport_section .slider_area .item .content h3 {
    font-size: 30px;
    line-height: 35px;
    min-height: 70px;
  }
  .sport_section .slider_area .item .content p {
    padding-inline: 0;
    font-size: 16px;
    line-height: 22px;
    width: 230px;
    min-height: 88px;
  }
  .sport_section .slider_area .item .content .img_b {
    height: 46px;
    width: 42px;
  }
  .sport_section .slider_area .item .arrow {
    width: 150px;
    bottom: -80px;
    right: -80px;
    padding-top: 30px;
    padding-left: 30px;
    font-size: 20px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .counter_section {
    padding-top: 30px;
  }
  .counter_section .parent_area .counter_area {
    gap: 15px;
  }
  .counter_section .parent_area .counter_area .counter_inner {
    width: calc((100% - 30px) / 3);
  }
  .counter_section .parent_area .counter_area .counter_inner .circle {
    height: 80px;
    width: 80px;
    font-size: 25px;
  }
  .counter_section .parent_area .counter_area .counter_inner .circle span {
    margin-top: 10px;
  }
  .counter_section .parent_area .counter_area .counter_inner p {
    font-size: 16px;
  }
  .certified_provider_section {
    padding-top: 30px;
  }
  .certified_provider_section .parent_area .title_area h3 {
    font-size: 25px;
  }
  .certified_provider_section .parent_area .title_area .nav_area {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
  }
  .certified_provider_section .parent_area .title_area .nav_area .next-prev {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .certified_provider_section .parent_area .provider_area {
    padding-top: 20px;
  }
  .certified_provider_section .parent_area .provider_area ul {
    display: none;
    gap: 15px;
    grid-template-columns: repeat(4, 1fr);
  }
  .certified_provider_section .parent_area .provider_area ul li .img_area {
    height: 93px;
  }
  .certified_provider_section .parent_area .provider_area .certified_provider_slider {
    display: block;
  }
  .certified_provider_section .parent_area .provider_area .cert_bullets {
    display: flex;
  }
  .culture_section {
    padding-top: 30px;
  }
  .culture_section .parent_area .left_area h3 {
    font-size: 25px;
  }
  .culture_section .parent_area .left_area p {
    padding-top: 8px;
    font-size: 14px;
    line-height: 24px;
  }
  .culture_section .parent_area .left_area .button_area {
    padding-top: 12px;
  }
  .culture_section .parent_area .left_area .images_parent {
    padding-top: 15px;
  }
  .culture_section .parent_area .left_area .images_parent .image_area {
    height: 112px;
    border-radius: 10px;
  }
  .culture_section .parent_area .right_area .image_area {
    height: 380px;
    border-radius: 15px;
  }
  .culture_section .parent_area .right_area .card_parent {
    width: 100%;
  }
  .culture_section .parent_area .right_area .card_parent .card_area {
    border-radius: 10px;
    padding: 20px 25px;
  }
  .culture_section .parent_area .right_area .card_parent .card_area ul {
    gap: 15px;
  }
  .culture_section .parent_area .right_area .card_parent .card_area ul li p {
    font-size: 16px;
  }
  .major_support_section {
    padding-top: 30px;
  }
  .major_support_section .parent_area .left_area h3 {
    font-size: 25px;
  }
  .major_support_section .parent_area .left_area p {
    padding-top: 8px;
    font-size: 14px;
    line-height: 24px;
  }
  .major_support_section .parent_area .left_area .button_area {
    padding-top: 15px;
  }
  .major_support_section .parent_area .right_area .my_col {
    width: 100%;
    flex-direction: row;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent {
    width: calc((100% - 20px) / 3);
    height: 120px;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent .logo_area {
    top: 10px;
    height: 65px;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent:hover .content_area {
    bottom: -55%;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent:hover .button_area {
    bottom: -9px;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent .button_area {
    bottom: -50%;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent {
    width: calc((100% - 10px) / 2);
    height: 200px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .button_area {
    padding: 10px 10px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .button_area .btn-primary {
    padding: 10px 10px;
    font-size: 12px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .content_area {
    padding: 10px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .content_area p {
    font-weight: 400;
    padding-top: 0;
  }
  .home_field_section {
    padding-top: 30px;
  }
  .home_field_section .parent_area .title_area h3 {
    font-size: 25px;
  }
  .home_field_section .parent_area .title_area .nav_area {
    gap: 15px;
  }
  .home_field_section .parent_area .title_area .nav_area .next-prev {
    height: 35px;
    width: 35px;
    font-size: 14px;
  }
  .home_field_section .parent_area .slider_area {
    padding-top: 20px;
  }
  .home_field_section .parent_area .slider_area .inner_slide:after {
    height: 350px;
    width: 300px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .image_area {
    height: 220px;
    border-radius: 18px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area {
    padding: 20px 30px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content h4 {
    font-size: 25px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content p {
    width: 100%;
    font-size: 14px;
  }
  .our_product_section {
    margin-top: 30px;
    padding: 30px 0;
  }
  .our_product_section .parent_area h3 {
    font-size: 25px;
  }
  .our_product_section .parent_area .products_card_area {
    padding-top: 20px;
    gap: 20px;
  }
  .our_product_section .parent_area .products_card_area .card_inner {
    min-height: 230px;
    width: calc((100% - 40px) / 3);
  }
  .our_product_section .parent_area .products_card_area .card_inner:after {
    height: 32px;
  }
  .our_product_section .parent_area .products_card_area .card_inner h5 {
    font-size: 17px;
  }
  .our_product_section .parent_area .products_card_area .card_inner .upper_area .logo_area {
    height: 50px;
    width: 50px;
  }
  .strategic_section {
    padding-top: 30px;
  }
  .strategic_section .slider_area .parent_area .left {
    padding: 20px 0;
  }
  .strategic_section .slider_area .parent_area .left .content h3 {
    font-size: 25px;
    line-height: 30px;
  }
  .strategic_section .slider_area .parent_area .left .content h4 {
    font-size: 16px;
    line-height: 20px;
  }
  .strategic_section .slider_area .parent_area .left .content p {
    font-size: 14px;
    line-height: 18px;
    padding-top: 12px;
  }
  .strategic_section .slider_area .parent_area .left .content .btn_area {
    padding-top: 15px;
  }
  .strategic_section .slider_area .parent_area .right::after {
    top: -85px;
  }
  .sport_section {
    padding-top: 30px;
  }
  .sport_section .title_area .parent_area .left h3 {
    font-size: 25px;
    line-height: 28px;
  }
  .sport_section .title_area .parent_area .right .nav_area {
    gap: 8px;
  }
  .sport_section .title_area .parent_area .right .nav_area .next-prev {
    width: 35px;
    height: 35px;
  }
  .sport_section .slider_area {
    padding-top: 20px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper {
    min-height: 340px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item {
    height: 340px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item .content {
    padding-bottom: 15px;
  }
  .sport_section .slider_area .item {
    height: 320px;
  }
  .sport_section .slider_area .item .content {
    padding-inline: 15px;
    top: 143px;
    gap: 10px;
  }
  .sport_section .slider_area .item .content h3 {
    font-size: 25px;
    line-height: 30px;
    min-height: 60px;
  }
  .sport_section .slider_area .item .content p {
    padding-inline: 0;
    font-size: 16px;
    line-height: 22px;
    width: 230px;
    min-height: 88px;
  }
  .sport_section .slider_area .item .content .img_b {
    height: 43px;
    width: 40px;
  }
  .sport_section .slider_area .item .arrow {
    width: 150px;
    bottom: -80px;
    right: -80px;
    padding-top: 30px;
    padding-left: 30px;
    font-size: 20px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .counter_section {
    padding-top: 30px;
  }
  .counter_section .parent_area .counter_area {
    gap: 15px;
  }
  .counter_section .parent_area .counter_area .counter_inner {
    width: calc((100% - 15px) / 2);
  }
  .counter_section .parent_area .counter_area .counter_inner .circle {
    height: 80px;
    width: 80px;
    font-size: 25px;
  }
  .counter_section .parent_area .counter_area .counter_inner .circle span {
    margin-top: 10px;
  }
  .counter_section .parent_area .counter_area .counter_inner p {
    font-size: 16px;
  }
  .certified_provider_section {
    padding-top: 25px;
  }
  .certified_provider_section .parent_area .title_area {
    align-items: flex-start;
  }
  .certified_provider_section .parent_area .title_area h3 {
    font-size: 22px;
    text-align: left;
  }
  .certified_provider_section .parent_area .title_area .nav_area {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
  }
  .certified_provider_section .parent_area .title_area .nav_area .next-prev {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .certified_provider_section .parent_area .provider_area {
    padding-top: 15px;
  }
  .certified_provider_section .parent_area .provider_area ul {
    display: none;
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  .certified_provider_section .parent_area .provider_area ul li .img_area {
    height: 107px;
  }
  .certified_provider_section .parent_area .provider_area .certified_provider_slider {
    display: block;
  }
  .certified_provider_section .parent_area .provider_area .cert_bullets {
    display: flex;
  }
  .culture_section {
    padding-top: 25px;
  }
  .culture_section .parent_area .left_area h3 {
    font-size: 22px;
  }
  .culture_section .parent_area .left_area p {
    padding-top: 8px;
    font-size: 14px;
    line-height: 24px;
  }
  .culture_section .parent_area .left_area .button_area {
    padding-top: 12px;
  }
  .culture_section .parent_area .left_area .images_parent {
    padding-top: 15px;
  }
  .culture_section .parent_area .left_area .images_parent .image_area {
    height: 112px;
    border-radius: 10px;
  }
  .culture_section .parent_area .right_area {
    padding-top: 20px;
  }
  .culture_section .parent_area .right_area .image_area {
    height: 420px;
    border-radius: 15px;
  }
  .culture_section .parent_area .right_area .card_parent {
    width: 100%;
  }
  .culture_section .parent_area .right_area .card_parent .card_area {
    border-radius: 10px;
    padding: 20px 25px;
  }
  .culture_section .parent_area .right_area .card_parent .card_area ul {
    gap: 15px;
  }
  .culture_section .parent_area .right_area .card_parent .card_area ul li p {
    font-size: 16px;
  }
  .major_support_section {
    padding-top: 25px;
  }
  .major_support_section .parent_area .left_area h3 {
    font-size: 22px;
  }
  .major_support_section .parent_area .left_area p {
    padding-top: 8px;
    font-size: 14px;
    line-height: 24px;
  }
  .major_support_section .parent_area .left_area .button_area {
    padding-top: 15px;
  }
  .major_support_section .parent_area .right_area {
    padding-top: 20px;
  }
  .major_support_section .parent_area .right_area .my_col {
    width: 100%;
    flex-direction: row;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent {
    width: calc((100% - 20px) / 3);
    height: 120px;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent .logo_area {
    top: 10px;
    height: 60px;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent:hover .content_area {
    bottom: -55%;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent:hover .button_area {
    bottom: -9px;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent .button_area {
    bottom: -50%;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent {
    width: calc((100% - 10px) / 2);
    height: 200px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .button_area {
    padding: 10px 10px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .button_area .btn-primary {
    padding: 10px 10px;
    font-size: 12px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .content_area {
    padding: 10px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .content_area h6 {
    font-size: 14px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .content_area p {
    font-weight: 400;
    padding-top: 0;
  }
  .home_field_section {
    padding-top: 25px;
  }
  .home_field_section .parent_area .title_area h3 {
    font-size: 22px;
  }
  .home_field_section .parent_area .title_area .nav_area {
    gap: 15px;
  }
  .home_field_section .parent_area .title_area .nav_area .next-prev {
    height: 35px;
    width: 35px;
    font-size: 14px;
  }
  .home_field_section .parent_area .slider_area {
    padding-top: 20px;
  }
  .home_field_section .parent_area .slider_area .inner_slide:after {
    height: 350px;
    width: 300px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .image_area {
    height: 250px;
    border-radius: 12px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area {
    padding: 20px 30px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content h4 {
    font-size: 25px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content p {
    width: 100%;
    font-size: 14px;
  }
  .culture_section {
    padding-top: 25px;
  }
  .culture_section .parent_area .left_area h3 {
    font-size: 22px;
  }
  .culture_section .parent_area .left_area p {
    padding-top: 8px;
    font-size: 14px;
    line-height: 24px;
  }
  .culture_section .parent_area .left_area .button_area {
    padding-top: 12px;
  }
  .culture_section .parent_area .left_area .images_parent {
    padding-top: 15px;
  }
  .culture_section .parent_area .left_area .images_parent .image_area {
    height: 112px;
    border-radius: 10px;
  }
  .culture_section .parent_area .right_area {
    padding-top: 20px;
  }
  .culture_section .parent_area .right_area .image_area {
    height: 420px;
    border-radius: 15px;
  }
  .culture_section .parent_area .right_area .card_parent {
    width: 100%;
  }
  .culture_section .parent_area .right_area .card_parent .card_area {
    border-radius: 10px;
    padding: 20px 25px;
  }
  .culture_section .parent_area .right_area .card_parent .card_area ul {
    gap: 15px;
  }
  .culture_section .parent_area .right_area .card_parent .card_area ul li p {
    font-size: 16px;
  }
  .our_product_section {
    margin-top: 25px;
    padding: 25px 0;
  }
  .our_product_section .parent_area h3 {
    font-size: 22px;
  }
  .our_product_section .parent_area .products_card_area {
    padding-top: 20px;
    gap: 20px 15px;
  }
  .our_product_section .parent_area .products_card_area .card_inner {
    min-height: fit-content;
    padding-bottom: 40px;
    width: calc((100% - 15px) / 2);
  }
  .our_product_section .parent_area .products_card_area .card_inner:after {
    height: 32px;
  }
  .our_product_section .parent_area .products_card_area .card_inner h5 {
    font-size: 16px;
  }
  .our_product_section .parent_area .products_card_area .card_inner .upper_area .logo_area {
    height: 50px;
    width: 50px;
  }
  .strategic_section {
    padding-top: 25px;
  }
  .strategic_section .slider_area {
    padding-bottom: 25px;
  }
  .strategic_section .slider_area .parent_area .left {
    padding: 15px 0;
  }
  .strategic_section .slider_area .parent_area .left .content h3 {
    font-size: 22px;
    line-height: 25px;
  }
  .strategic_section .slider_area .parent_area .left .content h4 {
    font-size: 16px;
    line-height: 20px;
  }
  .strategic_section .slider_area .parent_area .left .content p {
    font-size: 14px;
    line-height: 18px;
    padding-top: 12px;
  }
  .strategic_section .slider_area .parent_area .left .content .btn_area {
    padding-top: 15px;
  }
  .strategic_section .slider_area .parent_area .right::after {
    top: -85px;
    display: none;
  }
  .strategic_section .slider_area .parent_area .right .img_area {
    height: 186px;
  }
  .sport_section {
    padding-top: 25px;
  }
  .sport_section .title_area .parent_area .left h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .sport_section .title_area .parent_area .right .nav_area {
    gap: 8px;
  }
  .sport_section .title_area .parent_area .right .nav_area .next-prev {
    width: 35px;
    height: 35px;
  }
  .sport_section .slider_area {
    padding-top: 15px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper {
    min-height: 300px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item {
    height: 300px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item .content {
    padding-bottom: 15px;
  }
  .sport_section .slider_area .item {
    height: 280px;
  }
  .sport_section .slider_area .item .content {
    padding-inline: 15px;
    top: 156px;
    gap: 10px;
  }
  .sport_section .slider_area .item .content h3 {
    font-size: 25px;
    line-height: 30px;
    width: 100%;
    min-height: 30px;
  }
  .sport_section .slider_area .item .content p {
    padding-inline: 0;
    font-size: 15px;
    line-height: 22px;
    width: 230px;
    min-height: 110px;
  }
  .sport_section .slider_area .item .content .img_b {
    height: 37px;
    width: 35px;
  }
  .sport_section .slider_area .item .arrow {
    width: 135px;
    bottom: -80px;
    right: -80px;
    padding-top: 24px;
    padding-left: 24px;
    font-size: 20px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .counter_section {
    padding-top: 30px;
  }
  .counter_section .parent_area .counter_area {
    gap: 15px;
  }
  .counter_section .parent_area .counter_area .counter_inner {
    width: calc((100% - 15px) / 2);
  }
  .counter_section .parent_area .counter_area .counter_inner .circle {
    height: 80px;
    width: 80px;
    font-size: 25px;
  }
  .counter_section .parent_area .counter_area .counter_inner .circle span {
    margin-top: 10px;
  }
  .counter_section .parent_area .counter_area .counter_inner p {
    font-size: 16px;
  }
  .certified_provider_section {
    padding-top: 25px;
  }
  .certified_provider_section .parent_area .title_area {
    align-items: flex-start;
  }
  .certified_provider_section .parent_area .title_area h3 {
    font-size: 22px;
  }
  .certified_provider_section .parent_area .title_area .nav_area {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
  }
  .certified_provider_section .parent_area .title_area .nav_area .next-prev {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .certified_provider_section .parent_area .provider_area {
    padding-top: 15px;
  }
  .certified_provider_section .parent_area .provider_area ul {
    display: none;
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  .certified_provider_section .parent_area .provider_area ul li .img_area {
    height: 102px;
  }
  .certified_provider_section .parent_area .provider_area .certified_provider_slider {
    display: block;
  }
  .certified_provider_section .parent_area .provider_area .cert_bullets {
    display: flex;
  }
  .culture_section {
    padding-top: 25px;
  }
  .culture_section .parent_area .left_area h3 {
    font-size: 22px;
  }
  .culture_section .parent_area .left_area p {
    padding-top: 8px;
    font-size: 14px;
    line-height: 24px;
  }
  .culture_section .parent_area .left_area .button_area {
    padding-top: 12px;
  }
  .culture_section .parent_area .left_area .images_parent {
    padding-top: 15px;
  }
  .culture_section .parent_area .left_area .images_parent .image_area {
    height: 112px;
    border-radius: 10px;
  }
  .culture_section .parent_area .right_area {
    padding-top: 20px;
  }
  .culture_section .parent_area .right_area .image_area {
    height: 420px;
    border-radius: 15px;
  }
  .culture_section .parent_area .right_area .card_parent {
    width: 100%;
  }
  .culture_section .parent_area .right_area .card_parent .card_area {
    border-radius: 10px;
    padding: 20px 25px;
  }
  .culture_section .parent_area .right_area .card_parent .card_area ul {
    gap: 15px;
  }
  .culture_section .parent_area .right_area .card_parent .card_area ul li p {
    font-size: 16px;
  }
  .major_support_section {
    padding-top: 25px;
  }
  .major_support_section .parent_area .left_area h3 {
    font-size: 22px;
  }
  .major_support_section .parent_area .left_area p {
    padding-top: 8px;
    font-size: 14px;
    line-height: 24px;
  }
  .major_support_section .parent_area .left_area .button_area {
    padding-top: 15px;
  }
  .major_support_section .parent_area .right_area {
    padding-top: 20px;
  }
  .major_support_section .parent_area .right_area .my_col {
    width: 100%;
    flex-direction: row;
  }
  .major_support_section .parent_area .right_area .my_col.col_center {
    justify-content: center;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent {
    width: calc((100% - 10px) / 2);
    height: 120px;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent .logo_area {
    top: 10px;
    height: 60px;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent:hover .content_area {
    bottom: -55%;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent:hover .button_area {
    bottom: -9px;
  }
  .major_support_section .parent_area .right_area .my_col.col_center .image_parent .button_area {
    bottom: -50%;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent {
    width: calc((100% - 10px) / 2);
    height: 200px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .button_area {
    padding: 10px 10px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .button_area .btn-primary {
    padding: 10px 10px;
    font-size: 12px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .content_area {
    padding: 10px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .content_area h6 {
    font-size: 14px;
  }
  .major_support_section .parent_area .right_area .my_col .image_parent .content_area p {
    font-weight: 400;
    padding-top: 0;
  }
  .home_field_section {
    padding-top: 25px;
  }
  .home_field_section .parent_area .title_area {
    flex-direction: column;
  }
  .home_field_section .parent_area .title_area h3 {
    font-size: 22px;
  }
  .home_field_section .parent_area .title_area .nav_area {
    justify-content: end;
    gap: 15px;
  }
  .home_field_section .parent_area .title_area .nav_area .next-prev {
    height: 35px;
    width: 35px;
    font-size: 14px;
  }
  .home_field_section .parent_area .slider_area {
    padding-top: 20px;
  }
  .home_field_section .parent_area .slider_area .inner_slide:after {
    height: 350px;
    width: 300px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .image_area {
    height: 250px;
    border-radius: 12px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area {
    padding: 20px 30px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content h4 {
    font-size: 25px;
  }
  .home_field_section .parent_area .slider_area .inner_slide .content_area .upper_content p {
    width: 100%;
    font-size: 14px;
  }
  .culture_section {
    padding-top: 25px;
  }
  .culture_section .parent_area .left_area h3 {
    font-size: 22px;
  }
  .culture_section .parent_area .left_area p {
    padding-top: 8px;
    font-size: 14px;
    line-height: 24px;
  }
  .culture_section .parent_area .left_area .button_area {
    padding-top: 12px;
  }
  .culture_section .parent_area .left_area .images_parent {
    padding-top: 15px;
  }
  .culture_section .parent_area .left_area .images_parent .image_area {
    height: 112px;
    border-radius: 10px;
  }
  .culture_section .parent_area .right_area {
    padding-top: 20px;
  }
  .culture_section .parent_area .right_area .image_area {
    height: 420px;
    border-radius: 15px;
  }
  .culture_section .parent_area .right_area .card_parent {
    width: 100%;
  }
  .culture_section .parent_area .right_area .card_parent .card_area {
    border-radius: 10px;
    padding: 20px 25px;
  }
  .culture_section .parent_area .right_area .card_parent .card_area ul {
    gap: 15px;
  }
  .culture_section .parent_area .right_area .card_parent .card_area ul li p {
    font-size: 16px;
  }
  .our_product_section {
    margin-top: 25px;
    padding: 25px 0;
  }
  .our_product_section .parent_area h3 {
    font-size: 22px;
  }
  .our_product_section .parent_area .products_card_area {
    padding-top: 20px;
    gap: 20px 15px;
  }
  .our_product_section .parent_area .products_card_area .card_inner {
    min-height: fit-content;
    padding-bottom: 40px;
    width: calc((100% - 15px) / 2);
  }
  .our_product_section .parent_area .products_card_area .card_inner:after {
    height: 32px;
  }
  .our_product_section .parent_area .products_card_area .card_inner h5 {
    font-size: 16px;
  }
  .our_product_section .parent_area .products_card_area .card_inner .upper_area .logo_area {
    height: 50px;
    width: 50px;
  }
  .strategic_section {
    padding-top: 25px;
  }
  .strategic_section .slider_area {
    padding-bottom: 25px;
  }
  .strategic_section .slider_area .parent_area .left {
    padding: 15px 0;
  }
  .strategic_section .slider_area .parent_area .left .content h3 {
    font-size: 22px;
    line-height: 25px;
  }
  .strategic_section .slider_area .parent_area .left .content h4 {
    font-size: 16px;
    line-height: 20px;
  }
  .strategic_section .slider_area .parent_area .left .content p {
    font-size: 14px;
    line-height: 18px;
    padding-top: 12px;
  }
  .strategic_section .slider_area .parent_area .left .content .btn_area {
    padding-top: 15px;
  }
  .strategic_section .slider_area .parent_area .right::after {
    top: -85px;
    display: none;
  }
  .strategic_section .slider_area .parent_area .right .img_area {
    height: 186px;
  }
  .sport_section {
    padding-top: 25px;
  }
  .sport_section .title_area .parent_area .left h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .sport_section .title_area .parent_area .right .nav_area {
    gap: 8px;
  }
  .sport_section .title_area .parent_area .right .nav_area .next-prev {
    width: 35px;
    height: 35px;
  }
  .sport_section .slider_area {
    padding-top: 15px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper {
    min-height: 300px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item {
    height: 300px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item .content {
    padding-bottom: 15px;
  }
  .sport_section .slider_area .item {
    height: 280px;
  }
  .sport_section .slider_area .item .content {
    padding-inline: 15px;
    top: 155px;
    gap: 10px;
  }
  .sport_section .slider_area .item .content h3 {
    font-size: 25px;
    line-height: 30px;
    width: 100%;
    min-height: 30px;
  }
  .sport_section .slider_area .item .content p {
    padding-inline: 0;
    font-size: 16px;
    line-height: 22px;
    width: 230px;
    min-height: 110px;
  }
  .sport_section .slider_area .item .content .img_b {
    height: 37px;
    width: 35px;
  }
  .sport_section .slider_area .item .arrow {
    width: 135px;
    bottom: -80px;
    right: -80px;
    padding-top: 24px;
    padding-left: 24px;
    font-size: 20px;
  }
}
/* Smaller phones */
@media (max-width: 320px) {
  .sport_section {
    padding-top: 25px;
  }
  .sport_section .title_area .parent_area .left h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .sport_section .title_area .parent_area .right .nav_area {
    gap: 8px;
  }
  .sport_section .title_area .parent_area .right .nav_area .next-prev {
    width: 35px;
    height: 35px;
  }
  .sport_section .slider_area {
    padding-top: 15px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper {
    min-height: 300px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item {
    height: 300px;
  }
  .sport_section .slider_area .swiper .swiper-wrapper .swiper-slide:hover .item .content {
    padding-bottom: 15px;
  }
  .sport_section .slider_area .item {
    height: 280px;
  }
  .sport_section .slider_area .item .content {
    padding-inline: 15px;
    top: 200px;
    gap: 10px;
  }
  .sport_section .slider_area .item .content h3 {
    font-size: 25px;
    line-height: 30px;
    width: 100%;
    min-height: 60px;
  }
  .sport_section .slider_area .item .content p {
    padding-inline: 0;
    font-size: 16px;
    line-height: 22px;
    width: 230px;
    min-height: 154px;
  }
  .sport_section .slider_area .item .content .img_b {
    height: 37px;
    width: 35px;
  }
  .sport_section .slider_area .item .arrow {
    width: 135px;
    bottom: -80px;
    right: -80px;
    padding-top: 24px;
    padding-left: 24px;
    font-size: 20px;
  }
}
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.rubber_buffing_section {
  padding-bottom: 90px;
  position: relative;
  overflow-x: hidden;
}
.rubber_buffing_section::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20%;
  height: 70%;
  margin-top: auto;
  margin-bottom: auto;
  z-index: -1;
}
.rubber_buffing_section.odd_section::after {
  left: 0;
  background: url("../images/triangle_left.png") no-repeat center/100% 100%;
}
.rubber_buffing_section.odd_section .parent_area .left_area .image_area {
  left: -15%;
}
.rubber_buffing_section.even_section::after {
  right: 0;
  background: url("../images/triangle_right.png") no-repeat center/100% 100%;
}
.rubber_buffing_section.even_section .parent_area .left_area .image_area {
  right: -15%;
}
.rubber_buffing_section .parent_area .left_area .image_area {
  position: relative;
  height: 480px;
}
.rubber_buffing_section .parent_area .right_area h3 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 36px;
  color: #171717;
}
.rubber_buffing_section .parent_area .right_area .cards_parent {
  padding-top: 25px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.rubber_buffing_section .parent_area .right_area .cards_parent .card_inner {
  padding: 30px 18px;
  background: #FAFAFA;
  border-radius: 10px;
  width: calc((100% - 15px) / 2);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rubber_buffing_section .parent_area .right_area .cards_parent .card_inner:hover {
  background: #E5230E;
}
.rubber_buffing_section .parent_area .right_area .cards_parent .card_inner:hover h5,
.rubber_buffing_section .parent_area .right_area .cards_parent .card_inner:hover h6,
.rubber_buffing_section .parent_area .right_area .cards_parent .card_inner:hover ul li,
.rubber_buffing_section .parent_area .right_area .cards_parent .card_inner:hover p,
.rubber_buffing_section .parent_area .right_area .cards_parent .card_inner:hover p span {
  color: #ffffff;
}
.rubber_buffing_section .parent_area .right_area .cards_parent .card_inner h5 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 20px;
  color: #E5230E;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rubber_buffing_section .parent_area .right_area .cards_parent .card_inner h6 {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 16px;
  color: #171717;
  padding-top: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rubber_buffing_section .parent_area .right_area .cards_parent .card_inner p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 16px;
  color: #666666;
  padding-top: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rubber_buffing_section .parent_area .right_area .cards_parent .card_inner p span {
  color: #000000;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rubber_buffing_section .parent_area .right_area .cards_parent .card_inner ul {
  padding-left: 15px;
}
.rubber_buffing_section .parent_area .right_area .cards_parent .card_inner ul li {
  list-style-type: disc;
  font-weight: 500;
  font-size: 16px;
  color: #666666;
  padding-top: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.epdm_section {
  position: relative;
  padding-bottom: 90px;
}
.epdm_section h3 {
  font-weight: 700;
  font-size: 36px;
  text-align: center;
  color: #171717;
  padding: 60px 12px;
  padding-top: 0;
}
.epdm_section .parent_area {
  position: relative;
}
.epdm_section .parent_area .detial_box {
  width: 330px;
  max-width: 100%;
  position: absolute;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-start;
}
.epdm_section .parent_area .detial_box .outer {
  position: absolute;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
}
.epdm_section .parent_area .detial_box .outer .line {
  box-shadow: 1px 4px 14px 0px rgba(0, 0, 0, 0.1411764706);
  height: 3px;
  width: 100%;
  background: #ffffff;
}
.epdm_section .parent_area .detial_box .outer .dot {
  flex-shrink: 0;
  border-radius: 50%;
  width: 10px;
  aspect-ratio: 1/1;
  border: 2px solid #ffffff;
  background-color: #E5230E;
}
.epdm_section .parent_area .detial_box.detial_box1 {
  top: 5%;
  right: 0;
  flex-direction: column-reverse;
}
.epdm_section .parent_area .detial_box.detial_box1 .outer {
  transform: rotate(-30deg);
  flex-direction: row-reverse;
  left: -90%;
  bottom: -25%;
}
.epdm_section .parent_area .detial_box.detial_box1 .outer .dot {
  background-color: #000000;
}
.epdm_section .parent_area .detial_box.detial_box2 {
  top: 15%;
  left: 0;
  align-items: flex-end;
}
.epdm_section .parent_area .detial_box.detial_box2 p {
  text-align: right;
}
.epdm_section .parent_area .detial_box.detial_box2 .outer {
  transform: rotate(45deg);
  right: -75%;
  top: 90%;
  justify-content: flex-end;
}
.epdm_section .parent_area .detial_box.detial_box3 {
  bottom: 5%;
  right: 0;
}
.epdm_section .parent_area .detial_box.detial_box3 .outer {
  transform: rotate(15deg);
  left: -150%;
  top: -40%;
  justify-content: flex-start;
  flex-direction: row-reverse;
  width: 170%;
}
.epdm_section .parent_area .detial_box.detial_box3 .outer .line {
  width: 100%;
}
.epdm_section .parent_area .detial_box .button_area {
  padding: 17px 20px;
  box-shadow: 1px 4px 14px 0px rgba(0, 0, 0, 0.1411764706);
  border-radius: 10px;
  background: #ffffff;
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #171717;
  width: fit-content;
  position: relative;
  z-index: 3;
}
.epdm_section .parent_area .detial_box p {
  font-weight: 500;
  font-size: 16px;
  color: #707070;
  padding-top: 0;
  text-wrap: pretty;
  /*position: relative;
  top: 12px;*/
  font-family: "General Sans";
}
.epdm_section .parent_area .circle_large {
  margin: auto;
  height: 690px;
  width: 690px;
  border-radius: 50%;
  background: #FFF3EE;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: growCircle 4s linear infinite;
  position: relative;
  z-index: -1;
}
.epdm_section .parent_area .circle_large .circle_medium {
  height: 530px;
  width: 530px;
  border-radius: 50%;
  background: #FFE2D7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.epdm_section .parent_area .circle_large .circle_medium .circle_small {
  height: 350px;
  width: 350px;
  border-radius: 50%;
  background: #E84508;
}
.epdm_section .parent_area .image_area {
  height: 433px;
  width: 680px;
  margin: 0 auto;
  position: absolute;
  inset: 0;
  margin: auto;
  filter: drop-shadow(5px 4px 14px #000000);
  /*animation: tiltImage 4s linear infinite;*/
}

@keyframes growCircle {
  0% {
    transform: scale(0.8);
  }
  20% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes tiltImage {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(-3deg);
  }
  60% {
    transform: rotate(0deg);
  }
}
.main_application_section {
  padding-bottom: 90px;
}
.main_application_section .parent_area .upper_area {
  width: 80%;
  margin: 0 auto;
}
.main_application_section .parent_area .upper_area h5 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 24px;
  color: #E5230E;
  text-align: center;
}
.main_application_section .parent_area .upper_area p {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #979797;
  padding-top: 12px;
  font-family: "General Sans";
}
.main_application_section .parent_area .lower_area {
  padding-top: 90px;
}
.main_application_section .parent_area .lower_area h5 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 24px;
  color: #E5230E;
  text-align: center;
}
.main_application_section .parent_area .lower_area .card_parent {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 50px;
  padding-top: 35px;
}
.main_application_section .parent_area .lower_area .card_parent .card_inner {
  border-radius: 10px;
  width: calc((100% - 50px) / 2);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 30px;
  background: #FFEDE6;
  border-left: 7px solid #E5230E;
}
.main_application_section .parent_area .lower_area .card_parent .card_inner .icon_area {
  height: 36px;
  width: 36px;
  flex-shrink: 0;
}
.main_application_section .parent_area .lower_area .card_parent .card_inner .icon_area img {
  object-fit: contain;
}
.main_application_section .parent_area .lower_area .card_parent .card_inner p {
  font-weight: 500;
  font-size: 20px;
  color: #171717;
  font-family: "General Sans";
}

.dual_slide_slider_section {
  padding-bottom: 90px;
}
.dual_slide_slider_section .parent_area .slider_area {
  position: relative;
}
.dual_slide_slider_section .parent_area .slider_area .slider_inner .image_area {
  display: block;
  height: 447px;
  border-radius: 24px;
  overflow: hidden;
}
.dual_slide_slider_section .parent_area .slider_area .outer_div {
  position: absolute;
  inset: 0;
}
.dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options {
  position: relative;
  height: 100%;
}
.dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area {
  display: flex;
  align-items: center;
  gap: 20px;
}
.dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 15px;
  border-radius: 50%;
  border: 8px solid #ffffff;
  background: #E5230E;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 10;
}
.dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev2 {
  left: -34px;
}
.dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next2 {
  right: -34px;
}
.dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev:hover {
  border-color: #E5230E;
  background-color: #ffffff;
  color: #E5230E;
}
.dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets,
.dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets2 {
  display: flex;
  align-items: center;
  gap: 5px;
  z-index: 10;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  justify-content: center;
}
.dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets .bullet,
.dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets2 .bullet {
  cursor: pointer;
  background-color: #ffffff;
  opacity: 0.4;
  border-radius: 30px;
  width: 14px;
  height: 5px;
  margin: 0;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #FFD5CA;
}
.dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets .bullet.swiper-pagination-bullet-active,
.dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets2 .bullet.swiper-pagination-bullet-active {
  width: 44px;
  background: #E5230E;
  opacity: 1;
}
.dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets .bullet:hover,
.dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets2 .bullet:hover {
  background: #E5230E;
  opacity: 1;
}

/* Above 1920 desktop */
/* 1680 desktop */
@media (min-width: 1680px) and (max-width: 1919px) {
  .rubber_buffing_section.odd_section .parent_area .left_area .image_area {
    left: -38%;
  }
  .rubber_buffing_section.even_section .parent_area .left_area .image_area {
    right: -38%;
  }
}
/* 1600 desktop */
@media (min-width: 1600px) and (max-width: 1679px) {
  .rubber_buffing_section.odd_section .parent_area .left_area .image_area {
    left: -38%;
  }
  .rubber_buffing_section.even_section .parent_area .left_area .image_area {
    right: -38%;
  }
}
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .rubber_buffing_section {
    padding-bottom: 70px;
  }
  .epdm_section {
    padding-bottom: 70px;
  }
  .main_application_section {
    padding-bottom: 70px;
  }
  .main_application_section .parent_area .upper_area p {
    font-size: 18px;
  }
  .main_application_section .parent_area .lower_area {
    padding-top: 70px;
  }
  .dual_slide_slider_section {
    padding-bottom: 70px;
  }
  .dual_slide_slider_section .parent_area .slider_area .slider_inner .image_area {
    height: 400px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next2 {
    right: -25px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev2 {
    left: -25px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .rubber_buffing_section {
    padding-bottom: 70px;
  }
  .epdm_section {
    padding-bottom: 70px;
  }
  .main_application_section {
    padding-bottom: 70px;
  }
  .main_application_section .parent_area .upper_area p {
    font-size: 18px;
  }
  .main_application_section .parent_area .lower_area {
    padding-top: 70px;
  }
  .dual_slide_slider_section {
    padding-bottom: 70px;
  }
  .dual_slide_slider_section .parent_area .slider_area .slider_inner .image_area {
    height: 400px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next2 {
    right: -25px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev2 {
    left: -25px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .rubber_buffing_section {
    padding-bottom: 50px;
  }
  .rubber_buffing_section .parent_area .left_area .image_area {
    height: 366px;
  }
  .rubber_buffing_section .parent_area .right_area h3 {
    font-size: 30px;
  }
  .epdm_section {
    padding-bottom: 50px;
  }
  .epdm_section h3 {
    font-size: 30px;
    padding-bottom: 40px;
  }
  .epdm_section .parent_area .image_area {
    height: 302px;
    width: 430px;
  }
  .epdm_section .parent_area .detial_box {
    width: 260px;
  }
  .epdm_section .parent_area .detial_box.detial_box1 .outer {
    width: 80%;
    left: -70%;
    bottom: -15%;
  }
  .epdm_section .parent_area .detial_box.detial_box2 {
    top: 8%;
  }
  .epdm_section .parent_area .detial_box.detial_box2 .outer {
    transform: rotate(55deg);
    right: -75%;
    top: 80%;
  }
  .epdm_section .parent_area .detial_box.detial_box3 .outer {
    top: -15%;
  }
  .epdm_section .parent_area .detial_box .button_area {
    padding: 15px 20px;
    font-size: 16px;
  }
  .epdm_section .parent_area .circle_large {
    height: 580px;
    width: 580px;
  }
  .epdm_section .parent_area .circle_large .circle_medium {
    height: 480px;
    width: 480px;
  }
  .epdm_section .parent_area .circle_large .circle_small {
    width: 300px;
    height: 300px;
  }
  .main_application_section {
    padding-bottom: 50px;
  }
  .main_application_section .parent_area .upper_area h5 {
    font-size: 22px;
  }
  .main_application_section .parent_area .upper_area p {
    font-size: 16px;
  }
  .main_application_section .parent_area .lower_area {
    padding-top: 50px;
  }
  .main_application_section .parent_area .lower_area h5 {
    font-size: 22px;
  }
  .main_application_section .parent_area .lower_area .card_parent {
    padding-top: 20px;
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner {
    padding: 20px;
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner .icon_area {
    height: 30px;
    width: 30px;
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner p {
    font-size: 18px;
  }
  .dual_slide_slider_section {
    padding-bottom: 70px;
  }
  .dual_slide_slider_section .parent_area .slider_area .slider_inner .image_area {
    height: 340px;
    border-radius: 20px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev {
    height: 50px;
    width: 50px;
    border-width: 4px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next2 {
    right: -15px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev2 {
    left: -15px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .rubber_buffing_section {
    padding-bottom: 40px;
  }
  .rubber_buffing_section::after {
    height: 50%;
  }
  .rubber_buffing_section .parent_area .left_area .image_area {
    height: 270px;
  }
  .rubber_buffing_section .parent_area .right_area h3 {
    font-size: 28px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner {
    padding: 20px 18px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner p {
    font-size: 14px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner ul li {
    font-size: 14px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner h5 {
    font-size: 18px;
  }
  .epdm_section {
    padding-bottom: 40px;
  }
  .epdm_section h3 {
    font-size: 28px;
    padding-bottom: 35px;
  }
  .epdm_section .parent_area .image_area {
    height: 246px;
    width: 350px;
  }
  .epdm_section .parent_area .detial_box {
    width: 260px;
  }
  .epdm_section .parent_area .detial_box p {
    font-size: 14px;
  }
  .epdm_section .parent_area .detial_box.detial_box1 .outer {
    transform: rotate(-39deg);
    left: -30%;
    bottom: -15%;
    width: 60%;
  }
  .epdm_section .parent_area .detial_box.detial_box2 {
    top: 0%;
  }
  .epdm_section .parent_area .detial_box.detial_box2 .outer {
    right: -30%;
    top: 140%;
    width: 80%;
  }
  .epdm_section .parent_area .detial_box.detial_box2 .button_area {
    order: 1;
  }
  .epdm_section .parent_area .detial_box.detial_box3 .outer {
    transform: rotate(20deg);
    left: -80%;
    top: -20px;
    width: 90%;
  }
  .epdm_section .parent_area .detial_box .button_area {
    padding: 15px 20px;
    font-size: 16px;
  }
  .epdm_section .parent_area .circle_large {
    height: 520px;
    width: 520px;
  }
  .epdm_section .parent_area .circle_large .circle_medium {
    height: 420px;
    width: 420px;
  }
  .epdm_section .parent_area .circle_large .circle_medium .circle_small {
    width: 280px;
    height: 280px;
  }
  .main_application_section {
    padding-bottom: 40px;
  }
  .main_application_section .parent_area .upper_area {
    width: 100%;
  }
  .main_application_section .parent_area .upper_area h5 {
    font-size: 22px;
  }
  .main_application_section .parent_area .upper_area p {
    font-size: 16px;
  }
  .main_application_section .parent_area .lower_area {
    padding-top: 40px;
  }
  .main_application_section .parent_area .lower_area h5 {
    font-size: 22px;
  }
  .main_application_section .parent_area .lower_area .card_parent {
    padding-top: 20px;
    gap: 25px 20px;
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner {
    padding: 20px;
    width: calc((100% - 20px) / 2);
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner .icon_area {
    height: 30px;
    width: 30px;
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner p {
    font-size: 16px;
  }
  .dual_slide_slider_section {
    padding-bottom: 50px;
  }
  .dual_slide_slider_section .parent_area .slider_area .slider_inner .image_area {
    height: 250px;
    border-radius: 20px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets,
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets2 {
    bottom: -20px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev {
    height: 50px;
    width: 50px;
    border-width: 4px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next2 {
    right: -15px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev2 {
    left: -15px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .rubber_buffing_section {
    padding-bottom: 40px;
  }
  .rubber_buffing_section::after {
    height: 50%;
  }
  .rubber_buffing_section .parent_area .left_area .image_area {
    height: 190px;
  }
  .rubber_buffing_section .parent_area .right_area h3 {
    font-size: 25px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent {
    padding-top: 15px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner {
    padding: 15px 12px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner p {
    font-size: 14px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner ul li {
    font-size: 14px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner h5 {
    font-size: 16px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner h6 {
    font-size: 16px;
  }
  .epdm_section {
    padding-bottom: 30px;
  }
  .epdm_section h3 {
    font-size: 25px;
    padding-bottom: 25px;
  }
  .epdm_section .parent_area .image_area {
    height: 165px;
    width: 245px;
  }
  .epdm_section .parent_area .detial_box {
    width: 220px;
  }
  .epdm_section .parent_area .detial_box p {
    font-size: 14px;
    top: 5px;
  }
  .epdm_section .parent_area .detial_box.detial_box1 {
    top: 0;
  }
  .epdm_section .parent_area .detial_box.detial_box1 .outer {
    transform: rotate(-25deg);
    left: -40%;
    bottom: -10%;
    width: 60%;
  }
  .epdm_section .parent_area .detial_box.detial_box2 {
    top: 0;
  }
  .epdm_section .parent_area .detial_box.detial_box2 .outer {
    transform: rotate(46deg);
    right: -30%;
    top: 110%;
    width: 50%;
  }
  .epdm_section .parent_area .detial_box.detial_box2 .button_area {
    order: 1;
  }
  .epdm_section .parent_area .detial_box.detial_box3 .outer {
    transform: rotate(5deg);
    width: 100%;
    left: -75%;
    top: 0%;
  }
  .epdm_section .parent_area .detial_box .button_area {
    padding: 10px 15px;
    font-size: 14px;
  }
  .epdm_section .parent_area .circle_large {
    height: 400px;
    width: 400px;
  }
  .epdm_section .parent_area .circle_large .circle_medium {
    height: 300px;
    width: 300px;
  }
  .epdm_section .parent_area .circle_large .circle_medium .circle_small {
    width: 200px;
    height: 200px;
  }
  .main_application_section {
    padding-bottom: 30px;
  }
  .main_application_section .parent_area .upper_area {
    width: 100%;
  }
  .main_application_section .parent_area .upper_area h5 {
    font-size: 20px;
  }
  .main_application_section .parent_area .upper_area p {
    font-size: 14px;
  }
  .main_application_section .parent_area .lower_area {
    padding-top: 30px;
  }
  .main_application_section .parent_area .lower_area h5 {
    font-size: 20px;
  }
  .main_application_section .parent_area .lower_area .card_parent {
    padding-top: 15px;
    gap: 25px 20px;
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner {
    padding: 15px;
    width: calc((100% - 20px) / 2);
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner .icon_area {
    height: 25px;
    width: 25px;
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner p {
    font-size: 16px;
  }
  .dual_slide_slider_section {
    padding-bottom: 40px;
  }
  .dual_slide_slider_section .parent_area .slider_area .slider_inner .image_area {
    height: 217px;
    border-radius: 20px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets,
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets2 {
    bottom: -20px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev {
    height: 45px;
    width: 45px;
    border-width: 4px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next2 {
    right: -10px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev2 {
    left: -10px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .rubber_buffing_section {
    padding-bottom: 25px;
  }
  .rubber_buffing_section.odd_section .parent_area .left_area .image_area {
    left: 0;
  }
  .rubber_buffing_section.even_section .parent_area .left_area .image_area {
    height: 300px;
    right: 0;
  }
  .rubber_buffing_section::after {
    content: none;
    height: 50%;
  }
  .rubber_buffing_section .parent_area .left_area .image_area {
    height: 200px;
  }
  .rubber_buffing_section .parent_area .right_area {
    padding-top: 20px;
  }
  .rubber_buffing_section .parent_area .right_area h3 {
    font-size: 22px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent {
    padding-top: 15px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner {
    padding: 15px 12px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner p {
    font-size: 14px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner ul li {
    font-size: 14px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner h5 {
    font-size: 16px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner h6 {
    font-size: 16px;
  }
  .epdm_section {
    padding-bottom: 25px;
  }
  .epdm_section h3 {
    font-size: 22px;
    padding-bottom: 20px;
  }
  .epdm_section .parent_area .image_area {
    height: 168px;
    width: 62%;
    top: unset;
    bottom: 10%;
  }
  .epdm_section .parent_area .detial_box {
    position: static;
    width: 100%;
    padding-top: 20px;
  }
  .epdm_section .parent_area .detial_box .outer {
    display: none;
  }
  .epdm_section .parent_area .detial_box:after {
    content: none !important;
  }
  .epdm_section .parent_area .detial_box .line {
    display: none;
  }
  .epdm_section .parent_area .detial_box .dot {
    display: none;
  }
  .epdm_section .parent_area .detial_box p {
    font-size: 14px;
    top: 5px;
  }
  .epdm_section .parent_area .detial_box.detial_box1 {
    padding-top: 0;
    order: 1;
  }
  .epdm_section .parent_area .detial_box.detial_box1 .line {
    display: none;
  }
  .epdm_section .parent_area .detial_box.detial_box1 .dot {
    display: none;
  }
  .epdm_section .parent_area .detial_box.detial_box1::after {
    left: -32%;
    top: 115%;
  }
  .epdm_section .parent_area .detial_box.detial_box1 .button_area {
    order: 1;
  }
  .epdm_section .parent_area .detial_box.detial_box2 {
    align-items: flex-start;
  }
  .epdm_section .parent_area .detial_box.detial_box2 p {
    text-align: left;
  }
  .epdm_section .parent_area .detial_box.detial_box2 .line {
    display: none;
  }
  .epdm_section .parent_area .detial_box.detial_box2 .dot {
    display: none;
  }
  .epdm_section .parent_area .detial_box.detial_box2:after {
    left: 110%;
    top: 108%;
  }
  .epdm_section .parent_area .detial_box.detial_box3 {
    padding-bottom: 20px;
  }
  .epdm_section .parent_area .detial_box.detial_box3 .line {
    display: none;
  }
  .epdm_section .parent_area .detial_box.detial_box3 .dot {
    display: none;
  }
  .epdm_section .parent_area .detial_box.detial_box3:after {
    left: -93%;
    bottom: 102%;
  }
  .epdm_section .parent_area .detial_box .button_area {
    padding: 10px 15px;
    font-size: 14px;
  }
  .epdm_section .parent_area .circle_large {
    height: 300px;
    width: 300px;
  }
  .epdm_section .parent_area .circle_large .circle_medium {
    height: 250px;
    width: 250px;
  }
  .epdm_section .parent_area .circle_large .circle_medium .circle_small {
    width: 180px;
    height: 180px;
  }
  .main_application_section {
    padding-bottom: 25px;
  }
  .main_application_section .parent_area .upper_area {
    width: 100%;
  }
  .main_application_section .parent_area .upper_area h5 {
    font-size: 20px;
  }
  .main_application_section .parent_area .upper_area p {
    font-size: 14px;
  }
  .main_application_section .parent_area .lower_area {
    padding-top: 25px;
  }
  .main_application_section .parent_area .lower_area h5 {
    font-size: 20px;
  }
  .main_application_section .parent_area .lower_area .card_parent {
    padding-top: 15px;
    gap: 15px;
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner {
    padding: 15px;
    width: 100%;
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner .icon_area {
    height: 25px;
    width: 25px;
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner p {
    font-size: 16px;
  }
  .dual_slide_slider_section {
    padding-bottom: 0;
  }
  .dual_slide_slider_section .parent_area .slider_area {
    padding-bottom: 40px;
  }
  .dual_slide_slider_section .parent_area .slider_area .slider_inner .image_area {
    height: 240px;
    border-radius: 15px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets,
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets2 {
    bottom: 20px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev {
    height: 45px;
    width: 45px;
    border-width: 4px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next2 {
    right: -10px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev2 {
    left: -10px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .rubber_buffing_section {
    padding-bottom: 25px;
  }
  .rubber_buffing_section.odd_section .parent_area .left_area .image_area {
    left: 0;
  }
  .rubber_buffing_section.even_section .parent_area .left_area .image_area {
    right: 0;
  }
  .rubber_buffing_section::after {
    content: none;
    height: 50%;
  }
  .rubber_buffing_section .parent_area .left_area .image_area {
    height: 200px;
  }
  .rubber_buffing_section .parent_area .right_area {
    padding-top: 20px;
  }
  .rubber_buffing_section .parent_area .right_area h3 {
    font-size: 22px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent {
    padding-top: 15px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner {
    padding: 15px 12px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner p {
    font-size: 14px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner ul li {
    font-size: 14px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner h5 {
    font-size: 16px;
  }
  .rubber_buffing_section .parent_area .right_area .cards_parent .card_inner h6 {
    font-size: 16px;
  }
  .epdm_section {
    padding-bottom: 25px;
  }
  .epdm_section h3 {
    font-size: 22px;
    padding-bottom: 20px;
  }
  .epdm_section .parent_area .image_area {
    height: 168px;
    width: 62%;
    top: unset;
    bottom: 10%;
  }
  .epdm_section .parent_area .detial_box {
    position: static;
    width: 100%;
    padding-top: 20px;
  }
  .epdm_section .parent_area .detial_box .outer {
    display: none;
  }
  .epdm_section .parent_area .detial_box:after {
    content: none !important;
  }
  .epdm_section .parent_area .detial_box .line {
    display: none;
  }
  .epdm_section .parent_area .detial_box .dot {
    display: none;
  }
  .epdm_section .parent_area .detial_box p {
    font-size: 14px;
    top: 5px;
  }
  .epdm_section .parent_area .detial_box.detial_box1 {
    padding-top: 0;
    order: 1;
  }
  .epdm_section .parent_area .detial_box.detial_box1 .line {
    display: none;
  }
  .epdm_section .parent_area .detial_box.detial_box1 .dot {
    display: none;
  }
  .epdm_section .parent_area .detial_box.detial_box1::after {
    left: -32%;
    top: 115%;
  }
  .epdm_section .parent_area .detial_box.detial_box1 .button_area {
    order: 1;
  }
  .epdm_section .parent_area .detial_box.detial_box2 {
    align-items: flex-start;
  }
  .epdm_section .parent_area .detial_box.detial_box2 p {
    text-align: left;
  }
  .epdm_section .parent_area .detial_box.detial_box2 .line {
    display: none;
  }
  .epdm_section .parent_area .detial_box.detial_box2 .dot {
    display: none;
  }
  .epdm_section .parent_area .detial_box.detial_box2:after {
    left: 110%;
    top: 108%;
  }
  .epdm_section .parent_area .detial_box.detial_box3 {
    padding-bottom: 20px;
  }
  .epdm_section .parent_area .detial_box.detial_box3 .line {
    display: none;
  }
  .epdm_section .parent_area .detial_box.detial_box3 .dot {
    display: none;
  }
  .epdm_section .parent_area .detial_box.detial_box3:after {
    left: -93%;
    bottom: 102%;
  }
  .epdm_section .parent_area .detial_box .button_area {
    padding: 10px 15px;
    font-size: 14px;
  }
  .epdm_section .parent_area .circle_large {
    height: 300px;
    width: 300px;
  }
  .epdm_section .parent_area .circle_large .circle_medium {
    height: 250px;
    width: 250px;
  }
  .epdm_section .parent_area .circle_large .circle_medium .circle_small {
    width: 180px;
    height: 180px;
  }
  .main_application_section {
    padding-bottom: 25px;
  }
  .main_application_section .parent_area .upper_area {
    width: 100%;
  }
  .main_application_section .parent_area .upper_area h5 {
    font-size: 20px;
  }
  .main_application_section .parent_area .upper_area p {
    font-size: 14px;
  }
  .main_application_section .parent_area .lower_area {
    padding-top: 25px;
  }
  .main_application_section .parent_area .lower_area h5 {
    font-size: 20px;
  }
  .main_application_section .parent_area .lower_area .card_parent {
    padding-top: 15px;
    gap: 15px;
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner {
    padding: 15px;
    width: 100%;
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner .icon_area {
    height: 25px;
    width: 25px;
  }
  .main_application_section .parent_area .lower_area .card_parent .card_inner p {
    font-size: 16px;
  }
  .dual_slide_slider_section {
    padding-bottom: 0;
  }
  .dual_slide_slider_section .parent_area .slider_area .slider_inner .image_area {
    height: 240px;
    border-radius: 15px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets,
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .dual_bullets2 {
    bottom: 20px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev {
    height: 45px;
    width: 45px;
    border-width: 4px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_next2 {
    right: -10px;
  }
  .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev, .dual_slide_slider_section .parent_area .slider_area .outer_div .swiper_options .nav_area .next-prev.dual_prev2 {
    left: -10px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.contact_us_section {
  padding-top: 90px;
  overflow: clip;
}
.contact_us_section .parent_area .left {
  padding-right: 30px;
}
.contact_us_section .parent_area .left h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  color: #171717;
}
.contact_us_section .parent_area .left .form_area {
  padding-top: 40px;
}
.contact_us_section .parent_area .left .form_area .btn_area {
  padding-top: 56px;
}
.contact_us_section .parent_area .left .form_area .btn_area .btn-primary {
  width: 250px;
  border-radius: 12px;
  display: block;
}
.contact_us_section .parent_area .left .form_area .btn_area .btn-primary:hover::after {
  scale: 7.1;
}
.contact_us_section .parent_area .right {
  display: flex;
  position: relative;
  justify-content: center;
}
.contact_us_section .parent_area .right::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-image: url("../images/chevron.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 center;
  width: 148px;
  height: 205px;
}
.contact_us_section .parent_area .right:hover .img_area img {
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.contact_us_section .parent_area .right .img_area {
  width: 100%;
  height: 650px;
  mask-image: url("../images/slash.png");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  overflow: hidden;
}
.contact_us_section .parent_area .right .img_area img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.contact_us_section .parent_area .right .img_area.overlap {
  mask-image: url("../images/slash_flip.png");
  position: absolute;
  left: 0;
  mask-position: center;
  filter: grayscale(1);
}
.contact_us_section .parent_area .right .img_area.overlap::after {
  content: "";
  position: absolute;
  background-color: #ffffff;
  width: 150%;
  height: 10px;
  transform: rotate(-59.7deg) translateY(-50%);
  z-index: 1;
  left: -1.4%;
  top: 50%;
  z-index: 1;
  filter: unset;
}
.contact_us_section .parent_area .right .img_area.overlap::before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  width: 150%;
  filter: unset;
  height: 10px;
  transform: rotate(-58.1deg) translateY(-50%);
  z-index: 1;
  top: 50%;
  left: -45.6%;
}

.certified_section {
  padding-top: 90px;
}
.certified_section .parent_area .title_area {
  display: flex;
  align-items: center;
  gap: 15px;
}
.certified_section .parent_area .title_area h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  color: #171717;
  flex-grow: 1;
}
.certified_section .parent_area .title_area .navigation_area {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 20px;
}
.certified_section .parent_area .title_area .navigation_area .next-prev {
  width: 43px;
  height: 43px;
  border: 2px solid #E5230E;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #E5230E;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.certified_section .parent_area .title_area .navigation_area .next-prev:hover {
  background-color: #E5230E;
  color: #ffffff;
}
.certified_section .parent_area .slider_area {
  padding-top: 40px;
}
.certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide:last-child .item .wrapper::after {
  display: none;
}
.certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide:nth-child(4n+4) .item .wrapper::after {
  display: none;
}
.certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper {
  background-color: #FFF5F1;
  width: 256px;
  height: 256px;
  padding: 23px;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper::after {
  content: "";
  position: absolute;
  width: 160px;
  height: 207px;
  right: -47.8%;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%) scaleY(0.9);
  background-image: url("../images/polygon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper .img_area {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #E5230E;
  padding: 30px;
}
.certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper .img_area img {
  object-fit: contain;
}
.certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item:hover .wrapper {
  background-color: #E5230E;
}

.partner_section {
  padding-top: 90px;
}
.partner_section .parent_area .top_slider .swiper_top .swiper-wrapper {
  transition-timing-function: linear;
}
.partner_section .parent_area .top_slider .swiper_top .swiper-wrapper .swiper-slide .item .img_area {
  height: 210px;
  background-color: #ffffff;
  border: 2px solid #F1F1F1;
  border-radius: 24px;
  overflow: hidden;
}
.partner_section .parent_area .partner_area {
  position: relative;
  margin-top: 18px;
}
.partner_section .parent_area .partner_area .img_area {
  border-radius: 24px;
  overflow: hidden;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.partner_section .parent_area .partner_area .img_area::after {
  position: absolute;
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(50.91% 50.91% at 50% 50.91%, rgba(23, 23, 23, 0.56) 0%, rgba(23, 23, 23, 0) 100%);
  mix-blend-mode: multiply;
}
.partner_section .parent_area .partner_area .title {
  min-height: 226px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  padding: 15px;
}
.partner_section .parent_area .partner_area .title h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
}
.partner_section .parent_area .bottom_slider {
  padding-top: 18px;
}
.partner_section .parent_area .bottom_slider .swiper_bottom .swiper-wrapper {
  transition-timing-function: linear;
}
.partner_section .parent_area .bottom_slider .swiper_bottom .swiper-wrapper .swiper-slide .item .img_area {
  height: 210px;
  background-color: #ffffff;
  border: 2px solid #F1F1F1;
  overflow: hidden;
  border-radius: 24px;
}

.core_section {
  padding-top: 90px;
}
.core_section .parent_area {
  display: flex;
  align-items: center;
}
.core_section .parent_area .left {
  flex-grow: 1;
}
.core_section .parent_area .left .title_area h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 38px;
  color: #171717;
}
.core_section .parent_area .left .cores {
  padding-top: 35px;
}
.core_section .parent_area .left .cores ul {
  display: flex;
  flex-wrap: wrap;
}
.core_section .parent_area .left .cores ul li {
  width: 50%;
  height: 100%;
  padding: 45px 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.core_section .parent_area .left .cores ul li:nth-child(even) {
  background-color: #F8F8F8;
}
.core_section .parent_area .left .cores ul li:nth-child(2) {
  border-top-left-radius: 12px;
}
.core_section .parent_area .left .cores ul li:nth-child(4) {
  border-bottom-left-radius: 12px;
}
.core_section .parent_area .left .cores ul li .item {
  display: flex;
  gap: 35px;
}
.core_section .parent_area .left .cores ul li .item .serial {
  flex-shrink: 0;
  font-weight: 500;
  font-size: 130px;
  color: #D2D2D2;
  line-height: 115px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.core_section .parent_area .left .cores ul li .item .content {
  flex-grow: 1;
}
.core_section .parent_area .left .cores ul li .item .content h4 {
  font-weight: 500;
  font-size: 32px;
  line-height: 36px;
  color: #232323;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.core_section .parent_area .left .cores ul li .item .content p {
  padding-top: 12px;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #979797;
}
.core_section .parent_area .left .cores ul li:hover {
  background-color: #ffffff;
}
.core_section .parent_area .left .cores ul li:hover .item .serial {
  color: #E5230E;
}
.core_section .parent_area .left .cores ul li:hover .item .content h4 {
  color: #E5230E;
}
.core_section .parent_area .right {
  flex-shrink: 0;
}
.core_section .parent_area .right .img_area {
  width: 495px;
  height: 632px;
  border-radius: 40px;
  overflow: hidden;
}
.core_section .parent_area .right .img_area img {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.core_section .parent_area .right .img_area:hover img {
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .contact_us_section {
    padding-top: 70px;
  }
  .certified_section {
    padding-top: 70px;
  }
  .partner_section {
    padding-top: 70px;
  }
  .partner_section .parent_area .top_slider .swiper_top .swiper-wrapper .swiper-slide .item .img_area {
    height: 200px;
  }
  .partner_section .parent_area .bottom_slider .swiper_bottom .swiper-wrapper .swiper-slide .item .img_area {
    height: 200px;
  }
  .core_section {
    padding-top: 70px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .contact_us_section {
    padding-top: 70px;
  }
  .contact_us_section .parent_area .right::before {
    width: 118px;
    height: 175px;
  }
  .contact_us_section .parent_area .right .img_area {
    height: 540px;
  }
  .certified_section {
    padding-top: 70px;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper {
    width: 236px;
    height: 236px;
  }
  .partner_section {
    padding-top: 70px;
  }
  .partner_section .parent_area .top_slider .swiper_top .swiper-wrapper .swiper-slide .item .img_area {
    height: 200px;
  }
  .partner_section .parent_area .bottom_slider .swiper_bottom .swiper-wrapper .swiper-slide .item .img_area {
    height: 200px;
  }
  .core_section {
    padding-top: 70px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .contact_us_section {
    padding-top: 50px;
  }
  .contact_us_section .parent_area .left h3 {
    font-size: 30px;
    line-height: 32px;
  }
  .contact_us_section .parent_area .left .form_area {
    padding-top: 30px;
  }
  .contact_us_section .parent_area .left .form_area .btn_area {
    padding-top: 30px;
  }
  .contact_us_section .parent_area .left .form_area .btn_area .btn-primary {
    border-radius: 8px;
    width: 200px;
  }
  .contact_us_section .parent_area .right::before {
    width: 98px;
    height: 145px;
  }
  .contact_us_section .parent_area .right .img_area {
    height: 450px;
  }
  .certified_section {
    padding-top: 50px;
  }
  .certified_section .parent_area .title_area h3 {
    font-size: 30px;
    line-height: 32px;
  }
  .certified_section .parent_area .title_area .navigation_area {
    gap: 12px;
  }
  .certified_section .parent_area .title_area .navigation_area .next-prev {
    width: 38px;
    height: 38px;
  }
  .certified_section .parent_area .slider_area {
    padding-top: 30px;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper {
    width: 216px;
    height: 216px;
  }
  .partner_section {
    padding-top: 50px;
  }
  .partner_section .parent_area .top_slider .swiper_top .swiper-wrapper .swiper-slide .item .img_area {
    height: 160px;
  }
  .partner_section .parent_area .partner_area .img_area {
    border-radius: 16px;
  }
  .partner_section .parent_area .partner_area .title h3 {
    font-size: 30px;
    line-height: 32px;
  }
  .partner_section .parent_area .bottom_slider .swiper_bottom .swiper-wrapper .swiper-slide .item .img_area {
    height: 160px;
  }
  .core_section {
    padding-top: 50px;
  }
  .core_section .parent_area .left .title_area h3 {
    font-size: 30px;
    line-height: 32px;
  }
  .core_section .parent_area .left .cores ul li {
    padding: 35px 20px;
  }
  .core_section .parent_area .left .cores ul li .item {
    gap: 25px;
  }
  .core_section .parent_area .left .cores ul li .item .serial {
    font-size: 100px;
    line-height: 95px;
  }
  .core_section .parent_area .left .cores ul li .item .content h4 {
    font-size: 26px;
    line-height: 28px;
  }
  .core_section .parent_area .left .cores ul li .item .content p {
    font-size: 17px;
    line-height: 21px;
  }
  .core_section .parent_area .right .img_area {
    width: 385px;
    height: 482px;
    border-radius: 30px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .contact_us_section {
    padding-top: 40px;
  }
  .contact_us_section .parent_area .left {
    padding-right: 0;
  }
  .contact_us_section .parent_area .left h3 {
    font-size: 28px;
    line-height: 30px;
  }
  .contact_us_section .parent_area .left .form_area {
    padding-top: 22px;
  }
  .contact_us_section .parent_area .left .form_area .btn_area {
    padding-top: 22px;
  }
  .contact_us_section .parent_area .left .form_area .btn_area .btn-primary {
    border-radius: 6px;
    width: 150px;
  }
  .contact_us_section .parent_area .right::before {
    width: 78px;
    height: 95px;
  }
  .contact_us_section .parent_area .right .img_area {
    height: 340px;
  }
  .certified_section {
    padding-top: 40px;
  }
  .certified_section .parent_area .title_area h3 {
    font-size: 28px;
    line-height: 30px;
  }
  .certified_section .parent_area .title_area .navigation_area {
    gap: 12px;
  }
  .certified_section .parent_area .title_area .navigation_area .next-prev {
    width: 38px;
    height: 38px;
  }
  .certified_section .parent_area .slider_area {
    padding-top: 20px;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper {
    width: 166px;
    height: 166px;
    padding: 12px;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper::after {
    width: 134px;
    height: 174px;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper .img_area {
    padding: 10px;
  }
  .partner_section {
    padding-top: 40px;
  }
  .partner_section .parent_area .top_slider .swiper_top .swiper-wrapper .swiper-slide .item .img_area {
    height: 110px;
  }
  .partner_section .parent_area .partner_area .img_area {
    border-radius: 12px;
  }
  .partner_section .parent_area .partner_area .title {
    min-height: 156px;
  }
  .partner_section .parent_area .partner_area .title h3 {
    font-size: 28px;
    line-height: 30px;
  }
  .partner_section .parent_area .bottom_slider .swiper_bottom .swiper-wrapper .swiper-slide .item .img_area {
    height: 110px;
  }
  .core_section {
    padding-top: 40px;
  }
  .core_section .parent_area .left .title_area h3 {
    font-size: 28px;
    line-height: 30px;
  }
  .core_section .parent_area .left .cores ul li {
    padding: 35px 20px;
  }
  .core_section .parent_area .left .cores ul li .item {
    gap: 15px;
  }
  .core_section .parent_area .left .cores ul li .item .serial {
    font-size: 70px;
    line-height: 65px;
  }
  .core_section .parent_area .left .cores ul li .item .content h4 {
    font-size: 22px;
    line-height: 24px;
  }
  .core_section .parent_area .left .cores ul li .item .content p {
    font-size: 16px;
    line-height: 20px;
  }
  .core_section .parent_area .right .img_area {
    width: 300px;
    height: 430px;
    border-radius: 20px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .contact_us_section {
    padding-top: 30px;
  }
  .contact_us_section .parent_area .left {
    padding-right: 0;
  }
  .contact_us_section .parent_area .left h3 {
    font-size: 25px;
    line-height: 27px;
  }
  .contact_us_section .parent_area .left .form_area {
    padding-top: 20px;
  }
  .contact_us_section .parent_area .left .form_area .btn_area {
    padding-top: 20px;
  }
  .contact_us_section .parent_area .left .form_area .btn_area .btn-primary {
    border-radius: 6px;
    width: 150px;
  }
  .contact_us_section .parent_area .right {
    display: none;
  }
  .certified_section {
    padding-top: 30px;
  }
  .certified_section .parent_area .title_area h3 {
    font-size: 25px;
    line-height: 27px;
  }
  .certified_section .parent_area .title_area .navigation_area {
    gap: 10px;
  }
  .certified_section .parent_area .title_area .navigation_area .next-prev {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .certified_section .parent_area .slider_area {
    padding-top: 20px;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper {
    width: 146px;
    height: 146px;
    padding: 12px;
    margin-inline: auto;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper::after {
    width: 120px;
    height: 153px;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper .img_area {
    padding: 10px;
  }
  .partner_section {
    padding-top: 30px;
  }
  .partner_section .parent_area .top_slider .swiper_top .swiper-wrapper .swiper-slide .item .img_area {
    height: 90px;
    border-radius: 12px;
  }
  .partner_section .parent_area .partner_area {
    margin-top: 15px;
  }
  .partner_section .parent_area .partner_area .img_area {
    border-radius: 10px;
  }
  .partner_section .parent_area .partner_area .title {
    min-height: 126px;
  }
  .partner_section .parent_area .partner_area .title h3 {
    font-size: 25px;
    line-height: 27px;
  }
  .partner_section .parent_area .bottom_slider {
    padding-top: 15px;
  }
  .partner_section .parent_area .bottom_slider .swiper_bottom .swiper-wrapper .swiper-slide .item .img_area {
    height: 90px;
    border-radius: 12px;
  }
  .core_section {
    padding-top: 30px;
  }
  .core_section .parent_area .left .title_area h3 {
    font-size: 25px;
    line-height: 27px;
  }
  .core_section .parent_area .left .cores ul li {
    padding: 25px 15px;
  }
  .core_section .parent_area .left .cores ul li .item {
    gap: 12px;
  }
  .core_section .parent_area .left .cores ul li .item .serial {
    font-size: 50px;
    line-height: 45px;
  }
  .core_section .parent_area .left .cores ul li .item .content h4 {
    font-size: 18px;
    line-height: 20px;
  }
  .core_section .parent_area .left .cores ul li .item .content p {
    font-size: 15px;
    line-height: 19px;
  }
  .core_section .parent_area .right .img_area {
    width: 270px;
    height: 390px;
    border-radius: 12px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .contact_us_section {
    padding-top: 25px;
  }
  .contact_us_section .parent_area .left {
    padding-right: 0;
  }
  .contact_us_section .parent_area .left h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .contact_us_section .parent_area .left .form_area {
    padding-top: 15px;
  }
  .contact_us_section .parent_area .left .form_area .btn_area {
    padding-top: 15px;
  }
  .contact_us_section .parent_area .left .form_area .btn_area .btn-primary {
    border-radius: 6px;
    width: 150px;
  }
  .contact_us_section .parent_area .right {
    display: none;
  }
  .certified_section {
    padding-top: 25px;
  }
  .certified_section .parent_area {
    position: relative;
    padding-bottom: 40px;
  }
  .certified_section .parent_area .title_area h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .certified_section .parent_area .title_area .navigation_area {
    gap: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .certified_section .parent_area .title_area .navigation_area .next-prev {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .certified_section .parent_area .slider_area {
    padding-top: 15px;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide:nth-child(4n+4) .item .wrapper::after {
    display: block;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide:nth-child(2n+2) .item .wrapper::after {
    display: none;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper {
    width: 146px;
    height: 146px;
    padding: 12px;
    margin-inline: auto;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper::after {
    width: 102px;
    height: 138px;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper .img_area {
    padding: 10px;
  }
  .partner_section {
    padding-top: 25px;
  }
  .partner_section .parent_area .top_slider .swiper_top .swiper-wrapper .swiper-slide .item .img_area {
    height: 80px;
    border-radius: 10px;
  }
  .partner_section .parent_area .partner_area {
    margin-top: 15px;
  }
  .partner_section .parent_area .partner_area .img_area {
    border-radius: 10px;
  }
  .partner_section .parent_area .partner_area .title {
    min-height: 100px;
  }
  .partner_section .parent_area .partner_area .title h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .partner_section .parent_area .bottom_slider {
    padding-top: 15px;
  }
  .partner_section .parent_area .bottom_slider .swiper_bottom .swiper-wrapper .swiper-slide .item .img_area {
    height: 90px;
    border-radius: 12px;
  }
  .core_section {
    padding-top: 25px;
  }
  .core_section .parent_area {
    flex-direction: column;
    row-gap: 15px;
  }
  .core_section .parent_area .left .title_area h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .core_section .parent_area .left .cores ul li {
    padding: 25px 15px;
  }
  .core_section .parent_area .left .cores ul li .item {
    gap: 12px;
  }
  .core_section .parent_area .left .cores ul li .item .serial {
    font-size: 50px;
    line-height: 45px;
  }
  .core_section .parent_area .left .cores ul li .item .content h4 {
    font-size: 16px;
    line-height: 18px;
  }
  .core_section .parent_area .left .cores ul li .item .content p {
    padding-top: 10px;
    font-size: 14px;
    line-height: 18px;
  }
  .core_section .parent_area .right .img_area {
    width: 100%;
    height: 250px;
    border-radius: 12px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .contact_us_section {
    padding-top: 25px;
  }
  .contact_us_section .parent_area .left {
    padding-right: 0;
  }
  .contact_us_section .parent_area .left h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .contact_us_section .parent_area .left .form_area {
    padding-top: 15px;
  }
  .contact_us_section .parent_area .left .form_area .btn_area {
    padding-top: 15px;
  }
  .contact_us_section .parent_area .left .form_area .btn_area .btn-primary {
    border-radius: 6px;
    width: 150px;
  }
  .contact_us_section .parent_area .right {
    display: none;
  }
  .certified_section {
    padding-top: 25px;
  }
  .certified_section .parent_area {
    position: relative;
    padding-bottom: 40px;
  }
  .certified_section .parent_area .title_area h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .certified_section .parent_area .title_area .navigation_area {
    gap: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .certified_section .parent_area .title_area .navigation_area .next-prev {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .certified_section .parent_area .slider_area {
    padding-top: 15px;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide:nth-child(4n+4) .item .wrapper::after {
    display: block;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide:nth-child(2n+2) .item .wrapper::after {
    display: none;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper {
    width: 146px;
    height: 146px;
    padding: 12px;
    margin-inline: auto;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper::after {
    width: 109px;
    height: 138px;
  }
  .certified_section .parent_area .slider_area .product_slider .swiper-wrapper .swiper-slide .item .wrapper .img_area {
    padding: 15px;
  }
  .partner_section {
    padding-top: 25px;
  }
  .partner_section .parent_area .top_slider .swiper_top .swiper-wrapper .swiper-slide .item .img_area {
    height: 80px;
    border-radius: 10px;
  }
  .partner_section .parent_area .partner_area {
    margin-top: 15px;
  }
  .partner_section .parent_area .partner_area .img_area {
    border-radius: 10px;
  }
  .partner_section .parent_area .partner_area .title {
    min-height: 100px;
  }
  .partner_section .parent_area .partner_area .title h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .partner_section .parent_area .bottom_slider {
    padding-top: 15px;
  }
  .partner_section .parent_area .bottom_slider .swiper_bottom .swiper-wrapper .swiper-slide .item .img_area {
    height: 90px;
    border-radius: 12px;
  }
  .core_section {
    padding-top: 25px;
  }
  .core_section .parent_area {
    flex-direction: column;
    row-gap: 15px;
  }
  .core_section .parent_area .left .title_area h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .core_section .parent_area .left .cores ul li {
    padding: 25px 15px;
  }
  .core_section .parent_area .left .cores ul li .item {
    gap: 12px;
  }
  .core_section .parent_area .left .cores ul li .item .serial {
    font-size: 50px;
    line-height: 45px;
  }
  .core_section .parent_area .left .cores ul li .item .content h4 {
    font-size: 16px;
    line-height: 18px;
  }
  .core_section .parent_area .left .cores ul li .item .content p {
    padding-top: 10px;
    font-size: 14px;
    line-height: 18px;
  }
  .core_section .parent_area .right .img_area {
    width: 100%;
    height: 250px;
    border-radius: 12px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.ecolastic_banner {
  margin-bottom: 65px;
}
.ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area {
  align-items: flex-end;
  width: calc(100% - 120px);
}
.ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area .title_area {
  margin-bottom: 40px;
}
.ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h4 {
  line-height: 45px;
  margin-bottom: 15px;
}
.ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .bg_image::after {
  display: none;
}
.ecolastic_banner.banner_home .slider_area .outer_div .swiper_options {
  left: unset;
  right: 0;
  padding-left: 0;
  padding-right: 12px;
}
.ecolastic_banner .slider_area .mySwiper .swiper-slide .item {
  position: relative;
  padding-block: 15px;
}
.ecolastic_banner .slider_area .mySwiper .swiper-slide .item .bg_image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
}
.ecolastic_banner .slider_area .mySwiper .swiper-slide .item .bg_image::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: linear-gradient(92.71deg, #171717 -12.7%, rgba(35, 35, 35, 0) 123.14%);
}
.ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area {
  /*min-height: 460px;*/
  min-height: 685px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area {
  flex-grow: 1;
}
.ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h4 {
  font-weight: 700;
  font-size: 48px;
  line-height: 52px;
  color: #ffffff;
  margin-bottom: 18px;
}
.ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h3 {
  font-weight: 700;
  font-size: 65px;
  line-height: 69px;
  color: #ffffff;
  font-family: "Hanson";
}
.ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area p {
  font-family: "General Sans";
  font-weight: 600;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0.1px;
  color: #EFEFEF;
  padding-top: 12px;
}
.ecolastic_banner .slider_area .outer_div {
  position: relative;
}
.ecolastic_banner .slider_area .outer_div .swiper_options {
  padding-left: 12px;
  position: absolute;
  left: 0;
  bottom: 60px;
  z-index: 10;
}
.ecolastic_banner .slider_area .outer_div .swiper_options .nav_area {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 28px;
}
.ecolastic_banner .slider_area .outer_div .swiper_options .nav_area .next-prev {
  width: 43px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 15px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ecolastic_banner .slider_area .outer_div .swiper_options .nav_area .next-prev:hover {
  border-color: #E5230E;
  background-color: #E5230E;
}
.ecolastic_banner .slider_area .outer_div .swiper_options .bullets {
  display: flex;
  align-items: center;
  gap: 5px;
}
.ecolastic_banner .slider_area .outer_div .swiper_options .bullets .bullet {
  cursor: pointer;
  background-color: #ffffff;
  opacity: 0.4;
  border-radius: 30px;
  width: 14px;
  height: 5px;
  margin: 0;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ecolastic_banner .slider_area .outer_div .swiper_options .bullets .bullet.swiper-pagination-bullet-active {
  width: 44px;
  background: #E5230E;
  opacity: 1;
}
.ecolastic_banner .slider_area .outer_div .swiper_options .bullets .bullet:hover {
  background: #E5230E;
  opacity: 1;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area .title_area {
    margin-bottom: 30px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area {
    min-height: 565px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h4 {
    font-size: 44px;
    line-height: 46px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h3 {
    font-size: 54px;
    line-height: 60px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area .title_area {
    margin-bottom: 30px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area {
    min-height: 565px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h4 {
    font-size: 44px;
    line-height: 46px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h3 {
    font-size: 54px;
    line-height: 60px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .ecolastic_banner {
    margin-bottom: 50px;
  }
  .ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area .title_area {
    margin-bottom: 20px;
  }
  .ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h4 {
    line-height: 32px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area {
    min-height: 485px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h4 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 15px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h3 {
    font-size: 44px;
    line-height: 50px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area p {
    font-size: 18px;
    line-height: 22px;
  }
  .ecolastic_banner .slider_area .outer_div .swiper_options .nav_area {
    gap: 15px;
    margin-bottom: 15px;
  }
  .ecolastic_banner .slider_area .outer_div .swiper_options .nav_area .next-prev {
    width: 38px;
    height: 38px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .ecolastic_banner {
    margin-bottom: 40px;
  }
  .ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area .title_area {
    margin-bottom: 20px;
  }
  .ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h4 {
    line-height: 32px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area {
    min-height: 370px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h4 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 12px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h3 {
    font-size: 34px;
    line-height: 40px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area p {
    font-size: 18px;
    line-height: 22px;
  }
  .ecolastic_banner .slider_area .outer_div .swiper_options {
    bottom: 25px;
  }
  .ecolastic_banner .slider_area .outer_div .swiper_options .nav_area {
    gap: 15px;
    margin-bottom: 15px;
  }
  .ecolastic_banner .slider_area .outer_div .swiper_options .nav_area .next-prev {
    width: 38px;
    height: 38px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .ecolastic_banner {
    margin-bottom: 30px;
  }
  .ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area .title_area {
    margin-bottom: 15px;
  }
  .ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h4 {
    line-height: 22px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area {
    min-height: 255px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h4 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h3 {
    font-size: 28px;
    line-height: 35px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area p {
    font-size: 16px;
    line-height: 20px;
  }
  .ecolastic_banner .slider_area .outer_div .swiper_options {
    bottom: 15px;
  }
  .ecolastic_banner .slider_area .outer_div .swiper_options .nav_area {
    gap: 12px;
    margin-bottom: 12px;
  }
  .ecolastic_banner .slider_area .outer_div .swiper_options .nav_area .next-prev {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .ecolastic_banner {
    margin-bottom: 25px;
  }
  .ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area .title_area {
    margin-bottom: 5px;
  }
  .ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h4 {
    line-height: 20px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area {
    min-height: 245px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h4 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h3 {
    font-size: 22px;
    line-height: 28px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area p {
    font-size: 14px;
    line-height: 18px;
  }
  .ecolastic_banner .slider_area .outer_div .swiper_options {
    bottom: 10px;
  }
  .ecolastic_banner .slider_area .outer_div .swiper_options .nav_area {
    gap: 12px;
    margin-bottom: 12px;
  }
  .ecolastic_banner .slider_area .outer_div .swiper_options .nav_area .next-prev {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .ecolastic_banner {
    margin-bottom: 25px;
  }
  .ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area .title_area {
    margin-bottom: 5px;
  }
  .ecolastic_banner.banner_home .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h4 {
    line-height: 20px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area {
    min-height: 245px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h4 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area h3 {
    font-size: 22px;
    line-height: 28px;
  }
  .ecolastic_banner .slider_area .mySwiper .swiper-slide .item .parent_area .title_area p {
    font-size: 14px;
    line-height: 18px;
  }
  .ecolastic_banner .slider_area .outer_div .swiper_options {
    bottom: 10px;
  }
  .ecolastic_banner .slider_area .outer_div .swiper_options .nav_area {
    gap: 12px;
    margin-bottom: 12px;
  }
  .ecolastic_banner .slider_area .outer_div .swiper_options .nav_area .next-prev {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.breadcrumb_section {
  margin-bottom: 70px;
}
.breadcrumb_section .parent_area {
  display: flex;
  gap: 32px;
  align-items: center;
}
.breadcrumb_section .parent_area .icon_area .icon {
  width: 46px;
  height: 46px;
  font-size: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E5230E;
  cursor: pointer;
}
.breadcrumb_section .parent_area .breadcrumb_area nav .breadcrumb {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.breadcrumb_section .parent_area .breadcrumb_area nav .breadcrumb .breadcrumb-item {
  color: #171717;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  text-transform: capitalize;
}
.breadcrumb_section .parent_area .breadcrumb_area nav .breadcrumb .breadcrumb-item .breadcrumb_link {
  display: inline-block;
  color: inherit;
}
.breadcrumb_section .parent_area .breadcrumb_area nav .breadcrumb .breadcrumb-item .breadcrumb_link span {
  font-family: "Inter";
}
.breadcrumb_section .parent_area .breadcrumb_area nav .breadcrumb .breadcrumb-item.active, .breadcrumb_section .parent_area .breadcrumb_area nav .breadcrumb .breadcrumb-item:hover {
  color: #E5230E;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
/* 1200 desktop only */
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb_section {
    margin-bottom: 50px;
  }
  .breadcrumb_section .parent_area {
    gap: 20px;
  }
  .breadcrumb_section .parent_area .icon_area .icon {
    width: 40px;
    height: 40px;
    font-size: 30px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .breadcrumb_section {
    margin-bottom: 40px;
  }
  .breadcrumb_section .parent_area {
    gap: 20px;
  }
  .breadcrumb_section .parent_area .icon_area .icon {
    width: 40px;
    height: 40px;
    font-size: 30px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .breadcrumb_section {
    margin-bottom: 30px;
  }
  .breadcrumb_section .parent_area {
    gap: 20px;
  }
  .breadcrumb_section .parent_area .icon_area .icon {
    width: 35px;
    height: 35px;
    font-size: 30px;
  }
  .breadcrumb_section .parent_area .breadcrumb_area nav .breadcrumb .breadcrumb-item {
    font-size: 16px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .breadcrumb_section {
    margin-bottom: 25px;
  }
  .breadcrumb_section .parent_area {
    gap: 12px;
  }
  .breadcrumb_section .parent_area .icon_area .icon {
    width: 28px;
    height: 28px;
    font-size: 24px;
  }
  .breadcrumb_section .parent_area .breadcrumb_area nav .breadcrumb .breadcrumb-item {
    font-size: 14px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .breadcrumb_section {
    margin-bottom: 25px;
  }
  .breadcrumb_section .parent_area {
    gap: 6px;
  }
  .breadcrumb_section .parent_area .icon_area .icon {
    width: 28px;
    height: 28px;
    font-size: 24px;
  }
  .breadcrumb_section .parent_area .breadcrumb_area nav .breadcrumb .breadcrumb-item {
    font-size: 14px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.logo_section {
  margin-bottom: 90px;
}
.logo_section .parent_area .logo_list {
  margin-bottom: 50px;
}
.logo_section .parent_area .logo_list ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
  grid-template-rows: auto auto;
}
.logo_section .parent_area .logo_list ul:has(> :nth-child(1):last-child), .logo_section .parent_area .logo_list ul:has(> :nth-child(2):last-child), .logo_section .parent_area .logo_list ul:has(> :nth-child(3):last-child) {
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(200px, 400px));
  gap: 15px;
  grid-template-rows: auto;
}
.logo_section .parent_area .logo_list ul li {
  padding: 23px 36px;
  background-color: #F8F8F8;
  border-radius: 26px;
}
.logo_section .parent_area .logo_list ul li.active {
  background-color: #ffffff;
  box-shadow: 0px 2px 22px 0px rgba(0, 0, 0, 0.0784313725);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.logo_section .parent_area .logo_list ul li .img_area {
  height: 239px;
}
.logo_section .parent_area .logo_list ul li .img_area img {
  object-fit: contain;
  object-position: center;
}
.logo_section .parent_area .para p {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #8B8B8B;
}
.logo_section.pace_logos_section .parent_area .logo_list ul {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
}
.logo_section.pace_logos_section .parent_area .logo_list ul li {
  width: 100%;
  padding: 25px;
  border-radius: 18px;
}
.logo_section.pace_logos_section .parent_area .logo_list ul li .img_area {
  height: 175px;
}
.logo_section.pace_logos_section .parent_area .logo_list ul li.active {
  background-color: #ffffff;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .logo_section {
    margin-bottom: 70px;
  }
  .logo_section .parent_area .logo_list ul:has(> :nth-child(1):last-child), .logo_section .parent_area .logo_list ul:has(> :nth-child(2):last-child), .logo_section .parent_area .logo_list ul:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(auto-fit, minmax(200px, 350px));
  }
  .logo_section .parent_area .logo_list ul li {
    border-radius: 20px;
  }
  .logo_section .parent_area .logo_list ul li .img_area {
    height: 200px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .logo_section {
    margin-bottom: 70px;
  }
  .logo_section .parent_area .logo_list ul:has(> :nth-child(1):last-child), .logo_section .parent_area .logo_list ul:has(> :nth-child(2):last-child), .logo_section .parent_area .logo_list ul:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(auto-fit, minmax(200px, 300px));
  }
  .logo_section .parent_area .logo_list ul li {
    border-radius: 16px;
  }
  .logo_section .parent_area .logo_list ul li .img_area {
    height: 170px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .logo_section {
    margin-bottom: 50px;
  }
  .logo_section .parent_area .logo_list ul:has(> :nth-child(1):last-child), .logo_section .parent_area .logo_list ul:has(> :nth-child(2):last-child), .logo_section .parent_area .logo_list ul:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(auto-fit, minmax(200px, 250px));
  }
  .logo_section .parent_area .logo_list ul li {
    padding: 15px 40px;
    border-radius: 16px;
  }
  .logo_section .parent_area .logo_list ul li .img_area {
    height: 200px;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul {
    padding-right: 12px;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li .img_area {
    height: 120px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .logo_section {
    margin-bottom: 40px;
  }
  .logo_section .parent_area .logo_list {
    margin-bottom: 40px;
  }
  .logo_section .parent_area .logo_list ul {
    gap: 11px;
  }
  .logo_section .parent_area .logo_list ul:has(> :nth-child(1):last-child), .logo_section .parent_area .logo_list ul:has(> :nth-child(2):last-child), .logo_section .parent_area .logo_list ul:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(auto-fit, minmax(200px, 240px));
  }
  .logo_section .parent_area .logo_list ul li {
    padding: 15px 30px;
    border-radius: 16px;
  }
  .logo_section .parent_area .logo_list ul li .img_area {
    height: 130px;
  }
  .logo_section .parent_area .para p {
    font-size: 18px;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul {
    background-color: #F8F8F8;
    border-radius: 10px;
    padding-right: 12px;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li {
    border-radius: 10px;
    padding: 20px;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li .img_area {
    height: 80px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .logo_section {
    margin-bottom: 30px;
  }
  .logo_section .parent_area .logo_list {
    margin-bottom: 30px;
  }
  .logo_section .parent_area .logo_list ul {
    gap: 11px;
  }
  .logo_section .parent_area .logo_list ul:has(> :nth-child(1):last-child), .logo_section .parent_area .logo_list ul:has(> :nth-child(2):last-child), .logo_section .parent_area .logo_list ul:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(auto-fit, minmax(200px, 240px));
  }
  .logo_section .parent_area .logo_list ul li {
    padding: 15px 20px;
    border-radius: 12px;
  }
  .logo_section .parent_area .logo_list ul li .img_area {
    height: 120px;
  }
  .logo_section .parent_area .para p {
    font-size: 16px;
    line-height: 22px;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul {
    width: 440px;
    margin-inline: auto;
    background-color: #F8F8F8;
    border-radius: 10px;
    position: relative;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 150px;
    height: 100px;
    background-color: #ffffff;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li {
    border-radius: 10px;
    padding: 15px 20px;
    transform: unset;
    position: relative;
    z-index: 4;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li:nth-child(2) {
    border-bottom-left-radius: 0;
    box-shadow: 16px -17px 22px -15px rgba(0, 0, 0, 0.0784313725);
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li:nth-child(4) {
    box-shadow: -18px 16px 22px -15px rgba(0, 0, 0, 0.0784313725);
    border-top-right-radius: 0;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li:last-child {
    grid-row: 2/2;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li .img_area {
    height: 80px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .logo_section {
    margin-bottom: 25px;
  }
  .logo_section .parent_area .logo_list {
    margin-bottom: 15px;
  }
  .logo_section .parent_area .logo_list ul {
    row-gap: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }
  .logo_section .parent_area .logo_list ul li {
    width: calc((100% - 15px) / 2);
    padding: 15px;
    border-radius: 8px;
  }
  .logo_section .parent_area .logo_list ul li.active {
    transform: unset;
  }
  .logo_section .parent_area .logo_list ul li .img_area {
    height: 120px;
  }
  .logo_section .parent_area .para p {
    font-size: 16px;
    line-height: 22px;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul {
    margin-inline: auto;
    background-color: #F8F8F8;
    border-radius: 10px;
    position: relative;
    gap: 0;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 150px;
    height: 100px;
    background-color: #ffffff;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li {
    border-radius: 10px;
    padding: 12px;
    transform: unset;
    position: relative;
    z-index: 4;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li:nth-child(2) {
    border-bottom-left-radius: 0;
    box-shadow: 16px -17px 22px -15px rgba(0, 0, 0, 0.0784313725);
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li:nth-child(4) {
    box-shadow: -18px 16px 22px -15px rgba(0, 0, 0, 0.0784313725);
    border-top-right-radius: 0;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li:last-child {
    grid-row: 2/2;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li .img_area {
    height: 80px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .logo_section {
    margin-bottom: 25px;
  }
  .logo_section .parent_area .logo_list {
    margin-bottom: 15px;
  }
  .logo_section .parent_area .logo_list ul {
    row-gap: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }
  .logo_section .parent_area .logo_list ul li {
    width: calc((100% - 15px) / 2);
    padding: 15px;
    border-radius: 8px;
  }
  .logo_section .parent_area .logo_list ul li.active {
    transform: unset;
  }
  .logo_section .parent_area .logo_list ul li .img_area {
    height: 120px;
  }
  .logo_section .parent_area .para p {
    font-size: 16px;
    line-height: 22px;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul {
    margin-inline: auto;
    background-color: #F8F8F8;
    border-radius: 10px;
    position: relative;
    gap: 0;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 150px;
    height: 100px;
    background-color: #ffffff;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li {
    border-radius: 10px;
    padding: 12px;
    transform: unset;
    position: relative;
    z-index: 4;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li:nth-child(2) {
    border-bottom-left-radius: 0;
    box-shadow: 16px -17px 22px -15px rgba(0, 0, 0, 0.0784313725);
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li:nth-child(4) {
    box-shadow: -18px 16px 22px -15px rgba(0, 0, 0, 0.0784313725);
    border-top-right-radius: 0;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li:last-child {
    grid-row: 2/2;
  }
  .logo_section.pace_logos_section .parent_area .logo_list ul li .img_area {
    height: 80px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.ecolastic_feature {
  margin-bottom: 90px;
  background-color: #F0F0F0;
  position: relative;
  padding-block: 60px;
}
.ecolastic_feature::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/S.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ecolastic_feature .parent_area {
  position: relative;
  z-index: 1;
}
.ecolastic_feature .parent_area .left_area h3 {
  margin-bottom: 60px;
  color: #171717;
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
}
.ecolastic_feature .parent_area .left_area .features {
  max-height: 580px;
  overflow-y: auto;
  transform: scaleX(-1);
  scrollbar-gutter: 36px;
  scroll-snap-type: y proximity;
  scroll-behavior: smooth;
}
.ecolastic_feature .parent_area .left_area .features::-webkit-scrollbar {
  border-radius: 50px;
  background-color: #DEDEDE;
}
.ecolastic_feature .parent_area .left_area .features::-webkit-scrollbar-thumb {
  background-color: #E5230E;
  border-radius: 50px;
}
.ecolastic_feature .parent_area .left_area .features ul {
  padding-left: 36px;
  transform: scaleX(-1);
}
.ecolastic_feature .parent_area .left_area .features ul li {
  margin-bottom: 12px;
  width: fit-content;
}
.ecolastic_feature .parent_area .left_area .features ul li .inner_area {
  width: 440px;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 23px;
  padding: 36px 30px 36px 20px;
  border-radius: 18px;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform: translateX(0);
}
.ecolastic_feature .parent_area .left_area .features ul li .inner_area .icon {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ecolastic_feature .parent_area .left_area .features ul li .inner_area .icon img {
  object-fit: contain;
}
.ecolastic_feature .parent_area .left_area .features ul li .inner_area p {
  flex-grow: 1;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  color: #171717;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ecolastic_feature .parent_area .left_area .features ul li .inner_area p span {
  font-family: "Inter";
}
.ecolastic_feature .parent_area .left_area .features ul li:last-child {
  margin-bottom: 0;
}
.ecolastic_feature .parent_area .left_area .features ul li:hover .inner_area {
  background-color: #E5230E;
  transform: translateX(50%);
}
.ecolastic_feature .parent_area .left_area .features ul li:hover .inner_area .icon {
  filter: brightness(0) invert(1);
}
.ecolastic_feature .parent_area .left_area .features ul li:hover .inner_area p {
  color: #ffffff;
}
.ecolastic_feature .parent_area .right_area .img_area {
  width: 510px;
  max-width: 100%;
  height: 650px;
  overflow: hidden;
  border-radius: 32px;
  margin-inline: auto;
}
.ecolastic_feature .parent_area .right_area .img_area img {
  -webkit-transition: transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out;
  -ms-transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
.ecolastic_feature .parent_area .right_area .img_area:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .ecolastic_feature {
    margin-bottom: 70px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .ecolastic_feature {
    margin-bottom: 70px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li:hover .inner_area {
    transform: translateX(30%);
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .ecolastic_feature {
    margin-bottom: 50px;
    padding-block: 50px;
  }
  .ecolastic_feature .parent_area .left_area h3 {
    margin-bottom: 50px;
    font-size: 32px;
    line-height: 34px;
  }
  .ecolastic_feature .parent_area .left_area .features {
    max-height: 400px;
  }
  .ecolastic_feature .parent_area .left_area .features::-webkit-scrollbar {
    width: 10px;
  }
  .ecolastic_feature .parent_area .left_area .features ul {
    padding-left: 25px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area {
    width: 350px;
    padding: 25px 20px;
    gap: 15px;
    border-radius: 12px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area .icon {
    width: 40px;
    height: 40px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area p {
    font-size: 20px;
    line-height: 22px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li:hover .inner_area {
    transform: translateX(25%);
  }
  .ecolastic_feature .parent_area .right_area .img_area {
    width: 380px;
    height: 500px;
    border-radius: 22px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .ecolastic_feature {
    margin-bottom: 40px;
    padding-block: 40px;
  }
  .ecolastic_feature .parent_area .left_area h3 {
    margin-bottom: 40px;
    font-size: 26px;
    line-height: 30px;
  }
  .ecolastic_feature .parent_area .left_area .features {
    max-height: 320px;
  }
  .ecolastic_feature .parent_area .left_area .features::-webkit-scrollbar {
    width: 6px;
  }
  .ecolastic_feature .parent_area .left_area .features ul {
    padding-left: 20px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li {
    width: 100%;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area {
    padding: 20px 15px;
    gap: 15px;
    border-radius: 8px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area .icon {
    width: 30px;
    height: 30px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area p {
    font-size: 18px;
    line-height: 20px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li:hover .inner_area {
    transform: translateX(0);
  }
  .ecolastic_feature .parent_area .right_area .img_area {
    width: 340px;
    height: 400px;
    border-radius: 16px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .ecolastic_feature {
    margin-bottom: 30px;
    padding-block: 30px;
  }
  .ecolastic_feature .parent_area .left_area h3 {
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 26px;
  }
  .ecolastic_feature .parent_area .left_area .features {
    max-height: 280px;
  }
  .ecolastic_feature .parent_area .left_area .features::-webkit-scrollbar {
    width: 3px;
  }
  .ecolastic_feature .parent_area .left_area .features ul {
    padding-left: 15px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li {
    width: 100%;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area {
    padding: 15px;
    gap: 15px;
    border-radius: 6px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area .icon {
    width: 30px;
    height: 30px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area p {
    font-size: 16px;
    line-height: 20px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li:hover .inner_area {
    transform: translateX(0);
  }
  .ecolastic_feature .parent_area .right_area .img_area {
    width: 280px;
    height: 340px;
    border-radius: 10px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .ecolastic_feature {
    margin-bottom: 25px;
    padding-block: 25px;
  }
  .ecolastic_feature .parent_area .left_area h3 {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 20px;
  }
  .ecolastic_feature .parent_area .left_area .features {
    max-height: 280px;
  }
  .ecolastic_feature .parent_area .left_area .features::-webkit-scrollbar {
    width: 3px;
  }
  .ecolastic_feature .parent_area .left_area .features ul {
    padding-left: 0;
  }
  .ecolastic_feature .parent_area .left_area .features ul li {
    width: 100%;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area {
    padding: 15px;
    gap: 15px;
    border-radius: 6px;
    width: 100%;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area .icon {
    width: 30px;
    height: 30px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area p {
    font-size: 16px;
    line-height: 20px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li:hover .inner_area {
    transform: translateX(0);
  }
  .ecolastic_feature .parent_area .right_area .img_area {
    width: 100%;
    height: auto;
    border-radius: 10px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .ecolastic_feature {
    margin-bottom: 25px;
    padding-block: 25px;
  }
  .ecolastic_feature .parent_area .left_area h3 {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 20px;
  }
  .ecolastic_feature .parent_area .left_area .features {
    max-height: 280px;
  }
  .ecolastic_feature .parent_area .left_area .features::-webkit-scrollbar {
    width: 3px;
  }
  .ecolastic_feature .parent_area .left_area .features ul {
    padding-left: 0;
  }
  .ecolastic_feature .parent_area .left_area .features ul li {
    width: 100%;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area {
    padding: 15px;
    gap: 15px;
    border-radius: 6px;
    width: 100%;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area .icon {
    width: 30px;
    height: 30px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li .inner_area p {
    font-size: 16px;
    line-height: 20px;
  }
  .ecolastic_feature .parent_area .left_area .features ul li:hover .inner_area {
    transform: translateX(0);
  }
  .ecolastic_feature .parent_area .right_area .img_area {
    width: 100%;
    height: auto;
    border-radius: 10px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.ecolastic_granules_section {
  margin-bottom: 90px;
}
.ecolastic_granules_section .parent_area .title_area {
  margin-bottom: 50px;
}
.ecolastic_granules_section .parent_area .title_area h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  color: #171717;
  text-align: center;
  margin-bottom: 12px;
}
.ecolastic_granules_section .parent_area .title_area h3 span {
  font-size: 20px;
  transform: translateY(-12px);
  display: inline-block;
}
.ecolastic_granules_section .parent_area .title_area p {
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  color: #8B8B8B;
}
.ecolastic_granules_section .parent_area .listing_area ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 55px;
  row-gap: 55px;
}
.ecolastic_granules_section .parent_area .listing_area ul li {
  width: calc((100% - 165px) / 4);
}
.ecolastic_granules_section .parent_area .listing_area ul li .wrapper .img_wrapper {
  width: 242px;
  height: 242px;
  background-color: #F8F8F8;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-inline: auto;
  margin-bottom: 18px;
}
.ecolastic_granules_section .parent_area .listing_area ul li .wrapper .img_wrapper .img_area {
  transform: scale(1.25);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ecolastic_granules_section .parent_area .listing_area ul li .wrapper .img_wrapper .img_area:hover {
  transform: scale(1.3);
}
.ecolastic_granules_section .parent_area .listing_area ul li .wrapper .name {
  position: relative;
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  color: #8B8B8B;
  text-align: center;
  margin-bottom: 10px;
}
.ecolastic_granules_section .parent_area .listing_area ul li .wrapper .color_code {
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  color: #8B8B8B;
}
.ecolastic_granules_section .parent_area .listing_area.add_space {
  margin-bottom: 50px;
}
.ecolastic_granules_section .parent_area .listing_area.add_space ul {
  justify-content: center;
}
.ecolastic_granules_section .parent_area .txt_line {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.1px;
  text-align: center;
  color: #626262;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .ecolastic_granules_section {
    margin-bottom: 70px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .ecolastic_granules_section {
    margin-bottom: 70px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .ecolastic_granules_section {
    margin-bottom: 50px;
  }
  .ecolastic_granules_section .parent_area .title_area {
    margin-bottom: 40px;
  }
  .ecolastic_granules_section .parent_area .title_area h3 {
    font-size: 32px;
    line-height: 34px;
  }
  .ecolastic_granules_section .parent_area .title_area p {
    font-size: 22px;
    line-height: 24px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul {
    column-gap: 35px;
    row-gap: 35px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li {
    width: calc((100% - 105px) / 4);
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .img_wrapper {
    width: 200px;
    height: 200px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .img_wrapper .img_area {
    transform: scale(1.2);
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .name {
    font-size: 18px;
    line-height: 20px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .color_code {
    font-size: 18px;
    line-height: 20px;
  }
  .ecolastic_granules_section .parent_area .listing_area.add_space {
    margin-bottom: 40px;
  }
  .ecolastic_granules_section .parent_area .txt_line {
    font-size: 18px;
    line-height: 22px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .ecolastic_granules_section {
    margin-bottom: 40px;
  }
  .ecolastic_granules_section .parent_area .title_area {
    margin-bottom: 30px;
  }
  .ecolastic_granules_section .parent_area .title_area h3 {
    font-size: 26px;
    line-height: 30px;
  }
  .ecolastic_granules_section .parent_area .title_area p {
    font-size: 20px;
    line-height: 22px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul {
    column-gap: 35px;
    row-gap: 35px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li {
    width: calc((100% - 70px) / 3);
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .img_wrapper {
    width: 190px;
    height: 190px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .img_wrapper .img_area {
    transform: scale(1.2);
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .name {
    font-size: 18px;
    line-height: 20px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .color_code {
    font-size: 18px;
    line-height: 20px;
  }
  .ecolastic_granules_section .parent_area .listing_area.add_space {
    margin-bottom: 30px;
  }
  .ecolastic_granules_section .parent_area .txt_line {
    font-size: 16px;
    line-height: 20px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .ecolastic_granules_section {
    margin-bottom: 30px;
  }
  .ecolastic_granules_section .parent_area .title_area {
    margin-bottom: 20px;
  }
  .ecolastic_granules_section .parent_area .title_area h3 {
    font-size: 22px;
    line-height: 26px;
  }
  .ecolastic_granules_section .parent_area .title_area h3 span {
    font-size: 14px;
    transform: translateY(-7px);
  }
  .ecolastic_granules_section .parent_area .title_area p {
    font-size: 18px;
    line-height: 20px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul {
    column-gap: 25px;
    row-gap: 25px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li {
    width: calc((100% - 50px) / 3);
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .img_wrapper {
    width: 180px;
    height: 180px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .img_wrapper .img_area {
    transform: scale(1.2);
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .name {
    font-size: 16px;
    line-height: 18px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .color_code {
    font-size: 16px;
    line-height: 18px;
  }
  .ecolastic_granules_section .parent_area .listing_area.add_space {
    margin-bottom: 20px;
  }
  .ecolastic_granules_section .parent_area .txt_line {
    font-size: 16px;
    line-height: 20px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .ecolastic_granules_section {
    margin-bottom: 25px;
  }
  .ecolastic_granules_section .parent_area .title_area {
    margin-bottom: 15px;
  }
  .ecolastic_granules_section .parent_area .title_area h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .ecolastic_granules_section .parent_area .title_area h3 span {
    font-size: 14px;
    transform: translateY(-7px);
  }
  .ecolastic_granules_section .parent_area .title_area p {
    font-size: 16px;
    line-height: 18px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul {
    column-gap: 15px;
    row-gap: 25px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li {
    width: calc((100% - 15px) / 2);
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .img_wrapper {
    width: 150px;
    height: 150px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .img_wrapper .img_area {
    transform: scale(1.2);
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .name {
    font-size: 15px;
    line-height: 18px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .color_code {
    font-size: 15px;
    line-height: 18px;
  }
  .ecolastic_granules_section .parent_area .listing_area.add_space {
    margin-bottom: 15px;
  }
  .ecolastic_granules_section .parent_area .txt_line {
    font-size: 14px;
    line-height: 18px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .ecolastic_granules_section {
    margin-bottom: 25px;
  }
  .ecolastic_granules_section .parent_area .title_area {
    margin-bottom: 15px;
  }
  .ecolastic_granules_section .parent_area .title_area h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .ecolastic_granules_section .parent_area .title_area h3 span {
    font-size: 14px;
    transform: translateY(-7px);
  }
  .ecolastic_granules_section .parent_area .title_area p {
    font-size: 16px;
    line-height: 18px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul {
    column-gap: 15px;
    row-gap: 25px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li {
    width: calc((100% - 15px) / 2);
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .img_wrapper {
    width: 130px;
    height: 130px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .img_wrapper .img_area {
    transform: scale(1);
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .name {
    font-size: 15px;
    line-height: 18px;
  }
  .ecolastic_granules_section .parent_area .listing_area ul li .wrapper .color_code {
    font-size: 15px;
    line-height: 18px;
  }
  .ecolastic_granules_section .parent_area .listing_area.add_space {
    margin-bottom: 15px;
  }
  .ecolastic_granules_section .parent_area .txt_line {
    font-size: 14px;
    line-height: 18px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.highlight_section {
  margin-bottom: 90px;
}
.highlight_section .parent_area .title_area {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.highlight_section .parent_area .title_area h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  flex-grow: 1;
}
.highlight_section .parent_area .title_area .navigation {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 20px;
}
.highlight_section .parent_area .title_area .navigation .next-prev {
  width: 43px;
  height: 43px;
  border: 2px solid #E5230E;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #E5230E;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.highlight_section .parent_area .title_area .navigation .next-prev:hover {
  background-color: #E5230E;
  color: #ffffff;
}
.highlight_section .parent_area .slider_area .highlight_slider .swiper-slide:nth-child(3n+1) .items_wrapper .item .wrapper .icon_area {
  left: unset;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
}
.highlight_section .parent_area .slider_area .highlight_slider .swiper-slide:nth-child(3n+1) .items_wrapper .item .wrapper::after {
  content: "";
  position: absolute;
  background-image: url("../images/dotted.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 43%;
  transform: scaleY(0.88);
  width: 720px;
  height: 248px;
  left: 79%;
  z-index: -1;
}
.highlight_section .parent_area .slider_area .highlight_slider .swiper-slide:nth-child(3n+2) .items_wrapper .item .wrapper .icon_area {
  right: unset;
  top: unset;
  left: 50%;
  transform: translateX(-50%);
  bottom: -25px;
  background-color: #E5230E;
}
.highlight_section .parent_area .slider_area .highlight_slider .swiper-slide:nth-child(3n+3) .items_wrapper .item .wrapper .icon_area {
  right: unset;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
}
.highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper {
  position: relative;
  margin-bottom: 90px;
  z-index: 1;
}
.highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper .img_area {
  height: 306px;
  overflow: hidden;
  border-radius: 20px;
}
.highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper .icon_area {
  position: absolute;
  right: -25px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1490196078);
}
.highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper .icon_area img {
  object-fit: contain;
}
.highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .content h3 {
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  text-align: center;
  color: #171717;
  margin-bottom: 12px;
}
.highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.1px;
  text-align: center;
  color: #979797;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .highlight_section {
    margin-bottom: 70px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide:nth-child(3n+1) .items_wrapper .item .wrapper::after {
    transform: scaleY(0.8);
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper {
    margin-bottom: 70px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .highlight_section {
    margin-bottom: 70px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide:nth-child(3n+1) .items_wrapper .item .wrapper::after {
    transform: scaleY(0.9);
    top: 48%;
    width: 640px;
    height: 218px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper {
    margin-bottom: 70px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .highlight_section {
    margin-bottom: 50px;
  }
  .highlight_section .parent_area .title_area h3 {
    font-size: 32px;
    line-height: 34px;
  }
  .highlight_section .parent_area .title_area .navigation {
    gap: 12px;
  }
  .highlight_section .parent_area .title_area .navigation .next-prev {
    width: 38px;
    height: 38px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide:nth-child(3n+1) .items_wrapper .item .wrapper::after {
    transform: scaleY(0.9);
    top: 48%;
    width: 550px;
    height: 179px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper {
    margin-bottom: 50px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper .icon_area {
    width: 45px;
    height: 45px;
    padding: 10px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper .img_area {
    height: 256px;
    border-radius: 14px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .content p {
    font-size: 18px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .highlight_section {
    margin-bottom: 40px;
  }
  .highlight_section .parent_area .title_area {
    margin-bottom: 25px;
  }
  .highlight_section .parent_area .title_area h3 {
    font-size: 26px;
    line-height: 30px;
  }
  .highlight_section .parent_area .title_area .navigation {
    gap: 12px;
  }
  .highlight_section .parent_area .title_area .navigation .next-prev {
    width: 38px;
    height: 38px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide:nth-child(3n+2) .items_wrapper .item .wrapper .icon_area {
    bottom: -15px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide:nth-child(3n+3) .items_wrapper .item .wrapper .icon_area {
    left: -15px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide:nth-child(3n+1) .items_wrapper .item .wrapper .icon_area {
    right: -15px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide:nth-child(3n+1) .items_wrapper .item .wrapper::after {
    top: 49%;
    transform: scaleY(1);
    width: 350px;
    height: 144px;
    left: 92%;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper {
    margin-bottom: 50px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper .icon_area {
    width: 35px;
    height: 35px;
    padding: 9px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper .img_area {
    height: 210px;
    border-radius: 10px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .content h3 {
    font-size: 20px;
    line-height: 22px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .content p {
    font-size: 18px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .highlight_section {
    margin-bottom: 30px;
  }
  .highlight_section .parent_area .title_area {
    margin-bottom: 20px;
  }
  .highlight_section .parent_area .title_area h3 {
    font-size: 22px;
    line-height: 26px;
  }
  .highlight_section .parent_area .title_area .navigation {
    gap: 10px;
  }
  .highlight_section .parent_area .title_area .navigation .next-prev {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide:nth-child(3n+1) .items_wrapper .item .wrapper::after {
    display: none;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper {
    margin-bottom: 25px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper .icon_area {
    display: none;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper .img_area {
    height: 200px;
    border-radius: 10px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .content h3 {
    font-size: 20px;
    line-height: 22px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .content p {
    font-size: 17px;
    line-height: 22px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .highlight_section {
    margin-bottom: 25px;
  }
  .highlight_section .parent_area {
    position: relative;
    padding-bottom: 52px;
  }
  .highlight_section .parent_area .title_area {
    margin-bottom: 15px;
  }
  .highlight_section .parent_area .title_area h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .highlight_section .parent_area .title_area .navigation {
    gap: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }
  .highlight_section .parent_area .title_area .navigation .next-prev {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide:nth-child(3n+1) .items_wrapper .item .wrapper::after {
    display: none;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper {
    margin-bottom: 15px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper .icon_area {
    display: none;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper .img_area {
    height: 200px;
    border-radius: 10px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .content h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .content p {
    font-size: 16px;
    line-height: 22px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .highlight_section {
    margin-bottom: 25px;
  }
  .highlight_section .parent_area {
    position: relative;
    padding-bottom: 52px;
  }
  .highlight_section .parent_area .title_area {
    margin-bottom: 15px;
  }
  .highlight_section .parent_area .title_area h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .highlight_section .parent_area .title_area .navigation {
    gap: 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }
  .highlight_section .parent_area .title_area .navigation .next-prev {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide:nth-child(3n+1) .items_wrapper .item .wrapper::after {
    display: none;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper {
    margin-bottom: 15px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper .icon_area {
    display: none;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .wrapper .img_area {
    height: 200px;
    border-radius: 10px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .content h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .highlight_section .parent_area .slider_area .highlight_slider .swiper-slide .items_wrapper .item .content p {
    font-size: 16px;
    line-height: 22px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.ecolastic_pro_section {
  position: relative;
  margin-bottom: 90px;
  padding-block: 50px;
}
.ecolastic_pro_section::after {
  content: "";
  position: absolute;
  background-image: url("../images/pro_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 1240px;
  height: 778px;
  left: 0;
  top: -50px;
  transform: scaleY(0.8);
  z-index: -1;
}
.ecolastic_pro_section .parent_area .title_area {
  margin-bottom: 90px;
}
.ecolastic_pro_section .parent_area .title_area .img_area {
  margin: 0 auto;
  width: 463px;
  height: 77px;
}
.ecolastic_pro_section .parent_area .content_area {
  display: flex;
}
.ecolastic_pro_section .parent_area .content_area .left {
  width: 910px;
  flex-grow: 1;
}
.ecolastic_pro_section .parent_area .content_area .left .img_area {
  height: 375px;
  border-radius: 26px;
  overflow: hidden;
}
.ecolastic_pro_section .parent_area .content_area .left .img_area img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ecolastic_pro_section .parent_area .content_area .left .img_area:hover img {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  -o-transform: scale(1.07);
  transform: scale(1.07);
}
.ecolastic_pro_section .parent_area .content_area .right {
  flex-shrink: 0;
}
.ecolastic_pro_section .parent_area .content_area .right .wrapper {
  width: 378px;
  max-width: 100%;
  position: relative;
  z-index: 2;
  transform: translate(-55px, -55px);
}
.ecolastic_pro_section .parent_area .content_area .right .wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: -15px;
  bottom: -15px;
  border-style: solid;
  border-radius: 26px;
  border-top: 0;
  border-right: 0;
  border-left-width: 20px;
  border-bottom-width: 20px;
  border-color: #F1F1F1;
  z-index: -1;
}
.ecolastic_pro_section .parent_area .content_area .right .wrapper .top {
  height: auto;
  width: 100%;
}
.ecolastic_pro_section .parent_area .content_area .right .wrapper .top img {
  object-fit: contain;
}
.ecolastic_pro_section .parent_area .content_area .right .wrapper .content {
  min-height: 305px;
  background-color: #E73C09;
  padding: 50px 26px;
  border-radius: 0 26px 26px;
  margin-top: -1px;
}
.ecolastic_pro_section .parent_area .content_area .right .wrapper .content h3 {
  font-weight: 700;
  font-size: 27px;
  line-height: 30px;
  color: #ffffff;
  margin-bottom: 12px;
}
.ecolastic_pro_section .parent_area .content_area .right .wrapper .content h3 span {
  font-size: 20px;
  transform: translateY(-12px);
  display: inline-block;
}
.ecolastic_pro_section .parent_area .content_area .right .wrapper .content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
}
.ecolastic_pro_section.even::after {
  background-image: url("../images/lite_bg.png");
  right: 0;
  left: unset;
}
.ecolastic_pro_section.even .parent_area .content_area .right .wrapper {
  transform: scaleX(-1) translate(-45px, -45px);
}
.ecolastic_pro_section.even .parent_area .content_area .right .wrapper .content {
  transform: scaleX(-1);
  border-top-right-radius: 0;
  border-top-left-radius: 26px;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .ecolastic_pro_section {
    margin-bottom: 70px;
    padding-block: 30px;
  }
  .ecolastic_pro_section::after {
    width: 960px;
    height: 604px;
    left: 0;
    top: 0px;
    transform: scaleY(1);
  }
  .ecolastic_pro_section .parent_area .title_area {
    margin-bottom: 70px;
  }
  .ecolastic_pro_section .parent_area .title_area .img_area {
    height: 66px;
    width: 390px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .ecolastic_pro_section {
    margin-bottom: 70px;
    padding-block: 30px;
  }
  .ecolastic_pro_section::after {
    width: 960px;
    height: 604px;
    left: 0;
    top: 0px;
    transform: scaleY(1);
  }
  .ecolastic_pro_section .parent_area .title_area {
    margin-bottom: 70px;
  }
  .ecolastic_pro_section .parent_area .title_area .img_area {
    height: 66px;
    width: 390px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .ecolastic_pro_section {
    margin-bottom: 50px;
    padding-block: 30px;
  }
  .ecolastic_pro_section::after {
    width: 750px;
    height: 469px;
    left: 0;
    top: 0px;
    transform: scaleY(1);
  }
  .ecolastic_pro_section .parent_area .title_area {
    margin-bottom: 50px;
  }
  .ecolastic_pro_section .parent_area .title_area .img_area {
    height: 53px;
    width: 310px;
  }
  .ecolastic_pro_section .parent_area .content_area .left .img_area {
    height: 285px;
    border-radius: 14px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper {
    transform: translate(-25px, -35px);
    width: 300px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper::after {
    left: -10px;
    bottom: -10px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content {
    min-height: unset;
    padding: 30px 17px;
    border-radius: 0 16px 16px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content p {
    font-size: 18px;
  }
  .ecolastic_pro_section.even .parent_area .content_area .right .wrapper {
    transform: scaleX(-1) translate(-45px, -25px);
  }
  .ecolastic_pro_section.even .parent_area .content_area .right .wrapper .content {
    border-top-left-radius: 16px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .ecolastic_pro_section {
    margin-bottom: 40px;
    padding-bottom: 12px;
    padding-top: 0;
  }
  .ecolastic_pro_section::after {
    width: 750px;
    height: 469px;
    left: 0;
    top: 0px;
    display: none;
    transform: scaleY(1);
  }
  .ecolastic_pro_section .parent_area .title_area {
    margin-bottom: 40px;
  }
  .ecolastic_pro_section .parent_area .title_area .img_area {
    height: 41px;
    width: 240px;
  }
  .ecolastic_pro_section .parent_area .content_area {
    gap: 25px;
  }
  .ecolastic_pro_section .parent_area .content_area .left {
    width: 100%;
  }
  .ecolastic_pro_section .parent_area .content_area .left .img_area {
    height: 265px;
    border-radius: 10px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper {
    transform: unset;
    width: 300px;
    margin-inline: auto;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper::after {
    left: -10px;
    bottom: -10px;
    border-radius: 12px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content {
    min-height: unset;
    padding: 30px 17px;
    border-radius: 0 10px 10px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content h3 {
    font-size: 20px;
    line-height: 22px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content h3 span {
    font-size: 14px;
    transform: translateY(-7px);
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content p {
    font-size: 17px;
  }
  .ecolastic_pro_section.even .parent_area .content_area .right .wrapper {
    transform: translate(0, 0) scaleX(-1);
  }
  .ecolastic_pro_section.even .parent_area .content_area .right .wrapper .content {
    border-top-left-radius: 10px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .ecolastic_pro_section {
    margin-bottom: 30px;
    padding-bottom: 12px;
    padding-top: 0;
  }
  .ecolastic_pro_section::after {
    width: 750px;
    height: 469px;
    left: 0;
    top: 0px;
    display: none;
    transform: scaleY(1);
  }
  .ecolastic_pro_section .parent_area .title_area {
    margin-bottom: 30px;
  }
  .ecolastic_pro_section .parent_area .title_area .img_area {
    height: 40px;
    width: 240px;
  }
  .ecolastic_pro_section .parent_area .content_area {
    gap: 25px;
  }
  .ecolastic_pro_section .parent_area .content_area .left {
    width: 100%;
  }
  .ecolastic_pro_section .parent_area .content_area .left .img_area {
    height: 235px;
    border-radius: 10px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper {
    transform: unset;
    width: 250px;
    margin-inline: auto;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper::after {
    left: -10px;
    bottom: -10px;
    border-radius: 12px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content {
    min-height: unset;
    padding: 25px 15px;
    border-radius: 0 10px 10px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content h3 span {
    font-size: 14px;
    transform: translateY(-7px);
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content p {
    font-size: 16px;
  }
  .ecolastic_pro_section.even .parent_area .content_area .right .wrapper {
    transform: translate(0, 0) scaleX(-1);
  }
  .ecolastic_pro_section.even .parent_area .content_area .right .wrapper .content {
    border-top-left-radius: 10px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .ecolastic_pro_section {
    margin-bottom: 25px;
    padding-bottom: 12px;
    padding-top: 0;
  }
  .ecolastic_pro_section::after {
    width: 750px;
    height: 469px;
    left: 0;
    top: 0px;
    display: none;
    transform: scaleY(1);
  }
  .ecolastic_pro_section .parent_area .title_area {
    margin-bottom: 25px;
  }
  .ecolastic_pro_section .parent_area .title_area .img_area {
    height: 32px;
    width: 190px;
  }
  .ecolastic_pro_section .parent_area .content_area {
    gap: 15px;
    flex-direction: column;
  }
  .ecolastic_pro_section .parent_area .content_area .left {
    width: 100%;
  }
  .ecolastic_pro_section .parent_area .content_area .left .img_area {
    height: 175px;
    border-radius: 10px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper {
    transform: unset;
    width: 95%;
    margin-inline: auto;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper::after {
    left: -10px;
    bottom: -10px;
    border-radius: 12px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content {
    min-height: unset;
    padding: 20px 15px;
    border-radius: 0 10px 10px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content h3 span {
    font-size: 14px;
    transform: translateY(-7px);
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content p {
    font-size: 16px;
  }
  .ecolastic_pro_section.even .parent_area .content_area .right {
    order: 2;
  }
  .ecolastic_pro_section.even .parent_area .content_area .right .wrapper {
    transform: translate(0, 0) scaleX(-1);
  }
  .ecolastic_pro_section.even .parent_area .content_area .right .wrapper .content {
    border-top-left-radius: 10px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .ecolastic_pro_section {
    margin-bottom: 25px;
    padding-bottom: 12px;
    padding-top: 0;
  }
  .ecolastic_pro_section::after {
    width: 750px;
    height: 469px;
    left: 0;
    top: 0px;
    display: none;
    transform: scaleY(1);
  }
  .ecolastic_pro_section .parent_area .title_area {
    margin-bottom: 25px;
  }
  .ecolastic_pro_section .parent_area .title_area .img_area {
    height: 32px;
    width: 190px;
  }
  .ecolastic_pro_section .parent_area .content_area {
    gap: 15px;
    flex-direction: column;
  }
  .ecolastic_pro_section .parent_area .content_area .left {
    width: 100%;
  }
  .ecolastic_pro_section .parent_area .content_area .left .img_area {
    height: 175px;
    border-radius: 10px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper {
    transform: unset;
    width: 95%;
    margin-inline: auto;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper::after {
    left: -10px;
    bottom: -10px;
    border-radius: 12px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content {
    min-height: unset;
    padding: 20px 15px;
    border-radius: 0 10px 10px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content h3 span {
    font-size: 14px;
    transform: translateY(-7px);
  }
  .ecolastic_pro_section .parent_area .content_area .right .wrapper .content p {
    font-size: 16px;
  }
  .ecolastic_pro_section.even .parent_area .content_area .right {
    order: 2;
  }
  .ecolastic_pro_section.even .parent_area .content_area .right .wrapper {
    transform: translate(0, 0) scaleX(-1);
  }
  .ecolastic_pro_section.even .parent_area .content_area .right .wrapper .content {
    border-top-left-radius: 10px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.binders_section {
  margin-bottom: 90px;
}
.binders_section .parent_area {
  display: flex;
  align-items: center;
}
.binders_section .parent_area .left {
  flex-shrink: 0;
  width: 422px;
}
.binders_section .parent_area .left .img_area {
  overflow: hidden;
  border-radius: 24px;
  height: 511px;
}
.binders_section .parent_area .left .img_area img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.binders_section .parent_area .left .img_area:hover img {
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.binders_section .parent_area .right {
  flex-grow: 1;
  width: calc(100% - 422px);
}
.binders_section .parent_area .right .content_area {
  background-color: #f9f9f9;
  padding: 40px 80px;
}
.binders_section .parent_area .right .content_area .inner_area {
  position: relative;
  z-index: 2;
  padding: 36px 0 36px 39px;
}
.binders_section .parent_area .right .content_area .inner_area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  border: 4px solid #E5230E;
  z-index: -1;
}
.binders_section .parent_area .right .content_area .inner_area .content {
  background-color: #f9f9f9;
  padding-block: 15px;
}
.binders_section .parent_area .right .content_area .inner_area .content h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 12px;
  color: #171717;
}
.binders_section .parent_area .right .content_area .inner_area .content h5 {
  font-weight: 500;
  color: #515151;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 12px;
}
.binders_section .parent_area .right .content_area .inner_area .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
}

.product_detail_section {
  margin-bottom: 90px;
}
.product_detail_section .parent_area .left_detail {
  padding-right: 60px;
}
.product_detail_section .parent_area .left_detail h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  color: #171717;
  margin-bottom: 42px;
}
.product_detail_section .parent_area .left_detail .detail_list ul li {
  display: flex;
  align-items: baseline;
  gap: 18px;
  padding-block: 22px;
  border-top: 1px solid #F1F1F1;
}
.product_detail_section .parent_area .left_detail .detail_list ul li:last-child {
  border-bottom: 1px solid #F1F1F1;
}
.product_detail_section .parent_area .left_detail .detail_list ul li .title {
  flex-shrink: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  color: #171717;
}
.product_detail_section .parent_area .left_detail .detail_list ul li .value {
  color: #7a7a7a;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  flex-grow: 1;
}
.product_detail_section .parent_area .right_detail .img_listing {
  display: flex;
  gap: 16px;
}
.product_detail_section .parent_area .right_detail .img_listing .col_one {
  flex-basis: 45%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
  flex-shrink: 0;
}
.product_detail_section .parent_area .right_detail .img_listing .col_one .img_area {
  overflow: hidden;
  border-radius: 32px;
}
.product_detail_section .parent_area .right_detail .img_listing .col_one .img_area:first-child {
  height: 395px;
  flex-shrink: 0;
}
.product_detail_section .parent_area .right_detail .img_listing .col_one .img_area:last-child {
  height: 404px;
  flex-grow: 1;
}
.product_detail_section .parent_area .right_detail .img_listing .col_one .img_area img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.product_detail_section .parent_area .right_detail .img_listing .col_one .img_area:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.product_detail_section .parent_area .right_detail .img_listing .col_one.col_two .img_area:first-child {
  height: 298px;
  flex-shrink: 0;
}
.product_detail_section .parent_area .right_detail .img_listing .col_one.col_two .img_area:last-child {
  height: 523px;
  flex-grow: 1;
}

.benefits_section {
  position: relative;
  margin-bottom: 70px;
}
.benefits_section .benefits_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
.benefits_section .benefits_bg::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(92.71deg, #171717 -12.7%, rgba(35, 35, 35, 0) 123.14%), linear-gradient(358.37deg, #171717 -24.82%, rgba(35, 35, 35, 0) 96.56%);
}
.benefits_section .parent_area {
  position: relative;
  z-index: 1;
  min-height: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 12px;
}
.benefits_section .parent_area .title_area h3 {
  font-weight: 700;
  color: #ffffff;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
}

.benefits_points_section {
  margin-bottom: 90px;
}
.benefits_points_section .parent_area {
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
}
.benefits_points_section .parent_area .item {
  flex-basis: calc((100% - 80px) / 2);
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  position: relative;
  padding: 5px;
}
.benefits_points_section .parent_area .item::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 0%;
  height: 100%;
  background-color: #D2D2D2;
  z-index: -1;
  -webkit-transition: all 1.5s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.91 44.33%, 0.89 47.79%, 0.87 53.29%, 0.88 59.97%, 0.9 65.69%, 0.93 69.92%, 0.97 75.38%, 1 79.07%, 0.98 83.3%, 0.98 87.83%, 0.98 92.55%, 0.99 97.21%, 1 100%);
  -moz-transition: all 1.5s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.91 44.33%, 0.89 47.79%, 0.87 53.29%, 0.88 59.97%, 0.9 65.69%, 0.93 69.92%, 0.97 75.38%, 1 79.07%, 0.98 83.3%, 0.98 87.83%, 0.98 92.55%, 0.99 97.21%, 1 100%);
  -ms-transition: all 1.5s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.91 44.33%, 0.89 47.79%, 0.87 53.29%, 0.88 59.97%, 0.9 65.69%, 0.93 69.92%, 0.97 75.38%, 1 79.07%, 0.98 83.3%, 0.98 87.83%, 0.98 92.55%, 0.99 97.21%, 1 100%);
  -o-transition: all 1.5s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.91 44.33%, 0.89 47.79%, 0.87 53.29%, 0.88 59.97%, 0.9 65.69%, 0.93 69.92%, 0.97 75.38%, 1 79.07%, 0.98 83.3%, 0.98 87.83%, 0.98 92.55%, 0.99 97.21%, 1 100%);
  transition: all 1.5s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.91 44.33%, 0.89 47.79%, 0.87 53.29%, 0.88 59.97%, 0.9 65.69%, 0.93 69.92%, 0.97 75.38%, 1 79.07%, 0.98 83.3%, 0.98 87.83%, 0.98 92.55%, 0.99 97.21%, 1 100%);
}
.benefits_points_section .parent_area .item:hover::before {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background-color: #E5230E;
  width: 100%;
}
.benefits_points_section .parent_area .item:hover .serial {
  color: #ffffff;
}
.benefits_points_section .parent_area .item:hover .content {
  border-left-color: #ffffff;
}
.benefits_points_section .parent_area .item:hover .content h3 {
  color: #ffffff;
}
.benefits_points_section .parent_area .item:hover .content p {
  color: #ffffff;
}
.benefits_points_section .parent_area .item .serial {
  font-weight: 500;
  font-size: 112px;
  line-height: 110px;
  letter-spacing: 1.9px;
  color: #D2D2D2;
  flex-shrink: 0;
  width: 140px;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  justify-content: center;
}
.benefits_points_section .parent_area .item .content {
  flex-grow: 1;
  padding-left: 20px;
  border-left: 5px solid #D2D2D2;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.benefits_points_section .parent_area .item .content h3 {
  margin-bottom: 14px;
  font-weight: 500;
  font-size: 27px;
  line-height: 30px;
  letter-spacing: 0.29px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #171717;
}
.benefits_points_section .parent_area .item .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.09px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #979797;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .binders_section {
    margin-bottom: 70px;
  }
  .product_detail_section {
    margin-bottom: 70px;
  }
  .benefits_section {
    margin-bottom: 70px;
  }
  .benefits_points_section {
    margin-bottom: 70px;
  }
  .benefits_points_section .parent_area {
    gap: 70px;
  }
  .benefits_points_section .parent_area .item {
    flex-basis: calc((100% - 70px) / 2);
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .binders_section {
    margin-bottom: 70px;
  }
  .product_detail_section {
    margin-bottom: 70px;
  }
  .benefits_section {
    margin-bottom: 70px;
  }
  .benefits_points_section {
    margin-bottom: 70px;
  }
  .benefits_points_section .parent_area {
    gap: 70px;
  }
  .benefits_points_section .parent_area .item {
    flex-basis: calc((100% - 70px) / 2);
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .binders_section {
    margin-bottom: 50px;
  }
  .binders_section .parent_area .left {
    width: 330px;
  }
  .binders_section .parent_area .left .img_area {
    border-radius: 16px;
    height: 430px;
  }
  .binders_section .parent_area .right {
    width: calc(100% - 330px);
  }
  .binders_section .parent_area .right .content_area {
    padding: 30px 50px;
  }
  .binders_section .parent_area .right .content_area .inner_area {
    padding: 30px 0 30px 30px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content h3 {
    font-size: 30px;
    line-height: 34px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content h5 {
    font-size: 22px;
    line-height: 24px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content p {
    font-size: 18px;
    line-height: 24px;
  }
  .product_detail_section {
    margin-bottom: 50px;
  }
  .product_detail_section .parent_area .left_detail {
    padding-right: 30px;
  }
  .product_detail_section .parent_area .left_detail h3 {
    font-size: 30px;
    line-height: 34px;
  }
  .product_detail_section .parent_area .left_detail .detail_list ul li {
    padding-block: 18px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one .img_area {
    border-radius: 22px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one .img_area:first-child {
    height: 295px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one.col_two .img_area:first-child {
    height: 234px;
  }
  .benefits_section {
    margin-bottom: 50px;
  }
  .benefits_section .parent_area {
    min-height: 170px;
  }
  .benefits_section .parent_area .title_area h3 {
    font-size: 30px;
    line-height: 34px;
  }
  .benefits_points_section {
    margin-bottom: 50px;
  }
  .benefits_points_section .parent_area {
    gap: 50px;
  }
  .benefits_points_section .parent_area .item {
    flex-basis: calc((100% - 50px) / 2);
  }
  .benefits_points_section .parent_area .item .serial {
    font-size: 80px;
    line-height: 80px;
    width: 100px;
  }
  .benefits_points_section .parent_area .item .content h3 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 12px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .binders_section {
    margin-bottom: 40px;
  }
  .binders_section .parent_area .left {
    width: 330px;
  }
  .binders_section .parent_area .left .img_area {
    border-radius: 12px;
    height: 390px;
  }
  .binders_section .parent_area .right {
    width: calc(100% - 330px);
  }
  .binders_section .parent_area .right .content_area {
    padding: 20px 15px 20px 35px;
  }
  .binders_section .parent_area .right .content_area .inner_area {
    padding: 30px 0 30px 30px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content h3 {
    font-size: 26px;
    line-height: 30px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content h5 {
    font-size: 20px;
    line-height: 22px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .product_detail_section {
    margin-bottom: 40px;
  }
  .product_detail_section .parent_area .left_detail {
    padding-right: 0;
  }
  .product_detail_section .parent_area .left_detail h3 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 25px;
  }
  .product_detail_section .parent_area .left_detail .detail_list ul li {
    padding-block: 18px;
  }
  .product_detail_section .parent_area .left_detail .detail_list ul li .title {
    font-size: 18px;
    line-height: 20px;
  }
  .product_detail_section .parent_area .left_detail .detail_list ul li .value {
    font-size: 16px;
    line-height: 18px;
  }
  .product_detail_section .parent_area .right_detail .img_listing {
    gap: 12px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one {
    gap: 12px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one .img_area {
    border-radius: 15px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one .img_area:first-child {
    height: 215px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one .img_area:last-child {
    height: 319px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one.col_two .img_area:first-child {
    height: 171px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one.col_two .img_area:last-child {
    height: 363px;
  }
  .benefits_section {
    margin-bottom: 40px;
  }
  .benefits_section .parent_area {
    min-height: 150px;
  }
  .benefits_section .parent_area .title_area h3 {
    font-size: 26px;
    line-height: 30px;
  }
  .benefits_points_section {
    margin-bottom: 40px;
  }
  .benefits_points_section .parent_area {
    gap: 40px;
  }
  .benefits_points_section .parent_area .item {
    flex-basis: calc((100% - 40px) / 2);
  }
  .benefits_points_section .parent_area .item .serial {
    font-size: 60px;
    line-height: 60px;
    width: 70px;
  }
  .benefits_points_section .parent_area .item .content {
    padding-left: 15px;
  }
  .benefits_points_section .parent_area .item .content h3 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 12px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .binders_section {
    margin-bottom: 30px;
  }
  .binders_section .parent_area .left {
    width: 280px;
  }
  .binders_section .parent_area .left .img_area {
    border-radius: 12px;
    height: 320px;
  }
  .binders_section .parent_area .right {
    width: calc(100% - 280px);
  }
  .binders_section .parent_area .right .content_area {
    padding: 15px 15px 15px 25px;
  }
  .binders_section .parent_area .right .content_area .inner_area {
    padding: 20px 0 20px 20px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content h3 {
    font-size: 22px;
    line-height: 26px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content h5 {
    font-size: 18px;
    line-height: 20px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content p {
    font-size: 14px;
    line-height: 20px;
  }
  .product_detail_section {
    margin-bottom: 30px;
  }
  .product_detail_section .parent_area .left_detail {
    padding-right: 0;
  }
  .product_detail_section .parent_area .left_detail h3 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 20px;
  }
  .product_detail_section .parent_area .left_detail .detail_list ul li {
    padding-block: 16px;
  }
  .product_detail_section .parent_area .left_detail .detail_list ul li .title {
    font-size: 16px;
    line-height: 18px;
  }
  .product_detail_section .parent_area .left_detail .detail_list ul li .value {
    font-size: 14px;
    line-height: 16px;
  }
  .product_detail_section .parent_area .right_detail .img_listing {
    gap: 12px;
    width: 70%;
    margin-inline: auto;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one {
    gap: 12px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one .img_area {
    border-radius: 15px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one .img_area:first-child {
    height: 215px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one .img_area:last-child {
    height: 319px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one.col_two .img_area:first-child {
    height: 171px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one.col_two .img_area:last-child {
    height: 363px;
  }
  .benefits_section {
    margin-bottom: 30px;
  }
  .benefits_section .parent_area {
    min-height: 130px;
  }
  .benefits_section .parent_area .title_area h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .benefits_points_section {
    margin-bottom: 30px;
  }
  .benefits_points_section .parent_area {
    gap: 30px;
  }
  .benefits_points_section .parent_area .item {
    flex-basis: calc((100% - 30px) / 2);
  }
  .benefits_points_section .parent_area .item .serial {
    font-size: 40px;
    line-height: 40px;
    width: 50px;
  }
  .benefits_points_section .parent_area .item .content {
    padding-left: 15px;
  }
  .benefits_points_section .parent_area .item .content h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 12px;
  }
  .benefits_points_section .parent_area .item .content p {
    font-size: 14px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .binders_section {
    margin-bottom: 25px;
  }
  .binders_section .parent_area {
    flex-wrap: wrap;
    row-gap: 15px;
  }
  .binders_section .parent_area .left {
    width: 100%;
  }
  .binders_section .parent_area .left .img_area {
    border-radius: 8px;
    height: 180px;
  }
  .binders_section .parent_area .right {
    width: 100%;
  }
  .binders_section .parent_area .right .content_area {
    padding: 15px;
  }
  .binders_section .parent_area .right .content_area .inner_area {
    padding: 20px 0 20px 20px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content h5 {
    font-size: 16px;
    line-height: 18px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content p {
    font-size: 14px;
    line-height: 20px;
  }
  .product_detail_section {
    margin-bottom: 25px;
  }
  .product_detail_section .parent_area .left_detail {
    padding-right: 0;
  }
  .product_detail_section .parent_area .left_detail h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .product_detail_section .parent_area .left_detail .detail_list ul li {
    padding-block: 16px;
  }
  .product_detail_section .parent_area .left_detail .detail_list ul li .title {
    font-size: 16px;
    line-height: 18px;
  }
  .product_detail_section .parent_area .left_detail .detail_list ul li .value {
    font-size: 14px;
    line-height: 16px;
  }
  .product_detail_section .parent_area .right_detail .img_listing {
    gap: 12px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one {
    gap: 12px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one .img_area {
    border-radius: 10px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one .img_area:first-child {
    height: 212px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one .img_area:last-child {
    height: 322px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one.col_two .img_area:first-child {
    height: 168px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one.col_two .img_area:last-child {
    height: 295px;
  }
  .benefits_section {
    margin-bottom: 25px;
  }
  .benefits_section .parent_area {
    min-height: 110px;
  }
  .benefits_section .parent_area .title_area h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .benefits_points_section {
    margin-bottom: 25px;
  }
  .benefits_points_section .parent_area {
    gap: 15px;
  }
  .benefits_points_section .parent_area .item {
    flex-basis: 100%;
    gap: 12px;
  }
  .benefits_points_section .parent_area .item .serial {
    font-size: 40px;
    line-height: 40px;
    width: 50px;
  }
  .benefits_points_section .parent_area .item .content {
    padding-left: 15px;
    border-left-width: 2px;
  }
  .benefits_points_section .parent_area .item .content h3 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 12px;
  }
  .benefits_points_section .parent_area .item .content p {
    font-size: 14px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .binders_section {
    margin-bottom: 25px;
  }
  .binders_section .parent_area {
    flex-wrap: wrap;
    row-gap: 15px;
  }
  .binders_section .parent_area .left {
    width: 100%;
  }
  .binders_section .parent_area .left .img_area {
    border-radius: 8px;
    height: 180px;
  }
  .binders_section .parent_area .right {
    width: 100%;
  }
  .binders_section .parent_area .right .content_area {
    padding: 15px;
  }
  .binders_section .parent_area .right .content_area .inner_area {
    padding: 20px 0 20px 20px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content h5 {
    font-size: 16px;
    line-height: 18px;
  }
  .binders_section .parent_area .right .content_area .inner_area .content p {
    font-size: 14px;
    line-height: 20px;
  }
  .product_detail_section {
    margin-bottom: 25px;
  }
  .product_detail_section .parent_area .left_detail {
    padding-right: 0;
  }
  .product_detail_section .parent_area .left_detail h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .product_detail_section .parent_area .left_detail .detail_list ul li {
    padding-block: 16px;
  }
  .product_detail_section .parent_area .left_detail .detail_list ul li .title {
    font-size: 16px;
    line-height: 18px;
  }
  .product_detail_section .parent_area .left_detail .detail_list ul li .value {
    font-size: 14px;
    line-height: 16px;
  }
  .product_detail_section .parent_area .right_detail .img_listing {
    gap: 12px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one {
    gap: 12px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one .img_area {
    border-radius: 8px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one .img_area:first-child {
    height: 202px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one .img_area:last-child {
    height: 240px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one.col_two .img_area:first-child {
    height: 160px;
  }
  .product_detail_section .parent_area .right_detail .img_listing .col_one.col_two .img_area:last-child {
    height: 282px;
  }
  .benefits_section {
    margin-bottom: 25px;
  }
  .benefits_section .parent_area {
    min-height: 110px;
  }
  .benefits_section .parent_area .title_area h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .benefits_points_section {
    margin-bottom: 25px;
  }
  .benefits_points_section .parent_area {
    gap: 15px;
  }
  .benefits_points_section .parent_area .item {
    flex-basis: 100%;
    gap: 12px;
  }
  .benefits_points_section .parent_area .item .serial {
    font-size: 40px;
    line-height: 40px;
    width: 50px;
  }
  .benefits_points_section .parent_area .item .content {
    padding-left: 15px;
    border-left-width: 2px;
  }
  .benefits_points_section .parent_area .item .content h3 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 12px;
  }
  .benefits_points_section .parent_area .item .content p {
    font-size: 14px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.editor_section {
  background: linear-gradient(90deg, #FCFCFC 0%, #EAEAEA 100%);
  position: relative;
  margin-bottom: 90px;
  overflow: hidden;
}
.editor_section .parent_area {
  display: flex;
  padding-block: 56px;
}
.editor_section .parent_area .left {
  width: 1130px;
  max-width: 100%;
}
.editor_section .parent_area .left .content > :first-child {
  margin-top: 0;
}
.editor_section .parent_area .left .content h1,
.editor_section .parent_area .left .content h2,
.editor_section .parent_area .left .content h3,
.editor_section .parent_area .left .content h4,
.editor_section .parent_area .left .content h5,
.editor_section .parent_area .left .content h6 {
  font-weight: 500;
  color: #171717;
  margin-top: 20px;
}
.editor_section .parent_area .left .content h1 {
  font-size: 28px;
}
.editor_section .parent_area .left .content h2 {
  font-size: 26px;
}
.editor_section .parent_area .left .content h3 {
  font-size: 24px;
}
.editor_section .parent_area .left .content h4 {
  font-size: 22px;
}
.editor_section .parent_area .left .content h5 {
  font-size: 20px;
}
.editor_section .parent_area .left .content h6 {
  font-size: 18px;
}
.editor_section .parent_area .left .content p {
  font-family: "General Sans";
  color: #515151;
  margin-top: 12px;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.1px;
}
.editor_section .parent_area .left .content a {
  display: inline-block;
  font-family: "General Sans";
  color: #515151;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.1px;
}
.editor_section .parent_area .left .content a:hover {
  color: #E5230E;
}
.editor_section .parent_area .left .content ul {
  margin-top: 15px;
  padding-left: 20px;
}
.editor_section .parent_area .left .content ul li {
  font-family: "General Sans";
  color: #515151;
  margin-top: 12px;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.1px;
  list-style-type: disc;
}
.editor_section .parent_area .left .content ul li:first-child {
  margin-top: 0;
}
.editor_section .parent_area .left .content ol {
  padding: 0;
  margin: 0;
  margin-top: 15px;
  padding-left: 20px;
}
.editor_section .parent_area .left .content ol li {
  list-style-type: decimal;
  font-family: "General Sans";
  color: #515151;
  margin-top: 12px;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.1px;
}
.editor_section .parent_area .left .content ol li:first-child {
  margin-top: 0;
}
.editor_section .parent_area .right {
  flex-shrink: 0;
  width: 457px;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 418px;
}
.editor_section .parent_area .right .img_area {
  width: 100%;
  height: 100%;
  clip-path: polygon(65% 0, 100% 0%, 100% 100%, 0 100%);
  position: relative;
}
.editor_section .parent_area .right .img_area::before {
  content: "";
  position: absolute;
  left: 0;
  width: 50px;
  height: 200%;
  background-color: #E84508;
  display: block;
  transform: rotate(35.4deg);
  transform-origin: left bottom;
  bottom: 0;
}

.system_section {
  margin-bottom: 90px;
  overflow-x: clip;
}
.system_section .parent_area .title_area {
  margin-bottom: 60px;
}
.system_section .parent_area .title_area h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  color: #171717;
}
.system_section .parent_area .design_listing_area {
  width: 1012px;
  max-width: 100%;
  margin-inline: auto;
  position: relative;
}
.system_section .parent_area .design_listing_area::after, .system_section .parent_area .design_listing_area::before {
  content: "";
  position: absolute;
  top: -20%;
  left: -34%;
  width: 575px;
  height: 526px;
  background-image: url("../images/players.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.system_section .parent_area .design_listing_area::before {
  left: unset;
  right: -20%;
}
.system_section .parent_area .design_listing_area .table-responsive {
  border: 1px solid #F1F1F1;
  border-radius: 14px;
  box-shadow: 0px 11.5px 25.65px 0px rgba(0, 0, 0, 0.1215686275);
}
.system_section .parent_area .design_listing_area .table-responsive .table {
  margin: 0;
  border-bottom: none;
}
.system_section .parent_area .design_listing_area .table-responsive .table thead tr th {
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  vertical-align: middle;
  color: #171717;
  padding: 20px 40px;
  border-bottom: 1px solid #F1F1F1;
  border-right: 1px solid #F1F1F1;
}
.system_section .parent_area .design_listing_area .table-responsive .table tbody tr:last-child td {
  border-bottom: none;
}
.system_section .parent_area .design_listing_area .table-responsive .table tbody tr td {
  font-family: "General Sans";
  color: #7a7a7a;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  vertical-align: middle;
  padding: 15px 34px;
  border-bottom: 1px solid #F1F1F1;
  border-right: 1px solid #F1F1F1;
}
.system_section .parent_area .design_listing_area .table-responsive .table tbody tr td ul li {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  list-style-type: disc;
  list-style-position: inside;
}
.system_section .parent_area .design_listing_area .table-responsive .table tbody tr td .icon {
  width: 51px;
  height: 51px;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.system_section .parent_area .design_listing_area .table-responsive .table tbody tr td .icon .img_area {
  width: 20px;
  height: 20px;
}
.system_section .parent_area .design_listing_area .table-responsive .table tbody tr td .icon .img_area img {
  display: block;
  object-fit: contain;
}

.fall_section {
  margin-bottom: 90px;
}
.fall_section .parent_area .title_area {
  margin-bottom: 60px;
}
.fall_section .parent_area .title_area h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  color: #171717;
  margin-bottom: 18px;
}
.fall_section .parent_area .title_area p {
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #515151;
}
.fall_section .parent_area .detail_area .img_area {
  width: 928px;
  max-width: 100%;
  height: 576px;
  margin-inline: auto;
  border-radius: 32px;
  overflow: hidden;
  box-shadow: 0px 105.25px 62.8px 0px rgba(0, 0, 0, 0.137254902);
}
.fall_section .parent_area .detail_area .half_circle {
  height: 420px;
  overflow: hidden;
  margin-top: -320px;
  position: relative;
  z-index: -1;
}
.fall_section .parent_area .detail_area .half_circle .img_area {
  border-radius: 50%;
  max-width: 100%;
  overflow: hidden;
  width: 1220px;
  height: 1220px;
  border: 160px solid #E84508;
}

.excellence_section {
  padding-bottom: 90px;
}
.excellence_section .inner_area .heading_area {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
  gap: 15px;
}
.excellence_section .inner_area .heading_area h3 {
  font-size: 26px;
  font-weight: 700;
  font-family: "Trial Sagace";
  color: #E84508;
  line-height: 27px;
  flex-shrink: 0;
}
.excellence_section .inner_area .heading_area .line {
  height: 1px;
  width: 100%;
  background-color: #E84508;
  position: relative;
  top: -6px;
}
.excellence_section .inner_area .heading_area .nav_area {
  display: flex;
  gap: 20px;
}
.excellence_section .inner_area .heading_area .nav_area .next-prev {
  height: 42px;
  width: 42px;
  border-radius: 50%;
  border: 1px solid #E84508;
  font-size: 14px;
  color: #E84508;
  display: flex;
  align-items: center;
  justify-content: center;
}
.excellence_section .inner_area .slider_area .swiper .swiper-wrapper .swiper-slide .inner_item .img_area {
  height: 235px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}
.excellence_section .inner_area .slider_area .swiper .swiper-wrapper .swiper-slide .inner_item .img_area img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.excellence_section .inner_area .slider_area .swiper .swiper-wrapper .swiper-slide .inner_item .img_area:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.excellence_section .inner_area .slider_area .swiper .swiper-wrapper .swiper-slide .inner_item .title {
  font-size: 18px;
  font-weight: 500;
  font-family: "Trial Sagace";
  color: #171717;
  text-align: center;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .editor_section {
    margin-bottom: 70px;
  }
  .editor_section .parent_area .left {
    width: 880px;
  }
  .editor_section .parent_area .right .img_area::before {
    width: 40px;
  }
  .system_section {
    margin-bottom: 70px;
  }
  .system_section .parent_area .title_area {
    margin-bottom: 50px;
  }
  .fall_section {
    margin-bottom: 70px;
  }
  .fall_section .parent_area .title_area {
    margin-bottom: 50px;
  }
  .excellence_section {
    padding-bottom: 70px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .editor_section {
    margin-bottom: 70px;
  }
  .editor_section .parent_area .left {
    width: 780px;
  }
  .editor_section .parent_area .right {
    width: 417px;
    height: 378px;
  }
  .editor_section .parent_area .right .img_area::before {
    width: 35px;
  }
  .system_section {
    margin-bottom: 70px;
  }
  .system_section .parent_area .title_area {
    margin-bottom: 50px;
  }
  .fall_section {
    margin-bottom: 70px;
  }
  .fall_section .parent_area .title_area {
    margin-bottom: 50px;
  }
  .excellence_section {
    padding-bottom: 70px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .editor_section {
    margin-bottom: 50px;
  }
  .editor_section .parent_area {
    padding-block: 50px;
  }
  .editor_section .parent_area .left .content h6 {
    font-size: 16px;
  }
  .editor_section .parent_area .left .content h5 {
    font-size: 18px;
  }
  .editor_section .parent_area .left .content h4 {
    font-size: 20px;
  }
  .editor_section .parent_area .left .content h3 {
    font-size: 22px;
  }
  .editor_section .parent_area .left .content h2 {
    font-size: 24px;
  }
  .editor_section .parent_area .left .content h1 {
    font-size: 26px;
  }
  .editor_section .parent_area .left .content p {
    font-size: 18px;
  }
  .editor_section .parent_area .left .content a {
    font-size: 18px;
  }
  .editor_section .parent_area .left .content ul li {
    font-size: 18px;
    line-height: 24px;
  }
  .editor_section .parent_area .left .content ol li {
    font-size: 18px;
    line-height: 24px;
  }
  .editor_section .parent_area .right {
    width: 347px;
    height: 318px;
    display: none;
  }
  .editor_section .parent_area .right .img_area::before {
    width: 35px;
  }
  .system_section {
    margin-bottom: 50px;
  }
  .system_section .parent_area .title_area {
    margin-bottom: 40px;
  }
  .system_section .parent_area .title_area h3 {
    font-size: 30px;
    line-height: 32px;
  }
  .system_section .parent_area .design_listing_area {
    width: 870px;
  }
  .system_section .parent_area .design_listing_area::after, .system_section .parent_area .design_listing_area::before {
    width: 425px;
    height: 386px;
    top: -10%;
  }
  .fall_section {
    margin-bottom: 50px;
  }
  .fall_section .parent_area .title_area {
    margin-bottom: 40px;
  }
  .fall_section .parent_area .title_area h3 {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 15px;
  }
  .fall_section .parent_area .title_area p {
    font-size: 20px;
    line-height: 22px;
  }
  .fall_section .parent_area .detail_area .img_area {
    height: 560px;
    border-radius: 20px;
  }
  .fall_section .parent_area .detail_area .half_circle {
    height: 450px;
    margin-top: -360px;
  }
  .fall_section .parent_area .detail_area .half_circle .img_area {
    width: 1000px;
    height: 1000px;
    border-width: 110px;
  }
  .excellence_section {
    padding-bottom: 50px;
  }
  .excellence_section .inner_area .slider_area .swiper .swiper-wrapper .swiper-slide .inner_item .img_area {
    height: 190px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .editor_section {
    margin-bottom: 40px;
  }
  .editor_section .parent_area {
    padding-block: 40px;
  }
  .editor_section .parent_area .left .content h1,
  .editor_section .parent_area .left .content h2,
  .editor_section .parent_area .left .content h3,
  .editor_section .parent_area .left .content h4,
  .editor_section .parent_area .left .content h5,
  .editor_section .parent_area .left .content h6 {
    margin-top: 15px;
  }
  .editor_section .parent_area .left .content h6 {
    font-size: 16px;
  }
  .editor_section .parent_area .left .content h5 {
    font-size: 18px;
  }
  .editor_section .parent_area .left .content h4 {
    font-size: 20px;
  }
  .editor_section .parent_area .left .content h3 {
    font-size: 22px;
  }
  .editor_section .parent_area .left .content h2 {
    font-size: 24px;
  }
  .editor_section .parent_area .left .content h1 {
    font-size: 26px;
  }
  .editor_section .parent_area .left .content p {
    font-size: 16px;
  }
  .editor_section .parent_area .left .content a {
    font-size: 16px;
  }
  .editor_section .parent_area .left .content ul li {
    font-size: 16px;
    line-height: 22px;
  }
  .editor_section .parent_area .left .content ol li {
    font-size: 16px;
    line-height: 22px;
  }
  .editor_section .parent_area .right {
    width: 347px;
    height: 318px;
    display: none;
  }
  .editor_section .parent_area .right .img_area::before {
    width: 35px;
  }
  .system_section {
    margin-bottom: 40px;
  }
  .system_section .parent_area .title_area {
    margin-bottom: 30px;
  }
  .system_section .parent_area .title_area h3 {
    font-size: 26px;
    line-height: 28px;
  }
  .system_section .parent_area .design_listing_area {
    width: 870px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table thead tr th {
    font-size: 18px;
    line-height: 20px;
    padding: 20px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table tbody tr td {
    font-size: 16px;
    line-height: 22px;
    padding: 15px 20px;
  }
  .system_section .parent_area .design_listing_area::after, .system_section .parent_area .design_listing_area::before {
    display: none;
    width: 425px;
    height: 386px;
    top: -10%;
  }
  .fall_section {
    margin-bottom: 40px;
  }
  .fall_section .parent_area .title_area {
    margin-bottom: 30px;
  }
  .fall_section .parent_area .title_area h3 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 15px;
  }
  .fall_section .parent_area .title_area p {
    font-size: 18px;
    line-height: 20px;
  }
  .fall_section .parent_area .detail_area .img_area {
    height: 490px;
    border-radius: 14px;
  }
  .fall_section .parent_area .detail_area .half_circle {
    height: 300px;
    margin-top: -230px;
  }
  .fall_section .parent_area .detail_area .half_circle .img_area {
    width: 800px;
    height: 800px;
    border-width: 80px;
  }
  .excellence_section {
    padding-bottom: 40px;
  }
  .excellence_section .inner_area .slider_area .swiper .swiper-wrapper .swiper-slide .inner_item .img_area {
    height: 190px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .editor_section {
    margin-bottom: 30px;
  }
  .editor_section .parent_area {
    padding-block: 30px;
  }
  .editor_section .parent_area .left .content h1,
  .editor_section .parent_area .left .content h2,
  .editor_section .parent_area .left .content h3,
  .editor_section .parent_area .left .content h4,
  .editor_section .parent_area .left .content h5,
  .editor_section .parent_area .left .content h6 {
    margin-top: 12px;
  }
  .editor_section .parent_area .left .content h6 {
    font-size: 16px;
  }
  .editor_section .parent_area .left .content h5 {
    font-size: 18px;
  }
  .editor_section .parent_area .left .content h4 {
    font-size: 20px;
  }
  .editor_section .parent_area .left .content h3 {
    font-size: 22px;
  }
  .editor_section .parent_area .left .content h2 {
    font-size: 24px;
  }
  .editor_section .parent_area .left .content h1 {
    font-size: 26px;
  }
  .editor_section .parent_area .left .content ul li {
    font-size: 14px;
    line-height: 18px;
  }
  .editor_section .parent_area .left .content p {
    font-size: 14px;
  }
  .editor_section .parent_area .left .content ol li {
    font-size: 14px;
    line-height: 18px;
  }
  .editor_section .parent_area .left .content a {
    font-size: 14px;
  }
  .editor_section .parent_area .right {
    width: 347px;
    height: 318px;
    display: none;
  }
  .editor_section .parent_area .right .img_area::before {
    width: 35px;
  }
  .system_section {
    margin-bottom: 30px;
  }
  .system_section .parent_area .title_area {
    margin-bottom: 20px;
  }
  .system_section .parent_area .title_area h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .system_section .parent_area .design_listing_area {
    width: 870px;
  }
  .system_section .parent_area .design_listing_area .table-responsive {
    border-radius: 8px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table thead tr th {
    font-size: 16px;
    line-height: 18px;
    padding: 15px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table tbody tr td {
    font-size: 15px;
    line-height: 21px;
    padding: 15px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table tbody tr td .icon {
    width: 45px;
    height: 45px;
  }
  .system_section .parent_area .design_listing_area::after, .system_section .parent_area .design_listing_area::before {
    display: none;
    width: 425px;
    height: 386px;
    top: -10%;
  }
  .fall_section {
    margin-bottom: 30px;
  }
  .fall_section .parent_area .title_area {
    margin-bottom: 20px;
  }
  .fall_section .parent_area .title_area h3 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .fall_section .parent_area .title_area p {
    font-size: 16px;
    line-height: 18px;
  }
  .fall_section .parent_area .detail_area .img_area {
    height: 390px;
    border-radius: 8px;
  }
  .fall_section .parent_area .detail_area .half_circle {
    height: 250px;
    margin-top: -180px;
  }
  .fall_section .parent_area .detail_area .half_circle .img_area {
    width: 600px;
    height: 600px;
    border-width: 60px;
  }
  .excellence_section {
    padding-bottom: 30px;
  }
  .excellence_section .inner_area .heading_area {
    margin-bottom: 15px;
  }
  .excellence_section .inner_area .heading_area h3 {
    font-size: 22px;
  }
  .excellence_section .inner_area .heading_area .nav_area {
    gap: 15px;
  }
  .excellence_section .inner_area .heading_area .nav_area .next-prev {
    height: 38px;
    width: 38px;
    font-size: 12px;
  }
  .excellence_section .inner_area .slider_area .swiper .swiper-wrapper .swiper-slide .inner_item .img_area {
    height: 160px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .editor_section {
    margin-bottom: 20px;
  }
  .editor_section .parent_area {
    padding-block: 20px;
  }
  .editor_section .parent_area .left .content h1,
  .editor_section .parent_area .left .content h2,
  .editor_section .parent_area .left .content h3,
  .editor_section .parent_area .left .content h4,
  .editor_section .parent_area .left .content h5,
  .editor_section .parent_area .left .content h6 {
    margin-top: 12px;
  }
  .editor_section .parent_area .left .content h6 {
    font-size: 16px;
  }
  .editor_section .parent_area .left .content h5 {
    font-size: 18px;
  }
  .editor_section .parent_area .left .content h4 {
    font-size: 20px;
  }
  .editor_section .parent_area .left .content h3 {
    font-size: 22px;
  }
  .editor_section .parent_area .left .content h2 {
    font-size: 24px;
  }
  .editor_section .parent_area .left .content h1 {
    font-size: 26px;
  }
  .editor_section .parent_area .left .content ul li {
    font-size: 14px;
    line-height: 18px;
  }
  .editor_section .parent_area .left .content p {
    font-size: 14px;
  }
  .editor_section .parent_area .left .content ol li {
    font-size: 14px;
    line-height: 18px;
  }
  .editor_section .parent_area .left .content a {
    font-size: 14px;
  }
  .editor_section .parent_area .right {
    width: 347px;
    height: 318px;
    display: none;
  }
  .editor_section .parent_area .right .img_area::before {
    width: 35px;
  }
  .system_section {
    margin-bottom: 25px;
  }
  .system_section .parent_area .title_area {
    margin-bottom: 15px;
  }
  .system_section .parent_area .title_area h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .system_section .parent_area .design_listing_area {
    width: 870px;
  }
  .system_section .parent_area .design_listing_area .table-responsive {
    border-radius: 8px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table {
    width: 550px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table thead tr th {
    font-size: 16px;
    line-height: 18px;
    padding: 12px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table tbody tr td {
    font-size: 14px;
    line-height: 20px;
    padding: 12px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table tbody tr td .icon {
    width: 40px;
    height: 40px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table tbody tr td .icon .img_area {
    width: 15px;
    height: 15px;
  }
  .system_section .parent_area .design_listing_area::after, .system_section .parent_area .design_listing_area::before {
    display: none;
    width: 425px;
    height: 386px;
    top: -10%;
  }
  .fall_section {
    margin-bottom: 25px;
  }
  .fall_section .parent_area .title_area {
    margin-bottom: 15px;
  }
  .fall_section .parent_area .title_area h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 12px;
  }
  .fall_section .parent_area .title_area p {
    font-size: 16px;
    line-height: 18px;
  }
  .fall_section .parent_area .detail_area .img_area {
    height: 234px;
    border-radius: 8px;
  }
  .fall_section .parent_area .detail_area .half_circle {
    height: 150px;
    margin-top: -110px;
  }
  .fall_section .parent_area .detail_area .half_circle .img_area {
    width: 350px;
    height: 350px;
    border-width: 40px;
  }
  .excellence_section {
    padding-bottom: 25px;
  }
  .excellence_section .inner_area .heading_area {
    margin-bottom: 15px;
  }
  .excellence_section .inner_area .heading_area h3 {
    font-size: 22px;
    flex-shrink: unset;
  }
  .excellence_section .inner_area .heading_area .nav_area {
    gap: 15px;
  }
  .excellence_section .inner_area .heading_area .nav_area .next-prev {
    height: 38px;
    width: 38px;
    font-size: 12px;
  }
  .excellence_section .inner_area .slider_area .swiper .swiper-wrapper .swiper-slide .inner_item .img_area {
    height: 138px;
    margin-bottom: 15px;
  }
  .excellence_section .inner_area .slider_area .swiper .swiper-wrapper .swiper-slide .inner_item .title {
    font-size: 16px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .editor_section {
    margin-bottom: 20px;
  }
  .editor_section .parent_area {
    padding-block: 20px;
  }
  .editor_section .parent_area .left .content h1,
  .editor_section .parent_area .left .content h2,
  .editor_section .parent_area .left .content h3,
  .editor_section .parent_area .left .content h4,
  .editor_section .parent_area .left .content h5,
  .editor_section .parent_area .left .content h6 {
    margin-top: 12px;
  }
  .editor_section .parent_area .left .content h6 {
    font-size: 16px;
  }
  .editor_section .parent_area .left .content h5 {
    font-size: 18px;
  }
  .editor_section .parent_area .left .content h4 {
    font-size: 20px;
  }
  .editor_section .parent_area .left .content h3 {
    font-size: 22px;
  }
  .editor_section .parent_area .left .content h2 {
    font-size: 24px;
  }
  .editor_section .parent_area .left .content h1 {
    font-size: 26px;
  }
  .editor_section .parent_area .left .content ul li {
    font-size: 14px;
    line-height: 18px;
  }
  .editor_section .parent_area .left .content p {
    font-size: 14px;
  }
  .editor_section .parent_area .left .content ol li {
    font-size: 14px;
    line-height: 18px;
  }
  .editor_section .parent_area .left .content a {
    font-size: 14px;
  }
  .editor_section .parent_area .right {
    width: 347px;
    height: 318px;
    display: none;
  }
  .editor_section .parent_area .right .img_area::before {
    width: 35px;
  }
  .system_section {
    margin-bottom: 25px;
  }
  .system_section .parent_area .title_area {
    margin-bottom: 15px;
  }
  .system_section .parent_area .title_area h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .system_section .parent_area .design_listing_area {
    width: 870px;
  }
  .system_section .parent_area .design_listing_area .table-responsive {
    border-radius: 8px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table {
    width: 550px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table thead tr th {
    font-size: 16px;
    line-height: 18px;
    padding: 12px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table tbody tr td {
    font-size: 14px;
    line-height: 20px;
    padding: 12px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table tbody tr td .icon {
    width: 40px;
    height: 40px;
  }
  .system_section .parent_area .design_listing_area .table-responsive .table tbody tr td .icon .img_area {
    width: 15px;
    height: 15px;
  }
  .system_section .parent_area .design_listing_area::after, .system_section .parent_area .design_listing_area::before {
    display: none;
    width: 425px;
    height: 386px;
    top: -10%;
  }
  .fall_section {
    margin-bottom: 25px;
  }
  .fall_section .parent_area .title_area {
    margin-bottom: 15px;
  }
  .fall_section .parent_area .title_area h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 12px;
  }
  .fall_section .parent_area .title_area p {
    font-size: 16px;
    line-height: 18px;
  }
  .fall_section .parent_area .detail_area .img_area {
    height: 234px;
    border-radius: 8px;
  }
  .fall_section .parent_area .detail_area .half_circle {
    height: 150px;
    margin-top: -110px;
  }
  .fall_section .parent_area .detail_area .half_circle .img_area {
    width: 350px;
    height: 350px;
    border-width: 40px;
  }
  .excellence_section {
    padding-bottom: 25px;
  }
  .excellence_section .inner_area .heading_area {
    margin-bottom: 15px;
  }
  .excellence_section .inner_area .heading_area h3 {
    font-size: 22px;
    flex-shrink: unset;
  }
  .excellence_section .inner_area .heading_area .nav_area {
    gap: 15px;
  }
  .excellence_section .inner_area .heading_area .nav_area .next-prev {
    height: 38px;
    width: 38px;
    font-size: 12px;
  }
  .excellence_section .inner_area .slider_area .swiper .swiper-wrapper .swiper-slide .inner_item .img_area {
    height: 138px;
    margin-bottom: 15px;
  }
  .excellence_section .inner_area .slider_area .swiper .swiper-wrapper .swiper-slide .inner_item .title {
    font-size: 16px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.thumb_slider_section {
  padding-bottom: 90px;
}
.thumb_slider_section .parent_area .left_area {
  padding-right: 30px;
}
.thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle {
  margin-left: -50%;
  height: 620px;
}
.thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle .slide_inner .image_area {
  border-top-right-radius: 68px;
  border-bottom-right-radius: 68px;
  overflow: hidden;
  height: 620px;
}
.thumb_slider_section .parent_area .left_area .slider_area .mySwiperThumbs {
  padding-top: 28px;
}
.thumb_slider_section .parent_area .left_area .slider_area .mySwiperThumbs .swiper-slide {
  height: 72px;
  width: 72px !important;
}
.thumb_slider_section .parent_area .left_area .slider_area .mySwiperThumbs .swiper-slide.swiper-slide-thumb-active {
  filter: grayscale(1);
}
.thumb_slider_section .parent_area .left_area .slider_area .mySwiperThumbs .slide_inner .image_area {
  border: 5px solid #d1e6d3;
  height: 72px;
  width: 72px;
  border-radius: 10px;
  overflow: hidden;
}
.thumb_slider_section .parent_area .left_area .lower_content {
  padding-top: 30px;
}
.thumb_slider_section .parent_area .left_area .lower_content h4 {
  font-weight: 700;
  font-size: 24px;
  color: #5CB338;
}
.thumb_slider_section .parent_area .left_area .lower_content .logo_parent {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 15px;
}
.thumb_slider_section .parent_area .left_area .lower_content .logo_parent .logo_area {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}
.thumb_slider_section .parent_area .left_area .lower_content .logo_parent .logo_area img {
  object-fit: contain;
}
.thumb_slider_section .parent_area .right_area .upper_area h3 {
  font-weight: 700;
  font-size: 46px;
  color: #5CB338;
}
.thumb_slider_section .parent_area .right_area .upper_area h6 {
  font-weight: 500;
  font-size: 24px;
  color: #171717;
  padding-top: 12px;
}
.thumb_slider_section .parent_area .right_area .upper_area p {
  font-family: "General Sans";
  font-weight: 400;
  font-size: 18px;
  color: #171717;
  padding-top: 12px;
}
.thumb_slider_section .parent_area .right_area .editor_area {
  padding-top: 20px;
}
.thumb_slider_section .parent_area .right_area .editor_area > :first-child {
  margin-top: 0;
}
.thumb_slider_section .parent_area .right_area .editor_area h1,
.thumb_slider_section .parent_area .right_area .editor_area h2,
.thumb_slider_section .parent_area .right_area .editor_area h3,
.thumb_slider_section .parent_area .right_area .editor_area h4,
.thumb_slider_section .parent_area .right_area .editor_area h5,
.thumb_slider_section .parent_area .right_area .editor_area h6 {
  font-weight: 600;
  color: #5CB338;
  margin-top: 15px;
}
.thumb_slider_section .parent_area .right_area .editor_area h1 {
  font-size: 28px;
}
.thumb_slider_section .parent_area .right_area .editor_area h2 {
  font-size: 26px;
}
.thumb_slider_section .parent_area .right_area .editor_area h3 {
  font-size: 24px;
}
.thumb_slider_section .parent_area .right_area .editor_area h4 {
  font-size: 22px;
}
.thumb_slider_section .parent_area .right_area .editor_area h5 {
  font-size: 20px;
}
.thumb_slider_section .parent_area .right_area .editor_area h6 {
  font-size: 18px;
}
.thumb_slider_section .parent_area .right_area .editor_area p {
  font-family: "General Sans";
  color: #171717;
  margin-top: 12px;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.1px;
}
.thumb_slider_section .parent_area .right_area .editor_area a {
  display: inline-block;
  font-family: "General Sans";
  color: #171717;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.1px;
}
.thumb_slider_section .parent_area .right_area .editor_area a:hover {
  color: #E5230E;
}
.thumb_slider_section .parent_area .right_area .editor_area ul {
  margin-top: 5px;
  padding-left: 35px;
  margin-left: 15px;
  border-left: 4px solid #5CB338;
}
.thumb_slider_section .parent_area .right_area .editor_area ul li {
  font-family: "General Sans";
  color: #171717;
  margin-top: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.1px;
  list-style-type: disc;
}
.thumb_slider_section .parent_area .right_area .editor_area ul li:first-child {
  margin-top: 0;
}
.thumb_slider_section .parent_area .right_area .editor_area ol {
  padding: 0;
  margin: 0;
  margin-top: 5px;
  padding-left: 20px;
}
.thumb_slider_section .parent_area .right_area .editor_area ol li {
  list-style-type: decimal;
  font-family: "General Sans";
  color: #171717;
  margin-top: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.1px;
}
.thumb_slider_section .parent_area .right_area .editor_area ol li:first-child {
  margin-top: 0;
}
.thumb_slider_section .parent_area .right_area .colors_area {
  padding-top: 35px;
}
.thumb_slider_section .parent_area .right_area .colors_area h3 {
  font-weight: 700;
  font-size: 24px;
  color: #5CB338;
}
.thumb_slider_section .parent_area .right_area .colors_area .card_parent {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 30px;
  padding-top: 12px;
}
.thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area {
  width: calc((100% - 90px) / 4);
}
.thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area .img_area {
  height: 98px;
  overflow: hidden;
  border-radius: 8px;
}
.thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area p {
  padding-top: 5px;
  font-family: General Sans;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #171717;
}
.thumb_slider_section .parent_area .right_area .lower_content {
  padding-top: 30px;
}
.thumb_slider_section .parent_area .right_area .lower_content h4 {
  font-weight: 700;
  font-size: 24px;
  color: #5CB338;
}
.thumb_slider_section .parent_area .right_area .lower_content .logo_parent {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 15px;
}
.thumb_slider_section .parent_area .right_area .lower_content .logo_parent .logo_area {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}
.thumb_slider_section .parent_area .right_area .lower_content .logo_parent .logo_area img {
  object-fit: contain;
}

.gradient_breadcrumb_section {
  background: linear-gradient(90.46deg, #67ae6e 5.55%, #328e6e 104.03%);
  overflow: hidden;
}
.gradient_breadcrumb_section .parent_area {
  display: flex;
  align-items: center;
}
.gradient_breadcrumb_section .parent_area .left_side {
  padding: 28px 0;
  width: 30%;
  flex-shrink: 0;
  position: relative;
}
.gradient_breadcrumb_section .parent_area .left_side .lines {
  position: absolute;
  top: -10px;
  bottom: 0;
  right: 40%;
  display: flex;
  gap: 5px;
  transform: rotateZ(-26deg);
}
.gradient_breadcrumb_section .parent_area .left_side .lines .line {
  height: 126%;
  width: 6px;
  background: #ffffff;
}
.gradient_breadcrumb_section .parent_area .left_side .lines .line.line_thin {
  width: 3px;
}
.gradient_breadcrumb_section .parent_area .left_side h3 {
  font-weight: 700;
  font-size: 26px;
  color: #ffffff;
}
.gradient_breadcrumb_section .parent_area .right_side {
  width: 70%;
  padding: 10px 0;
}
.gradient_breadcrumb_section .parent_area .right_side ul {
  display: flex;
  align-items: center;
  gap: 80px;
  flex-wrap: wrap;
}
.gradient_breadcrumb_section .parent_area .right_side ul li {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 24px;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 18px;
}
.gradient_breadcrumb_section .parent_area .right_side ul li:before {
  content: "";
  background: url("../images/union_icon.png") no-repeat center/contain;
  height: 16px;
  width: 16px;
  display: block;
}

.excellence_section {
  position: relative;
}
.excellence_section .bg_img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  filter: grayscale(1);
  width: 460px;
  overflow: hidden;
}
.excellence_section .bg_img img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.excellence_section .bg_img:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.excellence_section .parent_area {
  padding-top: 90px;
}
.excellence_section .parent_area .left_area h3 {
  font-weight: 700;
  font-size: 44.22px;
  color: #5CB338;
  padding-bottom: 20px;
}
.excellence_section .parent_area .left_area .list_area ul {
  display: flex;
  gap: 16px;
  flex-direction: column;
  max-height: 536px;
  overflow-y: auto;
}
.excellence_section .parent_area .left_area .list_area ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  background-color: none;
}
.excellence_section .parent_area .left_area .list_area ul::-webkit-scrollbar {
  width: 5px;
  background-color: none;
}
.excellence_section .parent_area .left_area .list_area ul::-webkit-scrollbar-thumb {
  background-color: #5CB338;
  border: 1px solid #5CB338;
  border-radius: 10px;
}
.excellence_section .parent_area .left_area .list_area ul li {
  background: linear-gradient(90deg, #f0f0f0 0%, #ffffff 100%);
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  color: #272727;
  padding: 26px 42px;
  border-radius: 14px;
  border-left: 12px solid #5CB338;
}
.excellence_section .parent_area .right_area {
  padding-right: 100px;
  padding-top: 30px;
}
.excellence_section .parent_area .right_area .image_area {
  height: 610px;
  border-top-right-radius: 32px;
  border-top-left-radius: 32px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.excellence_section .parent_area .right_area .image_area img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.excellence_section .parent_area .right_area .image_area:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.technical_data_section {
  background: rgba(141, 255, 128, 0.0901960784);
  padding: 90px 0;
  position: relative;
  margin-bottom: 90px;
}
.technical_data_section:after {
  content: "";
  background-image: url("../images/lower_grass.png");
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 12px;
  bottom: 0;
  right: 0;
  left: 0;
  height: 12px;
  width: 100%;
  position: absolute;
}
.technical_data_section .bg_img {
  position: absolute;
  bottom: 0;
  height: 420px;
}
.technical_data_section .bg_img.bg_img_left {
  left: 0;
}
.technical_data_section .bg_img.bg_img_right {
  right: 0;
}
.technical_data_section .ball_image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 12%;
  width: 20px;
  height: 20px;
}
.technical_data_section:before {
  content: "";
  background: url("../images/technical_data_bg.png") no-repeat center/100% 100%;
  height: 100%;
  width: 100%;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.technical_data_section .parent_area h3 {
  font-weight: 700;
  font-size: 36px;
  color: #5CB338;
  text-align: center;
}
.technical_data_section .parent_area .table_area {
  padding: 0px 22px;
  background: #ffffff;
  margin: 0 60px;
  margin-top: 32px;
}
.technical_data_section .parent_area .table_area ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 30px;
}
.technical_data_section .parent_area .table_area ul li {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  color: #7a7a7a;
  width: calc((100% - 30px) / 2);
  border-bottom: 1px solid #dadada;
  border-top: 0.5px solid #dadada;
  padding-bottom: 24px;
  padding-top: 24px;
}
.technical_data_section .parent_area .table_area ul li span {
  font-size: 20px;
  color: #171717;
}

.turf_detail_section {
  background-color: #F7FFF3;
  padding-block: 70px 90px;
  margin-bottom: 90px;
  position: relative;
  overflow: clip;
}
.turf_detail_section::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: -50px;
  background-image: url("../images/goal.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  transform: scaleY(0.79) scaleX(1.11);
}
.turf_detail_section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 100px;
  background-image: url("../images/football.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 252px;
  height: 252px;
}
.turf_detail_section .gradient {
  position: absolute;
  background: linear-gradient(349.22deg, #6db043 -6.01%, #2f5e12 72.28%);
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  height: 116px;
}
.turf_detail_section .grass_img {
  position: absolute;
  bottom: -35px;
  left: 0;
  right: 0;
  width: 100%;
  height: 145px;
  z-index: 3;
}
.turf_detail_section .parent_area {
  position: relative;
  z-index: 2;
}
.turf_detail_section .parent_area .title_area h3 {
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
  color: #171717;
}
.turf_detail_section .parent_area .list_area {
  padding-top: 32px;
}
.turf_detail_section .parent_area .list_area .table-responsive {
  border: 1px solid #F1F1F1;
  border-radius: 14px;
  box-shadow: 0px 10.77px 24.02px 0px rgba(0, 0, 0, 0.1215686275);
}
.turf_detail_section .parent_area .list_area .table-responsive .table {
  border-color: #F1F1F1;
  margin: 0;
}
.turf_detail_section .parent_area .list_area .table-responsive .table thead tr {
  border-top: 0;
}
.turf_detail_section .parent_area .list_area .table-responsive .table thead tr th {
  padding: 20px 30px;
  font-weight: 500;
  font-size: 19px;
  line-height: 24px;
  color: #171717;
  vertical-align: top;
}
.turf_detail_section .parent_area .list_area .table-responsive .table thead tr th:first-child {
  min-width: 180px;
}
.turf_detail_section .parent_area .list_area .table-responsive .table tbody tr td {
  padding: 18px 18px 18px 30px;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #7a7a7a;
  text-align: center;
}
.turf_detail_section .parent_area .list_area .table-responsive .table tbody tr td:first-child {
  text-align: left;
}

.infill_detail_section {
  padding-bottom: 90px;
}
.infill_detail_section .parent_area ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto;
  column-gap: 44px;
  row-gap: 90px;
}
.infill_detail_section .parent_area ul .infill_item, .infill_detail_section .parent_area ul .infill_item .top_area {
  border-radius: 32px;
  overflow: hidden;
}
.infill_detail_section .parent_area ul .infill_item.active .top_area .top_content .arrow_down i, .infill_detail_section .parent_area ul .infill_item .active.top_area .top_area .top_content .arrow_down i {
  transform: rotate(0);
}
.infill_detail_section .parent_area ul .infill_item.active .bottom_area, .infill_detail_section .parent_area ul .infill_item .active.top_area .bottom_area {
  display: block;
}
.infill_detail_section .parent_area ul .infill_item .top_area {
  position: relative;
}
.infill_detail_section .parent_area ul .infill_item .top_area .img_area {
  height: 315px;
}
.infill_detail_section .parent_area ul .infill_item .top_area .top_content {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: flex-end;
  width: 100%;
  justify-content: flex-end;
}
.infill_detail_section .parent_area ul .infill_item .top_area .top_content p {
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 27px;
  line-height: 30px;
  color: #171717;
  background-color: #F3FF98;
  padding: 4px 24px;
  vertical-align: middle;
  border-top-left-radius: 8px;
}
.infill_detail_section .parent_area ul .infill_item .top_area .top_content .arrow_down {
  width: 145px;
  aspect-ratio: 1/1;
  margin-right: -54px;
  margin-bottom: -54px;
  background: linear-gradient(90.46deg, #67ae6e 5.55%, #328e6e 104.03%);
  padding-top: 35px;
  padding-left: 37px;
  border-radius: 40px;
  cursor: pointer;
}
.infill_detail_section .parent_area ul .infill_item .top_area .top_content .arrow_down i {
  transform: rotate(-180deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 28px;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  font-size: 26px;
  color: #F3FF98;
}
.infill_detail_section .parent_area ul .infill_item .bottom_area {
  padding: 55px 39px 55px 39px;
  margin-top: -35px;
  display: none;
  background-color: #F6F6F6;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.infill_detail_section .parent_area ul .infill_item .bottom_area .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #474747;
}
.infill_detail_section .parent_area ul .infill_item .bottom_area .content h5 {
  padding-top: 22px;
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  vertical-align: middle;
  color: #5CB338;
}
.infill_detail_section .parent_area ul .infill_item .bottom_area .content ul {
  display: block;
  position: relative;
  list-style-type: disc;
  list-style-position: outside;
  margin-top: 18px;
  padding-left: 32px;
}
.infill_detail_section .parent_area ul .infill_item .bottom_area .content ul::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 4px;
  background-color: #5CB338;
}
.infill_detail_section .parent_area ul .infill_item .bottom_area .content ul li {
  list-style-type: disc;
  border-radius: unset;
  overflow: unset;
  padding-top: 18px;
  margin-left: 18px;
  color: #707070;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
}
.infill_detail_section .parent_area ul .infill_item .bottom_area .content ul li:first-child {
  padding-top: 0;
}
.infill_detail_section .parent_area ul .infill_item .bottom_area .content ul li::marker {
  background-color: red;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
@media (min-width: 1600px) and (max-width: 1679px) {
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle {
    margin-left: -28%;
    height: 500px;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle .slide_inner .image_area {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    height: 500px;
  }
  .turf_detail_section .grass_img {
    bottom: -20px;
    height: 125px;
  }
}
/* Above 1400 and Below 1599 Desktop*/
@media (min-width: 1400px) and (max-width: 1599px) {
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle {
    margin-left: -15%;
    height: 456px;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle .slide_inner .image_area {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    height: 456px;
  }
  .turf_detail_section .grass_img {
    bottom: 0px;
    height: 110px;
  }
}
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .thumb_slider_section {
    padding-bottom: 70px;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle {
    height: 450px;
    margin-left: -12%;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle .slide_inner .image_area {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    height: 450px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area p {
    font-size: 16px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area h3 {
    font-size: 40px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area ul li {
    font-size: 16px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area ol li {
    font-size: 16px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area p {
    font-size: 16px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area a {
    font-size: 16px;
  }
  .excellence_section .parent_area {
    padding-top: 70px;
  }
  .excellence_section .parent_area .left_area h3 {
    font-size: 35px;
  }
  .technical_data_section {
    padding: 70px 0;
    margin-bottom: 70px;
  }
  .technical_data_section .parent_area .table_area ul li {
    padding: 20px 0;
  }
  .turf_detail_section {
    padding-block: 70px;
    margin-bottom: 70px;
  }
  .turf_detail_section::after {
    left: -100px;
  }
  .turf_detail_section::before {
    transform: scaleY(0.83) scaleX(1.12);
  }
  .turf_detail_section .grass_img {
    height: 93px;
    bottom: 0;
  }
  .turf_detail_section .parent_area .list_area .table-responsive .table thead tr th {
    padding: 20px 25px;
  }
  .turf_detail_section .parent_area .list_area .table-responsive .table tbody tr td {
    padding: 20px 20px 20px 25px;
  }
  .infill_detail_section {
    padding-bottom: 70px;
  }
  .infill_detail_section .parent_area ul {
    row-gap: 70px;
  }
  .infill_detail_section .parent_area ul .infill_item, .infill_detail_section .parent_area ul .infill_item .top_area {
    border-radius: 26px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content p {
    font-size: 22px;
    line-height: 26px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content .arrow_down {
    width: 135px;
    padding-left: 30px;
    padding-top: 30px;
    border-radius: 30px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area {
    padding: 50px 25px 50px 25px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content h5 {
    font-size: 22px;
    line-height: 24px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .thumb_slider_section {
    padding-bottom: 70px;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle {
    height: 450px;
    margin-left: -12%;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle .slide_inner .image_area {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    height: 450px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area p {
    font-size: 16px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area h3 {
    font-size: 40px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area ul li {
    font-size: 16px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area ol li {
    font-size: 16px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area p {
    font-size: 16px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area a {
    font-size: 16px;
  }
  .excellence_section .parent_area {
    padding-top: 70px;
  }
  .excellence_section .parent_area .left_area h3 {
    font-size: 35px;
  }
  .technical_data_section {
    padding: 70px 0;
    margin-bottom: 70px;
  }
  .technical_data_section .parent_area .table_area ul li {
    padding: 20px 0;
  }
  .turf_detail_section {
    padding-block: 70px;
    margin-bottom: 70px;
  }
  .turf_detail_section::after {
    left: -100px;
    width: 212px;
    height: 212px;
  }
  .turf_detail_section::before {
    transform: scaleY(0.82) scaleX(1.12);
  }
  .turf_detail_section .grass_img {
    height: 93px;
    bottom: 0;
  }
  .turf_detail_section .parent_area .list_area .table-responsive .table thead tr th {
    padding: 18px;
    font-size: 17px;
    line-height: 19px;
  }
  .turf_detail_section .parent_area .list_area .table-responsive .table tbody tr td {
    padding: 18px;
    font-size: 15px;
    line-height: 20px;
  }
  .infill_detail_section {
    padding-bottom: 70px;
  }
  .infill_detail_section .parent_area ul {
    row-gap: 70px;
  }
  .infill_detail_section .parent_area ul .infill_item, .infill_detail_section .parent_area ul .infill_item .top_area {
    border-radius: 26px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content p {
    font-size: 22px;
    line-height: 26px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content .arrow_down {
    width: 135px;
    padding-left: 30px;
    padding-top: 30px;
    border-radius: 30px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area {
    padding: 50px 25px 50px 25px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content h5 {
    font-size: 22px;
    line-height: 24px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .thumb_slider_section {
    padding-bottom: 50px;
  }
  .thumb_slider_section .parent_area .left_area {
    padding-right: 0;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle {
    height: 350px;
    margin-left: -4%;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle .slide_inner .image_area {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    height: 350px;
  }
  .thumb_slider_section .parent_area .left_area .lower_content h4 {
    font-size: 22px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area p {
    font-size: 15px;
    padding-top: 5px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area h3 {
    font-size: 35px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area h6 {
    font-size: 22px;
    padding-top: 5px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h6 {
    font-size: 16px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h5 {
    font-size: 18px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h4 {
    font-size: 20px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h3 {
    font-size: 22px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h2 {
    font-size: 24px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h1 {
    font-size: 26px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area ul li {
    font-size: 15px;
    margin-top: 8px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area ol li {
    font-size: 15px;
    margin-top: 8px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area p {
    font-size: 15px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area a {
    font-size: 15px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area h3 {
    font-size: 22px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent {
    gap: 15px 15px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area {
    width: calc((100% - 60px) / 4);
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area .img_area {
    height: 80px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area p {
    font-size: 14px;
  }
  .thumb_slider_section .parent_area .right_area .lower_content h4 {
    font-size: 22px;
  }
  .gradient_breadcrumb_section .parent_area .left_side {
    padding: 20px 0;
  }
  .gradient_breadcrumb_section .parent_area .left_side h3 {
    font-size: 22px;
  }
  .gradient_breadcrumb_section .parent_area .right_side ul {
    gap: 40px;
  }
  .gradient_breadcrumb_section .parent_area .right_side ul li {
    font-size: 22px;
  }
  .excellence_section .bg_img {
    width: 350px;
  }
  .excellence_section .parent_area {
    padding-top: 50px;
  }
  .excellence_section .parent_area .left_area h3 {
    font-size: 30px;
  }
  .excellence_section .parent_area .left_area .list_area ul {
    max-height: 374px;
  }
  .excellence_section .parent_area .left_area .list_area ul li {
    padding: 20px 30px;
    font-size: 16px;
    border-radius: 10px;
    border-width: 8px;
  }
  .excellence_section .parent_area .right_area .image_area {
    height: 500px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
  }
  .technical_data_section {
    padding: 50px 0;
    margin-bottom: 50px;
  }
  .technical_data_section .bg_img {
    height: 250px;
  }
  .technical_data_section .parent_area h3 {
    font-size: 30px;
  }
  .technical_data_section .parent_area .table_area {
    margin-top: 20px;
  }
  .technical_data_section .parent_area .table_area ul li {
    padding: 15px 0;
    font-size: 16px;
  }
  .technical_data_section .parent_area .table_area ul li span {
    font-size: 18px;
  }
  .turf_detail_section {
    padding-block: 50px;
    margin-bottom: 50px;
  }
  .turf_detail_section::after {
    left: -100px;
    width: 172px;
    height: 172px;
  }
  .turf_detail_section::before {
    transform: scaleY(1) scaleX(1.12);
  }
  .turf_detail_section .grass_img {
    height: 70px;
    bottom: 0;
  }
  .turf_detail_section .parent_area .title_area h3 {
    font-size: 24px;
    line-height: 28px;
  }
  .turf_detail_section .parent_area .list_area {
    padding-top: 20px;
  }
  .turf_detail_section .parent_area .list_area .table-responsive .table thead tr th {
    padding: 15px;
    font-size: 16px;
    line-height: 19px;
  }
  .turf_detail_section .parent_area .list_area .table-responsive .table tbody tr td {
    padding: 15px;
    font-size: 15px;
    line-height: 20px;
  }
  .infill_detail_section {
    padding-bottom: 50px;
  }
  .infill_detail_section .parent_area ul {
    row-gap: 50px;
  }
  .infill_detail_section .parent_area ul .infill_item, .infill_detail_section .parent_area ul .infill_item .top_area {
    border-radius: 20px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .img_area {
    height: 240px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content p {
    font-size: 20px;
    line-height: 22px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content .arrow_down {
    width: 120px;
    padding-left: 20px;
    padding-top: 20px;
    border-radius: 20px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content .arrow_down i {
    font-size: 20px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area {
    padding: 50px 25px 25px 25px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content h5 {
    font-size: 20px;
    line-height: 22px;
    padding-top: 12px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content p {
    font-size: 16px;
    line-height: 20px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content ul {
    margin-top: 12px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content ul li {
    font-size: 16px;
    line-height: 20px;
    padding-top: 12px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .thumb_slider_section {
    padding-bottom: 40px;
  }
  .thumb_slider_section .parent_area .left_area {
    padding-right: 0;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle {
    height: 280px;
    margin-left: -4%;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle .slide_inner .image_area {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    height: 280px;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperThumbs {
    padding-top: 20px;
  }
  .thumb_slider_section .parent_area .left_area .lower_content {
    padding-top: 20px;
  }
  .thumb_slider_section .parent_area .left_area .lower_content h4 {
    font-size: 22px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area p {
    font-size: 15px;
    padding-top: 5px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area h3 {
    font-size: 28px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area h6 {
    font-size: 20px;
    padding-top: 5px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h6 {
    font-size: 16px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h5 {
    font-size: 18px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h4 {
    font-size: 20px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h3 {
    font-size: 22px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h2 {
    font-size: 24px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h1 {
    font-size: 26px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area ul li {
    font-size: 15px;
    margin-top: 8px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area ol li {
    font-size: 15px;
    margin-top: 8px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area p {
    font-size: 15px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area a {
    font-size: 15px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area {
    padding-top: 20px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area h3 {
    font-size: 22px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent {
    gap: 15px 15px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area {
    width: calc((100% - 60px) / 4);
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area .img_area {
    height: 65px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area p {
    font-size: 14px;
  }
  .thumb_slider_section .parent_area .right_area .lower_content {
    padding-top: 20px;
  }
  .thumb_slider_section .parent_area .right_area .lower_content h4 {
    font-size: 22px;
  }
  .gradient_breadcrumb_section .parent_area .left_side {
    padding: 20px 0;
  }
  .gradient_breadcrumb_section .parent_area .left_side .lines {
    right: 20%;
  }
  .gradient_breadcrumb_section .parent_area .left_side h3 {
    font-size: 20px;
  }
  .gradient_breadcrumb_section .parent_area .right_side ul {
    gap: 40px;
  }
  .gradient_breadcrumb_section .parent_area .right_side ul li {
    font-size: 20px;
  }
  .excellence_section .bg_img {
    width: 350px;
  }
  .excellence_section .parent_area {
    padding-top: 40px;
  }
  .excellence_section .parent_area .left_area h3 {
    font-size: 28px;
  }
  .excellence_section .parent_area .left_area .list_area {
    max-height: 334px;
  }
  .excellence_section .parent_area .left_area .list_area ul li {
    padding: 16px 20px;
    font-size: 16px;
    border-radius: 10px;
    border-width: 8px;
  }
  .excellence_section .parent_area .right_area {
    padding-right: 30px;
  }
  .excellence_section .parent_area .right_area .image_area {
    height: 440px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
  }
  .technical_data_section {
    padding: 40px 0;
    margin-bottom: 40px;
  }
  .technical_data_section .bg_img {
    height: 250px;
    width: 200px;
  }
  .technical_data_section .bg_img img {
    object-fit: contain;
  }
  .technical_data_section .parent_area h3 {
    font-size: 28px;
  }
  .technical_data_section .parent_area .table_area {
    margin: 0 auto;
    margin-top: 20px;
  }
  .technical_data_section .parent_area .table_area ul li {
    padding: 15px 0;
    font-size: 16px;
  }
  .technical_data_section .parent_area .table_area ul li span {
    font-size: 18px;
  }
  .turf_detail_section {
    padding-block: 40px;
    margin-bottom: 40px;
  }
  .turf_detail_section::after {
    left: -100px;
    width: 142px;
    height: 142px;
  }
  .turf_detail_section::before {
    transform: scaleY(1) scaleX(1.12);
  }
  .turf_detail_section .grass_img {
    height: 58px;
    bottom: 0;
  }
  .turf_detail_section .parent_area .title_area h3 {
    font-size: 22px;
    line-height: 26px;
  }
  .turf_detail_section .parent_area .list_area {
    padding-top: 15px;
  }
  .turf_detail_section .parent_area .list_area .table-responsive .table thead tr th {
    padding: 15px;
    font-size: 16px;
    line-height: 19px;
  }
  .turf_detail_section .parent_area .list_area .table-responsive .table tbody tr td {
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
  }
  .infill_detail_section {
    padding-bottom: 40px;
  }
  .infill_detail_section .parent_area ul {
    row-gap: 40px;
    column-gap: 30px;
  }
  .infill_detail_section .parent_area ul .infill_item, .infill_detail_section .parent_area ul .infill_item .top_area {
    border-radius: 14px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .img_area {
    height: 178px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content p {
    font-size: 16px;
    line-height: 18px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content .arrow_down {
    width: 110px;
    padding-left: 15px;
    padding-top: 15px;
    border-radius: 14px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content .arrow_down i {
    font-size: 18px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area {
    padding: 50px 15px 15px 15px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content h5 {
    font-size: 20px;
    line-height: 22px;
    padding-top: 12px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content p {
    font-size: 16px;
    line-height: 20px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content ul {
    margin-top: 12px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content ul li {
    font-size: 16px;
    line-height: 20px;
    padding-top: 12px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .thumb_slider_section {
    padding-bottom: 30px;
  }
  .thumb_slider_section .parent_area .left_area {
    padding-right: 0;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle {
    height: 240px;
    margin-left: -4%;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle .slide_inner .image_area {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 240px;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperThumbs {
    padding-top: 20px;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperThumbs .swiper-slide {
    height: 65px;
    width: 65px !important;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperThumbs .slide_inner .image_area {
    height: 65px;
    width: 65px;
  }
  .thumb_slider_section .parent_area .left_area .lower_content {
    padding-top: 15px;
  }
  .thumb_slider_section .parent_area .left_area .lower_content h4 {
    font-size: 20px;
  }
  .thumb_slider_section .parent_area .left_area .lower_content .logo_parent .logo_area {
    width: 50px;
    height: 40px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area p {
    font-size: 14px;
    padding-top: 5px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area h3 {
    font-size: 25px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area h6 {
    font-size: 18px;
    padding-top: 5px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h6 {
    font-size: 16px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h5 {
    font-size: 18px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h4 {
    font-size: 20px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h3 {
    font-size: 22px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h2 {
    font-size: 24px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h1 {
    font-size: 26px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area ul li {
    font-size: 14px;
    margin-top: 8px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area ol li {
    font-size: 14px;
    margin-top: 8px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area p {
    font-size: 14px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area a {
    font-size: 14px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area {
    padding-top: 15px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area h3 {
    font-size: 20px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent {
    gap: 15px 15px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area {
    width: calc((100% - 30px) / 3);
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area .img_area {
    height: 65px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area p {
    font-size: 14px;
  }
  .thumb_slider_section .parent_area .right_area .lower_content {
    padding-top: 15px;
  }
  .thumb_slider_section .parent_area .right_area .lower_content h4 {
    font-size: 20px;
  }
  .thumb_slider_section .parent_area .right_area .lower_content .logo_parent .logo_area {
    width: 50px;
    height: 40px;
  }
  .gradient_breadcrumb_section .parent_area .left_side {
    padding: 15px 0;
  }
  .gradient_breadcrumb_section .parent_area .left_side .lines {
    right: 20%;
  }
  .gradient_breadcrumb_section .parent_area .left_side h3 {
    font-size: 16px;
  }
  .gradient_breadcrumb_section .parent_area .right_side ul {
    gap: 20px;
  }
  .gradient_breadcrumb_section .parent_area .right_side ul li {
    font-size: 16px;
    gap: 5px;
  }
  .gradient_breadcrumb_section .parent_area .right_side ul li:before {
    height: 12px;
    width: 12px;
  }
  .excellence_section .bg_img {
    width: 250px;
  }
  .excellence_section .parent_area {
    padding-top: 30px;
  }
  .excellence_section .parent_area .left_area h3 {
    font-size: 25px;
    padding-bottom: 10px;
  }
  .excellence_section .parent_area .left_area .list_area {
    max-height: 278px;
  }
  .excellence_section .parent_area .left_area .list_area ul {
    gap: 12px;
  }
  .excellence_section .parent_area .left_area .list_area ul li {
    padding: 14px 12px;
    font-size: 14px;
    border-radius: 8px;
    border-width: 5px;
  }
  .excellence_section .parent_area .right_area {
    padding-right: 30px;
  }
  .excellence_section .parent_area .right_area .image_area {
    height: 330px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }
  .technical_data_section {
    padding: 30px 0;
    margin-bottom: 30px;
  }
  .technical_data_section .bg_img {
    height: 200px;
    width: 200px;
  }
  .technical_data_section .bg_img img {
    object-fit: contain;
  }
  .technical_data_section .parent_area h3 {
    font-size: 25px;
  }
  .technical_data_section .parent_area .table_area {
    margin: 0 auto;
    margin-top: 15px;
  }
  .technical_data_section .parent_area .table_area ul li {
    padding: 12px 0;
    font-size: 14px;
    gap: 0 15px;
  }
  .technical_data_section .parent_area .table_area ul li span {
    font-size: 16px;
  }
  .turf_detail_section {
    padding-block: 30px;
    margin-bottom: 30px;
  }
  .turf_detail_section::after {
    left: -30px;
    width: 102px;
    height: 102px;
  }
  .turf_detail_section::before {
    transform: scaleY(1) scaleX(1.12);
    bottom: 0;
  }
  .turf_detail_section .grass_img {
    height: 50px;
    bottom: 0;
  }
  .turf_detail_section .parent_area .title_area h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .turf_detail_section .parent_area .list_area {
    padding-top: 15px;
  }
  .turf_detail_section .parent_area .list_area .table-responsive .table thead tr th {
    padding: 15px;
    font-size: 16px;
    line-height: 19px;
  }
  .turf_detail_section .parent_area .list_area .table-responsive .table tbody tr td {
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
  }
  .infill_detail_section {
    padding-bottom: 30px;
  }
  .infill_detail_section .parent_area ul {
    row-gap: 25px;
    column-gap: 25px;
  }
  .infill_detail_section .parent_area ul .infill_item, .infill_detail_section .parent_area ul .infill_item .top_area {
    border-radius: 10px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .img_area {
    height: 154px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content p {
    font-size: 14px;
    line-height: 16px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content .arrow_down {
    width: 100px;
    padding-left: 10px;
    padding-top: 10px;
    border-radius: 10px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content .arrow_down i {
    font-size: 16px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area {
    padding: 50px 15px 15px 15px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content h5 {
    font-size: 18px;
    line-height: 20px;
    padding-top: 10px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content p {
    font-size: 14px;
    line-height: 18px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content ul {
    margin-top: 10px;
    padding-left: 26px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content ul::after {
    left: 10px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content ul li {
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .thumb_slider_section {
    padding-bottom: 25px;
  }
  .thumb_slider_section .parent_area .left_area {
    padding-right: 0;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle {
    height: 260px;
    margin-left: -4%;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle .slide_inner .image_area {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 260px;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperThumbs {
    padding-top: 20px;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperThumbs .swiper-slide {
    height: 65px;
    width: 65px !important;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperThumbs .slide_inner .image_area {
    height: 65px;
    width: 65px;
  }
  .thumb_slider_section .parent_area .left_area .lower_content {
    padding-top: 15px;
  }
  .thumb_slider_section .parent_area .left_area .lower_content h4 {
    font-size: 20px;
  }
  .thumb_slider_section .parent_area .left_area .lower_content .logo_parent .logo_area {
    width: 50px;
    height: 40px;
  }
  .thumb_slider_section .parent_area .right_area {
    padding-top: 20px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area p {
    font-size: 14px;
    padding-top: 5px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area h3 {
    font-size: 22px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area h6 {
    font-size: 18px;
    padding-top: 5px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h6 {
    font-size: 16px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h5 {
    font-size: 18px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h4 {
    font-size: 20px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h3 {
    font-size: 22px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h2 {
    font-size: 24px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h1 {
    font-size: 26px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area ul li {
    font-size: 14px;
    margin-top: 8px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area ol li {
    font-size: 14px;
    margin-top: 8px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area p {
    font-size: 14px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area a {
    font-size: 14px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area {
    padding-top: 15px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area h3 {
    font-size: 20px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent {
    gap: 15px 15px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area {
    width: calc((100% - 30px) / 3);
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area .img_area {
    height: 65px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area p {
    font-size: 14px;
  }
  .thumb_slider_section .parent_area .right_area .lower_content {
    padding-top: 15px;
  }
  .thumb_slider_section .parent_area .right_area .lower_content h4 {
    font-size: 20px;
  }
  .thumb_slider_section .parent_area .right_area .lower_content .logo_parent .logo_area {
    width: 50px;
    height: 40px;
  }
  .gradient_breadcrumb_section .parent_area .left_side {
    padding: 12px 0;
  }
  .gradient_breadcrumb_section .parent_area .left_side .lines {
    display: none;
    gap: 3px;
    right: 15%;
  }
  .gradient_breadcrumb_section .parent_area .left_side .lines .line {
    width: 2px;
  }
  .gradient_breadcrumb_section .parent_area .left_side .lines .line.line_thin {
    width: 1px;
  }
  .gradient_breadcrumb_section .parent_area .left_side h3 {
    font-size: 14px;
  }
  .gradient_breadcrumb_section .parent_area .right_side ul {
    gap: 20px;
  }
  .gradient_breadcrumb_section .parent_area .right_side ul li {
    font-size: 14px;
    gap: 5px;
  }
  .gradient_breadcrumb_section .parent_area .right_side ul li:before {
    height: 12px;
    width: 12px;
  }
  .excellence_section .bg_img {
    display: none;
    width: 250px;
  }
  .excellence_section .parent_area {
    padding-top: 20px;
  }
  .excellence_section .parent_area .left_area h3 {
    font-size: 22px;
    padding-bottom: 10px;
  }
  .excellence_section .parent_area .left_area .list_area {
    max-height: 278px;
  }
  .excellence_section .parent_area .left_area .list_area ul {
    gap: 12px;
  }
  .excellence_section .parent_area .left_area .list_area ul li {
    padding: 14px 12px;
    font-size: 14px;
    border-radius: 8px;
    border-width: 5px;
  }
  .excellence_section .parent_area .right_area {
    padding-right: 0px;
    padding-top: 20px;
  }
  .excellence_section .parent_area .right_area .image_area {
    height: 400px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }
  .technical_data_section {
    padding: 25px 0;
    margin-bottom: 25px;
  }
  .technical_data_section .bg_img {
    height: 200px;
    display: none;
  }
  .technical_data_section .ball_image {
    display: none;
  }
  .technical_data_section .parent_area h3 {
    font-size: 22px;
  }
  .technical_data_section .parent_area .table_area {
    margin: 0 auto;
    margin-top: 15px;
    padding: 0 15px;
  }
  .technical_data_section .parent_area .table_area ul li {
    width: 100%;
    padding: 12px 15px;
    font-size: 14px;
    gap: 0 15px;
  }
  .technical_data_section .parent_area .table_area ul li span {
    font-size: 16px;
  }
  .turf_detail_section {
    padding-block: 25px;
    margin-bottom: 25px;
  }
  .turf_detail_section::after {
    left: -30px;
    width: 72px;
    height: 72px;
  }
  .turf_detail_section::before {
    transform: scaleY(1) scaleX(1.12);
    bottom: 0;
  }
  .turf_detail_section .grass_img {
    height: 40px;
    bottom: 0;
  }
  .turf_detail_section .parent_area .title_area h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .turf_detail_section .parent_area .list_area {
    padding-top: 15px;
  }
  .turf_detail_section .parent_area .list_area .table-responsive {
    border-radius: 8px;
  }
  .turf_detail_section .parent_area .list_area .table-responsive .table thead tr th {
    padding: 15px;
    font-size: 16px;
    line-height: 19px;
  }
  .turf_detail_section .parent_area .list_area .table-responsive .table tbody tr td {
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
  }
  .infill_detail_section {
    padding-bottom: 25px;
  }
  .infill_detail_section .parent_area ul {
    row-gap: 15px;
    column-gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }
  .infill_detail_section .parent_area ul .infill_item, .infill_detail_section .parent_area ul .infill_item .top_area {
    border-radius: 10px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .img_area {
    height: 175px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content p {
    font-size: 14px;
    line-height: 16px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content .arrow_down {
    width: 100px;
    padding-left: 10px;
    padding-top: 10px;
    border-radius: 10px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content .arrow_down i {
    font-size: 16px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area {
    padding: 50px 15px 15px 15px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content h5 {
    font-size: 18px;
    line-height: 20px;
    padding-top: 10px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content p {
    font-size: 14px;
    line-height: 18px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content ul {
    margin-top: 10px;
    padding-left: 26px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content ul::after {
    left: 10px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content ul li {
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .thumb_slider_section {
    padding-bottom: 25px;
  }
  .thumb_slider_section .parent_area .left_area {
    padding-right: 0;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle {
    height: 260px;
    margin-left: -4%;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperSingle .slide_inner .image_area {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 260px;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperThumbs {
    padding-top: 20px;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperThumbs .swiper-slide {
    height: 65px;
    width: 65px !important;
  }
  .thumb_slider_section .parent_area .left_area .slider_area .mySwiperThumbs .slide_inner .image_area {
    height: 65px;
    width: 65px;
  }
  .thumb_slider_section .parent_area .left_area .lower_content {
    padding-top: 15px;
  }
  .thumb_slider_section .parent_area .left_area .lower_content h4 {
    font-size: 20px;
  }
  .thumb_slider_section .parent_area .left_area .lower_content .logo_parent .logo_area {
    width: 50px;
    height: 40px;
  }
  .thumb_slider_section .parent_area .right_area {
    padding-top: 20px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area p {
    font-size: 14px;
    padding-top: 5px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area h3 {
    font-size: 22px;
  }
  .thumb_slider_section .parent_area .right_area .upper_area h6 {
    font-size: 18px;
    padding-top: 5px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h6 {
    font-size: 16px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h5 {
    font-size: 18px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h4 {
    font-size: 20px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h3 {
    font-size: 22px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h2 {
    font-size: 24px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area h1 {
    font-size: 26px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area ul li {
    font-size: 14px;
    margin-top: 8px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area ol li {
    font-size: 14px;
    margin-top: 8px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area p {
    font-size: 14px;
  }
  .thumb_slider_section .parent_area .right_area .editor_area a {
    font-size: 14px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area {
    padding-top: 15px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area h3 {
    font-size: 20px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent {
    gap: 15px 15px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area {
    width: calc((100% - 30px) / 3);
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area .img_area {
    height: 65px;
  }
  .thumb_slider_section .parent_area .right_area .colors_area .card_parent .card_area p {
    font-size: 14px;
  }
  .thumb_slider_section .parent_area .right_area .lower_content {
    padding-top: 15px;
  }
  .thumb_slider_section .parent_area .right_area .lower_content h4 {
    font-size: 20px;
  }
  .thumb_slider_section .parent_area .right_area .lower_content .logo_parent .logo_area {
    width: 50px;
    height: 40px;
  }
  .gradient_breadcrumb_section .parent_area .left_side {
    padding: 12px 0;
  }
  .gradient_breadcrumb_section .parent_area .left_side .lines {
    display: none;
    gap: 3px;
    right: 15%;
  }
  .gradient_breadcrumb_section .parent_area .left_side .lines .line {
    width: 2px;
  }
  .gradient_breadcrumb_section .parent_area .left_side .lines .line.line_thin {
    width: 1px;
  }
  .gradient_breadcrumb_section .parent_area .left_side h3 {
    font-size: 14px;
  }
  .gradient_breadcrumb_section .parent_area .right_side ul {
    gap: 20px;
  }
  .gradient_breadcrumb_section .parent_area .right_side ul li {
    font-size: 14px;
    gap: 5px;
  }
  .gradient_breadcrumb_section .parent_area .right_side ul li:before {
    height: 12px;
    width: 12px;
  }
  .excellence_section .bg_img {
    display: none;
    width: 250px;
  }
  .excellence_section .parent_area {
    padding-top: 20px;
  }
  .excellence_section .parent_area .left_area h3 {
    font-size: 22px;
    padding-bottom: 10px;
  }
  .excellence_section .parent_area .left_area .list_area {
    max-height: 278px;
  }
  .excellence_section .parent_area .left_area .list_area ul {
    gap: 12px;
  }
  .excellence_section .parent_area .left_area .list_area ul li {
    padding: 14px 12px;
    font-size: 14px;
    border-radius: 8px;
    border-width: 5px;
  }
  .excellence_section .parent_area .right_area {
    padding-right: 0px;
    padding-top: 20px;
  }
  .excellence_section .parent_area .right_area .image_area {
    height: 400px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }
  .technical_data_section {
    padding: 25px 0;
    margin-bottom: 25px;
  }
  .technical_data_section .bg_img {
    height: 200px;
    display: none;
  }
  .technical_data_section .ball_image {
    display: none;
  }
  .technical_data_section .parent_area h3 {
    font-size: 22px;
  }
  .technical_data_section .parent_area .table_area {
    margin: 0 auto;
    margin-top: 15px;
    padding: 0 15px;
  }
  .technical_data_section .parent_area .table_area ul li {
    width: 100%;
    padding: 12px 12px;
    font-size: 14px;
    gap: 0 15px;
  }
  .technical_data_section .parent_area .table_area ul li span {
    font-size: 16px;
  }
  .turf_detail_section {
    padding-block: 25px;
    margin-bottom: 25px;
  }
  .turf_detail_section::after {
    left: -30px;
    width: 72px;
    height: 72px;
  }
  .turf_detail_section::before {
    transform: scaleY(1) scaleX(1.12);
    bottom: 0;
  }
  .turf_detail_section .grass_img {
    height: 40px;
    bottom: 0;
  }
  .turf_detail_section .parent_area .title_area h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .turf_detail_section .parent_area .list_area {
    padding-top: 15px;
  }
  .turf_detail_section .parent_area .list_area .table-responsive {
    border-radius: 8px;
  }
  .turf_detail_section .parent_area .list_area .table-responsive .table thead tr th {
    padding: 15px;
    font-size: 16px;
    line-height: 19px;
  }
  .turf_detail_section .parent_area .list_area .table-responsive .table tbody tr td {
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
  }
  .infill_detail_section {
    padding-bottom: 25px;
  }
  .infill_detail_section .parent_area ul {
    row-gap: 15px;
    column-gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }
  .infill_detail_section .parent_area ul .infill_item, .infill_detail_section .parent_area ul .infill_item .top_area {
    border-radius: 10px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .img_area {
    height: 167px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content p {
    font-size: 14px;
    line-height: 16px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content .arrow_down {
    width: 100px;
    padding-left: 10px;
    padding-top: 10px;
    border-radius: 10px;
  }
  .infill_detail_section .parent_area ul .infill_item .top_area .top_content .arrow_down i {
    font-size: 16px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area {
    padding: 50px 15px 15px 15px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content h5 {
    font-size: 18px;
    line-height: 20px;
    padding-top: 10px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content p {
    font-size: 14px;
    line-height: 18px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content ul {
    margin-top: 10px;
    padding-left: 26px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content ul::after {
    left: 10px;
  }
  .infill_detail_section .parent_area ul .infill_item .bottom_area .content ul li {
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
@property --start {
  syntax: "<color>";
  inherits: false;
  initial-value: #E5230E;
}
@property --end {
  syntax: "<color>";
  inherits: false;
  initial-value: #E84508;
}
.play_section {
  margin-bottom: 90px;
}
.play_section .parent_area .left .slider_area .play_slider_main {
  margin-left: -50%;
  margin-bottom: 32px;
}
.play_section .parent_area .left .slider_area .play_slider_main .item .img_area {
  height: 525px;
  border-top-right-radius: 68px;
  border-bottom-right-radius: 68px;
  overflow: hidden;
}
.play_section .parent_area .left .thumbs_slider {
  display: flex;
  align-items: center;
  justify-items: flex-end;
  gap: 13px;
}
.play_section .parent_area .left .thumbs_slider .series_next_prev {
  width: 16px;
  aspect-ratio: 1/1.5;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: #E84508;
}
.play_section .parent_area .left .thumbs_slider .series_next_prev.swiper-button-disabled {
  opacity: 0.5;
  filter: grayscale(1);
  cursor: default;
}
.play_section .parent_area .left .thumbs_slider .play_slider_thumbs {
  flex-grow: 1;
}
.play_section .parent_area .left .thumbs_slider .play_slider_thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .item .img_area {
  border: 6px solid transparent;
  background: linear-gradient(136.31deg, rgba(103, 174, 110, 0.3) 0.86%, rgba(50, 142, 110, 0.3) 117.99%);
}
.play_section .parent_area .left .thumbs_slider .play_slider_thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .item p {
  color: #E84508;
}
.play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item {
  width: 85px;
}
.play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item .img_area {
  background: #ffffff;
  overflow: hidden;
  border-radius: 14px;
  width: 100%;
  aspect-ratio: 1/1;
}
.play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 17px;
  color: #7a7a7a;
  text-align: center;
}
.play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item:has(p) .img_area {
  margin-bottom: 12px;
}
.play_section .parent_area .right {
  position: relative;
}
.play_section .parent_area .right .title {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 18px;
}
.play_section .parent_area .right .title h3 {
  flex-grow: 1;
  font-family: "Trial Sagace";
  color: #E84508;
  font-weight: 700;
  vertical-align: middle;
  align-content: center;
  font-size: 46px;
}
.play_section .parent_area .right .title .img_area {
  flex-shrink: 0;
  aspect-ratio: 114/92;
  width: 114px;
}
.play_section .parent_area .right .editor_area {
  font-family: "General Sans";
}
.play_section .parent_area .right .editor_area > :first-child {
  margin-top: 0;
}
.play_section .parent_area .right .editor_area p {
  margin-top: 25px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #707070;
  letter-spacing: 0.1px;
}
.play_section.gem_play_section .parent_area .top {
  margin-bottom: 80px;
}
.play_section.gem_play_section .parent_area .top .title {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  margin-bottom: 16px;
}
.play_section.gem_play_section .parent_area .top .title h3 {
  color: #E84508;
  font-weight: 700;
  font-size: 32px;
  line-height: 36px;
  flex-shrink: 0;
}
.play_section.gem_play_section .parent_area .top .title .line {
  align-self: flex-end;
  transform: translateY(-10px);
  height: 1px;
  width: 100%;
  background-color: #E84508;
}
.play_section.gem_play_section .parent_area .top .size {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 40px;
}
.play_section.gem_play_section .parent_area .top .size p {
  color: #171717;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
}
.play_section.gem_play_section .parent_area .top .size span {
  display: block;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  color: #7a7a7a;
}
.play_section.gem_play_section .parent_area .top .colors p {
  font-weight: 500;
  font-size: 24px;
  color: #171717;
  margin-bottom: 30px;
}
.play_section.gem_play_section .parent_area .top .colors ul {
  display: flex;
  align-items: center;
  gap: 22px;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-gutter: auto;
}
.play_section.gem_play_section .parent_area .top .colors ul li {
  color: #ffffff;
  padding: 12px 24px;
  position: relative;
  border-width: 6px;
  border-style: solid;
  border-radius: 50px;
  overflow: hidden;
  display: grid;
  place-items: center;
  font-family: "General Sans";
  font-weight: 600;
  font-size: 18px;
  flex-shrink: 0;
  cursor: pointer;
}
.play_section.gem_play_section .parent_area .top .colors ul li.active.green {
  border-color: #97edb9;
}
.play_section.gem_play_section .parent_area .top .colors ul li.active.red {
  border-color: rgba(232, 69, 8, 0.3019607843);
}
.play_section.gem_play_section .parent_area .top .colors ul li.active.grey {
  border-color: #b1b1b1;
}
.play_section.gem_play_section .parent_area .top .colors ul li.active.blue {
  border-color: #b3b9d6;
}
.play_section.gem_play_section .parent_area .top .colors ul li.active.orange {
  border-color: #ffb995;
}
.play_section.gem_play_section .parent_area .top .colors ul li .color_img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.play_section.gem_play_section .parent_area .top .wood_picker ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 43px;
  row-gap: 20px;
}
.play_section.gem_play_section .parent_area .top .wood_picker ul li {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  border: 6px solid transparent;
}
.play_section.gem_play_section .parent_area .top .wood_picker ul li.active {
  border-color: #FFE1D5;
}
.play_section.gem_play_section .parent_area .top .wood_picker ul li .wood_img {
  aspect-ratio: 570/245;
  width: 100%;
}
.play_section.gem_play_section .parent_area .top .wood_picker ul li p {
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: 500;
  font-size: 22px;
  color: #ffffff;
  background-color: #E5230E;
  padding: 10px 20px;
  border-radius: 10px;
}
.play_section.track_system .parent_area .right {
  padding-top: 90px;
  padding-left: 30px;
}

.play_description {
  margin-bottom: 90px;
  overflow-x: clip;
}
.play_description .parent_area .left h3 {
  font-family: "Trial Sagace";
  font-weight: 700;
  color: #171717;
  font-size: 26px;
  margin-bottom: 20px;
}
.play_description .parent_area .left .editor_area > :first-child {
  margin-top: 0px;
}
.play_description .parent_area .left .editor_area p {
  font-family: "General Sans";
  margin-top: 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.1px;
  color: #707070;
}
.play_description .parent_area .right .outer_area {
  border-radius: 30px;
  border: 16px solid #ffffff;
}
.play_description .parent_area .right .outer_area .img_area {
  max-width: 100%;
  width: 720px;
  margin-inline: auto;
  overflow: hidden;
  height: 342px;
  border-radius: 12px;
}
.play_description .parent_area .right {
  position: relative;
  padding-block: 30px;
}
.play_description .parent_area .right::after {
  content: "";
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #E84508;
  width: 150%;
  height: 100%;
  z-index: -1;
}
.play_description.wood_description .parent_area .right::after {
  clip-path: polygon(0% 100%, 100% -100%, 100% 0%, 100% 100%);
}

.court_section {
  margin-bottom: 90px;
}
.court_section .title {
  margin-bottom: 30px;
}
.court_section .title h3 {
  text-align: center;
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  vertical-align: middle;
  color: #E84508;
}
.court_section .court_detail_area {
  position: relative;
}
.court_section .court_detail_area::after {
  width: 50%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
  background-color: #FAFAFA;
  z-index: -1;
}
.court_section .court_detail_area .parent_area {
  padding-block: 60px;
}
.court_section .court_detail_area .parent_area .img_title {
  text-align: center;
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  vertical-align: middle;
  margin-bottom: 17px;
}
.court_section .court_detail_area .parent_area .img_title span {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #707070;
}
.court_section .court_detail_area .parent_area .detail_area {
  display: grid;
  grid-template-columns: 368px 1fr 368px;
  grid-template-rows: auto;
  row-gap: 30px;
  column-gap: 40px;
}
.court_section .court_detail_area .parent_area .detail_area ul {
  display: contents;
}
.court_section .court_detail_area .parent_area .detail_area ul li {
  position: relative;
  max-width: 100%;
}
.court_section .court_detail_area .parent_area .detail_area ul li h4 {
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  vertical-align: middle;
  margin-bottom: 8px;
  color: #171717;
}
.court_section .court_detail_area .parent_area .detail_area ul li p {
  width: 311px;
  max-width: 100%;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #707070;
}
.court_section .court_detail_area .parent_area .detail_area ul li .img_area {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  height: auto;
}
.court_section .court_detail_area .parent_area .detail_area ul li:nth-child(1) .img_area {
  width: 150px;
  top: 10%;
  right: -43%;
}
.court_section .court_detail_area .parent_area .detail_area ul li:nth-child(2) .img_area {
  width: 241px;
  top: 10%;
  left: -70%;
}
.court_section .court_detail_area .parent_area .detail_area ul li:nth-child(3) .img_area {
  top: 10%;
  right: -70%;
  width: 265px;
}
.court_section .court_detail_area .parent_area .detail_area ul li:nth-child(4) .img_area {
  top: 10%;
  left: -30%;
  width: 97px;
}
.court_section .court_detail_area .parent_area .detail_area ul li:nth-child(5) .img_area {
  top: -15%;
  right: -65%;
  width: 240px;
}
.court_section .court_detail_area .parent_area .detail_area ul li:nth-child(6) .img_area {
  top: -25%;
  left: -60%;
  width: 210px;
}
.court_section .court_detail_area .parent_area .detail_area .center {
  grid-column: 2/3;
  grid-row: 1/4;
  display: grid;
  place-items: center;
  height: 449px;
  position: relative;
}
.court_section .court_detail_area .parent_area .detail_area .center::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 80%;
  height: 100%;
  border-radius: 28px;
  background-color: #FFE9E0;
  margin-inline: auto;
}
.court_section .court_detail_area .parent_area .detail_area .center .img_area {
  position: relative;
  aspect-ratio: 491/311;
  z-index: 2;
  height: 311px;
}
.court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(2) .img_area {
  left: -62%;
  width: 210px;
}
.court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(3) .img_area {
  right: -55%;
  width: 205px;
}
.court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(4) .img_area {
  left: -62%;
  top: 35%;
  width: 220px;
}
.court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(5) .img_area {
  top: -45%;
  right: -75%;
  width: 280px;
}
.court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(6) .img_area {
  top: -9%;
}
.court_section.glory_structure .court_detail_area .parent_area .detail_area .center {
  height: 410px;
}

.parameter_section .inner_main {
  position: relative;
  padding-block: 42px;
}
.parameter_section .inner_main::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #FAFAFA;
  border-radius: 0 20px 20px 0;
  height: 100%;
  width: 25%;
  z-index: -1;
}
.parameter_section .inner_main .parent_area .img_area {
  height: 644px;
  aspect-ratio: 260/549;
  margin-inline: auto;
}
.parameter_section .inner_main .parent_area .details {
  display: grid;
  height: 100%;
  align-content: center;
  row-gap: 30px;
  width: 700px;
  margin-inline: auto;
  max-width: 100%;
}
.parameter_section .inner_main .parent_area .details h4 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 26px;
  line-height: 28px;
  vertical-align: middle;
  color: #171717;
}
.parameter_section .inner_main .parent_area .details ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 34px;
}
.parameter_section .inner_main .parent_area .details ul li {
  display: flex;
  gap: 18px;
  padding-block: 25px;
  border-bottom: 1px solid #d9d9d9;
  align-items: baseline;
}
.parameter_section .inner_main .parent_area .details ul li:first-child, .parameter_section .inner_main .parent_area .details ul li:nth-child(2) {
  border-top: 1px solid #d9d9d9;
}
.parameter_section .inner_main .parent_area .details ul li h5 {
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  color: #171717;
}
.parameter_section .inner_main .parent_area .details ul li p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #7a7a7a;
}

.quote_area {
  margin-bottom: 90px;
  background-color: #171717;
  position: relative;
  padding-block: 36px;
}
.quote_area::after {
  content: "";
  position: absolute;
  width: 244px;
  height: 127px;
  max-height: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-size: cover;
  background-position: center;
  background-image: url("../images/arrow_right_left.png");
}
.quote_area::before {
  content: "";
  position: absolute;
  width: 244px;
  height: 127px;
  max-height: 100%;
  top: 50%;
  transform: translateY(-50%) scaleX(-1);
  right: 0;
  background-size: cover;
  background-position: center;
  background-image: url("../images/arrow_right_left.png");
}
.quote_area .parent_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
  z-index: 1;
}
.quote_area .parent_area .heading h3 {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  font-family: "Trial Sagace";
}
.quote_area .parent_area .btn_area {
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.quote_area .parent_area .btn_area .quote_btn {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  background: linear-gradient(90.46deg, #67ae6e 5.55%, #328e6e 104.03%);
  background: -webkit-linear-gradient(90.46deg, #67ae6e 5.55%, #328e6e 104.03%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 15px 35px;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.quote_area .parent_area .btn_area::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #ffffff;
  z-index: 1;
}
.quote_area.no_spacing {
  margin: 0;
}

.advantages_section {
  margin-bottom: 90px;
}
.advantages_section .parent_area .top_area {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  gap: 12px;
}
.advantages_section .parent_area .top_area h3 {
  flex-grow: 1;
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 26px;
  line-height: 28px;
  color: #171717;
}
.advantages_section .parent_area .top_area .nav_area {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 15px;
}
.advantages_section .parent_area .top_area .nav_area .prev-next {
  width: 43px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #E5230E;
  cursor: pointer;
  border: 1px solid #E5230E;
}
.advantages_section .parent_area .top_area .nav_area .prev-next:hover {
  color: #ffffff;
  background-color: #E5230E;
}
.advantages_section .parent_area .top_area .nav_area .prev-next.swiper-button-disabled {
  opacity: 0.5;
  filter: grayscale(1);
  pointer-events: none;
}
.advantages_section .bottom_area {
  position: relative;
}
.advantages_section .bottom_area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  clip-path: polygon(0% 0%, 101% -1%, 100% 15%, 0% 0%);
  background-color: #ffffff;
  z-index: 2;
  height: 100%;
}
.advantages_section .bottom_area .advantage_slider {
  margin-bottom: 55px;
}
.advantages_section .bottom_area .advantage_slider .swiper-wrapper .swiper-slide.active .item .outer .content::after {
  opacity: 0.9;
}
.advantages_section .bottom_area .advantage_slider .swiper-wrapper .swiper-slide.active .item .outer .content .details {
  transform: translateY(0%);
}
.advantages_section .bottom_area .advantage_slider .swiper-wrapper .swiper-slide.active .item .outer .icon {
  --start: #fff;
  --end: #fff;
  color: #E5230E;
}
.advantages_section .bottom_area .advantage_slider .swiper-wrapper .swiper-slide.active .item .outer .icon i {
  transform: scaleY(-1);
}
.advantages_section .bottom_area .advantage_slider .item .outer {
  position: relative;
}
.advantages_section .bottom_area .advantage_slider .item .outer .icon {
  position: absolute;
  width: 218px;
  aspect-ratio: 218/66;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  color: #ffffff;
  font-size: 20px;
  z-index: 2;
  padding-top: 5px;
  -webkit-clip-path: url(#myClip);
  clip-path: url(#myClip);
  background: linear-gradient(129.07deg, var(--start) 2.47%, var(--end) 111.94%);
  transition: --start 0.4s linear, --end 0.4s linear, color 0.4s ease;
}
.advantages_section .bottom_area .advantage_slider .item .outer .icon i {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  font-weight: 400;
  -webkit-transition: transform 0.4s ease;
  -moz-transition: transform 0.4s ease;
  -ms-transition: transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
}
.advantages_section .bottom_area .advantage_slider .item .outer .img_area {
  height: 664px;
}
.advantages_section .bottom_area .advantage_slider .item .outer .content {
  position: absolute;
  display: grid;
  place-items: center;
  inset: 0;
  padding: 12px;
}
.advantages_section .bottom_area .advantage_slider .item .outer .content::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: linear-gradient(129.07deg, var(--start) 2.47%, var(--end) 111.94%);
  transition: --start 0.6s linear, --end 0.6s linear, opacity 0.6s ease;
}
.advantages_section .bottom_area .advantage_slider .item .outer .content .details {
  width: 80%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin-inline: auto;
  transform: translateY(100%);
  -webkit-transition: transform 0.6s ease;
  -moz-transition: transform 0.6s ease;
  -ms-transition: transform 0.6s ease;
  -o-transition: transform 0.6s ease;
  transition: transform 0.6s ease;
}
.advantages_section .bottom_area .advantage_slider .item .outer .content .details h4 {
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 8px;
  color: #ffffff;
}
.advantages_section .bottom_area .advantage_slider .item .outer .content .details p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.11px;
  text-align: center;
  color: #ffffff;
}
.advantages_section .bottom_area .advantage_bullets {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.advantages_section .bottom_area .advantage_bullets .swiper-pagination-bullet {
  margin: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 14px;
  height: 5px;
  border-radius: 20px;
  background-color: rgb(248.4320987654, 157.4197530864, 147.5679012346);
}
.advantages_section .bottom_area .advantage_bullets .swiper-pagination-bullet-active {
  width: 44px;
  background-color: #E5230E;
}

.sport_feature_section {
  margin-bottom: 90px;
}
.sport_feature_section .parent_area .top_area {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  gap: 12px;
}
.sport_feature_section .parent_area .top_area h3 {
  flex-grow: 1;
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  vertical-align: middle;
  color: #E84508;
  text-align: center;
}
.sport_feature_section .parent_area .top_area .nav_area {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 15px;
}
.sport_feature_section .parent_area .top_area .nav_area .prev-next {
  width: 43px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #E5230E;
  cursor: pointer;
  border: 1px solid #E5230E;
}
.sport_feature_section .parent_area .top_area .nav_area .prev-next:hover {
  color: #ffffff;
  background-color: #E5230E;
}
.sport_feature_section .parent_area .top_area .nav_area .prev-next.swiper-button-disabled {
  opacity: 0.5;
  filter: grayscale(1);
  pointer-events: none;
}
.sport_feature_section .parent_area .bottom_area .image_slider .item .img_area {
  width: 214px;
  height: 220px;
  margin-bottom: 25px;
  margin-inline: auto;
}
.sport_feature_section .parent_area .bottom_area .image_slider .item p {
  font-family: "Trial Sagace";
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  color: #171717;
}
.sport_feature_section.excelence_section .parent_area .top_area h3 {
  align-self: flex-end;
  flex-grow: 0;
  flex-shrink: 1;
}
.sport_feature_section.excelence_section .parent_area .top_area .line {
  flex-grow: 1;
  background-color: #E84508;
  height: 1px;
  align-self: flex-end;
  transform: translateY(-7px);
}
.sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area {
  margin-inline: auto;
  width: 214px;
  aspect-ratio: 214/219;
  margin-bottom: 24px;
  background-color: #FFF2ED;
  border-radius: 16px;
  clip-path: url("#excelence");
  display: grid;
  place-items: center;
}
.sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area .inner_img {
  margin-inline: auto;
  width: 137px;
  aspect-ratio: 137/116;
}
.sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area .inner_img img {
  object-fit: contain;
}

.glory_mm_section {
  margin-bottom: 90px;
}
.glory_mm_section .parent_area .left .big_img_area {
  margin-left: -50%;
  border-radius: 0 68px 68px 0;
  height: 525px;
  overflow: hidden;
  margin-bottom: 40px;
}
.glory_mm_section .parent_area .left .thumbs_picker ul {
  display: flex;
  align-items: center;
  column-gap: 25px;
  flex-wrap: wrap;
  row-gap: 12px;
}
.glory_mm_section .parent_area .left .thumbs_picker ul li {
  flex-shrink: 0;
}
.glory_mm_section .parent_area .left .thumbs_picker ul li.active .img_area {
  border: 6px solid transparent;
  background: linear-gradient(136.31deg, rgba(103, 174, 110, 0.3) 0.86%, rgba(50, 142, 110, 0.3) 117.99%);
}
.glory_mm_section .parent_area .left .thumbs_picker ul li.active p {
  color: #E84508;
}
.glory_mm_section .parent_area .left .thumbs_picker ul li .img_area {
  width: 55px;
  border-radius: 5px;
  overflow: hidden;
  aspect-ratio: 1/1;
  margin-bottom: 10px;
  margin-inline: auto;
}
.glory_mm_section .parent_area .left .thumbs_picker ul li .img_area img {
  border-radius: 3px;
}
.glory_mm_section .parent_area .left .thumbs_picker ul li p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  color: #7a7a7a;
}
.glory_mm_section .parent_area .right {
  padding-left: 60px;
}
.glory_mm_section .parent_area .right h3 {
  font-family: "Trial Sagace";
  font-weight: 700;
  font-size: 46px;
  line-height: 46px;
  color: #E84508;
  margin-bottom: 35px;
}
.glory_mm_section .parent_area .right ul li {
  padding-block: 28px;
  display: flex;
  align-items: first baseline;
  gap: 18px;
  border-top: 1px solid #d9d9d9;
}
.glory_mm_section .parent_area .right ul li h6 {
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  color: #171717;
  max-width: 178px;
  flex-shrink: 0;
}
.glory_mm_section .parent_area .right ul li p {
  font-family: "General Sans";
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #707070;
  margin-bottom: 0;
}
.glory_mm_section .parent_area .right ul li .img_area {
  width: 97px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  top: -1px;
}
.glory_mm_section .parent_area .right ul li:has(.img_area) {
  align-items: flex-start;
}
.glory_mm_section .parent_area .right p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.1px;
  color: #707070;
  margin-bottom: 20px;
}
.glory_mm_section.gemstone_structure .parent_area .left .big_img_area {
  margin-left: unset;
  margin-bottom: 0;
  height: 380px;
}
.glory_mm_section.gemstone_structure .parent_area .right ul li {
  flex-direction: column;
  gap: 4px;
  border: none;
  padding: 0;
  margin-bottom: 28px;
}
.glory_mm_section.gemstone_structure .parent_area .right ul li h6 {
  max-width: 100%;
}
.glory_mm_section.gemstone_structure .parent_area .right ul li:last-child {
  margin-bottom: 0;
}
.glory_mm_section.performance_section {
  position: relative;
}
.glory_mm_section.performance_section .parent_area .top {
  margin-bottom: 40px;
}
.glory_mm_section.performance_section .parent_area .top .title {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  margin-bottom: 16px;
}
.glory_mm_section.performance_section .parent_area .top .title h3 {
  color: #E84508;
  font-weight: 700;
  font-size: 32px;
  line-height: 36px;
  flex-shrink: 0;
}
.glory_mm_section.performance_section .parent_area .top .title .line {
  align-self: flex-end;
  height: 1px;
  width: 100%;
  background-color: #E84508;
  transform: translateY(-8px);
}
.glory_mm_section.performance_section .parent_area .top .size {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.glory_mm_section.performance_section .parent_area .top .size p {
  color: #171717;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
}
.glory_mm_section.performance_section .parent_area .top .size span {
  display: block;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  color: #7a7a7a;
}
.glory_mm_section.performance_section::after {
  content: "";
  background-image: url("../images/arrow_down.png");
  background-size: contain;
  background-position: center right;
  background-repeat: no-repeat;
  width: 329px;
  aspect-ratio: 329/439;
  right: 0;
  bottom: -140px;
  position: absolute;
  z-index: -1;
}
.glory_mm_section.track_system .parent_area .right h3 {
  margin-bottom: 20px;
}
.glory_mm_section.track_system .parent_area .right ul {
  width: 330px;
  max-width: 100%;
}
.glory_mm_section.track_system .parent_area .right ul li {
  padding-block: 18px;
}
.glory_mm_section.remove_bg::after {
  display: none;
}

.glory_sport_section {
  margin-bottom: 90px;
}
.glory_sport_section .parent_area .title {
  margin-bottom: 50px;
}
.glory_sport_section .parent_area .title h3 {
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  text-align: center;
  color: #171717;
}
.glory_sport_section .parent_area ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 50px;
  column-gap: 22px;
}
.glory_sport_section .parent_area ul li .img_area {
  display: block;
  width: 398px;
  margin-inline: auto;
  aspect-ratio: 398/232;
  margin-bottom: 10px;
}
.glory_sport_section .parent_area ul li p {
  font-weight: 500;
  font-size: 26px;
  line-height: 26px;
  text-align: center;
  color: #171717;
}

.glory_feature_section {
  margin-bottom: 90px;
}
.glory_feature_section .parent_area .title {
  margin-bottom: 50px;
  width: 1099px;
  max-width: 100%;
  margin-inline: auto;
}
.glory_feature_section .parent_area .title h3 {
  font-weight: 700;
  font-size: 36px;
  text-align: center;
  color: #E84508;
  margin-bottom: 24px;
}
.glory_feature_section .parent_area .title h5 {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #171717;
  margin-bottom: 8px;
}
.glory_feature_section .parent_area .title p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.11px;
  text-align: center;
  color: #878787;
}
.glory_feature_section .parent_area .feature_part {
  margin-bottom: 62px;
}
.glory_feature_section .parent_area .feature_part .outer {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #d9d9d9;
}
.glory_feature_section .parent_area .feature_part .outer .table-responsive table,
.glory_feature_section .parent_area .feature_part .outer .table-responsive .table {
  margin-bottom: 0;
}
.glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr th,
.glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr th {
  width: 50%;
  font-weight: 500;
  font-size: 20px;
  vertical-align: middle;
  color: #171717;
  padding: 22px 24px;
  border-right: 1px solid #d9d9d9;
}
.glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr th:last-child,
.glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr th:last-child {
  border-right: none;
}
.glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr:last-child td,
.glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr:last-child td {
  border-bottom: none;
}
.glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr td,
.glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr td {
  padding: 22px 24px;
  border-right: 1px solid #d9d9d9;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  vertical-align: middle;
  color: #707070;
}
.glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr td:last-child,
.glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr td:last-child {
  border-right: none;
}
.glory_feature_section .parent_area .feature_part ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.glory_feature_section .parent_area .feature_part ul li .img_area {
  margin-bottom: 18px;
  width: 423px;
  aspect-ratio: 423/224;
}
.glory_feature_section .parent_area .feature_part ul li p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.11px;
  color: #171717;
}
.glory_feature_section .parent_area .graph_part .img_area {
  width: 1248px;
  margin-inline: auto;
  max-width: 100%;
  aspect-ratio: 1248/625;
}

.product_specs_section {
  padding-bottom: 90px;
}
.product_specs_section .inner_product .left_content h3 {
  font-size: 32px;
  font-weight: 700;
  color: #E84508;
  font-family: "Trial Sagace";
  margin-bottom: 12px;
}
.product_specs_section .inner_product .left_content .listing_scale li {
  margin-bottom: 14px;
}
.product_specs_section .inner_product .left_content .listing_scale li:last-child {
  margin-bottom: 0;
}
.product_specs_section .inner_product .left_content .listing_scale li .inner_item {
  background: linear-gradient(90deg, #F6F6F6 -2.45%, #FFFFFF 100%);
  border-radius: 8px;
  padding: 18px 20px;
  display: flex;
}
.product_specs_section .inner_product .left_content .listing_scale li .inner_item .circle_count {
  height: 39px;
  width: 39px;
  border-radius: 50%;
  border: 1px solid #E84508;
  font-size: 17px;
  font-weight: 500;
  color: #E84508;
  font-family: "Trial Sagace";
  text-align: center;
  align-content: center;
  flex-shrink: 0;
  margin-right: 18px;
}
.product_specs_section .inner_product .left_content .listing_scale li .inner_item .content {
  flex-grow: 1;
}
.product_specs_section .inner_product .left_content .listing_scale li .inner_item .content h4 {
  font-size: 20px;
  font-weight: 500;
  color: #E84508;
  font-family: "Trial Sagace";
  margin-bottom: 8px;
}
.product_specs_section .inner_product .left_content .listing_scale li .inner_item .content p {
  font-size: 18px;
  font-weight: 500;
  color: #707070;
  font-family: "General Sans";
}
.product_specs_section .inner_product .img_right .img_area {
  height: 723px;
}
.product_specs_section .inner_product .img_right .img_area img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
@media (min-width: 1600px) and (max-width: 1679px) {
  .glory_mm_section.manage_image .parent_area .left .big_img_area {
    margin-left: -26%;
  }
}
/* Above 1400 and Below 1599 Desktop*/
@media (min-width: 1400px) and (max-width: 1599px) {
  .product_specs_section .inner_product .img_right .img_area {
    height: 648px;
  }
  .glory_mm_section.manage_image .parent_area .left .big_img_area {
    margin-left: -12%;
  }
}
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .play_section {
    margin-bottom: 70px;
  }
  .play_section .parent_area .left .slider_area .play_slider_main .item .img_area {
    height: 445px;
    border-top-right-radius: 45px;
    border-bottom-right-radius: 45px;
  }
  .play_section .parent_area .right .title h3 {
    font-size: 42px;
  }
  .play_section .parent_area .right .title .img_area {
    width: 100px;
  }
  .play_section .parent_area .right .editor_area p {
    font-size: 17px;
    margin-top: 20px;
  }
  .play_section.gem_play_section .parent_area .top {
    margin-bottom: 70px;
  }
  .play_section.gem_play_section .parent_area .top .size {
    margin-bottom: 30px;
  }
  .play_section.gem_play_section .parent_area .top .colors p {
    margin-bottom: 20px;
  }
  .play_section.track_system .parent_area .right {
    padding-top: 70px;
  }
  .play_description {
    margin-bottom: 70px;
  }
  .court_section {
    margin-bottom: 70px;
  }
  .court_section .title {
    margin-bottom: 25px;
  }
  .court_section .title h3 {
    font-size: 32px;
    line-height: 36px;
  }
  .court_section .court_detail_area::after {
    border-top-right-radius: 26px;
    border-bottom-right-radius: 26px;
  }
  .court_section .court_detail_area .parent_area {
    padding-block: 45px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center {
    height: 400px;
  }
  .parameter_section .inner_main {
    padding-block: 30px;
  }
  .parameter_section .inner_main::after {
    width: 14%;
  }
  .quote_area {
    margin-bottom: 70px;
  }
  .quote_area .parent_area {
    padding-block: 22px;
  }
  .quote_area .parent_area::after, .quote_area .parent_area::before {
    width: 184px;
  }
  .advantages_section {
    margin-bottom: 70px;
  }
  .advantages_section .parent_area .top_area {
    margin-bottom: 25px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .icon {
    width: 200px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .img_area {
    height: 515px;
  }
  .sport_feature_section {
    margin-bottom: 70px;
  }
  .sport_feature_section .parent_area .top_area {
    margin-bottom: 25px;
  }
  .sport_feature_section .parent_area .bottom_area .image_slider .item .img_area {
    width: 200px;
    height: 205px;
    margin-bottom: 20px;
  }
  .glory_mm_section {
    margin-bottom: 70px;
  }
  .glory_mm_section .parent_area .left .big_img_area {
    height: 400px;
    margin-bottom: 30px;
    margin-left: -5%;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul {
    column-gap: 20px;
  }
  .glory_mm_section .parent_area .right {
    padding-left: 40px;
  }
  .glory_mm_section .parent_area .right h3 {
    font-size: 42px;
    line-height: 42px;
    margin-bottom: 26px;
  }
  .glory_mm_section .parent_area .right ul li {
    padding-block: 22px;
  }
  .glory_mm_section .parent_area .right ul li .img_area {
    width: 90px;
  }
  .glory_mm_section.performance_section .parent_area .top {
    margin-bottom: 30px;
  }
  .glory_mm_section.performance_section::after {
    width: 200px;
    bottom: -100px;
  }
  .glory_sport_section {
    margin-bottom: 70px;
  }
  .glory_sport_section .parent_area .title {
    margin-bottom: 40px;
  }
  .glory_sport_section .parent_area ul {
    row-gap: 40px;
  }
  .glory_feature_section {
    margin-bottom: 70px;
  }
  .glory_feature_section .parent_area .title {
    margin-bottom: 40px;
  }
  .glory_feature_section .parent_area .title h3 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .glory_feature_section .parent_area .feature_part {
    margin-bottom: 50px;
  }
  .product_specs_section {
    padding-bottom: 70px;
  }
  .product_specs_section .inner_product .img_right .img_area {
    height: 648px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .play_section {
    margin-bottom: 70px;
  }
  .play_section .parent_area .left .slider_area .play_slider_main .item .img_area {
    height: 445px;
    border-top-right-radius: 45px;
    border-bottom-right-radius: 45px;
  }
  .play_section .parent_area .right .title h3 {
    font-size: 42px;
  }
  .play_section .parent_area .right .title .img_area {
    width: 100px;
  }
  .play_section .parent_area .right .editor_area p {
    font-size: 17px;
    margin-top: 20px;
  }
  .play_section.gem_play_section .parent_area .top {
    margin-bottom: 70px;
  }
  .play_section.gem_play_section .parent_area .top .size {
    margin-bottom: 30px;
  }
  .play_section.gem_play_section .parent_area .top .colors p {
    margin-bottom: 20px;
  }
  .play_section.track_system .parent_area .right {
    padding-top: 70px;
  }
  .play_description {
    margin-bottom: 70px;
  }
  .court_section {
    margin-bottom: 70px;
  }
  .court_section .title {
    margin-bottom: 25px;
  }
  .court_section .title h3 {
    font-size: 32px;
    line-height: 36px;
  }
  .court_section .court_detail_area::after {
    border-top-right-radius: 26px;
    border-bottom-right-radius: 26px;
  }
  .court_section .court_detail_area .parent_area {
    padding-block: 45px;
  }
  .court_section .court_detail_area .parent_area .detail_area {
    grid-template-columns: 300px 1fr 300px;
    column-gap: 30px;
    row-gap: 40px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(1) .img_area {
    width: 140px;
    right: -55%;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(2) .img_area {
    width: 200px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(3) .img_area {
    right: -90%;
    width: 245px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(4) .img_area {
    left: -33%;
    width: 90px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(5) .img_area {
    right: -80%;
    width: 210px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(6) .img_area {
    top: -27%;
    left: -73%;
    width: 207px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center {
    height: 400px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center::after {
    border-radius: 20px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area {
    height: 291px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(2) .img_area {
    left: -75%;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(3) .img_area {
    right: -70%;
    width: 190px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(4) .img_area {
    left: -77%;
    top: 15%;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(5) .img_area {
    right: -100%;
  }
  .parameter_section .inner_main {
    padding-block: 30px;
  }
  .parameter_section .inner_main::after {
    width: 14%;
  }
  .parameter_section .inner_main .parent_area .img_area {
    height: 560px;
  }
  .quote_area {
    margin-bottom: 70px;
  }
  .quote_area .parent_area {
    padding-block: 22px;
  }
  .quote_area .parent_area::after, .quote_area .parent_area::before {
    width: 184px;
  }
  .advantages_section {
    margin-bottom: 70px;
  }
  .advantages_section .parent_area .top_area {
    margin-bottom: 25px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .icon {
    width: 200px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .img_area {
    height: 515px;
  }
  .sport_feature_section {
    margin-bottom: 70px;
  }
  .sport_feature_section .parent_area .top_area {
    margin-bottom: 25px;
  }
  .sport_feature_section .parent_area .bottom_area .image_slider .item .img_area {
    width: 200px;
    height: 205px;
    margin-bottom: 20px;
  }
  .sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area {
    width: 100%;
    margin-bottom: 20px;
  }
  .sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area .inner_img {
    width: 107px;
  }
  .glory_mm_section {
    margin-bottom: 70px;
  }
  .glory_mm_section .parent_area .left .big_img_area {
    height: 380px;
    margin-bottom: 30px;
    margin-left: -5%;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul {
    column-gap: 20px;
  }
  .glory_mm_section .parent_area .right {
    padding-left: 40px;
  }
  .glory_mm_section .parent_area .right h3 {
    font-size: 38px;
    line-height: 38px;
    margin-bottom: 26px;
  }
  .glory_mm_section .parent_area .right ul li {
    padding-block: 22px;
  }
  .glory_mm_section .parent_area .right ul li .img_area {
    width: 90px;
  }
  .glory_mm_section.performance_section .parent_area .top {
    margin-bottom: 30px;
  }
  .glory_mm_section.performance_section::after {
    width: 200px;
    bottom: -100px;
  }
  .glory_sport_section {
    margin-bottom: 70px;
  }
  .glory_sport_section .parent_area .title {
    margin-bottom: 40px;
  }
  .glory_sport_section .parent_area ul {
    row-gap: 40px;
  }
  .glory_sport_section .parent_area ul li .img_area {
    width: 350px;
  }
  .glory_sport_section .parent_area ul li p {
    font-size: 22px;
    line-height: 22px;
  }
  .glory_feature_section {
    margin-bottom: 70px;
  }
  .glory_feature_section .parent_area .title {
    margin-bottom: 40px;
  }
  .glory_feature_section .parent_area .title h3 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .glory_feature_section .parent_area .feature_part {
    margin-bottom: 40px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr td {
    padding: 16px 18px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr th {
    font-size: 18px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr td {
    font-size: 16px;
  }
  .glory_feature_section .parent_area .feature_part ul li .img_area {
    width: 370px;
  }
  .glory_feature_section .parent_area .graph_part .img_area {
    width: 950px;
  }
  .product_specs_section {
    padding-bottom: 60px;
  }
  .product_specs_section .inner_product .img_right .img_area {
    height: 648px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .play_section {
    margin-bottom: 50px;
  }
  .play_section .parent_area .left .slider_area .play_slider_main {
    margin-left: -15%;
  }
  .play_section .parent_area .left .slider_area .play_slider_main .item .img_area {
    height: 360px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
  }
  .play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item {
    width: 70px;
  }
  .play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item .img_area {
    border-radius: 10px;
  }
  .play_section .parent_area .right .title {
    margin-bottom: 12px;
  }
  .play_section .parent_area .right .title .img_area {
    width: 75px;
  }
  .play_section .parent_area .right .title h3 {
    font-size: 34px;
  }
  .play_section .parent_area .right .editor_area p {
    font-size: 17px;
    margin-top: 18px;
  }
  .play_section.gem_play_section .parent_area .top {
    margin-bottom: 50px;
  }
  .play_section.gem_play_section .parent_area .top .title {
    margin-bottom: 12px;
  }
  .play_section.gem_play_section .parent_area .top .title h3 {
    font-size: 28px;
    line-height: 30px;
  }
  .play_section.gem_play_section .parent_area .top .size {
    margin-bottom: 12px;
  }
  .play_section.gem_play_section .parent_area .top .size p {
    font-size: 18px;
  }
  .play_section.gem_play_section .parent_area .top .size span {
    font-size: 16px;
  }
  .play_section.gem_play_section .parent_area .top .colors p {
    margin-bottom: 12px;
    font-size: 18px;
  }
  .play_section.gem_play_section .parent_area .top .colors ul {
    gap: 12px;
  }
  .play_section.gem_play_section .parent_area .top .colors ul li {
    padding: 8px 16px;
    font-size: 16px;
    border-width: 4px;
  }
  .play_section.gem_play_section .parent_area .top .wood_picker ul {
    column-gap: 30px;
  }
  .play_section.gem_play_section .parent_area .top .wood_picker ul li p {
    font-size: 16px;
  }
  .play_section.track_system .parent_area .right {
    padding-top: 0px;
  }
  .play_description {
    margin-bottom: 50px;
  }
  .play_description .parent_area .left .editor_area p {
    font-size: 17px;
  }
  .play_description .parent_area .right .outer_area {
    border-width: 12px;
    border-radius: 22px;
  }
  .play_description .parent_area .right .outer_area .img_area {
    border-radius: 8px;
    height: 261px;
  }
  .court_section {
    margin-bottom: 50px;
  }
  .court_section .title {
    margin-bottom: 20px;
  }
  .court_section .title h3 {
    font-size: 28px;
    line-height: 32px;
  }
  .court_section .court_detail_area::after {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .court_section .court_detail_area .parent_area {
    padding-block: 40px;
  }
  .court_section .court_detail_area .parent_area .detail_area {
    grid-template-columns: 280px 1fr 280px;
    column-gap: 25px;
    row-gap: 30px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(1) .img_area {
    width: 125px;
    right: -50%;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(2) .img_area {
    width: 185px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(3) .img_area {
    right: -90%;
    width: 245px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(4) .img_area {
    left: -33%;
    width: 84px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(5) .img_area {
    right: -76%;
    width: 210px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(6) .img_area {
    top: -27%;
    left: -68%;
    width: 185px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center {
    height: 350px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center::after {
    border-radius: 14px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area {
    height: 246px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .img_title span {
    font-size: 18px;
    line-height: 18px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(2) .img_area {
    left: -67%;
    width: 180px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(3) .img_area {
    right: -60%;
    width: 170px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(4) .img_area {
    left: -70%;
    top: 10%;
    width: 190px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(5) .img_area {
    right: -90%;
    top: -55%;
    width: 260px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(6) .img_area {
    left: -68%;
    width: 175px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center {
    height: 360px;
  }
  .parameter_section .inner_main {
    padding-block: 25px;
  }
  .parameter_section .inner_main::after {
    width: 14%;
    border-radius: 0 16px 16px 0;
  }
  .parameter_section .inner_main .parent_area .img_area {
    height: 484px;
  }
  .parameter_section .inner_main .parent_area .details {
    row-gap: 22px;
  }
  .parameter_section .inner_main .parent_area .details h4 {
    font-size: 24px;
    line-height: 26px;
  }
  .parameter_section .inner_main .parent_area .details ul li {
    padding-block: 20px;
  }
  .parameter_section .inner_main .parent_area .details ul li h5 {
    font-size: 18px;
    line-height: 20px;
  }
  .parameter_section .inner_main .parent_area .details ul li p {
    font-size: 16px;
    line-height: 22px;
  }
  .quote_area {
    margin-bottom: 50px;
    padding-block: 22px;
  }
  .quote_area::after, .quote_area::before {
    width: 184px;
  }
  .quote_area .parent_area .heading h3 {
    font-size: 22px;
  }
  .advantages_section {
    margin-bottom: 50px;
  }
  .advantages_section .parent_area .top_area {
    margin-bottom: 25px;
  }
  .advantages_section .parent_area .top_area .nav_area .prev-next {
    width: 35px;
  }
  .advantages_section .bottom_area .advantage_slider {
    margin-bottom: 35px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .icon {
    width: 170px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .img_area {
    height: 400px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details {
    width: 100%;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details h4 {
    font-size: 22px;
    line-height: 24px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details p {
    font-size: 16px;
    line-height: 22px;
  }
  .sport_feature_section {
    margin-bottom: 50px;
  }
  .sport_feature_section .parent_area .top_area {
    margin-bottom: 20px;
  }
  .sport_feature_section .parent_area .top_area .nav_area .prev-next {
    width: 35px;
  }
  .sport_feature_section .parent_area .bottom_area .image_slider .item .img_area {
    width: 180px;
    height: 185px;
    margin-bottom: 15px;
  }
  .sport_feature_section .parent_area .bottom_area .image_slider .item p {
    font-size: 18px;
    line-height: 18px;
  }
  .sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area {
    width: 100%;
    margin-bottom: 15px;
  }
  .sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area .inner_img {
    width: 95px;
  }
  .glory_mm_section {
    margin-bottom: 50px;
  }
  .glory_mm_section .parent_area .left .big_img_area {
    height: 320px;
    margin-bottom: 20px;
    margin-left: -5%;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul {
    column-gap: 12px;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul li.active .img_area {
    border-width: 4px;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul li .img_area {
    width: 50px;
  }
  .glory_mm_section .parent_area .right {
    padding-left: 30px;
  }
  .glory_mm_section .parent_area .right h3 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .glory_mm_section .parent_area .right ul li {
    padding-block: 18px;
  }
  .glory_mm_section .parent_area .right ul li .img_area {
    width: 75px;
  }
  .glory_mm_section .parent_area .right ul li h6 {
    font-size: 18px;
  }
  .glory_mm_section .parent_area .right ul li p {
    font-size: 16px;
  }
  .glory_mm_section.performance_section .parent_area .top {
    margin-bottom: 12px;
  }
  .glory_mm_section.performance_section .parent_area .top .title {
    margin-bottom: 12px;
  }
  .glory_mm_section.performance_section .parent_area .top .title h3 {
    font-size: 28px;
    line-height: 30px;
  }
  .glory_mm_section.performance_section .parent_area .top .size p {
    font-size: 18px;
  }
  .glory_mm_section.performance_section .parent_area .top .size span {
    font-size: 16px;
  }
  .glory_mm_section.performance_section::after {
    width: 200px;
    bottom: -70px;
  }
  .glory_sport_section {
    margin-bottom: 50px;
  }
  .glory_sport_section .parent_area .title {
    margin-bottom: 30px;
  }
  .glory_sport_section .parent_area ul {
    row-gap: 30px;
  }
  .glory_sport_section .parent_area ul li .img_area {
    width: 310px;
  }
  .glory_sport_section .parent_area ul li p {
    font-size: 18px;
    line-height: 18px;
  }
  .glory_feature_section {
    margin-bottom: 50px;
  }
  .glory_feature_section .parent_area .title {
    margin-bottom: 30px;
  }
  .glory_feature_section .parent_area .title h3 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .glory_feature_section .parent_area .title h5 {
    font-size: 16px;
  }
  .glory_feature_section .parent_area .title p {
    font-size: 16px;
    line-height: 24px;
  }
  .glory_feature_section .parent_area .feature_part {
    margin-bottom: 30px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr td {
    padding: 12px 14px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr th {
    font-size: 16px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr td {
    font-size: 14px;
  }
  .glory_feature_section .parent_area .feature_part ul li .img_area {
    width: 100%;
  }
  .glory_feature_section .parent_area .graph_part .img_area {
    width: 850px;
  }
  .product_specs_section {
    padding-bottom: 50px;
  }
  .product_specs_section .inner_product .left_content h3 {
    font-size: 30px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item {
    padding: 15px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .circle_count {
    margin-right: 12px;
    font-size: 16px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .content h4 {
    font-size: 18px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .content p {
    font-size: 16px;
  }
  .product_specs_section .inner_product .img_right .img_area {
    height: 485px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .play_section {
    margin-bottom: 40px;
  }
  .play_section .parent_area .left .slider_area .play_slider_main {
    margin-left: -10%;
  }
  .play_section .parent_area .left .slider_area .play_slider_main .item .img_area {
    height: 280px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item {
    width: 63px;
  }
  .play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item .img_area {
    border-radius: 10px;
  }
  .play_section .parent_area .right .title {
    margin-bottom: 12px;
  }
  .play_section .parent_area .right .title .img_area {
    width: 70px;
  }
  .play_section .parent_area .right .title h3 {
    font-size: 28px;
  }
  .play_section .parent_area .right .editor_area p {
    font-size: 17px;
    margin-top: 15px;
  }
  .play_section.gem_play_section .parent_area .top {
    margin-bottom: 40px;
  }
  .play_section.gem_play_section .parent_area .top .title {
    margin-bottom: 12px;
  }
  .play_section.gem_play_section .parent_area .top .title h3 {
    font-size: 24px;
    line-height: 26px;
  }
  .play_section.gem_play_section .parent_area .top .size {
    margin-bottom: 12px;
  }
  .play_section.gem_play_section .parent_area .top .size p {
    font-size: 18px;
  }
  .play_section.gem_play_section .parent_area .top .size span {
    font-size: 16px;
  }
  .play_section.gem_play_section .parent_area .top .colors p {
    margin-bottom: 12px;
    font-size: 18px;
  }
  .play_section.gem_play_section .parent_area .top .colors ul {
    gap: 12px;
  }
  .play_section.gem_play_section .parent_area .top .colors ul li {
    padding: 8px 16px;
    font-size: 16px;
    border-width: 4px;
  }
  .play_section.gem_play_section .parent_area .top .wood_picker ul {
    column-gap: 20px;
    row-gap: 15px;
  }
  .play_section.gem_play_section .parent_area .top .wood_picker ul li p {
    font-size: 16px;
  }
  .play_section.track_system .parent_area .right {
    padding: 0;
  }
  .play_description {
    margin-bottom: 40px;
  }
  .play_description .parent_area .left h3 {
    margin-bottom: 15px;
  }
  .play_description .parent_area .left .editor_area p {
    font-size: 17px;
    line-height: 25px;
  }
  .play_description .parent_area .right .outer_area {
    border-width: 12px;
    border-radius: 22px;
  }
  .play_description .parent_area .right .outer_area .img_area {
    border-radius: 8px;
    height: 190px;
  }
  .court_section {
    margin-bottom: 40px;
  }
  .court_section .title {
    margin-bottom: 15px;
  }
  .court_section .title h3 {
    font-size: 26px;
    line-height: 30px;
  }
  .court_section .court_detail_area::after {
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
  }
  .court_section .court_detail_area .parent_area {
    padding-block: 30px;
  }
  .court_section .court_detail_area .parent_area .detail_area {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 18px;
    row-gap: 15px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li .img_area {
    display: none;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(1) .img_area {
    width: 125px;
    right: -50%;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(2) .img_area {
    width: 185px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(3) .img_area {
    right: -90%;
    width: 245px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(4) .img_area {
    left: -33%;
    width: 84px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(5) .img_area {
    right: -76%;
    width: 210px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(6) .img_area {
    top: -27%;
    left: -68%;
    width: 185px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center {
    height: 350px;
    grid-row: 1/-1;
    align-self: center;
  }
  .court_section .court_detail_area .parent_area .detail_area .center::after {
    border-radius: 14px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area {
    height: 230px;
    position: relative;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
    gap: 0;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img {
    width: 26px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(1) {
    grid-column: 2/3;
    grid-row: 2/3;
    align-self: flex-end;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(2) {
    grid-column: 4/5;
    grid-row: 2/3;
    align-self: flex-start;
    justify-self: flex-end;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(3) {
    grid-row: 4/5;
    grid-column: 3/4;
    align-self: center;
    justify-self: flex-end;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(4) {
    grid-column: 6/7;
    grid-row: 3/4;
    align-self: flex-end;
    justify-self: flex-start;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(5) {
    grid-column: 3/4;
    grid-row: 5/6;
    align-self: flex-end;
    justify-self: flex-start;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(6) {
    grid-column: 4/5;
    grid-row: 5/6;
    align-self: center;
    justify-self: flex-end;
  }
  .court_section.glory_structure .court_detail_area .parent_area .img_title span {
    font-size: 18px;
    line-height: 18px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(2) .img_area {
    left: -67%;
    width: 180px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(3) .img_area {
    right: -60%;
    width: 170px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(4) .img_area {
    left: -70%;
    top: 10%;
    width: 190px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(5) .img_area {
    right: -90%;
    top: -55%;
    width: 260px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(6) .img_area {
    left: -68%;
    width: 175px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center {
    height: 360px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img {
    width: 20px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(1) {
    align-self: flex-start;
    justify-self: flex-end;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(3) {
    grid-row: 3/4;
    grid-column: 2/3;
    place-self: center;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(4) {
    grid-row: 3/4;
    grid-column: 4/5;
    align-self: flex-end;
    justify-self: center;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(5) {
    grid-row: 4/5;
    justify-self: center;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(6) {
    align-self: flex-end;
    position: relative;
    top: 3px;
  }
  .parameter_section .inner_main {
    padding-block: 20px;
  }
  .parameter_section .inner_main::after {
    width: 14%;
    border-radius: 0 12px 12px 0;
  }
  .parameter_section .inner_main .parent_area .img_area {
    height: 484px;
  }
  .parameter_section .inner_main .parent_area .details {
    row-gap: 15px;
  }
  .parameter_section .inner_main .parent_area .details h4 {
    font-size: 24px;
    line-height: 26px;
  }
  .parameter_section .inner_main .parent_area .details ul {
    column-gap: 14px;
  }
  .parameter_section .inner_main .parent_area .details ul li {
    padding-block: 18px;
    gap: 12px;
  }
  .parameter_section .inner_main .parent_area .details ul li h5 {
    font-size: 18px;
    line-height: 20px;
  }
  .parameter_section .inner_main .parent_area .details ul li p {
    font-size: 16px;
    line-height: 22px;
  }
  .quote_area {
    margin-bottom: 40px;
    padding-block: 22px;
  }
  .quote_area::after, .quote_area::before {
    width: 184px;
  }
  .quote_area .parent_area .heading h3 {
    font-size: 20px;
  }
  .advantages_section {
    margin-bottom: 40px;
  }
  .advantages_section .parent_area .top_area {
    margin-bottom: 20px;
  }
  .advantages_section .parent_area .top_area h3 {
    font-size: 24px;
    line-height: 26px;
  }
  .advantages_section .parent_area .top_area .nav_area .prev-next {
    width: 35px;
  }
  .advantages_section .bottom_area .advantage_slider {
    margin-bottom: 25px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .icon {
    width: 170px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .img_area {
    height: 400px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details {
    width: 100%;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details h4 {
    font-size: 22px;
    line-height: 24px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details p {
    font-size: 16px;
    line-height: 22px;
  }
  .sport_feature_section {
    margin-bottom: 40px;
  }
  .sport_feature_section .parent_area .top_area {
    margin-bottom: 15px;
  }
  .sport_feature_section .parent_area .top_area h3 {
    font-size: 24px;
    line-height: 26px;
  }
  .sport_feature_section .parent_area .top_area .nav_area .prev-next {
    width: 35px;
  }
  .sport_feature_section .parent_area .bottom_area .image_slider .item .img_area {
    width: 160px;
    height: 163px;
    margin-bottom: 12px;
  }
  .sport_feature_section .parent_area .bottom_area .image_slider .item p {
    font-size: 16px;
    line-height: 16px;
  }
  .sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area {
    width: 100%;
    margin-bottom: 15px;
  }
  .sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area .inner_img {
    width: 95px;
  }
  .glory_mm_section {
    margin-bottom: 40px;
  }
  .glory_mm_section.gemstone_structure .parent_area .right ul li {
    margin-bottom: 20px;
  }
  .glory_mm_section .parent_area .left .big_img_area {
    height: 280px;
    margin-bottom: 15px;
    margin-left: -5%;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul {
    column-gap: 12px;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul li.active .img_area {
    border-width: 2px;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul li .img_area {
    width: 50px;
  }
  .glory_mm_section .parent_area .right {
    padding-left: 0;
  }
  .glory_mm_section .parent_area .right h3 {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 15px;
  }
  .glory_mm_section .parent_area .right ul li {
    padding-block: 14px;
  }
  .glory_mm_section .parent_area .right ul li .img_area {
    width: 65px;
  }
  .glory_mm_section .parent_area .right ul li h6 {
    font-size: 18px;
    max-width: 120px;
  }
  .glory_mm_section .parent_area .right ul li p {
    font-size: 16px;
  }
  .glory_mm_section.gemstone_structure .parent_area .left .big_img_area {
    height: 290px;
  }
  .glory_mm_section.performance_section .parent_area .top {
    margin-bottom: 12px;
  }
  .glory_mm_section.performance_section .parent_area .top .title {
    margin-bottom: 12px;
  }
  .glory_mm_section.performance_section .parent_area .top .title h3 {
    font-size: 24px;
    line-height: 26px;
  }
  .glory_mm_section.performance_section .parent_area .top .size p {
    font-size: 18px;
  }
  .glory_mm_section.performance_section .parent_area .top .size span {
    font-size: 16px;
  }
  .glory_mm_section.performance_section::after {
    width: 150px;
    bottom: -40px;
  }
  .glory_sport_section {
    margin-bottom: 40px;
  }
  .glory_sport_section .parent_area .title {
    margin-bottom: 20px;
  }
  .glory_sport_section .parent_area ul {
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
  .glory_sport_section .parent_area ul li .img_area {
    width: 310px;
  }
  .glory_sport_section .parent_area ul li p {
    font-size: 18px;
    line-height: 18px;
  }
  .glory_feature_section {
    margin-bottom: 40px;
  }
  .glory_feature_section .parent_area .title {
    margin-bottom: 20px;
  }
  .glory_feature_section .parent_area .title h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .glory_feature_section .parent_area .title h5 {
    font-size: 14px;
  }
  .glory_feature_section .parent_area .title p {
    font-size: 15px;
    line-height: 24px;
  }
  .glory_feature_section .parent_area .feature_part {
    margin-bottom: 20px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr td {
    padding: 12px 14px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr th {
    font-size: 16px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr td {
    font-size: 14px;
  }
  .glory_feature_section .parent_area .feature_part ul li .img_area {
    width: 100%;
  }
  .glory_feature_section .parent_area .feature_part ul li p {
    font-size: 15px;
  }
  .glory_feature_section .parent_area .graph_part .img_area {
    width: 650px;
  }
  .product_specs_section {
    padding-bottom: 40px;
  }
  .product_specs_section .inner_product .left_content h3 {
    font-size: 27px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item {
    padding: 15px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .circle_count {
    margin-right: 12px;
    font-size: 16px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .content h4 {
    font-size: 18px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .content p {
    font-size: 16px;
  }
  .product_specs_section .inner_product .img_right .img_area {
    height: 360px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .play_section {
    margin-bottom: 30px;
  }
  .play_section .parent_area .left .slider_area .play_slider_main {
    margin-left: -5%;
    margin-bottom: 20px;
  }
  .play_section .parent_area .left .slider_area .play_slider_main .item .img_area {
    height: 200px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
  }
  .play_section .parent_area .left .thumbs_slider {
    gap: 10px;
  }
  .play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item {
    width: 55px;
  }
  .play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item .img_area {
    border-radius: 10px;
  }
  .play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item p {
    font-size: 15px;
  }
  .play_section .parent_area .right .title {
    margin-bottom: 12px;
    gap: 10px;
  }
  .play_section .parent_area .right .title .img_area {
    width: 60px;
  }
  .play_section .parent_area .right .title h3 {
    font-size: 26px;
  }
  .play_section .parent_area .right .editor_area p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
  }
  .play_section.gem_play_section .parent_area .top {
    margin-bottom: 30px;
  }
  .play_section.gem_play_section .parent_area .top .title {
    margin-bottom: 12px;
  }
  .play_section.gem_play_section .parent_area .top .title h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .play_section.gem_play_section .parent_area .top .size {
    margin-bottom: 12px;
  }
  .play_section.gem_play_section .parent_area .top .size p {
    font-size: 16px;
  }
  .play_section.gem_play_section .parent_area .top .size span {
    font-size: 14px;
  }
  .play_section.gem_play_section .parent_area .top .colors p {
    margin-bottom: 12px;
    font-size: 16px;
  }
  .play_section.gem_play_section .parent_area .top .colors ul {
    gap: 8px;
  }
  .play_section.gem_play_section .parent_area .top .colors ul li {
    padding: 8px 16px;
    font-size: 14px;
    border-width: 4px;
  }
  .play_section.gem_play_section .parent_area .top .wood_picker ul {
    column-gap: 15px;
    row-gap: 15px;
  }
  .play_section.gem_play_section .parent_area .top .wood_picker ul li p {
    font-size: 16px;
  }
  .play_section.track_system .parent_area .right {
    padding-top: 0px;
    padding-left: 0;
  }
  .play_description {
    margin-bottom: 30px;
  }
  .play_description .parent_area .left h3 {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .play_description .parent_area .left .editor_area p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 15px;
  }
  .play_description .parent_area .right {
    padding-block: 22px;
  }
  .play_description .parent_area .right .outer_area {
    border-width: 8px;
    border-radius: 16px;
  }
  .play_description .parent_area .right .outer_area .img_area {
    border-radius: 8px;
    height: 162px;
  }
  .court_section {
    margin-bottom: 30px;
  }
  .court_section .title {
    margin-bottom: 15px;
  }
  .court_section .title h3 {
    font-size: 24px;
    line-height: 28px;
  }
  .court_section .court_detail_area::after {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  .court_section .court_detail_area .parent_area {
    padding-block: 20px;
  }
  .court_section .court_detail_area .parent_area .img_title {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .court_section .court_detail_area .parent_area .detail_area {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 15px;
    row-gap: 15px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li h4 {
    font-size: 17px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li p {
    font-size: 15px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li .img_area {
    display: none;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(1) .img_area {
    width: 125px;
    right: -50%;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(2) .img_area {
    width: 185px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(3) .img_area {
    right: -90%;
    width: 245px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(4) .img_area {
    left: -33%;
    width: 84px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(5) .img_area {
    right: -76%;
    width: 210px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(6) .img_area {
    top: -27%;
    left: -68%;
    width: 185px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center {
    height: 300px;
    grid-row: 1/-1;
    align-self: center;
  }
  .court_section .court_detail_area .parent_area .detail_area .center::after {
    border-radius: 14px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area {
    height: 180px;
    position: relative;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
    gap: 0;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img {
    width: 22px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(1) {
    grid-column: 2/3;
    grid-row: 2/3;
    align-self: flex-end;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(2) {
    grid-column: 4/5;
    grid-row: 2/3;
    align-self: flex-start;
    justify-self: flex-end;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(3) {
    grid-row: 4/5;
    grid-column: 3/4;
    align-self: center;
    justify-self: flex-end;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(4) {
    grid-column: 6/7;
    grid-row: 3/4;
    align-self: flex-end;
    justify-self: flex-start;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(5) {
    grid-column: 3/4;
    grid-row: 5/6;
    align-self: flex-end;
    justify-self: flex-start;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(6) {
    grid-column: 4/5;
    grid-row: 5/6;
    align-self: center;
    justify-self: flex-end;
  }
  .court_section.glory_structure .court_detail_area .parent_area .img_title span {
    font-size: 18px;
    line-height: 18px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(2) .img_area {
    left: -67%;
    width: 180px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(3) .img_area {
    right: -60%;
    width: 170px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(4) .img_area {
    left: -70%;
    top: 10%;
    width: 190px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(5) .img_area {
    right: -90%;
    top: -55%;
    width: 260px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(6) .img_area {
    left: -68%;
    width: 175px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center {
    height: 300px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img {
    width: 20px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(1) {
    align-self: flex-start;
    justify-self: flex-end;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(3) {
    grid-row: 3/4;
    grid-column: 2/3;
    place-self: center;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(4) {
    grid-row: 3/4;
    grid-column: 4/5;
    align-self: flex-end;
    justify-self: center;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(5) {
    grid-row: 4/5;
    justify-self: center;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(6) {
    align-self: flex-end;
    position: relative;
    top: 3px;
  }
  .parameter_section .inner_main {
    padding-block: 20px;
  }
  .parameter_section .inner_main::after {
    width: 14%;
    border-radius: 0 12px 12px 0;
  }
  .parameter_section .inner_main .parent_area .img_area {
    height: 460px;
  }
  .parameter_section .inner_main .parent_area .details {
    row-gap: 15px;
  }
  .parameter_section .inner_main .parent_area .details h4 {
    font-size: 22px;
    line-height: 24px;
  }
  .parameter_section .inner_main .parent_area .details ul {
    column-gap: 14px;
    grid-template-columns: 1fr;
  }
  .parameter_section .inner_main .parent_area .details ul li {
    padding-block: 14px;
    gap: 12px;
  }
  .parameter_section .inner_main .parent_area .details ul li:nth-child(2) {
    border-top: none;
  }
  .parameter_section .inner_main .parent_area .details ul li h5 {
    font-size: 17px;
    line-height: 20px;
  }
  .parameter_section .inner_main .parent_area .details ul li p {
    font-size: 15px;
    line-height: 22px;
  }
  .quote_area {
    margin-bottom: 30px;
    padding-block: 16px;
  }
  .quote_area::after, .quote_area::before {
    width: 184px;
  }
  .quote_area .parent_area .heading h3 {
    font-size: 18px;
  }
  .quote_area .parent_area .btn_area {
    border-radius: 8px;
  }
  .quote_area .parent_area .btn_area .quote_btn {
    font-size: 16px;
    line-height: 16px;
    padding: 12px 24px;
  }
  .advantages_section {
    margin-bottom: 30px;
  }
  .advantages_section .parent_area .top_area {
    margin-bottom: 15px;
  }
  .advantages_section .parent_area .top_area h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .advantages_section .parent_area .top_area .nav_area {
    gap: 10px;
  }
  .advantages_section .parent_area .top_area .nav_area .prev-next {
    width: 35px;
  }
  .advantages_section .bottom_area .advantage_slider {
    margin-bottom: 15px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .icon {
    width: 140px;
    font-size: 16px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .img_area {
    height: 300px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details {
    width: 100%;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details h4 {
    font-size: 20px;
    line-height: 24px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details p {
    font-size: 16px;
    line-height: 22px;
  }
  .sport_feature_section {
    margin-bottom: 30px;
  }
  .sport_feature_section .parent_area .top_area {
    margin-bottom: 15px;
  }
  .sport_feature_section .parent_area .top_area h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .sport_feature_section .parent_area .top_area .nav_area {
    gap: 10px;
  }
  .sport_feature_section .parent_area .top_area .nav_area .prev-next {
    width: 35px;
  }
  .sport_feature_section .parent_area .bottom_area .image_slider .item .img_area {
    width: 150px;
    height: 153px;
    margin-bottom: 12px;
  }
  .sport_feature_section .parent_area .bottom_area .image_slider .item p {
    font-size: 16px;
    line-height: 16px;
  }
  .sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area {
    width: 100%;
    margin-bottom: 15px;
  }
  .sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area .inner_img {
    width: 85px;
  }
  .glory_mm_section {
    margin-bottom: 30px;
  }
  .glory_mm_section .parent_area .left .big_img_area {
    height: 200px;
    margin-bottom: 15px;
    margin-left: -5%;
    border-radius: 0 20px 20px 0;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul {
    column-gap: 15px;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul li.active .img_area {
    border-width: 3px;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul li .img_area {
    width: 45px;
  }
  .glory_mm_section .parent_area .right {
    padding-left: 0;
  }
  .glory_mm_section .parent_area .right h3 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 15px;
  }
  .glory_mm_section .parent_area .right ul li {
    padding-block: 12px;
  }
  .glory_mm_section .parent_area .right ul li .img_area {
    width: 65px;
  }
  .glory_mm_section .parent_area .right ul li h6 {
    font-size: 18px;
    max-width: 120px;
  }
  .glory_mm_section .parent_area .right ul li p {
    font-size: 16px;
  }
  .glory_mm_section.gemstone_structure .parent_area .left .big_img_area {
    height: 250px;
  }
  .glory_mm_section.performance_section .parent_area .top {
    margin-bottom: 12px;
  }
  .glory_mm_section.performance_section .parent_area .top .title {
    margin-bottom: 12px;
  }
  .glory_mm_section.performance_section .parent_area .top .title h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .glory_mm_section.performance_section .parent_area .top .size p {
    font-size: 16px;
  }
  .glory_mm_section.performance_section .parent_area .top .size span {
    font-size: 14px;
  }
  .glory_mm_section.performance_section::after {
    bottom: -25px;
    width: 150px;
  }
  .glory_sport_section {
    margin-bottom: 30px;
  }
  .glory_sport_section .parent_area .title {
    margin-bottom: 15px;
  }
  .glory_sport_section .parent_area .title h3 {
    font-size: 20px;
  }
  .glory_sport_section .parent_area ul {
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  .glory_sport_section .parent_area ul li .img_area {
    width: 300px;
  }
  .glory_sport_section .parent_area ul li p {
    font-size: 16px;
    line-height: 16px;
  }
  .glory_feature_section {
    margin-bottom: 30px;
  }
  .glory_feature_section .parent_area .title {
    margin-bottom: 15px;
  }
  .glory_feature_section .parent_area .title h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .glory_feature_section .parent_area .title h5 {
    font-size: 14px;
  }
  .glory_feature_section .parent_area .title p {
    font-size: 15px;
    line-height: 24px;
  }
  .glory_feature_section .parent_area .feature_part {
    margin-bottom: 15px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr td {
    padding: 12px 14px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr th {
    font-size: 16px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr td {
    font-size: 14px;
  }
  .glory_feature_section .parent_area .feature_part ul li .img_area {
    width: 100%;
  }
  .glory_feature_section .parent_area .feature_part ul li p {
    font-size: 15px;
  }
  .glory_feature_section .parent_area .graph_part .img_area {
    width: 600px;
  }
  .product_specs_section {
    padding-bottom: 30px;
  }
  .product_specs_section .inner_product .left_content {
    margin-bottom: 20px;
  }
  .product_specs_section .inner_product .left_content h3 {
    font-size: 25px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item {
    padding: 15px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .circle_count {
    margin-right: 12px;
    font-size: 16px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .content h4 {
    font-size: 18px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .content p {
    font-size: 16px;
  }
  .product_specs_section .inner_product .img_right .img_area {
    height: 330px;
    width: 330px;
    margin: 0 auto;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .play_section {
    margin-bottom: 25px;
  }
  .play_section .parent_area .left {
    margin-bottom: 15px;
  }
  .play_section .parent_area .left .slider_area .play_slider_main {
    margin-left: -5%;
    margin-bottom: 20px;
  }
  .play_section .parent_area .left .slider_area .play_slider_main .item .img_area {
    height: 200px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
  }
  .play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item {
    width: 63px;
  }
  .play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item .img_area {
    border-radius: 10px;
  }
  .play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item p {
    font-size: 14px;
  }
  .play_section .parent_area .right .title {
    margin-bottom: 12px;
    gap: 10px;
  }
  .play_section .parent_area .right .title .img_area {
    width: 60px;
  }
  .play_section .parent_area .right .title h3 {
    font-size: 24px;
  }
  .play_section .parent_area .right .editor_area p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
  }
  .play_section.gem_play_section .parent_area .top {
    margin-bottom: 20px;
  }
  .play_section.gem_play_section .parent_area .top .title {
    margin-bottom: 12px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .play_section.gem_play_section .parent_area .top .title h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .play_section.gem_play_section .parent_area .top .title .line {
    display: none;
  }
  .play_section.gem_play_section .parent_area .top .size {
    margin-bottom: 12px;
  }
  .play_section.gem_play_section .parent_area .top .size p {
    font-size: 16px;
  }
  .play_section.gem_play_section .parent_area .top .size span {
    font-size: 14px;
  }
  .play_section.gem_play_section .parent_area .top .colors p {
    margin-bottom: 12px;
    font-size: 16px;
  }
  .play_section.gem_play_section .parent_area .top .colors ul {
    gap: 8px;
  }
  .play_section.gem_play_section .parent_area .top .colors ul li {
    padding: 8px 16px;
    font-size: 14px;
    border-width: 4px;
  }
  .play_section.gem_play_section .parent_area .top .wood_picker ul {
    column-gap: 0;
    row-gap: 12px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .play_section.gem_play_section .parent_area .top .wood_picker ul li p {
    font-size: 16px;
  }
  .play_section.track_system .parent_area .right {
    padding-top: 0px;
    padding-left: 0;
  }
  .play_description {
    margin-bottom: 25px;
  }
  .play_description .parent_area > .row {
    flex-direction: column-reverse;
    gap: 15px;
  }
  .play_description .parent_area .left h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .play_description .parent_area .left .editor_area p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }
  .play_description .parent_area .right {
    padding-block: 22px;
  }
  .play_description .parent_area .right .outer_area {
    border-width: 8px;
    border-radius: 16px;
  }
  .play_description .parent_area .right .outer_area .img_area {
    border-radius: 8px;
    height: 162px;
  }
  .court_section {
    margin-bottom: 25px;
  }
  .court_section .title {
    margin-bottom: 15px;
  }
  .court_section .title h3 {
    font-size: 22px;
    line-height: 26px;
  }
  .court_section .court_detail_area::after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .court_section .court_detail_area .parent_area {
    padding-block: 15px;
  }
  .court_section .court_detail_area .parent_area .img_title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 12px;
  }
  .court_section .court_detail_area .parent_area .detail_area {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 15px;
    row-gap: 15px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul {
    grid-column: 1/-1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    grid-row: 2/3;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li h4 {
    font-size: 17px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li p {
    font-size: 15px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li .img_area {
    display: none;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(1) .img_area {
    width: 125px;
    right: -50%;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(2) .img_area {
    width: 185px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(3) .img_area {
    right: -90%;
    width: 245px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(4) .img_area {
    left: -33%;
    width: 84px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(5) .img_area {
    right: -76%;
    width: 210px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(6) .img_area {
    top: -27%;
    left: -68%;
    width: 185px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center {
    height: 270px;
    grid-row: unset;
    grid-column: 1/-1;
    align-self: center;
  }
  .court_section .court_detail_area .parent_area .detail_area .center::after {
    border-radius: 14px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area {
    height: 199px;
    position: relative;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
    gap: 0;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img {
    width: 22px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(1) {
    grid-column: 2/3;
    grid-row: 2/3;
    align-self: flex-end;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(2) {
    grid-column: 4/5;
    grid-row: 2/3;
    align-self: flex-start;
    justify-self: flex-end;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(3) {
    grid-row: 4/5;
    grid-column: 3/4;
    align-self: center;
    justify-self: flex-end;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(4) {
    grid-column: 6/7;
    grid-row: 3/4;
    align-self: flex-end;
    justify-self: flex-start;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(5) {
    grid-column: 3/4;
    grid-row: 5/6;
    align-self: flex-end;
    justify-self: flex-start;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(6) {
    grid-column: 4/5;
    grid-row: 5/6;
    align-self: center;
    justify-self: flex-end;
  }
  .court_section.glory_structure .court_detail_area .parent_area .img_title span {
    font-size: 16px;
    line-height: 16px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(2) .img_area {
    left: -67%;
    width: 180px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(3) .img_area {
    right: -60%;
    width: 170px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(4) .img_area {
    left: -70%;
    top: 10%;
    width: 190px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(5) .img_area {
    right: -90%;
    top: -55%;
    width: 260px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(6) .img_area {
    left: -68%;
    width: 175px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center {
    height: 270px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img {
    width: 20px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(1) {
    align-self: flex-start;
    justify-self: flex-end;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(3) {
    grid-row: 3/4;
    grid-column: 2/3;
    place-self: center;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(4) {
    grid-row: 3/4;
    grid-column: 4/5;
    align-self: flex-end;
    justify-self: center;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(5) {
    grid-row: 4/5;
    justify-self: center;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(6) {
    align-self: flex-end;
    position: relative;
    top: 3px;
  }
  .parameter_section .inner_main {
    padding-block: 20px;
  }
  .parameter_section .inner_main::after {
    width: 50%;
    border-radius: 0 12px 12px 0;
  }
  .parameter_section .inner_main .parent_area .img_area {
    height: 513px;
    margin-inline: auto;
    margin-bottom: 15px;
  }
  .parameter_section .inner_main .parent_area .details {
    row-gap: 15px;
  }
  .parameter_section .inner_main .parent_area .details h4 {
    font-size: 22px;
    line-height: 24px;
  }
  .parameter_section .inner_main .parent_area .details ul {
    column-gap: 14px;
    grid-template-columns: 1fr;
  }
  .parameter_section .inner_main .parent_area .details ul li {
    padding-block: 14px;
    gap: 12px;
  }
  .parameter_section .inner_main .parent_area .details ul li:nth-child(2) {
    border-top: none;
  }
  .parameter_section .inner_main .parent_area .details ul li h5 {
    font-size: 17px;
    line-height: 20px;
  }
  .parameter_section .inner_main .parent_area .details ul li p {
    font-size: 15px;
    line-height: 22px;
  }
  .quote_area {
    margin-bottom: 25px;
    padding-block: 16px;
  }
  .quote_area::after, .quote_area::before {
    width: 115px;
  }
  .quote_area .parent_area {
    flex-wrap: wrap;
    justify-content: center;
  }
  .quote_area .parent_area .heading {
    margin-bottom: 15px;
  }
  .quote_area .parent_area .heading h3 {
    font-size: 18px;
  }
  .quote_area .parent_area .btn_area {
    border-radius: 8px;
  }
  .quote_area .parent_area .btn_area .quote_btn {
    font-size: 16px;
    line-height: 16px;
    padding: 12px 24px;
  }
  .advantages_section {
    margin-bottom: 25px;
  }
  .advantages_section .parent_area .top_area {
    margin-bottom: 15px;
  }
  .advantages_section .parent_area .top_area h3 {
    font-size: 20px;
    line-height: 22px;
  }
  .advantages_section .parent_area .top_area .nav_area {
    gap: 10px;
  }
  .advantages_section .parent_area .top_area .nav_area .prev-next {
    width: 30px;
    font-size: 12px;
  }
  .advantages_section .bottom_area .advantage_slider {
    margin-bottom: 15px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .icon {
    width: 140px;
    font-size: 16px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .img_area {
    height: 300px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details {
    width: 100%;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details h4 {
    font-size: 20px;
    line-height: 24px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details p {
    font-size: 16px;
    line-height: 22px;
  }
  .sport_feature_section {
    margin-bottom: 25px;
  }
  .sport_feature_section .parent_area .top_area {
    margin-bottom: 12px;
  }
  .sport_feature_section .parent_area .top_area h3 {
    font-size: 20px;
    line-height: 22px;
  }
  .sport_feature_section .parent_area .top_area .nav_area {
    gap: 10px;
  }
  .sport_feature_section .parent_area .top_area .nav_area .prev-next {
    width: 30px;
    font-size: 12px;
  }
  .sport_feature_section .parent_area .bottom_area .image_slider .item .img_area {
    width: 140px;
    height: 143px;
    margin-bottom: 12px;
  }
  .sport_feature_section .parent_area .bottom_area .image_slider .item p {
    font-size: 16px;
    line-height: 16px;
  }
  .sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area {
    width: 100%;
    margin-bottom: 15px;
  }
  .sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area .inner_img {
    width: 100px;
  }
  .glory_mm_section {
    margin-bottom: 25px;
  }
  .glory_mm_section .parent_area .left .big_img_area {
    height: 210px;
    margin-bottom: 15px;
    margin-left: -5%;
    border-radius: 0 20px 20px 0;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul {
    column-gap: 18px;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul li.active .img_area {
    border-width: 3px;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul li .img_area {
    width: 45px;
  }
  .glory_mm_section .parent_area .right {
    padding-left: 0;
  }
  .glory_mm_section .parent_area .right h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    text-align: center;
  }
  .glory_mm_section .parent_area .right ul li {
    padding-block: 12px;
  }
  .glory_mm_section .parent_area .right ul li .img_area {
    width: 55px;
  }
  .glory_mm_section .parent_area .right ul li h6 {
    font-size: 18px;
    max-width: 120px;
  }
  .glory_mm_section .parent_area .right ul li p {
    font-size: 16px;
  }
  .glory_mm_section.gemstone_structure .parent_area .left .big_img_area {
    height: 280px;
  }
  .glory_mm_section.performance_section .parent_area .top {
    margin-bottom: 12px;
  }
  .glory_mm_section.performance_section .parent_area .top .title {
    margin-bottom: 12px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .glory_mm_section.performance_section .parent_area .top .title h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .glory_mm_section.performance_section .parent_area .top .title .line {
    display: none;
  }
  .glory_mm_section.performance_section .parent_area .top .size p {
    font-size: 16px;
  }
  .glory_mm_section.performance_section .parent_area .top .size span {
    font-size: 14px;
  }
  .glory_mm_section.performance_section::after {
    bottom: -25px;
    width: 150px;
  }
  .glory_sport_section {
    margin-bottom: 25px;
  }
  .glory_sport_section .parent_area .title {
    margin-bottom: 15px;
  }
  .glory_sport_section .parent_area .title h3 {
    font-size: 20px;
  }
  .glory_sport_section .parent_area ul {
    gap: 15px;
    grid-template-columns: repeat(1, 1fr);
  }
  .glory_sport_section .parent_area ul li .img_area {
    width: 300px;
  }
  .glory_sport_section .parent_area ul li p {
    font-size: 16px;
    line-height: 16px;
  }
  .glory_feature_section {
    margin-bottom: 25px;
  }
  .glory_feature_section .parent_area .title {
    margin-bottom: 15px;
  }
  .glory_feature_section .parent_area .title h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .glory_feature_section .parent_area .title h5 {
    font-size: 14px;
  }
  .glory_feature_section .parent_area .title p {
    font-size: 15px;
    line-height: 24px;
  }
  .glory_feature_section .parent_area .feature_part {
    margin-bottom: 15px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr td {
    padding: 12px 14px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr th {
    font-size: 16px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr td {
    font-size: 14px;
  }
  .glory_feature_section .parent_area .feature_part ul li .img_area {
    width: 100%;
  }
  .glory_feature_section .parent_area .feature_part ul li p {
    font-size: 15px;
  }
  .glory_feature_section .parent_area .graph_part .img_area {
    width: 600px;
  }
  .product_specs_section {
    padding-bottom: 25px;
  }
  .product_specs_section .inner_product .left_content {
    margin-bottom: 20px;
  }
  .product_specs_section .inner_product .left_content h3 {
    font-size: 24px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item {
    padding: 15px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .circle_count {
    margin-right: 12px;
    font-size: 16px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .content h4 {
    font-size: 18px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .content p {
    font-size: 16px;
  }
  .product_specs_section .inner_product .img_right .img_area {
    height: 330px;
    width: 330px;
    margin: 0 auto;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .play_section {
    margin-bottom: 25px;
  }
  .play_section .parent_area .left {
    margin-bottom: 15px;
  }
  .play_section .parent_area .left .slider_area .play_slider_main {
    margin-left: -5%;
    margin-bottom: 20px;
  }
  .play_section .parent_area .left .slider_area .play_slider_main .item .img_area {
    height: 200px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
  }
  .play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item {
    width: 63px;
  }
  .play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item .img_area {
    border-radius: 10px;
  }
  .play_section .parent_area .left .thumbs_slider .play_slider_thumbs .item p {
    font-size: 14px;
  }
  .play_section .parent_area .right .title {
    margin-bottom: 12px;
    gap: 10px;
  }
  .play_section .parent_area .right .title .img_area {
    width: 60px;
  }
  .play_section .parent_area .right .title h3 {
    font-size: 24px;
  }
  .play_section .parent_area .right .editor_area p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
  }
  .play_section.gem_play_section .parent_area .top {
    margin-bottom: 20px;
  }
  .play_section.gem_play_section .parent_area .top .title {
    margin-bottom: 12px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .play_section.gem_play_section .parent_area .top .title h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .play_section.gem_play_section .parent_area .top .title .line {
    display: none;
  }
  .play_section.gem_play_section .parent_area .top .size {
    margin-bottom: 12px;
  }
  .play_section.gem_play_section .parent_area .top .size p {
    font-size: 16px;
  }
  .play_section.gem_play_section .parent_area .top .size span {
    font-size: 14px;
  }
  .play_section.gem_play_section .parent_area .top .colors p {
    margin-bottom: 12px;
    font-size: 16px;
  }
  .play_section.gem_play_section .parent_area .top .colors ul {
    gap: 8px;
  }
  .play_section.gem_play_section .parent_area .top .colors ul li {
    padding: 8px 16px;
    font-size: 14px;
    border-width: 4px;
  }
  .play_section.gem_play_section .parent_area .top .wood_picker ul {
    column-gap: 0;
    row-gap: 12px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .play_section.gem_play_section .parent_area .top .wood_picker ul li p {
    font-size: 16px;
  }
  .play_section.track_system .parent_area .right {
    padding-top: 0px;
    padding-left: 0;
  }
  .play_description {
    margin-bottom: 25px;
  }
  .play_description .parent_area > .row {
    flex-direction: column-reverse;
    gap: 15px;
  }
  .play_description .parent_area .left h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .play_description .parent_area .left .editor_area p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px;
  }
  .play_description .parent_area .right {
    padding-block: 22px;
  }
  .play_description .parent_area .right .outer_area {
    border-width: 8px;
    border-radius: 16px;
  }
  .play_description .parent_area .right .outer_area .img_area {
    border-radius: 8px;
    height: 162px;
  }
  .court_section {
    margin-bottom: 25px;
  }
  .court_section .title {
    margin-bottom: 15px;
  }
  .court_section .title h3 {
    font-size: 22px;
    line-height: 26px;
  }
  .court_section .court_detail_area::after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .court_section .court_detail_area .parent_area {
    padding-block: 15px;
  }
  .court_section .court_detail_area .parent_area .img_title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 12px;
  }
  .court_section .court_detail_area .parent_area .detail_area {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 15px;
    row-gap: 15px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul {
    grid-column: 1/-1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    grid-row: 2/3;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li h4 {
    font-size: 17px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li p {
    font-size: 15px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li .img_area {
    display: none;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(1) .img_area {
    width: 125px;
    right: -50%;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(2) .img_area {
    width: 185px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(3) .img_area {
    right: -90%;
    width: 245px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(4) .img_area {
    left: -33%;
    width: 84px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(5) .img_area {
    right: -76%;
    width: 210px;
  }
  .court_section .court_detail_area .parent_area .detail_area ul li:nth-child(6) .img_area {
    top: -27%;
    left: -68%;
    width: 185px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center {
    height: 270px;
    grid-row: unset;
    grid-column: 1/-1;
    align-self: center;
  }
  .court_section .court_detail_area .parent_area .detail_area .center::after {
    border-radius: 14px;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area {
    height: 180px;
    position: relative;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
    gap: 0;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img {
    width: 22px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(1) {
    grid-column: 2/3;
    grid-row: 2/3;
    align-self: flex-end;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(2) {
    grid-column: 4/5;
    grid-row: 2/3;
    align-self: flex-start;
    justify-self: flex-end;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(3) {
    grid-row: 4/5;
    grid-column: 3/4;
    align-self: center;
    justify-self: flex-end;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(4) {
    grid-column: 6/7;
    grid-row: 3/4;
    align-self: flex-end;
    justify-self: flex-start;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(5) {
    grid-column: 3/4;
    grid-row: 5/6;
    align-self: flex-end;
    justify-self: flex-start;
  }
  .court_section .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(6) {
    grid-column: 4/5;
    grid-row: 5/6;
    align-self: center;
    justify-self: flex-end;
  }
  .court_section.glory_structure .court_detail_area .parent_area .img_title span {
    font-size: 16px;
    line-height: 16px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(2) .img_area {
    left: -67%;
    width: 180px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(3) .img_area {
    right: -60%;
    width: 170px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(4) .img_area {
    left: -70%;
    top: 10%;
    width: 190px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(5) .img_area {
    right: -90%;
    top: -55%;
    width: 260px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area ul li:nth-child(6) .img_area {
    left: -68%;
    width: 175px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center {
    height: 270px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img {
    width: 20px;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(1) {
    align-self: flex-start;
    justify-self: flex-end;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(3) {
    grid-row: 3/4;
    grid-column: 2/3;
    place-self: center;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(4) {
    grid-row: 3/4;
    grid-column: 4/5;
    align-self: flex-end;
    justify-self: center;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(5) {
    grid-row: 4/5;
    justify-self: center;
  }
  .court_section.glory_structure .court_detail_area .parent_area .detail_area .center .img_area ul .circle_img:nth-child(6) {
    align-self: flex-end;
    position: relative;
    top: 3px;
  }
  .parameter_section .inner_main {
    padding-block: 20px;
  }
  .parameter_section .inner_main::after {
    width: 50%;
    border-radius: 0 12px 12px 0;
  }
  .parameter_section .inner_main .parent_area .img_area {
    height: 513px;
    margin-inline: auto;
    margin-bottom: 15px;
  }
  .parameter_section .inner_main .parent_area .details {
    row-gap: 15px;
  }
  .parameter_section .inner_main .parent_area .details h4 {
    font-size: 22px;
    line-height: 24px;
  }
  .parameter_section .inner_main .parent_area .details ul {
    column-gap: 14px;
    grid-template-columns: 1fr;
  }
  .parameter_section .inner_main .parent_area .details ul li {
    padding-block: 14px;
    gap: 12px;
  }
  .parameter_section .inner_main .parent_area .details ul li:nth-child(2) {
    border-top: none;
  }
  .parameter_section .inner_main .parent_area .details ul li h5 {
    font-size: 17px;
    line-height: 20px;
  }
  .parameter_section .inner_main .parent_area .details ul li p {
    font-size: 15px;
    line-height: 22px;
  }
  .quote_area {
    margin-bottom: 25px;
    padding-block: 16px;
  }
  .quote_area::after, .quote_area::before {
    width: 115px;
  }
  .quote_area .parent_area {
    flex-wrap: wrap;
    justify-content: center;
  }
  .quote_area .parent_area .heading {
    margin-bottom: 15px;
  }
  .quote_area .parent_area .heading h3 {
    font-size: 18px;
  }
  .quote_area .parent_area .btn_area {
    border-radius: 8px;
  }
  .quote_area .parent_area .btn_area .quote_btn {
    font-size: 16px;
    line-height: 16px;
    padding: 12px 24px;
  }
  .advantages_section {
    margin-bottom: 25px;
  }
  .advantages_section .parent_area .top_area {
    margin-bottom: 15px;
  }
  .advantages_section .parent_area .top_area h3 {
    font-size: 20px;
    line-height: 22px;
  }
  .advantages_section .parent_area .top_area .nav_area {
    gap: 10px;
  }
  .advantages_section .parent_area .top_area .nav_area .prev-next {
    width: 30px;
    font-size: 12px;
  }
  .advantages_section .bottom_area .advantage_slider {
    margin-bottom: 15px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .icon {
    width: 140px;
    font-size: 16px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .img_area {
    height: 300px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details {
    width: 100%;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details h4 {
    font-size: 20px;
    line-height: 24px;
  }
  .advantages_section .bottom_area .advantage_slider .item .outer .content .details p {
    font-size: 16px;
    line-height: 22px;
  }
  .sport_feature_section {
    margin-bottom: 25px;
  }
  .sport_feature_section .parent_area .top_area {
    margin-bottom: 12px;
  }
  .sport_feature_section .parent_area .top_area h3 {
    font-size: 20px;
    line-height: 22px;
  }
  .sport_feature_section .parent_area .top_area .nav_area {
    gap: 10px;
  }
  .sport_feature_section .parent_area .top_area .nav_area .prev-next {
    width: 30px;
    font-size: 12px;
  }
  .sport_feature_section .parent_area .bottom_area .image_slider .item .img_area {
    width: 140px;
    height: 143px;
    margin-bottom: 12px;
  }
  .sport_feature_section .parent_area .bottom_area .image_slider .item p {
    font-size: 16px;
    line-height: 16px;
  }
  .sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area {
    width: 100%;
    margin-bottom: 15px;
  }
  .sport_feature_section.excelence_section .parent_area .bottom_area .item .box_img_area .inner_img {
    width: 100px;
  }
  .glory_mm_section {
    margin-bottom: 25px;
  }
  .glory_mm_section .parent_area .left .big_img_area {
    height: 180px;
    margin-bottom: 15px;
    margin-left: -5%;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul {
    column-gap: 18px;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul li.active .img_area {
    border-width: 3px;
  }
  .glory_mm_section .parent_area .left .thumbs_picker ul li .img_area {
    width: 45px;
  }
  .glory_mm_section .parent_area .right {
    padding-left: 0;
  }
  .glory_mm_section .parent_area .right h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    text-align: center;
  }
  .glory_mm_section .parent_area .right ul li {
    padding-block: 12px;
  }
  .glory_mm_section .parent_area .right ul li .img_area {
    width: 55px;
  }
  .glory_mm_section .parent_area .right ul li h6 {
    font-size: 18px;
    max-width: 120px;
  }
  .glory_mm_section .parent_area .right ul li p {
    font-size: 16px;
  }
  .glory_mm_section.gemstone_structure .parent_area .left .big_img_area {
    height: 280px;
  }
  .glory_mm_section.performance_section .parent_area .top {
    margin-bottom: 12px;
  }
  .glory_mm_section.performance_section .parent_area .top .title {
    margin-bottom: 12px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .glory_mm_section.performance_section .parent_area .top .title h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .glory_mm_section.performance_section .parent_area .top .title .line {
    display: none;
  }
  .glory_mm_section.performance_section .parent_area .top .size p {
    font-size: 16px;
  }
  .glory_mm_section.performance_section .parent_area .top .size span {
    font-size: 14px;
  }
  .glory_mm_section.performance_section::after {
    bottom: -25px;
    width: 150px;
  }
  .glory_sport_section {
    margin-bottom: 25px;
  }
  .glory_sport_section .parent_area .title {
    margin-bottom: 15px;
  }
  .glory_sport_section .parent_area .title h3 {
    font-size: 20px;
  }
  .glory_sport_section .parent_area ul {
    gap: 15px;
    grid-template-columns: repeat(1, 1fr);
  }
  .glory_sport_section .parent_area ul li .img_area {
    width: 300px;
  }
  .glory_sport_section .parent_area ul li p {
    font-size: 16px;
    line-height: 16px;
  }
  .glory_feature_section {
    margin-bottom: 25px;
  }
  .glory_feature_section .parent_area .title {
    margin-bottom: 15px;
  }
  .glory_feature_section .parent_area .title h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .glory_feature_section .parent_area .title h5 {
    font-size: 14px;
  }
  .glory_feature_section .parent_area .title p {
    font-size: 15px;
    line-height: 24px;
  }
  .glory_feature_section .parent_area .feature_part {
    margin-bottom: 15px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr td {
    padding: 12px 14px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table thead tr th,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table thead tr th {
    font-size: 16px;
  }
  .glory_feature_section .parent_area .feature_part .outer .table-responsive .table tbody tr td,
  .glory_feature_section .parent_area .feature_part .outer .table-responsive table tbody tr td {
    font-size: 14px;
  }
  .glory_feature_section .parent_area .feature_part ul li .img_area {
    width: 100%;
  }
  .glory_feature_section .parent_area .feature_part ul li p {
    font-size: 15px;
  }
  .glory_feature_section .parent_area .graph_part .img_area {
    width: 600px;
  }
  .product_specs_section {
    padding-bottom: 25px;
  }
  .product_specs_section .inner_product .left_content {
    margin-bottom: 20px;
  }
  .product_specs_section .inner_product .left_content h3 {
    font-size: 24px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item {
    padding: 15px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .circle_count {
    margin-right: 12px;
    font-size: 16px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .content h4 {
    font-size: 18px;
  }
  .product_specs_section .inner_product .left_content .listing_scale li .inner_item .content p {
    font-size: 16px;
  }
  .product_specs_section .inner_product .img_right .img_area {
    height: 310px;
    width: 310px;
    margin: 0 auto;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.spec_section {
  margin-bottom: 90px;
}
.spec_section .parent_area .left h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 34px;
  color: #E84508;
  margin-bottom: 16px;
}
.spec_section .parent_area .left p {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #7a7a7a;
  margin-bottom: 12px;
}
.spec_section .parent_area .left .details {
  margin-bottom: 12px;
}
.spec_section .parent_area .left .details li {
  display: flex;
  align-items: baseline;
  gap: 18px;
  border-bottom: 1px solid #d9d9d9;
  padding-block: 18px;
}
.spec_section .parent_area .left .details li:last-child {
  border-bottom: none;
}
.spec_section .parent_area .left .details li:first-child {
  padding-top: 0;
}
.spec_section .parent_area .left .details li p {
  font-weight: 500;
  font-size: 20px;
  color: #171717;
  margin-bottom: 0;
}
.spec_section .parent_area .left .details li span {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #7a7a7a;
  font-family: "General Sans";
  display: block;
}
.spec_section .parent_area .left .specs li {
  margin-bottom: 12px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  background: linear-gradient(90deg, #f6f6f6 -2.45%, #ffffff 100%);
  border-radius: 8px;
}
.spec_section .parent_area .left .specs li .count {
  width: 39px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  flex-shrink: 0;
  display: grid;
  place-content: center;
  color: #E84508;
  border: 1px solid #E84508;
  font-weight: 500;
  font-size: 17px;
}
.spec_section .parent_area .left .specs li .content {
  flex-grow: 1;
}
.spec_section .parent_area .left .specs li .content h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  color: #E84508;
  margin-bottom: 8px;
}
.spec_section .parent_area .left .specs li .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.1px;
  color: #707070;
}
.spec_section .parent_area .right .img_area {
  aspect-ratio: 721/564;
}

.versatitlity_section {
  overflow-x: clip;
  margin-bottom: 90px;
  position: relative;
}
.versatitlity_section .parent_area .left .img_area {
  aspect-ratio: 678/735;
  border-radius: 25px;
  overflow: hidden;
}
.versatitlity_section .parent_area .right {
  padding-top: 40px;
  padding-left: 40px;
}
.versatitlity_section .parent_area .right .title {
  margin-bottom: 50px;
}
.versatitlity_section .parent_area .right .title h4 {
  font-weight: 500;
  font-size: 32px;
  line-height: 36px;
  color: #171717;
  margin-bottom: 12px;
}
.versatitlity_section .parent_area .right .title p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.1px;
  color: #707070;
}
.versatitlity_section .parent_area .right .details ul {
  display: flex;
  align-items: center;
  column-gap: 72px;
}
.versatitlity_section .parent_area .right .details ul li {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  overflow-y: clip;
}
.versatitlity_section .parent_area .right .details ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(10deg);
  -moz-transform: translateY(-50%) rotate(10deg);
  -ms-transform: translateY(-50%) rotate(10deg);
  -o-transform: translateY(-50%) rotate(10deg);
  transform: translateY(-50%) rotate(10deg);
  right: -32px;
  background-color: #d9d9d9;
  width: 1px;
  height: 100%;
}
.versatitlity_section .parent_area .right .details ul li:last-child::before {
  left: unset;
  top: unset;
  right: -65px;
  animation: down 5s linear infinite forwards;
  background-image: url("../images/tripple_arrow_up.png");
}
.versatitlity_section .parent_area .right .details ul li:last-child::after {
  display: none;
}
.versatitlity_section .parent_area .right .details ul li::before {
  content: "";
  background-image: url("../images/tripple_arrow_down.png");
  background-size: contain;
  background-repeat: repeat-y;
  position: absolute;
  left: -65px;
  width: 98px;
  height: 392px;
  z-index: -1;
  animation: up 5s linear infinite forwards;
}
.versatitlity_section .parent_area .right .details ul li h3 {
  font-weight: 500;
  font-size: 72px;
  color: #E84508;
}
.versatitlity_section .parent_area .right .details ul li h5 {
  font-weight: 500;
  font-size: 20px;
  color: #171717;
}
.versatitlity_section .parent_area .right .details ul li p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.1px;
  color: #707070;
}
.versatitlity_section::after {
  content: "";
  background-image: url("../images/versal1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  aspect-ratio: 855/206;
  height: 206px;
  left: 0;
  bottom: -90px;
  position: absolute;
  z-index: -1;
}

.infinite_feature_section {
  margin-bottom: 90px;
  position: relative;
}
.infinite_feature_section .bg_img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.infinite_feature_section .bg_img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(129.07deg, rgba(229, 35, 14, 0.91) 2.47%, rgba(232, 69, 8, 0.91) 111.94%);
  width: 100%;
  height: 100%;
}
.infinite_feature_section .parent_area {
  padding-block: 60px;
  position: relative;
  z-index: 2;
}
.infinite_feature_section .parent_area h3 {
  text-align: center;
  color: #ffffff;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 50px;
}
.infinite_feature_section .parent_area ul {
  display: flex;
  column-gap: 90px;
  row-gap: 80px;
  flex-wrap: wrap;
}
.infinite_feature_section .parent_area ul:has(li:nth-last-child(1):nth-child(3n+1)) {
  justify-content: center;
}
.infinite_feature_section .parent_area ul:has(li:nth-last-child(2):nth-child(3n+1)) {
  justify-content: flex-start;
}
.infinite_feature_section .parent_area ul li {
  width: calc((100% - 180px) / 3);
  display: flex;
  align-items: flex-start;
  gap: 23px;
}
.infinite_feature_section .parent_area ul li .icon {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  padding: 5px;
  flex-shrink: 0;
}
.infinite_feature_section .parent_area ul li .icon img {
  object-fit: contain;
}
.infinite_feature_section .parent_area ul li p {
  font-weight: 700;
  flex-grow: 1;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
}

.infinite_quality_section {
  margin-bottom: 90px;
}
.infinite_quality_section .parent_area .title {
  margin-bottom: 60px;
  width: 995px;
  max-width: 100%;
  margin-inline: auto;
}
.infinite_quality_section .parent_area .title h3 {
  font-weight: 700;
  font-size: 32px;
  text-align: center;
  color: #171717;
  margin-bottom: 14px;
}
.infinite_quality_section .parent_area .title p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.1px;
  text-align: center;
  color: #707070;
}
.infinite_quality_section .parent_area .qualities ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 23px;
  row-gap: 40px;
}
.infinite_quality_section .parent_area .qualities ul li {
  position: relative;
}
.infinite_quality_section .parent_area .qualities ul li::after {
  content: "";
  position: absolute;
  width: 70%;
  height: 23px;
  border-radius: 32px 32px 0 0;
  background-color: #E84508;
  left: 50%;
  top: 0;
  transform: translateY(-100%) translateX(-50%);
}
.infinite_quality_section .parent_area .qualities ul li .item {
  border-radius: 32px;
  box-shadow: 0px 13px 29px 0px rgba(181, 181, 181, 0.2509803922);
  overflow: hidden;
  background-color: #ffffff;
  height: 100%;
}
.infinite_quality_section .parent_area .qualities ul li .item .top_area {
  background-color: #f9f9f9;
  display: grid;
  place-items: center;
  padding-block: 62px;
}
.infinite_quality_section .parent_area .qualities ul li .item .top_area .img_area {
  height: 141px;
  aspect-ratio: 139/141;
}
.infinite_quality_section .parent_area .qualities ul li .item .top_area .img_area img {
  object-fit: contain;
}
.infinite_quality_section .parent_area .qualities ul li .item .content {
  padding-block: 25px;
  padding-inline: 12px;
  width: 290px;
  max-width: 100%;
  margin-inline: auto;
}
.infinite_quality_section .parent_area .qualities ul li .item .content h5 {
  font-weight: 500;
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  color: #171717;
  margin-bottom: 8px;
}
.infinite_quality_section .parent_area .qualities ul li .item .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.1px;
  text-align: center;
  color: #7a7a7a;
}

.application_section {
  margin-bottom: 90px;
  position: relative;
}
.application_section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/arrow_right.png");
  background-size: contain;
  background-position: center;
  width: 329px;
  aspect-ratio: 329/250;
  z-index: -1;
  transform: translateY(-70%) translateX(10%);
  background-repeat: no-repeat;
}
.application_section .parent_area .left .tabs_outer {
  margin-bottom: 50px;
  overflow-x: auto;
}
.application_section .parent_area .left .tabs_outer .tabs_area {
  display: flex;
  min-height: 90px;
  flex-wrap: nowrap;
}
.application_section .parent_area .left .tabs_outer .tabs_area li {
  flex: 0 0 33.3333333333%;
  align-content: flex-end;
}
.application_section .parent_area .left .tabs_outer .tabs_area li .tab_item {
  background-color: #FAFAFA;
  text-align: center;
  display: block;
  padding: 25px 12px;
  color: #E84508;
  font-weight: 700;
  font-size: 20px;
  white-space: nowrap;
  border: none;
  border-radius: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.application_section .parent_area .left .tabs_outer .tabs_area li .tab_item.active {
  padding-block: 30px;
  font-size: 24px;
  color: #ffffff;
  background-color: #E84508;
}
.application_section .parent_area .left .tabs_outer .tabs_area li:hover .tab_item, .application_section .parent_area .left .tabs_outer .tabs_area li.active .tab_item {
  padding-block: 30px;
  font-size: 24px;
  color: #ffffff;
  background-color: #E84508;
}
.application_section .parent_area .left .details {
  width: 518px;
  max-width: 100%;
}
.application_section .parent_area .left .details li {
  display: flex;
  align-items: first baseline;
  gap: 18px;
  border-bottom: 1px solid #d9d9d9;
  padding-block: 18px;
}
.application_section .parent_area .left .details li:last-child {
  border: none;
}
.application_section .parent_area .left .details li p {
  font-weight: 500;
  font-size: 20px;
  color: #171717;
  flex-shrink: 0;
}
.application_section .parent_area .left .details li span {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #7a7a7a;
}
.application_section .parent_area > .row * {
  overflow: visible;
}
.application_section .parent_area .right .img_area {
  aspect-ratio: 530/517;
}
.application_section .parent_area .right .img_area img {
  object-position: 100% 50%;
}

.collection_section {
  margin-bottom: 90px;
  padding-bottom: 38px;
  position: relative;
  overflow-y: clip;
}
.collection_section::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  background-image: url("../images/color_bg.png");
  background-size: cover;
  aspect-ratio: 1440/392;
  background-position: center;
  opacity: 0.5;
  background-repeat: no-repeat;
  z-index: -1;
}
.collection_section .parent_area .title {
  display: flex;
  margin-bottom: 32px;
}
.collection_section .parent_area .title h4 {
  flex-grow: 1;
  font-weight: 700;
  font-size: 32px;
  color: #E84508;
}
.collection_section .parent_area .title .nav_area {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.collection_section .parent_area .title .nav_area .prev_next {
  width: 43px;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid #E84508;
  color: #E84508;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.collection_section .parent_area .title .nav_area .prev_next:hover {
  background-color: #E84508;
  color: #ffffff;
}
.collection_section .parent_area .title .nav_area .prev_next.swiper-button-disabled {
  filter: grayscale(1);
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.collection_section .parent_area .slider_area .swiper {
  overflow-x: clip;
  overflow-y: visible;
}
.collection_section .parent_area .slider_area .item .img_area {
  width: 300px;
  aspect-ratio: 1/1;
  border-radius: 18px;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 24px;
  box-shadow: 0px 13px 29px 0px rgba(181, 181, 181, 0.2509803922);
  display: block;
}
.collection_section .parent_area .slider_area .item p {
  font-weight: 500;
  font-size: 22px;
  color: #171717;
}

.pvc_app_section {
  margin-bottom: 90px;
  position: relative;
  padding-top: 60px;
}
.pvc_app_section .parent_area .left {
  position: relative;
  z-index: 2;
}
.pvc_app_section .parent_area .left .top {
  background-color: #E84508;
  padding: 48px 34px;
  display: flex;
  column-gap: 55px;
  row-gap: 12px;
  align-items: center;
  margin-bottom: 32px;
}
.pvc_app_section .parent_area .left .top h3 {
  font-weight: 700;
  font-size: 32px;
  color: #ffffff;
}
.pvc_app_section .parent_area .left .top p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.1px;
  color: #ffffff;
  position: relative;
}
.pvc_app_section .parent_area .left .top p::before {
  content: "";
  width: 1px;
  height: 130%;
  left: -27px;
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  position: absolute;
  background-color: #ffffff;
}
.pvc_app_section .parent_area .left .bottom .slider_area {
  margin-bottom: 32px;
}
.pvc_app_section .parent_area .left .bottom .slider_area .swiper {
  overflow-x: clip;
  overflow-y: visible;
}
.pvc_app_section .parent_area .left .bottom .slider_area .swiper .swiper-wrapper .swiper-slide {
  height: unset;
}
.pvc_app_section .parent_area .left .bottom .slider_area .item {
  height: 100%;
  padding: 36px 26px;
  background-color: #ffffff;
  box-shadow: 0px 13px 29px 0px rgba(181, 181, 181, 0.2509803922);
  position: relative;
}
.pvc_app_section .parent_area .left .bottom .slider_area .item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 9px;
  width: 100%;
  background-color: #E84508;
}
.pvc_app_section .parent_area .left .bottom .slider_area .item .img_area {
  height: 52px;
  margin-bottom: 12px;
  aspect-ratio: 65/52;
}
.pvc_app_section .parent_area .left .bottom .slider_area .item .img_area img {
  object-fit: contain;
}
.pvc_app_section .parent_area .left .bottom .slider_area .item h4 {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 28px;
  color: #171717;
}
.pvc_app_section .parent_area .left .bottom .slider_area .item p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #707070;
}
.pvc_app_section .parent_area .right .img_area {
  max-width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  aspect-ratio: 623/769;
}
.pvc_app_section .parent_area .navigation {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.pvc_app_section .parent_area .navigation .nav_area {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pvc_app_section .parent_area .navigation .nav_area .prev_next {
  display: grid;
  place-items: center;
  width: 40px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid #E84508;
  color: #E84508;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pvc_app_section .parent_area .navigation .nav_area .prev_next.swiper-button-disabled, .pvc_app_section .parent_area .navigation .nav_area .prev_next.swiper-button-lock {
  opacity: 0.5;
  filter: grayscale(1);
  pointer-events: none;
}
.pvc_app_section .parent_area .navigation .nav_area .prev_next:hover {
  background-color: #E84508;
  color: #ffffff;
}
.pvc_app_section .parent_area .navigation .pvc_bullets {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
}
.pvc_app_section .parent_area .navigation .pvc_bullets .swiper-pagination-bullet {
  display: block;
  height: 4px;
  border-radius: 10px;
  background-color: rgb(252.8, 207.975, 191.2);
  margin: 0;
  width: 14px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pvc_app_section .parent_area .navigation .pvc_bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 44px;
  background-color: #E84508;
}

.pvc_application {
  margin-bottom: 90px;
}
.pvc_application .parent_area .title {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}
.pvc_application .parent_area .title h3 {
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  color: #E84508;
}
.pvc_application .parent_area .title .line {
  height: 1px;
  width: 100%;
  background-color: #E84508;
  align-self: flex-end;
  transform: translateY(-14px);
}
.pvc_application .parent_area .title .nav_area {
  display: flex;
  align-items: center;
  gap: 15px;
}
.pvc_application .parent_area .title .nav_area .prev_next {
  width: 40px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  color: #E84508;
  border: 1px solid #E84508;
  display: grid;
  place-items: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pvc_application .parent_area .title .nav_area .prev_next:hover {
  background-color: #E84508;
  color: #ffffff;
}
.pvc_application .parent_area .title .nav_area .prev_next.swiper-button-disabled, .pvc_application .parent_area .title .nav_area .prev_next.swiper-button-lock {
  filter: grayscale(1);
  pointer-events: none;
  opacity: 0.5;
}
.pvc_application .parent_area .bottom .application_slider {
  overflow-x: clip;
  overflow-y: visible;
}
.pvc_application .parent_area .bottom .application_slider .item .img_area {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 402/220;
  display: block;
}

@keyframes down {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-196px);
  }
}
@keyframes up {
  0% {
    transform: translateY(-196px);
  }
  100% {
    transform: translateY(0);
  }
}
/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .spec_section {
    margin-bottom: 70px;
  }
  .versatitlity_section {
    margin-bottom: 70px;
  }
  .versatitlity_section::after {
    bottom: -70px;
    height: 186px;
  }
  .infinite_feature_section {
    margin-bottom: 70px;
  }
  .infinite_feature_section .parent_area ul {
    gap: 70px;
  }
  .infinite_feature_section .parent_area ul li {
    width: calc((100% - 140px) / 3);
  }
  .infinite_quality_section {
    margin-bottom: 70px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .top_area {
    padding-block: 50px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .top_area .img_area {
    height: 125px;
  }
  .application_section {
    margin-bottom: 70px;
  }
  .application_section .parent_area .left .tabs_outer {
    margin-bottom: 40px;
  }
  .collection_section {
    margin-bottom: 70px;
    padding-bottom: 28px;
  }
  .collection_section::after {
    top: unset;
  }
  .pvc_app_section {
    margin-bottom: 70px;
    padding-top: 70px;
  }
  .pvc_application {
    margin-bottom: 70px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .spec_section {
    margin-bottom: 70px;
  }
  .versatitlity_section {
    margin-bottom: 70px;
  }
  .versatitlity_section::after {
    bottom: -70px;
    height: 186px;
  }
  .infinite_feature_section {
    margin-bottom: 70px;
  }
  .infinite_feature_section .parent_area ul {
    gap: 70px;
  }
  .infinite_feature_section .parent_area ul li {
    width: calc((100% - 140px) / 3);
  }
  .infinite_quality_section {
    margin-bottom: 70px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .top_area {
    padding-block: 50px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .top_area .img_area {
    height: 125px;
  }
  .application_section {
    margin-bottom: 70px;
  }
  .application_section .parent_area .left .tabs_outer {
    margin-bottom: 40px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li .tab_item {
    font-size: 19px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li .tab_item.active {
    font-size: 21px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li:hover .tab_item {
    font-size: 21px;
  }
  .collection_section {
    margin-bottom: 70px;
    padding-bottom: 28px;
  }
  .collection_section::after {
    top: unset;
  }
  .pvc_app_section {
    margin-bottom: 70px;
    padding-top: 70px;
  }
  .pvc_application {
    margin-bottom: 70px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .spec_section {
    margin-bottom: 50px;
  }
  .spec_section .parent_area .left h3 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 12px;
  }
  .spec_section .parent_area .left .details li {
    padding-block: 12px;
  }
  .spec_section .parent_area .left .details li p {
    font-size: 18px;
  }
  .spec_section .parent_area .left .details li span {
    font-size: 16px;
    line-height: 22px;
  }
  .spec_section .parent_area .left .specs li {
    padding: 14px 16px;
  }
  .spec_section .parent_area .left .specs li .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .spec_section .parent_area .left .specs li .content h5 {
    font-size: 18px;
  }
  .versatitlity_section {
    margin-bottom: 50px;
  }
  .versatitlity_section .parent_area .right {
    padding: 20px 0 0 20px;
  }
  .versatitlity_section .parent_area .right .title {
    margin-bottom: 40px;
  }
  .versatitlity_section .parent_area .right .title h4 {
    font-size: 28px;
    line-height: 32px;
  }
  .versatitlity_section .parent_area .right .title p {
    font-size: 16px;
    line-height: 24px;
  }
  .versatitlity_section .parent_area .right .details ul {
    gap: 52px;
  }
  .versatitlity_section .parent_area .right .details ul li::after {
    right: -26px;
  }
  .versatitlity_section .parent_area .right .details ul li h3 {
    font-size: 52px;
  }
  .versatitlity_section .parent_area .right .details ul li h5 {
    font-size: 18px;
  }
  .versatitlity_section .parent_area .right .details ul li p {
    font-size: 16px;
    line-height: 22px;
  }
  .versatitlity_section::after {
    bottom: -50px;
    height: 146px;
  }
  .infinite_feature_section {
    margin-bottom: 50px;
  }
  .infinite_feature_section .parent_area {
    padding-block: 50px;
  }
  .infinite_feature_section .parent_area h3 {
    font-size: 28px;
    margin-bottom: 40px;
  }
  .infinite_feature_section .parent_area ul {
    gap: 50px;
  }
  .infinite_feature_section .parent_area ul li {
    width: calc((100% - 100px) / 3);
  }
  .infinite_quality_section {
    margin-bottom: 50px;
  }
  .infinite_quality_section .parent_area .title h3 {
    font-size: 28px;
    line-height: 28px;
  }
  .infinite_quality_section .parent_area .title p {
    font-size: 16px;
    line-height: 20px;
  }
  .infinite_quality_section .parent_area .qualities ul {
    row-gap: 30px;
  }
  .infinite_quality_section .parent_area .qualities ul li::after {
    height: 14px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item {
    border-radius: 20px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .top_area {
    padding-block: 30px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .top_area .img_area {
    height: 90px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .content h5 {
    font-size: 20px;
    line-height: 22px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .content p {
    font-size: 16px;
    line-height: 20px;
  }
  .application_section {
    margin-bottom: 50px;
  }
  .application_section::after {
    width: 300px;
  }
  .application_section .parent_area .left .tabs_outer {
    margin-bottom: 30px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li .tab_item {
    font-size: 18px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li .tab_item.active {
    font-size: 21px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li:hover .tab_item {
    font-size: 21px;
  }
  .application_section .parent_area .left .details li {
    padding-block: 12px;
  }
  .application_section .parent_area .left .details li p {
    font-size: 18px;
  }
  .application_section .parent_area .left .details li span {
    font-size: 16px;
  }
  .collection_section {
    margin-bottom: 50px;
    padding-bottom: 28px;
  }
  .collection_section::after {
    top: unset;
  }
  .collection_section .parent_area .title h4 {
    font-size: 28px;
  }
  .collection_section .parent_area .title .nav_area .prev_next {
    width: 35px;
  }
  .collection_section .parent_area .slider_area .item .img_area {
    margin-bottom: 18px;
  }
  .collection_section .parent_area .slider_area .item p {
    font-size: 20px;
  }
  .pvc_app_section {
    margin-bottom: 50px;
    padding-top: 50px;
  }
  .pvc_app_section .parent_area .left .top {
    padding: 30px 24px;
  }
  .pvc_app_section .parent_area .left .top h3 {
    font-size: 28px;
  }
  .pvc_app_section .parent_area .left .top p {
    font-size: 16px;
    line-height: 22px;
  }
  .pvc_app_section .parent_area .left .top p::before {
    height: 100%;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area {
    margin-bottom: 20px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item {
    padding: 20px 15px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item .img_area {
    height: 40px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item h4 {
    font-size: 22px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item::after {
    height: 5px;
  }
  .pvc_app_section .parent_area .navigation .nav_area .prev_next {
    width: 32px;
    font-size: 12px;
  }
  .pvc_application {
    margin-bottom: 50px;
  }
  .pvc_application .parent_area .title h3 {
    font-size: 28px;
    line-height: 28px;
  }
  .pvc_application .parent_area .title .line {
    transform: translateY(-8px);
  }
  .pvc_application .parent_area .title .nav_area .prev_next {
    width: 32px;
    font-size: 12px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .spec_section {
    margin-bottom: 40px;
  }
  .spec_section .parent_area .left h3 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 12px;
  }
  .spec_section .parent_area .left .details li {
    padding-block: 12px;
  }
  .spec_section .parent_area .left .details li p {
    font-size: 16px;
  }
  .spec_section .parent_area .left .details li span {
    font-size: 14px;
    line-height: 22px;
  }
  .spec_section .parent_area .left .specs li {
    padding: 14px 16px;
  }
  .spec_section .parent_area .left .specs li .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .spec_section .parent_area .left .specs li .content h5 {
    font-size: 18px;
  }
  .versatitlity_section {
    margin-bottom: 40px;
  }
  .versatitlity_section .parent_area .right {
    padding: 0;
  }
  .versatitlity_section .parent_area .right .title {
    margin-bottom: 20px;
  }
  .versatitlity_section .parent_area .right .title h4 {
    font-size: 24px;
    line-height: 28px;
  }
  .versatitlity_section .parent_area .right .title p {
    font-size: 16px;
    line-height: 24px;
  }
  .versatitlity_section .parent_area .right .details ul {
    gap: 32px;
    flex-wrap: wrap;
  }
  .versatitlity_section .parent_area .right .details ul li {
    gap: 10px;
    width: 80%;
  }
  .versatitlity_section .parent_area .right .details ul li::after {
    right: -26px;
    display: none;
  }
  .versatitlity_section .parent_area .right .details ul li h3 {
    font-size: 52px;
  }
  .versatitlity_section .parent_area .right .details ul li h5 {
    font-size: 18px;
  }
  .versatitlity_section .parent_area .right .details ul li p {
    font-size: 16px;
    line-height: 22px;
  }
  .versatitlity_section::after {
    bottom: -40px;
    height: 106px;
  }
  .infinite_feature_section {
    margin-bottom: 40px;
  }
  .infinite_feature_section .parent_area {
    padding-block: 40px;
  }
  .infinite_feature_section .parent_area h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .infinite_feature_section .parent_area ul {
    gap: 20px;
  }
  .infinite_feature_section .parent_area ul li {
    width: calc((100% - 40px) / 3);
  }
  .infinite_feature_section .parent_area ul li p {
    font-size: 18px;
  }
  .infinite_quality_section {
    margin-bottom: 40px;
  }
  .infinite_quality_section .parent_area .title {
    margin-bottom: 50px;
  }
  .infinite_quality_section .parent_area .title h3 {
    font-size: 24px;
    line-height: 24px;
  }
  .infinite_quality_section .parent_area .title p {
    font-size: 16px;
    line-height: 20px;
  }
  .infinite_quality_section .parent_area .qualities ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 28px;
  }
  .infinite_quality_section .parent_area .qualities ul li::after {
    height: 12px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item {
    border-radius: 20px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .top_area {
    padding-block: 20px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .top_area .img_area {
    height: 80px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .content h5 {
    font-size: 20px;
    line-height: 22px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .content p {
    font-size: 16px;
    line-height: 20px;
  }
  .application_section {
    margin-bottom: 40px;
  }
  .application_section::after {
    width: 200px;
  }
  .application_section .parent_area .left .tabs_outer {
    margin-bottom: 20px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area {
    min-height: 70px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li .tab_item {
    font-size: 16px;
    padding-block: 18px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li .tab_item.active {
    padding-block: 22px;
    font-size: 21px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li:hover .tab_item {
    padding-block: 22px;
    font-size: 21px;
  }
  .application_section .parent_area .left .details li {
    padding-block: 12px;
  }
  .application_section .parent_area .left .details li p {
    font-size: 18px;
  }
  .application_section .parent_area .left .details li span {
    font-size: 16px;
  }
  .application_section .parent_area .right .img_area {
    width: 100%;
    aspect-ratio: 530/447;
  }
  .application_section .parent_area .right .img_area img {
    object-position: center;
  }
  .collection_section {
    margin-bottom: 40px;
    padding-bottom: 20px;
  }
  .collection_section::after {
    top: unset;
  }
  .collection_section .parent_area .title {
    margin-bottom: 22px;
  }
  .collection_section .parent_area .title h4 {
    font-size: 24px;
  }
  .collection_section .parent_area .title .nav_area .prev_next {
    width: 35px;
    font-size: 14px;
  }
  .collection_section .parent_area .slider_area .item .img_area {
    margin-bottom: 12px;
  }
  .collection_section .parent_area .slider_area .item p {
    font-size: 18px;
  }
  .pvc_app_section {
    margin-bottom: 40px;
    padding-top: 40px;
  }
  .pvc_app_section .parent_area .left .top {
    padding: 22px;
    margin-bottom: 22px;
  }
  .pvc_app_section .parent_area .left .top h3 {
    font-size: 24px;
    align-content: center;
  }
  .pvc_app_section .parent_area .left .top p {
    font-size: 14px;
    line-height: 20px;
  }
  .pvc_app_section .parent_area .left .top p::before {
    height: 100%;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area {
    margin-bottom: 15px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item {
    padding: 15px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item .img_area {
    height: 32px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item h4 {
    font-size: 18px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item::after {
    height: 5px;
  }
  .pvc_app_section .parent_area .navigation .nav_area .prev_next {
    width: 32px;
    font-size: 12px;
  }
  .pvc_application {
    margin-bottom: 40px;
  }
  .pvc_application .parent_area .title {
    margin-bottom: 22px;
  }
  .pvc_application .parent_area .title h3 {
    font-size: 24px;
    line-height: 24px;
  }
  .pvc_application .parent_area .title .line {
    transform: translateY(-8px);
  }
  .pvc_application .parent_area .title .nav_area .prev_next {
    width: 32px;
    font-size: 12px;
  }
  .pvc_application .parent_area .bottom .application_slider .item .img_area {
    border-radius: 12px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .spec_section {
    margin-bottom: 30px;
  }
  .spec_section .parent_area .left h3 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .spec_section .parent_area .left .details li {
    padding-block: 12px;
  }
  .spec_section .parent_area .left .details li p {
    font-size: 16px;
  }
  .spec_section .parent_area .left .details li span {
    font-size: 14px;
    line-height: 22px;
  }
  .spec_section .parent_area .left .specs li {
    padding: 14px 16px;
  }
  .spec_section .parent_area .left .specs li .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .spec_section .parent_area .left .specs li .content h5 {
    font-size: 18px;
  }
  .versatitlity_section {
    margin-bottom: 30px;
  }
  .versatitlity_section .parent_area .right {
    padding: 0;
  }
  .versatitlity_section .parent_area .right .title {
    margin-bottom: 20px;
  }
  .versatitlity_section .parent_area .right .title h4 {
    font-size: 22px;
    line-height: 24px;
  }
  .versatitlity_section .parent_area .right .title p {
    font-size: 16px;
    line-height: 24px;
  }
  .versatitlity_section .parent_area .right .details ul {
    gap: 32px;
    flex-wrap: wrap;
  }
  .versatitlity_section .parent_area .right .details ul li {
    gap: 8px;
    width: 80%;
  }
  .versatitlity_section .parent_area .right .details ul li:first-child {
    margin-left: auto;
  }
  .versatitlity_section .parent_area .right .details ul li:first-child h3 {
    text-align: right;
  }
  .versatitlity_section .parent_area .right .details ul li:first-child h5 {
    text-align: right;
  }
  .versatitlity_section .parent_area .right .details ul li:first-child p {
    text-align: right;
  }
  .versatitlity_section .parent_area .right .details ul li::after {
    right: -26px;
    display: none;
  }
  .versatitlity_section .parent_area .right .details ul li h3 {
    font-size: 42px;
  }
  .versatitlity_section .parent_area .right .details ul li h5 {
    font-size: 18px;
  }
  .versatitlity_section .parent_area .right .details ul li p {
    font-size: 16px;
    line-height: 22px;
  }
  .versatitlity_section::after {
    bottom: -30px;
    height: 86px;
  }
  .infinite_feature_section {
    margin-bottom: 30px;
  }
  .infinite_feature_section .parent_area {
    padding-block: 30px;
  }
  .infinite_feature_section .parent_area h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .infinite_feature_section .parent_area ul {
    gap: 20px;
  }
  .infinite_feature_section .parent_area ul:has(li:nth-last-child(1):nth-child(2n+1)) {
    justify-content: flex-start;
  }
  .infinite_feature_section .parent_area ul:has(li:nth-last-child(2):nth-child(2n+1)) {
    justify-content: flex-start;
  }
  .infinite_feature_section .parent_area ul li {
    width: calc((100% - 20px) / 2);
  }
  .infinite_feature_section .parent_area ul li p {
    font-size: 18px;
  }
  .infinite_quality_section {
    margin-bottom: 30px;
  }
  .infinite_quality_section .parent_area .title {
    margin-bottom: 40px;
  }
  .infinite_quality_section .parent_area .title h3 {
    font-size: 22px;
    line-height: 22px;
  }
  .infinite_quality_section .parent_area .title p {
    font-size: 16px;
    line-height: 20px;
  }
  .infinite_quality_section .parent_area .qualities ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 28px;
  }
  .infinite_quality_section .parent_area .qualities ul li::after {
    height: 12px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item {
    border-radius: 14px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .top_area {
    padding-block: 20px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .top_area .img_area {
    height: 80px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .content h5 {
    font-size: 20px;
    line-height: 22px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .content p {
    font-size: 16px;
    line-height: 20px;
  }
  .application_section {
    margin-bottom: 30px;
  }
  .application_section::after {
    width: 150px;
  }
  .application_section .parent_area .left .tabs_outer {
    margin-bottom: 15px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area {
    min-height: 70px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li .tab_item {
    font-size: 16px;
    padding-block: 12px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li .tab_item.active {
    padding-block: 18px;
    font-size: 18px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li:hover .tab_item {
    padding-block: 18px;
    font-size: 18px;
  }
  .application_section .parent_area .left .details li {
    padding-block: 12px;
  }
  .application_section .parent_area .left .details li p {
    font-size: 16px;
  }
  .application_section .parent_area .left .details li span {
    font-size: 14px;
  }
  .application_section .parent_area .right .img_area {
    width: 100%;
    aspect-ratio: 530/447;
  }
  .application_section .parent_area .right .img_area img {
    object-position: center;
  }
  .collection_section {
    margin-bottom: 30px;
    padding-bottom: 15px;
  }
  .collection_section::after {
    top: unset;
  }
  .collection_section .parent_area .title {
    margin-bottom: 16px;
  }
  .collection_section .parent_area .title h4 {
    font-size: 22px;
  }
  .collection_section .parent_area .title .nav_area .prev_next {
    width: 30px;
    font-size: 14px;
  }
  .collection_section .parent_area .slider_area .item .img_area {
    margin-bottom: 12px;
  }
  .collection_section .parent_area .slider_area .item p {
    font-size: 16px;
  }
  .pvc_app_section {
    margin-bottom: 30px;
    padding-top: 0px;
  }
  .pvc_app_section .parent_area .left .top {
    padding: 15px;
    margin-bottom: 15px;
  }
  .pvc_app_section .parent_area .left .top h3 {
    font-size: 22px;
    align-content: center;
  }
  .pvc_app_section .parent_area .left .top p {
    font-size: 14px;
    line-height: 20px;
  }
  .pvc_app_section .parent_area .left .top p::before {
    height: 100%;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area {
    margin-bottom: 15px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item {
    padding: 15px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item .img_area {
    height: 30px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item h4 {
    font-size: 18px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item::after {
    height: 5px;
  }
  .pvc_app_section .parent_area .right .img_area {
    display: none;
  }
  .pvc_app_section .parent_area .navigation .nav_area .prev_next {
    width: 32px;
    font-size: 12px;
  }
  .pvc_application {
    margin-bottom: 30px;
  }
  .pvc_application .parent_area .title {
    margin-bottom: 15px;
  }
  .pvc_application .parent_area .title h3 {
    font-size: 22px;
    line-height: 22px;
  }
  .pvc_application .parent_area .title .line {
    transform: translateY(-8px);
  }
  .pvc_application .parent_area .title .nav_area .prev_next {
    width: 30px;
    font-size: 12px;
  }
  .pvc_application .parent_area .bottom .application_slider .item .img_area {
    border-radius: 8px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .spec_section {
    margin-bottom: 25px;
  }
  .spec_section .parent_area .left h3 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .spec_section .parent_area .left .details li {
    padding-block: 12px;
  }
  .spec_section .parent_area .left .details li p {
    font-size: 16px;
  }
  .spec_section .parent_area .left .details li span {
    font-size: 14px;
    line-height: 22px;
  }
  .spec_section .parent_area .left .specs li {
    padding: 14px 16px;
  }
  .spec_section .parent_area .left .specs li .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .spec_section .parent_area .left .specs li .content h5 {
    font-size: 18px;
  }
  .versatitlity_section {
    margin-bottom: 25px;
  }
  .versatitlity_section .parent_area .left .img_area {
    border-radius: 14px;
  }
  .versatitlity_section .parent_area .right {
    padding: 0;
  }
  .versatitlity_section .parent_area .right .title {
    margin-bottom: 12px;
  }
  .versatitlity_section .parent_area .right .title h4 {
    font-size: 20px;
    line-height: 22px;
  }
  .versatitlity_section .parent_area .right .title p {
    font-size: 16px;
    line-height: 24px;
  }
  .versatitlity_section .parent_area .right .details ul {
    gap: 32px;
    flex-wrap: wrap;
  }
  .versatitlity_section .parent_area .right .details ul li {
    gap: 8px;
    width: 80%;
  }
  .versatitlity_section .parent_area .right .details ul li:first-child {
    margin-left: auto;
  }
  .versatitlity_section .parent_area .right .details ul li:first-child h3 {
    text-align: right;
  }
  .versatitlity_section .parent_area .right .details ul li:first-child h5 {
    text-align: right;
  }
  .versatitlity_section .parent_area .right .details ul li:first-child p {
    text-align: right;
  }
  .versatitlity_section .parent_area .right .details ul li::after {
    display: none;
    right: -26px;
  }
  .versatitlity_section .parent_area .right .details ul li h3 {
    font-size: 42px;
  }
  .versatitlity_section .parent_area .right .details ul li h5 {
    font-size: 18px;
  }
  .versatitlity_section .parent_area .right .details ul li p {
    font-size: 16px;
    line-height: 22px;
  }
  .versatitlity_section::after {
    bottom: -25px;
    height: 56px;
  }
  .infinite_feature_section {
    margin-bottom: 25px;
  }
  .infinite_feature_section .parent_area {
    padding-block: 25px;
  }
  .infinite_feature_section .parent_area h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .infinite_feature_section .parent_area ul {
    gap: 15px;
  }
  .infinite_feature_section .parent_area ul li {
    width: 100%;
  }
  .infinite_feature_section .parent_area ul li p {
    font-size: 18px;
  }
  .infinite_quality_section {
    margin-bottom: 25px;
  }
  .infinite_quality_section .parent_area .title {
    margin-bottom: 30px;
  }
  .infinite_quality_section .parent_area .title h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .infinite_quality_section .parent_area .title p {
    font-size: 16px;
    line-height: 20px;
  }
  .infinite_quality_section .parent_area .qualities ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 28px;
  }
  .infinite_quality_section .parent_area .qualities ul li::after {
    height: 12px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item {
    border-radius: 14px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .top_area {
    padding-block: 20px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .top_area .img_area {
    height: 80px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .content h5 {
    font-size: 18px;
    line-height: 20px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .content p {
    font-size: 16px;
    line-height: 20px;
  }
  .application_section {
    margin-bottom: 25px;
  }
  .application_section::after {
    width: 120px;
  }
  .application_section .parent_area .left .tabs_outer {
    margin-bottom: 15px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area {
    min-height: 70px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li .tab_item {
    font-size: 16px;
    padding-block: 12px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li .tab_item.active {
    padding-block: 18px;
    font-size: 18px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li:hover .tab_item {
    padding-block: 18px;
    font-size: 18px;
  }
  .application_section .parent_area .left .details li {
    padding-block: 12px;
  }
  .application_section .parent_area .left .details li p {
    font-size: 16px;
  }
  .application_section .parent_area .left .details li span {
    font-size: 14px;
  }
  .application_section .parent_area .right .img_area {
    width: 80%;
    margin-inline: auto;
    aspect-ratio: 530/447;
  }
  .application_section .parent_area .right .img_area img {
    object-position: center;
  }
  .collection_section {
    margin-bottom: 25px;
    padding-bottom: 12px;
  }
  .collection_section::after {
    top: unset;
  }
  .collection_section .parent_area .title {
    margin-bottom: 16px;
  }
  .collection_section .parent_area .title h4 {
    font-size: 20px;
  }
  .collection_section .parent_area .title .nav_area .prev_next {
    width: 30px;
    font-size: 14px;
  }
  .collection_section .parent_area .slider_area .item .img_area {
    margin-bottom: 12px;
  }
  .collection_section .parent_area .slider_area .item p {
    font-size: 16px;
  }
  .pvc_app_section {
    margin-bottom: 25px;
    padding-top: 0px;
  }
  .pvc_app_section .parent_area .left .top {
    padding: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
  }
  .pvc_app_section .parent_area .left .top h3 {
    font-size: 20px;
    align-content: center;
  }
  .pvc_app_section .parent_area .left .top p {
    font-size: 14px;
    line-height: 20px;
  }
  .pvc_app_section .parent_area .left .top p::before {
    height: 100%;
    display: none;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area {
    margin-bottom: 15px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item {
    padding: 15px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item .img_area {
    height: 30px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item h4 {
    font-size: 18px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item::after {
    height: 5px;
  }
  .pvc_app_section .parent_area .right .img_area {
    display: none;
  }
  .pvc_app_section .parent_area .navigation .nav_area .prev_next {
    width: 30px;
    font-size: 12px;
  }
  .pvc_application {
    margin-bottom: 25px;
  }
  .pvc_application .parent_area .title {
    margin-bottom: 15px;
  }
  .pvc_application .parent_area .title h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .pvc_application .parent_area .title .line {
    transform: translateY(-8px);
  }
  .pvc_application .parent_area .title .nav_area .prev_next {
    width: 30px;
    font-size: 12px;
  }
  .pvc_application .parent_area .bottom .application_slider .item .img_area {
    border-radius: 8px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .spec_section {
    margin-bottom: 25px;
  }
  .spec_section .parent_area .left h3 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .spec_section .parent_area .left .details li {
    padding-block: 12px;
  }
  .spec_section .parent_area .left .details li p {
    font-size: 16px;
  }
  .spec_section .parent_area .left .details li span {
    font-size: 14px;
    line-height: 22px;
  }
  .spec_section .parent_area .left .specs li {
    padding: 14px 16px;
  }
  .spec_section .parent_area .left .specs li .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .spec_section .parent_area .left .specs li .content h5 {
    font-size: 18px;
  }
  .versatitlity_section {
    margin-bottom: 25px;
  }
  .versatitlity_section .parent_area .left .img_area {
    border-radius: 14px;
  }
  .versatitlity_section .parent_area .right {
    padding: 0;
  }
  .versatitlity_section .parent_area .right .title {
    margin-bottom: 12px;
  }
  .versatitlity_section .parent_area .right .title h4 {
    font-size: 20px;
    line-height: 22px;
  }
  .versatitlity_section .parent_area .right .title p {
    font-size: 16px;
    line-height: 24px;
  }
  .versatitlity_section .parent_area .right .details ul {
    gap: 32px;
    flex-wrap: wrap;
  }
  .versatitlity_section .parent_area .right .details ul li {
    gap: 8px;
    width: 80%;
  }
  .versatitlity_section .parent_area .right .details ul li:first-child {
    margin-left: auto;
  }
  .versatitlity_section .parent_area .right .details ul li:first-child h3 {
    text-align: right;
  }
  .versatitlity_section .parent_area .right .details ul li:first-child h5 {
    text-align: right;
  }
  .versatitlity_section .parent_area .right .details ul li:first-child p {
    text-align: right;
  }
  .versatitlity_section .parent_area .right .details ul li::after {
    display: none;
    right: -26px;
  }
  .versatitlity_section .parent_area .right .details ul li h3 {
    font-size: 42px;
  }
  .versatitlity_section .parent_area .right .details ul li h5 {
    font-size: 18px;
  }
  .versatitlity_section .parent_area .right .details ul li p {
    font-size: 16px;
    line-height: 22px;
  }
  .versatitlity_section::after {
    bottom: -25px;
    height: 56px;
  }
  .infinite_feature_section {
    margin-bottom: 25px;
  }
  .infinite_feature_section .parent_area {
    padding-block: 25px;
  }
  .infinite_feature_section .parent_area h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .infinite_feature_section .parent_area ul {
    gap: 15px;
  }
  .infinite_feature_section .parent_area ul li {
    width: 100%;
  }
  .infinite_feature_section .parent_area ul li p {
    font-size: 18px;
  }
  .infinite_quality_section {
    margin-bottom: 25px;
  }
  .infinite_quality_section .parent_area .title {
    margin-bottom: 30px;
  }
  .infinite_quality_section .parent_area .title h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .infinite_quality_section .parent_area .title p {
    font-size: 16px;
    line-height: 20px;
  }
  .infinite_quality_section .parent_area .qualities ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 28px;
  }
  .infinite_quality_section .parent_area .qualities ul li::after {
    height: 12px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item {
    border-radius: 14px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .top_area {
    padding-block: 20px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .top_area .img_area {
    height: 80px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .content h5 {
    font-size: 18px;
    line-height: 20px;
  }
  .infinite_quality_section .parent_area .qualities ul li .item .content p {
    font-size: 16px;
    line-height: 20px;
  }
  .application_section {
    margin-bottom: 25px;
  }
  .application_section::after {
    width: 120px;
  }
  .application_section .parent_area .left .tabs_outer {
    margin-bottom: 15px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area {
    min-height: 70px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li .tab_item {
    font-size: 16px;
    padding-block: 12px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li .tab_item.active {
    padding-block: 18px;
    font-size: 18px;
  }
  .application_section .parent_area .left .tabs_outer .tabs_area li:hover .tab_item {
    padding-block: 18px;
    font-size: 18px;
  }
  .application_section .parent_area .left .details li {
    padding-block: 12px;
  }
  .application_section .parent_area .left .details li p {
    font-size: 16px;
  }
  .application_section .parent_area .left .details li span {
    font-size: 14px;
  }
  .application_section .parent_area .right .img_area {
    width: 80%;
    margin-inline: auto;
    aspect-ratio: 530/447;
  }
  .application_section .parent_area .right .img_area img {
    object-position: center;
  }
  .collection_section {
    margin-bottom: 25px;
    padding-bottom: 12px;
  }
  .collection_section::after {
    top: unset;
  }
  .collection_section .parent_area .title {
    margin-bottom: 16px;
  }
  .collection_section .parent_area .title h4 {
    font-size: 20px;
  }
  .collection_section .parent_area .title .nav_area .prev_next {
    width: 30px;
    font-size: 14px;
  }
  .collection_section .parent_area .slider_area .item .img_area {
    margin-bottom: 12px;
  }
  .collection_section .parent_area .slider_area .item p {
    font-size: 16px;
  }
  .pvc_app_section {
    margin-bottom: 25px;
    padding-top: 0px;
  }
  .pvc_app_section .parent_area .left .top {
    padding: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
  }
  .pvc_app_section .parent_area .left .top h3 {
    font-size: 20px;
    align-content: center;
  }
  .pvc_app_section .parent_area .left .top p {
    font-size: 14px;
    line-height: 20px;
  }
  .pvc_app_section .parent_area .left .top p::before {
    height: 100%;
    display: none;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area {
    margin-bottom: 15px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item {
    padding: 15px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item .img_area {
    height: 30px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item h4 {
    font-size: 18px;
  }
  .pvc_app_section .parent_area .left .bottom .slider_area .item::after {
    height: 5px;
  }
  .pvc_app_section .parent_area .right .img_area {
    display: none;
  }
  .pvc_app_section .parent_area .navigation .nav_area .prev_next {
    width: 30px;
    font-size: 12px;
  }
  .pvc_application {
    margin-bottom: 25px;
  }
  .pvc_application .parent_area .title {
    margin-bottom: 15px;
  }
  .pvc_application .parent_area .title h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .pvc_application .parent_area .title .line {
    transform: translateY(-8px);
  }
  .pvc_application .parent_area .title .nav_area .prev_next {
    width: 30px;
    font-size: 12px;
  }
  .pvc_application .parent_area .bottom .application_slider .item .img_area {
    border-radius: 8px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.modal .modal-dialog {
  width: 755px;
  max-width: 97%;
  margin-inline: auto;
}
.modal .modal-dialog .modal-content {
  padding: 75px 90px;
  position: relative;
}
.modal .modal-dialog .modal-content .modal-header {
  padding: 0;
  border: none;
  position: absolute;
  right: 35px;
  top: 29px;
}
.modal .modal-dialog .modal-content .modal-header .close {
  font-size: 20px;
  display: grid;
  place-items: center;
  cursor: pointer;
  width: 22px;
  height: 22px;
  color: #171717;
}
.modal .modal-dialog .modal-content .modal-body {
  border: none;
  padding: 0;
}
.modal .modal-dialog .modal-content .modal-body .btn_area {
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal .modal-dialog .modal-content .modal-body .btn_area .btn-primary {
  padding: 15px 90px;
  text-align: center;
}
.modal .modal-dialog .modal-content .modal-body .btn_area .btn-primary:hover::after {
  scale: 7;
}
.modal .modal-dialog .modal-content .modal-footer {
  border: none;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
/* 1200 desktop only */
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .modal .modal-dialog .modal-content {
    padding: 55px 60px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .modal .modal-dialog {
    width: 650px;
  }
  .modal .modal-dialog .modal-content {
    padding: 55px 60px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .modal .modal-dialog {
    width: 94%;
  }
  .modal .modal-dialog .modal-content {
    padding: 55px 60px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .modal .modal-dialog .modal-content {
    padding: 55px 25px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .modal .modal-dialog .modal-content {
    padding: 30px 15px;
  }
  .modal .modal-dialog .modal-content .modal-header {
    top: 10px;
    right: 10px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
:root {
  --circle-width: 474px;
}

.characteristics_section {
  position: relative;
  margin-bottom: 90px;
  overflow-x: clip;
}
.characteristics_section .parent_area {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.characteristics_section .parent_area .left h3 {
  font-weight: 700;
  font-size: 36px;
  color: #E84508;
  margin-bottom: 40px;
}
.characteristics_section .parent_area .left .character_list {
  margin-bottom: 35px;
}
.characteristics_section .parent_area .left .character_list li {
  display: flex;
  align-items: center;
  column-gap: 25px;
  padding-block: 20px;
  padding-right: 70px;
  position: relative;
}
.characteristics_section .parent_area .left .character_list li::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 150%;
  height: 100%;
  background-color: #F8F8F8;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.characteristics_section .parent_area .left .character_list li:hover::after, .characteristics_section .parent_area .left .character_list li.active::after {
  opacity: 1;
}
.characteristics_section .parent_area .left .character_list li .img_area {
  flex-shrink: 0;
  width: 112px;
  aspect-ratio: 1/1;
  border-radius: 8px;
  background-color: #E5E5E5;
  position: relative;
}
.characteristics_section .parent_area .left .character_list li .img_area::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) translateX(-100%);
  height: 70%;
  width: 11px;
  background-color: #E84508;
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
}
.characteristics_section .parent_area .left .character_list li .content {
  flex-grow: 1;
}
.characteristics_section .parent_area .left .character_list li .content h6 {
  font-weight: 500;
  font-size: 24px;
  color: #171717;
  margin-bottom: 8px;
}
.characteristics_section .parent_area .left .character_list li .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
}
.characteristics_section .parent_area .left .certified_area {
  display: flex;
  gap: 16px;
}
.characteristics_section .parent_area .left .certified_area h6 {
  font-weight: 500;
  font-size: 24px;
  color: #171717;
}
.characteristics_section .parent_area .left .certified_area .certified_list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 24px;
}
.characteristics_section .parent_area .left .certified_area .certified_list li .img_area {
  aspect-ratio: 180/116;
  margin-bottom: 12px;
}
.characteristics_section .parent_area .left .certified_area .certified_list li .img_area img {
  object-fit: contain;
}
.characteristics_section .parent_area .left .certified_area .certified_list li p {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  color: #171717;
}
.characteristics_section .parent_area .right {
  position: relative;
}
.characteristics_section .parent_area .right .img_area {
  aspect-ratio: 660/450;
  width: 100%;
  border: 11px solid #ffffff;
  border-radius: 32px;
  background-color: #ffffff;
}
.characteristics_section .parent_area .right .img_area img {
  object-position: center;
}
.characteristics_section .parent_area .right::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  transform: translateX(50%);
  height: 50%;
  background-color: #E84508;
  z-index: -1;
}
.characteristics_section::before {
  content: "";
  position: absolute;
  z-index: -1;
  background-image: url("../images/isolation.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 856px;
  aspect-ratio: 1/1;
  right: -250px;
  bottom: 0;
}

.research_section {
  margin-bottom: 90px;
  padding-top: 40px;
  position: relative;
  overflow-x: clip;
}
.research_section .parent_area .big_circle {
  padding-block: 90px;
}
.research_section .parent_area .big_circle .dotted_circle {
  width: var(--circle-width);
  aspect-ratio: 1/1;
  border: 2px dashed #E84508;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  position: relative;
}
.research_section .parent_area .big_circle .dotted_circle h3 {
  font-weight: 700;
  font-size: 36px;
  text-align: center;
  color: #E84508;
  width: 222px;
  max-width: 100%;
}
.research_section .parent_area .big_circle .dotted_circle ul {
  position: absolute;
  transform: rotate(0);
  transform-origin: center;
  width: 100%;
  height: 100%;
  inset: 0;
}
.research_section .parent_area .big_circle .dotted_circle ul li {
  position: absolute;
  width: calc(var(--circle-width) / 2);
  transform: rotate(calc(var(--i) * 36deg)) translateX(-25%);
  top: 0;
  bottom: 0;
  left: 25%;
}
.research_section .parent_area .big_circle .dotted_circle ul li .content {
  position: absolute;
  transform: rotate(calc(var(--i) * -36deg));
  min-width: 131px;
  max-width: 261px;
}
.research_section .parent_area .big_circle .dotted_circle ul li .content p {
  font-weight: 500;
  font-size: 18px;
  color: #171717;
}
.research_section .parent_area .big_circle .dotted_circle ul li .img_area {
  background-color: #ffffff;
  padding: 15px;
  width: 88px;
  height: 88px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 5px solid #E84508;
  transform: rotate(calc(var(--i) * -36deg));
}
.research_section .parent_area .big_circle .dotted_circle ul li:nth-child(1) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(6) .content {
  left: -48%;
  top: -10%;
  width: 230px;
}
.research_section .parent_area .big_circle .dotted_circle ul li:nth-child(1) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(6) .content p {
  text-align: center;
}
.research_section .parent_area .big_circle .dotted_circle ul li:nth-child(2) .content {
  left: -10%;
  top: -34%;
  width: 230px;
}
.research_section .parent_area .big_circle .dotted_circle ul li:nth-child(2) .content p {
  text-align: left;
}
.research_section .parent_area .big_circle .dotted_circle ul li:nth-child(7) .content {
  left: -15%;
  top: -40%;
  width: 270px;
}
.research_section .parent_area .big_circle .dotted_circle ul li:nth-child(7) .content p {
  text-align: right;
}
.research_section .parent_area .big_circle .dotted_circle ul li:nth-child(3) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(8) .content {
  left: -45%;
  top: -28%;
  width: 200px;
}
.research_section .parent_area .big_circle .dotted_circle ul li:nth-child(8) .content p {
  text-align: right;
}
.research_section .parent_area .big_circle .dotted_circle ul li:nth-child(4) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(9) .content {
  left: -75%;
  top: -15%;
}
.research_section .parent_area .big_circle .dotted_circle ul li:nth-child(9) .content {
  width: 197px;
}
.research_section .parent_area .big_circle .dotted_circle ul li:nth-child(9) .content p {
  text-align: right;
}
.research_section .parent_area .big_circle .dotted_circle ul li:nth-child(5) .content {
  left: -80%;
}
.research_section .parent_area .big_circle .dotted_circle ul li:nth-child(10) .content {
  left: -60%;
}
.research_section .parent_area .big_circle .dotted_circle ul li:nth-child(10) .content p {
  text-align: right;
}
.research_section::after, .research_section::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -180px;
  background-image: url("../images/runner1.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
  background-position: center;
  aspect-ratio: 487/600;
  width: 487px;
}
.research_section::before {
  left: unset;
  right: -180px;
}

.gallery_section {
  margin-bottom: 90px;
}
.gallery_section .parent_area .title_area {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.gallery_section .parent_area .title_area h3 {
  font-weight: 700;
  font-size: 26px;
  color: #E84508;
}
.gallery_section .parent_area .title_area .line {
  align-self: flex-end;
  height: 1px;
  width: 100%;
  transform: translateY(-10px);
  background-color: #E84508;
}
.gallery_section .parent_area .title_area .nav_area {
  display: flex;
  gap: 12px;
}
.gallery_section .parent_area .title_area .nav_area .prev_next {
  width: 40px;
  aspect-ratio: 1/1;
  border: 1px solid #E84508;
  display: grid;
  place-items: center;
  cursor: pointer;
  border-radius: 50%;
  color: #E84508;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gallery_section .parent_area .title_area .nav_area .prev_next:hover {
  background-color: #E84508;
  color: #ffffff;
}
.gallery_section .parent_area .title_area .nav_area .prev_next.swiper-button-disabled {
  opacity: 0.5;
  filter: grayscale(1);
  pointer-events: none;
}
.gallery_section .parent_area .bottom .gallery_slider .item {
  display: block;
  aspect-ratio: 610/427;
  border-radius: 24px;
  overflow: hidden;
}
.gallery_section .parent_area .gallery_bullets {
  margin-top: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.gallery_section .parent_area .gallery_bullets.swiper-pagination-lock {
  display: none;
}
.gallery_section .parent_area .gallery_bullets .swiper-pagination-bullet {
  background-color: rgb(247.7, 98.9625, 43.3);
  height: 5px;
  width: 14px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 10px;
  margin: 0;
}
.gallery_section .parent_area .gallery_bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 44px;
  background-color: #E84508;
}

.tech_feature_section {
  margin-bottom: 90px;
  position: relative;
  overflow-x: clip;
}
.tech_feature_section .parent_area {
  display: grid;
  grid-template-columns: minmax(0, 512px) 1fr;
  gap: 15px;
  align-items: center;
}
.tech_feature_section .parent_area .left h3 {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 32px;
  color: #E84508;
}
.tech_feature_section .parent_area .left p {
  font-weight: 500;
  font-size: 18px;
  color: #7a7a7a;
  margin-bottom: 16px;
}
.tech_feature_section .parent_area .left .feature_list li {
  background: linear-gradient(90deg, #f6f6f6 -2.45%, #ffffff 100%);
  padding: 18px 20px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.tech_feature_section .parent_area .left .feature_list li .count {
  width: 39px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid #E84508;
  color: #E84508;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  font-weight: 500;
  font-size: 17px;
}
.tech_feature_section .parent_area .left .feature_list li .content {
  flex-grow: 1;
  position: relative;
  top: 8px;
}
.tech_feature_section .parent_area .left .feature_list li .content h6 {
  font-weight: 500;
  font-size: 20px;
  color: #E84508;
  margin-bottom: 10px;
}
.tech_feature_section .parent_area .left .feature_list li .content h6 span {
  color: #171717;
  font-size: 18px;
}
.tech_feature_section .parent_area .left .feature_list li .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #707070;
}
.tech_feature_section .parent_area .left .certified_area {
  display: flex;
  gap: 16px;
}
.tech_feature_section .parent_area .left .certified_area h6 {
  font-weight: 500;
  font-size: 24px;
  color: #171717;
}
.tech_feature_section .parent_area .left .certified_area .certified_list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 24px;
}
.tech_feature_section .parent_area .left .certified_area .certified_list li .img_area {
  aspect-ratio: 180/116;
  margin-bottom: 12px;
}
.tech_feature_section .parent_area .left .certified_area .certified_list li .img_area img {
  object-fit: contain;
}
.tech_feature_section .parent_area .left .certified_area .certified_list li p {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  color: #171717;
}
.tech_feature_section::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("../images/isolation.png");
  width: 856px;
  aspect-ratio: 1/1;
  z-index: -1;
}
.tech_feature_section.spray .parent_area .right .img_area {
  aspect-ratio: 779/458;
  height: 458px;
}
.tech_feature_section.sandwich .parent_area .right .img_area {
  aspect-ratio: 757/395;
  height: 395px;
}
.tech_feature_section.pur .parent_area .right .img_area {
  aspect-ratio: 740/408;
  height: 408px;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .characteristics_section {
    margin-bottom: 70px;
  }
  .characteristics_section::before {
    width: 756px;
  }
  .characteristics_section .parent_area .left h3 {
    margin-bottom: 30px;
  }
  .research_section {
    margin-bottom: 70px;
  }
  .research_section .parent_area .big_circle .dotted_circle h3 {
    font-size: 32px;
  }
  .gallery_section {
    margin-bottom: 70px;
  }
  .gallery_section .parent_area .bottom .gallery_slider .item {
    border-radius: 20px;
  }
  .tech_feature_section {
    margin-bottom: 70px;
  }
  .tech_feature_section .parent_area {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tech_feature_section::after {
    width: 656px;
  }
  .tech_feature_section.spray .parent_area .right .img_area {
    height: 380px;
  }
  .tech_feature_section.sandwich .parent_area .right .img_area {
    height: 320px;
  }
  .tech_feature_section.pur .parent_area .right .img_area {
    height: 340px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .characteristics_section {
    margin-bottom: 70px;
  }
  .characteristics_section::before {
    width: 656px;
  }
  .characteristics_section .parent_area .left h3 {
    margin-bottom: 30px;
  }
  .research_section {
    margin-bottom: 70px;
  }
  .research_section .parent_area .big_circle .dotted_circle h3 {
    font-size: 32px;
  }
  .gallery_section {
    margin-bottom: 70px;
  }
  .gallery_section .parent_area .bottom .gallery_slider .item {
    border-radius: 20px;
  }
  .tech_feature_section {
    margin-bottom: 70px;
  }
  .tech_feature_section .parent_area {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tech_feature_section::after {
    width: 656px;
  }
  .tech_feature_section.spray .parent_area .right .img_area {
    height: 330px;
  }
  .tech_feature_section.sandwich .parent_area .right .img_area {
    height: 295px;
  }
  .tech_feature_section.pur .parent_area .right .img_area {
    height: 300px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .characteristics_section {
    margin-bottom: 50px;
  }
  .characteristics_section::before {
    width: 556px;
  }
  .characteristics_section .parent_area .left h3 {
    margin-bottom: 25px;
    font-size: 28px;
  }
  .characteristics_section .parent_area .left .character_list {
    margin-bottom: 30px;
  }
  .characteristics_section .parent_area .left .character_list li {
    padding-right: 50px;
    column-gap: 15px;
    padding-left: 8px;
  }
  .characteristics_section .parent_area .left .character_list li .img_area {
    width: 90px;
  }
  .characteristics_section .parent_area .left .character_list li .img_area::after {
    width: 8px;
  }
  .characteristics_section .parent_area .left .character_list li .content h6 {
    font-size: 20px;
  }
  .characteristics_section .parent_area .left .character_list li .content p {
    font-size: 16px;
    line-height: 24px;
  }
  .characteristics_section .parent_area .left .certified_area h6 {
    font-size: 20px;
  }
  .characteristics_section .parent_area .left .certified_area .certified_list {
    column-gap: 15px;
  }
  .characteristics_section .parent_area .right {
    align-content: center;
  }
  .research_section {
    margin-bottom: 50px;
  }
  .research_section .parent_area .big_circle {
    padding-block: 60px;
  }
  .research_section .parent_area .big_circle .dotted_circle {
    transform: scale(0.9);
  }
  .research_section .parent_area .big_circle .dotted_circle h3 {
    font-size: 28px;
  }
  .research_section::after, .research_section::before {
    width: 400px;
  }
  .gallery_section {
    margin-bottom: 50px;
  }
  .gallery_section .parent_area .title_area {
    margin-bottom: 30px;
  }
  .gallery_section .parent_area .bottom .gallery_slider .item {
    border-radius: 20px;
  }
  .tech_feature_section {
    margin-bottom: 50px;
  }
  .tech_feature_section .parent_area {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tech_feature_section .parent_area .left h3 {
    font-size: 28px;
    margin-bottom: 12px;
  }
  .tech_feature_section .parent_area .left .certified_area h6 {
    font-size: 20px;
  }
  .tech_feature_section .parent_area .left .certified_area .certified_list {
    column-gap: 15px;
  }
  .tech_feature_section::after {
    width: 556px;
  }
  .tech_feature_section.spray .parent_area .right .img_area {
    height: 280px;
  }
  .tech_feature_section.sandwich .parent_area .right .img_area {
    height: 255px;
  }
  .tech_feature_section.pur .parent_area .right .img_area {
    height: 250px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .characteristics_section {
    margin-bottom: 40px;
  }
  .characteristics_section::before {
    width: 456px;
    bottom: unset;
    top: 0;
    right: -100px;
  }
  .characteristics_section .parent_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 15px;
  }
  .characteristics_section .parent_area .left h3 {
    margin-bottom: 20px;
    font-size: 24px;
  }
  .characteristics_section .parent_area .left .character_list {
    margin-bottom: 20px;
  }
  .characteristics_section .parent_area .left .character_list li {
    padding-right: 40px;
    column-gap: 12px;
    padding-left: 8px;
  }
  .characteristics_section .parent_area .left .character_list li .img_area {
    width: 90px;
  }
  .characteristics_section .parent_area .left .character_list li .img_area::after {
    width: 8px;
  }
  .characteristics_section .parent_area .left .character_list li .content h6 {
    font-size: 20px;
  }
  .characteristics_section .parent_area .left .character_list li .content p {
    font-size: 16px;
    line-height: 24px;
  }
  .characteristics_section .parent_area .left .certified_area h6 {
    font-size: 20px;
  }
  .characteristics_section .parent_area .left .certified_area .certified_list {
    column-gap: 15px;
  }
  .characteristics_section .parent_area .right {
    grid-row: 1/2;
    padding-block: 35px;
  }
  .characteristics_section .parent_area .right::after {
    height: 50%;
  }
  .characteristics_section .parent_area .right .img_area {
    width: 60%;
    margin-inline: auto;
  }
  .research_section {
    margin-bottom: 40px;
  }
  .research_section::after, .research_section::before {
    width: 340px;
  }
  .research_section::before {
    right: -120px;
  }
  .research_section .parent_area .big_circle {
    padding-block: 0;
  }
  .research_section .parent_area .big_circle .dotted_circle {
    transform: scale(0.7);
  }
  .research_section .parent_area .big_circle .dotted_circle h3 {
    font-size: 28px;
  }
  .gallery_section {
    margin-bottom: 40px;
  }
  .gallery_section .parent_area .title_area {
    margin-bottom: 20px;
  }
  .gallery_section .parent_area .bottom .gallery_slider .item {
    border-radius: 16px;
  }
  .gallery_section .parent_area .gallery_bullets {
    margin-top: 20px;
  }
  .tech_feature_section {
    margin-bottom: 40px;
  }
  .tech_feature_section .parent_area {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tech_feature_section .parent_area .left h3 {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .tech_feature_section .parent_area .left .feature_list li .content h6 {
    font-size: 18px;
  }
  .tech_feature_section .parent_area .left .feature_list li .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .tech_feature_section .parent_area .left .certified_area h6 {
    font-size: 20px;
  }
  .tech_feature_section .parent_area .left .certified_area .certified_list {
    column-gap: 15px;
  }
  .tech_feature_section::after {
    width: 456px;
    bottom: unset;
    top: 0;
  }
  .tech_feature_section.spray .parent_area .right .img_area {
    height: 210px;
  }
  .tech_feature_section.sandwich .parent_area .right .img_area {
    height: 185px;
  }
  .tech_feature_section.pur .parent_area .right .img_area {
    height: 190px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .characteristics_section {
    margin-bottom: 30px;
  }
  .characteristics_section::before {
    width: 456px;
    bottom: unset;
    top: 0;
    right: -100px;
  }
  .characteristics_section .parent_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 15px;
  }
  .characteristics_section .parent_area .left h3 {
    margin-bottom: 15px;
    font-size: 22px;
  }
  .characteristics_section .parent_area .left .character_list {
    margin-bottom: 15px;
  }
  .characteristics_section .parent_area .left .character_list li {
    padding-right: 30px;
    column-gap: 15px;
    padding-left: 8px;
  }
  .characteristics_section .parent_area .left .character_list li .img_area {
    width: 90px;
  }
  .characteristics_section .parent_area .left .character_list li .img_area::after {
    width: 8px;
  }
  .characteristics_section .parent_area .left .character_list li .content h6 {
    font-size: 20px;
  }
  .characteristics_section .parent_area .left .character_list li .content p {
    font-size: 16px;
    line-height: 24px;
  }
  .characteristics_section .parent_area .left .certified_area h6 {
    font-size: 20px;
  }
  .characteristics_section .parent_area .left .certified_area .certified_list {
    column-gap: 15px;
  }
  .characteristics_section .parent_area .right {
    grid-row: 1/2;
    padding-block: 35px;
  }
  .characteristics_section .parent_area .right::after {
    height: 50%;
  }
  .characteristics_section .parent_area .right .img_area {
    width: 60%;
    margin-inline: auto;
    border-radius: 20px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.031372549);
  }
  .research_section {
    margin-bottom: 30px;
  }
  .research_section .parent_area .big_circle {
    padding-block: 0;
  }
  .research_section .parent_area .big_circle .dotted_circle {
    transform: scale(0.65);
  }
  .research_section .parent_area .big_circle .dotted_circle h3 {
    font-size: 28px;
  }
  .research_section::after, .research_section::before {
    width: 300px;
  }
  .research_section::before {
    right: -120px;
  }
  .gallery_section {
    margin-bottom: 30px;
  }
  .gallery_section .parent_area .title_area {
    margin-bottom: 15px;
  }
  .gallery_section .parent_area .title_area h3 {
    font-size: 22px;
  }
  .gallery_section .parent_area .title_area .nav_area .prev_next {
    width: 35px;
  }
  .gallery_section .parent_area .bottom .gallery_slider .item {
    border-radius: 12px;
  }
  .gallery_section .parent_area .gallery_bullets {
    margin-top: 15px;
  }
  .tech_feature_section {
    margin-bottom: 30px;
  }
  .tech_feature_section .parent_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tech_feature_section .parent_area .left h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .tech_feature_section .parent_area .left p {
    font-size: 16px;
  }
  .tech_feature_section .parent_area .left .feature_list li .content h6 {
    font-size: 18px;
  }
  .tech_feature_section .parent_area .left .feature_list li .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .tech_feature_section .parent_area .left .certified_area h6 {
    font-size: 20px;
  }
  .tech_feature_section .parent_area .left .certified_area .certified_list {
    column-gap: 15px;
  }
  .tech_feature_section .parent_area .right {
    grid-row: 1/2;
  }
  .tech_feature_section .parent_area .right .img_area {
    margin-inline: auto;
  }
  .tech_feature_section::after {
    width: 356px;
    bottom: unset;
    top: 0;
  }
  .tech_feature_section.spray .parent_area .right .img_area {
    height: 210px;
  }
  .tech_feature_section.sandwich .parent_area .right .img_area {
    height: 230px;
  }
  .tech_feature_section.pur .parent_area .right .img_area {
    height: 230px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .characteristics_section {
    margin-bottom: 25px;
  }
  .characteristics_section::before {
    width: 356px;
    bottom: unset;
    top: 0;
    right: -100px;
  }
  .characteristics_section .parent_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 15px;
  }
  .characteristics_section .parent_area .left h3 {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .characteristics_section .parent_area .left .character_list {
    margin-bottom: 15px;
  }
  .characteristics_section .parent_area .left .character_list li {
    padding-right: 15px;
    padding-block: 15px;
    column-gap: 15px;
    padding-left: 8px;
  }
  .characteristics_section .parent_area .left .character_list li .img_area {
    width: 90px;
  }
  .characteristics_section .parent_area .left .character_list li .img_area::after {
    width: 8px;
  }
  .characteristics_section .parent_area .left .character_list li .content h6 {
    font-size: 18px;
  }
  .characteristics_section .parent_area .left .character_list li .content p {
    font-size: 15px;
    line-height: 24px;
  }
  .characteristics_section .parent_area .left .certified_area h6 {
    font-size: 18px;
  }
  .characteristics_section .parent_area .left .certified_area .certified_list {
    column-gap: 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 12px;
  }
  .characteristics_section .parent_area .right {
    grid-row: 1/2;
    padding-block: 35px;
  }
  .characteristics_section .parent_area .right::after {
    height: 50%;
  }
  .characteristics_section .parent_area .right .img_area {
    width: 100%;
    margin-inline: auto;
    border-radius: 12px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.031372549);
  }
  :root {
    --circle-width: 100%;
  }
  .research_section {
    margin-bottom: 25px;
    padding-top: 25px;
  }
  .research_section .parent_area .big_circle {
    padding-block: 0;
  }
  .research_section .parent_area .big_circle .dotted_circle {
    transform: unset;
    border: unset;
    flex-direction: column;
    aspect-ratio: unset;
    row-gap: 15px;
  }
  .research_section .parent_area .big_circle .dotted_circle h3 {
    font-size: 20px;
    width: 100%;
  }
  .research_section .parent_area .big_circle .dotted_circle ul {
    position: static;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 15px;
    align-items: start;
  }
  .research_section .parent_area .big_circle .dotted_circle ul li {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    position: static;
    transform: unset;
    width: 100%;
  }
  .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(1) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(2) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(3) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(4) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(5) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(6) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(7) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(8) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(9) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(10) .content {
    width: 100%;
  }
  .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(1) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(2) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(3) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(4) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(5) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(6) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(7) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(8) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(9) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(10) .content p {
    text-align: left;
  }
  .research_section .parent_area .big_circle .dotted_circle ul li .content {
    position: static;
    transform: unset;
  }
  .research_section .parent_area .big_circle .dotted_circle ul li .content p {
    font-size: 15px;
  }
  .research_section .parent_area .big_circle .dotted_circle ul li .img_area {
    flex-shrink: 0;
    transform: unset;
    border-width: 3px;
    height: 50px;
    width: 50px;
    padding: 10px;
  }
  .research_section::after, .research_section::before {
    width: 300px;
    opacity: 0.7;
  }
  .research_section::before {
    right: -120px;
  }
  .gallery_section {
    margin-bottom: 25px;
  }
  .gallery_section .parent_area .title_area {
    margin-bottom: 15px;
  }
  .gallery_section .parent_area .title_area h3 {
    font-size: 20px;
  }
  .gallery_section .parent_area .title_area .nav_area .prev_next {
    width: 35px;
  }
  .gallery_section .parent_area .bottom .gallery_slider .item {
    border-radius: 12px;
  }
  .gallery_section .parent_area .gallery_bullets {
    margin-top: 15px;
  }
  .tech_feature_section {
    margin-bottom: 25px;
  }
  .tech_feature_section .parent_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tech_feature_section .parent_area .left h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .tech_feature_section .parent_area .left p {
    font-size: 16px;
  }
  .tech_feature_section .parent_area .left .feature_list li .content h6 {
    font-size: 18px;
  }
  .tech_feature_section .parent_area .left .feature_list li .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .tech_feature_section .parent_area .left .certified_area h6 {
    font-size: 18px;
  }
  .tech_feature_section .parent_area .left .certified_area .certified_list {
    column-gap: 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 12px;
  }
  .tech_feature_section .parent_area .right {
    grid-row: 1/2;
  }
  .tech_feature_section .parent_area .right .img_area {
    margin-inline: auto;
  }
  .tech_feature_section::after {
    width: 356px;
    bottom: unset;
    top: 0;
  }
  .tech_feature_section.spray .parent_area .right .img_area {
    height: 190px;
  }
  .tech_feature_section.sandwich .parent_area .right .img_area {
    height: 170px;
  }
  .tech_feature_section.pur .parent_area .right .img_area {
    height: 170px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .characteristics_section {
    margin-bottom: 25px;
  }
  .characteristics_section::before {
    width: 356px;
    bottom: unset;
    top: 0;
    right: -100px;
  }
  .characteristics_section .parent_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 15px;
  }
  .characteristics_section .parent_area .left h3 {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .characteristics_section .parent_area .left .character_list {
    margin-bottom: 15px;
  }
  .characteristics_section .parent_area .left .character_list li {
    padding-right: 15px;
    padding-block: 15px;
    column-gap: 15px;
    padding-left: 8px;
  }
  .characteristics_section .parent_area .left .character_list li .img_area {
    width: 90px;
  }
  .characteristics_section .parent_area .left .character_list li .img_area::after {
    width: 8px;
  }
  .characteristics_section .parent_area .left .character_list li .content h6 {
    font-size: 18px;
  }
  .characteristics_section .parent_area .left .character_list li .content p {
    font-size: 15px;
    line-height: 24px;
  }
  .characteristics_section .parent_area .left .certified_area h6 {
    font-size: 18px;
  }
  .characteristics_section .parent_area .left .certified_area .certified_list {
    column-gap: 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 12px;
  }
  .characteristics_section .parent_area .right {
    grid-row: 1/2;
    padding-block: 35px;
  }
  .characteristics_section .parent_area .right::after {
    height: 50%;
  }
  .characteristics_section .parent_area .right .img_area {
    width: 100%;
    margin-inline: auto;
    border-radius: 12px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.031372549);
  }
  :root {
    --circle-width: 100%;
  }
  .research_section {
    margin-bottom: 25px;
    padding-top: 25px;
  }
  .research_section .parent_area .big_circle {
    padding-block: 0;
  }
  .research_section .parent_area .big_circle .dotted_circle {
    transform: unset;
    border: unset;
    flex-direction: column;
    aspect-ratio: unset;
    row-gap: 15px;
  }
  .research_section .parent_area .big_circle .dotted_circle h3 {
    font-size: 20px;
    width: 100%;
  }
  .research_section .parent_area .big_circle .dotted_circle ul {
    position: static;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 15px;
    align-items: start;
  }
  .research_section .parent_area .big_circle .dotted_circle ul li {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    position: static;
    transform: unset;
    width: 100%;
  }
  .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(1) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(2) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(3) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(4) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(5) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(6) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(7) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(8) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(9) .content, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(10) .content {
    width: 100%;
  }
  .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(1) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(2) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(3) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(4) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(5) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(6) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(7) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(8) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(9) .content p, .research_section .parent_area .big_circle .dotted_circle ul li:nth-child(10) .content p {
    text-align: left;
  }
  .research_section .parent_area .big_circle .dotted_circle ul li .content {
    position: static;
    transform: unset;
  }
  .research_section .parent_area .big_circle .dotted_circle ul li .content p {
    font-size: 15px;
  }
  .research_section .parent_area .big_circle .dotted_circle ul li .img_area {
    flex-shrink: 0;
    transform: unset;
    border-width: 3px;
    height: 50px;
    width: 50px;
    padding: 10px;
  }
  .research_section::after, .research_section::before {
    width: 300px;
    opacity: 0.7;
  }
  .research_section::before {
    right: -120px;
  }
  .gallery_section {
    margin-bottom: 25px;
  }
  .gallery_section .parent_area .title_area {
    margin-bottom: 15px;
  }
  .gallery_section .parent_area .title_area h3 {
    font-size: 20px;
  }
  .gallery_section .parent_area .title_area .nav_area .prev_next {
    width: 35px;
  }
  .gallery_section .parent_area .bottom .gallery_slider .item {
    border-radius: 12px;
  }
  .gallery_section .parent_area .gallery_bullets {
    margin-top: 15px;
  }
  .tech_feature_section {
    margin-bottom: 25px;
  }
  .tech_feature_section .parent_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tech_feature_section .parent_area .left h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .tech_feature_section .parent_area .left p {
    font-size: 16px;
  }
  .tech_feature_section .parent_area .left .feature_list li .content h6 {
    font-size: 18px;
  }
  .tech_feature_section .parent_area .left .feature_list li .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .tech_feature_section .parent_area .left .certified_area h6 {
    font-size: 18px;
  }
  .tech_feature_section .parent_area .left .certified_area .certified_list {
    column-gap: 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 12px;
  }
  .tech_feature_section .parent_area .right {
    grid-row: 1/2;
  }
  .tech_feature_section .parent_area .right .img_area {
    margin-inline: auto;
  }
  .tech_feature_section::after {
    width: 356px;
    bottom: unset;
    top: 0;
  }
  .tech_feature_section.spray .parent_area .right .img_area {
    height: 190px;
  }
  .tech_feature_section.sandwich .parent_area .right .img_area {
    height: 170px;
  }
  .tech_feature_section.pur .parent_area .right .img_area {
    height: 170px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.floor_look_section {
  padding-bottom: 90px;
}
.floor_look_section .inner_parent .heading {
  margin-bottom: 24px;
}
.floor_look_section .inner_parent .heading h3 {
  font-size: 32px;
  font-weight: 700;
  color: #171717;
}
.floor_look_section .inner_parent .floor_main .inner_card .img_area {
  display: block;
  height: 271px;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 24px;
}
.floor_look_section .inner_parent .floor_main .inner_card .content h4 {
  font-size: 20px;
  font-weight: 500;
  color: #171717;
  margin-bottom: 12px;
}
.floor_look_section .inner_parent .floor_main .inner_card .content p {
  font-size: 18px;
  font-weight: 500;
  color: #707070;
  font-family: "General Sans";
  line-height: 24px;
}

.technical_section {
  margin-bottom: 90px;
}
.technical_section .parent_area .left h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 34px;
  color: #E84508;
  margin-bottom: 16px;
}
.technical_section .parent_area .left p {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #7a7a7a;
  margin-bottom: 12px;
}
.technical_section .parent_area .left .details {
  margin-bottom: 12px;
}
.technical_section .parent_area .left .details li {
  display: flex;
  align-items: baseline;
  gap: 18px;
  border-bottom: 1px solid #d9d9d9;
  padding-block: 18px;
}
.technical_section .parent_area .left .details li:last-child {
  border-bottom: none;
}
.technical_section .parent_area .left .details li:first-child {
  padding-top: 0;
}
.technical_section .parent_area .left .details li p {
  font-weight: 500;
  font-size: 20px;
  color: #171717;
  margin-bottom: 0;
  white-space: nowrap;
}
.technical_section .parent_area .left .details li span {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #7a7a7a;
  font-family: "General Sans";
  display: block;
}
.technical_section .parent_area .right .img_area {
  height: 390px;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.technical_section .parent_area .right .img_area img {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.technical_section .parent_area .right .img_area:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.wooden_system {
  padding-bottom: 90px;
}
.wooden_system .inner_area .heading {
  margin-bottom: 80px;
}
.wooden_system .inner_area .heading h3 {
  font-size: 32px;
  font-weight: 700;
  color: #E84508;
  margin-bottom: 16px;
}
.wooden_system .inner_area .heading p {
  font-size: 20px;
  font-weight: 500;
  color: #171717;
}
.wooden_system .inner_area .content_area .img_con {
  position: relative;
  height: 385px;
  width: 532px;
  margin: 0 auto;
  margin-bottom: 80px;
}
.wooden_system .inner_area .content_area .img_con .img_area {
  height: 100%;
  width: 100%;
}
.wooden_system .inner_area .content_area .img_con .circle {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  align-content: center;
  position: absolute;
  background-color: #E84508;
}
.wooden_system .inner_area .content_area .img_con .circle.active .num {
  opacity: 1;
}
.wooden_system .inner_area .content_area .img_con .circle .img_area {
  height: 12px;
  width: 8px;
  margin: 0 auto;
  position: relative;
  top: -2px;
}
.wooden_system .inner_area .content_area .img_con .circle .num {
  font-size: 18px;
  font-weight: 500;
  color: #171717;
  padding: 17px 20px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 1px 4px 14px 0px rgba(0, 0, 0, 0.1411764706);
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: -150px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.wooden_system .inner_area .content_area .img_con .circle.one_pos {
  top: 12%;
  left: 40%;
}
.wooden_system .inner_area .content_area .img_con .circle.two_pos {
  top: 64%;
  right: 4%;
  background-color: #0033FF;
}
.wooden_system .inner_area .content_area .img_con .circle.three_pos {
  bottom: 20%;
  left: 47%;
  background-color: #0033FF;
}
.wooden_system .inner_area .content_area .txt_lines {
  width: 1038px;
  max-width: 100%;
  margin: 0 auto;
}
.wooden_system .inner_area .content_area .txt_lines p {
  font-size: 20px;
  font-weight: 500;
  color: #8B8B8B;
  text-align: center;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .floor_look_section {
    padding-bottom: 70px;
  }
  .technical_section {
    margin-bottom: 70px;
  }
  .wooden_system {
    padding-bottom: 70px;
  }
  .wooden_system .inner_area .heading {
    margin-bottom: 60px;
  }
  .wooden_system .inner_area .content_area .img_con {
    margin-bottom: 60px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .floor_look_section {
    padding-bottom: 70px;
  }
  .technical_section {
    margin-bottom: 70px;
  }
  .wooden_system {
    padding-bottom: 70px;
  }
  .wooden_system .inner_area .heading {
    margin-bottom: 60px;
  }
  .wooden_system .inner_area .content_area .img_con {
    margin-bottom: 60px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .floor_look_section {
    padding-bottom: 50px;
  }
  .floor_look_section .inner_parent .heading {
    margin-bottom: 20px;
  }
  .floor_look_section .inner_parent .heading h3 {
    font-size: 28px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .img_area {
    height: 225px;
    margin-bottom: 20px;
    border-radius: 15px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .content h4 {
    font-size: 18px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .content p {
    font-size: 16px;
  }
  .technical_section {
    margin-bottom: 50px;
  }
  .technical_section .parent_area .left h3 {
    font-size: 28px;
    line-height: 28px;
  }
  .technical_section .parent_area .left p {
    font-size: 16px;
    line-height: 23px;
  }
  .technical_section .parent_area .left .details li {
    padding-block: 16px;
  }
  .technical_section .parent_area .left .details li p {
    font-size: 18px;
  }
  .technical_section .parent_area .left .details li span {
    font-size: 16px;
  }
  .technical_section .parent_area .right .img_area {
    height: 320px;
  }
  .wooden_system {
    padding-bottom: 50px;
  }
  .wooden_system .inner_area .heading {
    margin-bottom: 40px;
  }
  .wooden_system .inner_area .heading h3 {
    font-size: 28px;
  }
  .wooden_system .inner_area .heading p {
    font-size: 18px;
  }
  .wooden_system .inner_area .content_area .img_con {
    margin-bottom: 40px;
    height: 315px;
    width: 458px;
  }
  .wooden_system .inner_area .content_area .img_con .circle .num {
    font-size: 16px;
    padding: 15px 20px;
    left: -140px;
  }
  .wooden_system .inner_area .content_area .img_con .circle.one_pos {
    left: 34%;
  }
  .wooden_system .inner_area .content_area .txt_lines p {
    font-size: 18px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .floor_look_section {
    padding-bottom: 40px;
  }
  .floor_look_section .inner_parent .heading {
    margin-bottom: 15px;
  }
  .floor_look_section .inner_parent .heading h3 {
    font-size: 24px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .img_area {
    height: 162px;
    margin-bottom: 15px;
    border-radius: 15px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .content h4 {
    font-size: 18px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .content p {
    font-size: 16px;
  }
  .technical_section {
    margin-bottom: 40px;
  }
  .technical_section .parent_area .left h3 {
    font-size: 24px;
    line-height: 24px;
  }
  .technical_section .parent_area .left p {
    font-size: 16px;
    line-height: 23px;
  }
  .technical_section .parent_area .left .details li {
    padding-block: 12px;
  }
  .technical_section .parent_area .left .details li p {
    font-size: 16px;
  }
  .technical_section .parent_area .left .details li span {
    font-size: 14px;
  }
  .technical_section .parent_area .right .img_area {
    height: 210px;
    border-radius: 15px;
  }
  .wooden_system {
    padding-bottom: 40px;
  }
  .wooden_system .inner_area .heading {
    margin-bottom: 30px;
  }
  .wooden_system .inner_area .heading h3 {
    font-size: 24px;
  }
  .wooden_system .inner_area .heading p {
    font-size: 16px;
  }
  .wooden_system .inner_area .content_area .img_con {
    margin-bottom: 30px;
    height: 260px;
    width: 377px;
  }
  .wooden_system .inner_area .content_area .img_con .circle .num {
    font-size: 14px;
    padding: 12px 15px;
    left: -120px;
  }
  .wooden_system .inner_area .content_area .img_con .circle {
    height: 22px;
    width: 22px;
  }
  .wooden_system .inner_area .content_area .img_con .circle .img_area {
    height: 10px;
    width: 6px;
    top: -3px;
  }
  .wooden_system .inner_area .content_area .img_con .circle.one_pos {
    left: 34%;
  }
  .wooden_system .inner_area .content_area .txt_lines p {
    font-size: 16px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .floor_look_section {
    padding-bottom: 30px;
  }
  .floor_look_section .inner_parent .heading {
    margin-bottom: 15px;
  }
  .floor_look_section .inner_parent .heading h3 {
    font-size: 22px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .img_area {
    height: 145px;
    margin-bottom: 15px;
    border-radius: 15px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .content h4 {
    font-size: 16px;
    line-height: 18px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .content p {
    font-size: 14px;
    line-height: 21px;
  }
  .technical_section {
    margin-bottom: 30px;
  }
  .technical_section .parent_area .left h3 {
    font-size: 22px;
    line-height: 22px;
  }
  .technical_section .parent_area .left p {
    font-size: 14px;
    line-height: 23px;
  }
  .technical_section .parent_area .left .details li {
    padding-block: 10px;
  }
  .technical_section .parent_area .left .details li p {
    font-size: 16px;
  }
  .technical_section .parent_area .left .details li span {
    font-size: 14px;
  }
  .technical_section .parent_area .right .img_area {
    height: 172px;
    border-radius: 15px;
  }
  .wooden_system {
    padding-bottom: 30px;
  }
  .wooden_system .inner_area .heading {
    margin-bottom: 30px;
  }
  .wooden_system .inner_area .heading h3 {
    font-size: 24px;
  }
  .wooden_system .inner_area .heading p {
    font-size: 16px;
  }
  .wooden_system .inner_area .content_area .img_con {
    margin-bottom: 30px;
    height: 260px;
    width: 377px;
  }
  .wooden_system .inner_area .content_area .img_con .circle {
    height: 22px;
    width: 22px;
  }
  .wooden_system .inner_area .content_area .img_con .circle .num {
    font-size: 14px;
    padding: 12px 15px;
    left: -120px;
  }
  .wooden_system .inner_area .content_area .img_con .circle .img_area {
    height: 10px;
    width: 6px;
    top: -3px;
  }
  .wooden_system .inner_area .content_area .img_con .circle.one_pos {
    left: 34%;
  }
  .wooden_system .inner_area .content_area .img_con .circle.three_pos {
    bottom: 18%;
  }
  .wooden_system .inner_area .content_area .txt_lines p {
    font-size: 14px;
    line-height: 20px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .floor_look_section {
    padding-bottom: 25px;
  }
  .floor_look_section .inner_parent .heading {
    margin-bottom: 15px;
  }
  .floor_look_section .inner_parent .heading h3 {
    font-size: 20px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card {
    margin-bottom: 15px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .img_area {
    height: 152px;
    margin-bottom: 15px;
    border-radius: 15px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .content h4 {
    font-size: 16px;
    line-height: 18px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .content p {
    font-size: 14px;
    line-height: 21px;
  }
  .technical_section {
    margin-bottom: 25px;
  }
  .technical_section .parent_area .left h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .technical_section .parent_area .left p {
    font-size: 14px;
    line-height: 23px;
  }
  .technical_section .parent_area .left .details li {
    padding-block: 10px;
  }
  .technical_section .parent_area .left .details li p {
    font-size: 16px;
  }
  .technical_section .parent_area .left .details li span {
    font-size: 14px;
  }
  .technical_section .parent_area .right .img_area {
    height: 200px;
    border-radius: 15px;
    margin-bottom: 15px;
  }
  .wooden_system {
    padding-bottom: 25px;
  }
  .wooden_system .inner_area .heading {
    margin-bottom: 30px;
  }
  .wooden_system .inner_area .heading h3 {
    font-size: 22px;
  }
  .wooden_system .inner_area .heading p {
    font-size: 16px;
  }
  .wooden_system .inner_area .content_area .img_con {
    margin-bottom: 30px;
    height: 215px;
    width: 310px;
  }
  .wooden_system .inner_area .content_area .img_con .circle {
    height: 22px;
    width: 22px;
  }
  .wooden_system .inner_area .content_area .img_con .circle .num {
    font-size: 14px;
    padding: 12px 15px;
    left: -120px;
  }
  .wooden_system .inner_area .content_area .img_con .circle .img_area {
    height: 10px;
    width: 6px;
    top: -3px;
  }
  .wooden_system .inner_area .content_area .img_con .circle.one_pos {
    left: 42%;
  }
  .wooden_system .inner_area .content_area .img_con .circle.two_pos {
    top: 62%;
  }
  .wooden_system .inner_area .content_area .img_con .circle.three_pos {
    bottom: 16%;
  }
  .wooden_system .inner_area .content_area .txt_lines p {
    font-size: 14px;
    line-height: 20px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .floor_look_section {
    padding-bottom: 25px;
  }
  .floor_look_section .inner_parent .heading {
    margin-bottom: 15px;
  }
  .floor_look_section .inner_parent .heading h3 {
    font-size: 20px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card {
    margin-bottom: 15px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .img_area {
    height: 152px;
    margin-bottom: 15px;
    border-radius: 15px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .content h4 {
    font-size: 16px;
    line-height: 18px;
  }
  .floor_look_section .inner_parent .floor_main .inner_card .content p {
    font-size: 14px;
    line-height: 21px;
  }
  .technical_section {
    margin-bottom: 25px;
  }
  .technical_section .parent_area .left h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .technical_section .parent_area .left p {
    font-size: 14px;
    line-height: 23px;
  }
  .technical_section .parent_area .left .details li {
    padding-block: 10px;
  }
  .technical_section .parent_area .left .details li p {
    font-size: 16px;
  }
  .technical_section .parent_area .left .details li span {
    font-size: 14px;
  }
  .technical_section .parent_area .right .img_area {
    height: 200px;
    border-radius: 15px;
    margin-bottom: 15px;
  }
  .wooden_system {
    padding-bottom: 25px;
  }
  .wooden_system .inner_area .heading {
    margin-bottom: 30px;
  }
  .wooden_system .inner_area .heading h3 {
    font-size: 22px;
  }
  .wooden_system .inner_area .heading p {
    font-size: 16px;
  }
  .wooden_system .inner_area .content_area .img_con {
    margin-bottom: 30px;
    height: 215px;
    width: 310px;
  }
  .wooden_system .inner_area .content_area .img_con .circle {
    height: 22px;
    width: 22px;
  }
  .wooden_system .inner_area .content_area .img_con .circle .num {
    font-size: 14px;
    padding: 12px 15px;
    left: -120px;
  }
  .wooden_system .inner_area .content_area .img_con .circle .img_area {
    height: 10px;
    width: 6px;
    top: -3px;
  }
  .wooden_system .inner_area .content_area .img_con .circle.one_pos {
    left: 42%;
  }
  .wooden_system .inner_area .content_area .img_con .circle.two_pos {
    top: 62%;
  }
  .wooden_system .inner_area .content_area .img_con .circle.three_pos {
    bottom: 16%;
  }
  .wooden_system .inner_area .content_area .txt_lines p {
    font-size: 14px;
    line-height: 20px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.architect_expert_section {
  overflow-x: clip;
  margin-bottom: 90px;
}
.architect_expert_section .parent_area .inner_area {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
}
.architect_expert_section .parent_area .inner_area .left {
  padding-bottom: 65px;
  position: relative;
}
.architect_expert_section .parent_area .inner_area .left h3 {
  font-weight: 700;
  font-size: 36px;
  color: #171717;
  margin-bottom: 60px;
}
.architect_expert_section .parent_area .inner_area .left .img_area {
  height: 690px;
  aspect-ratio: 608/690;
  width: 100%;
  border: 11px solid #ffffff;
  overflow: hidden;
  border-radius: 32px;
  border-right: 0;
}
.architect_expert_section .parent_area .inner_area .left::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateX(-40%);
  z-index: -1;
  height: 380px;
  width: 800px;
  background-color: #E84508;
}
.architect_expert_section .parent_area .inner_area .right ul {
  display: flex;
  flex-direction: column;
}
.architect_expert_section .parent_area .inner_area .right ul li {
  position: relative;
}
.architect_expert_section .parent_area .inner_area .right ul li::after {
  z-index: -1;
  content: "";
  background-color: #FFF3EF;
  height: 100%;
  width: 150%;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.architect_expert_section .parent_area .inner_area .right ul li:hover::after, .architect_expert_section .parent_area .inner_area .right ul li.active::after {
  opacity: 1;
}
.architect_expert_section .parent_area .inner_area .right ul li .list_item {
  padding-left: 80px;
  display: flex;
  padding-block: 32px;
  align-items: flex-start;
  gap: 25px;
}
.architect_expert_section .parent_area .inner_area .right ul li .list_item .img_area {
  width: 110px;
  height: 110px;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  padding: 20px 18px;
  border-radius: 8px;
  background-color: #FFFAF8;
  position: relative;
}
.architect_expert_section .parent_area .inner_area .right ul li .list_item .img_area::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-100%);
  height: 65%;
  width: 11px;
  left: 0;
  background-color: #E84508;
  border-bottom-left-radius: 32px;
  border-top-left-radius: 32px;
}
.architect_expert_section .parent_area .inner_area .right ul li .list_item .img_area img {
  object-fit: contain;
}
.architect_expert_section .parent_area .inner_area .right ul li .list_item .content h5 {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 24px;
  color: #171717;
}
.architect_expert_section .parent_area .inner_area .right ul li .list_item .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
}

.architect_service_section {
  margin-bottom: 90px;
}
.architect_service_section .parent_area .title {
  margin-bottom: 45px;
}
.architect_service_section .parent_area .title h3 {
  font-weight: 700;
  font-size: 32px;
  text-align: center;
  color: #171717;
}
.architect_service_section .parent_area .service_list ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.architect_service_section .parent_area .service_list ul li .service_card .img_area {
  margin-bottom: 24px;
  height: 285px;
  border-radius: 24px;
  overflow: hidden;
}
.architect_service_section .parent_area .service_list ul li .service_card .content h5 {
  font-weight: 500;
  font-size: 24px;
  color: #171717;
  margin-bottom: 8px;
  text-align: center;
}
.architect_service_section .parent_area .service_list ul li .service_card .content p {
  text-align: center;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
}

.architect_process_section {
  margin-bottom: 90px;
}
.architect_process_section .parent_area .title {
  margin-bottom: 45px;
}
.architect_process_section .parent_area .title h3 {
  font-weight: 700;
  font-size: 32px;
  text-align: center;
  color: #E84508;
}
.architect_process_section .parent_area .process_list ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 18px;
  row-gap: 65px;
}
.architect_process_section .parent_area .process_list ul li .process_card {
  padding-inline: 16px;
}
.architect_process_section .parent_area .process_list ul li .process_card .top {
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 24px;
  position: relative;
}
.architect_process_section .parent_area .process_list ul li .process_card .top .img_area {
  width: 159px;
  aspect-ratio: 1/1;
  height: 159px;
  border-radius: 50%;
  padding: 40px;
  background-color: #FFF4F0;
}
.architect_process_section .parent_area .process_list ul li .process_card .top .img_area img {
  object-fit: contain;
}
.architect_process_section .parent_area .process_list ul li .process_card .top .count {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 0;
  background-color: #E84508;
  color: #ffffff;
  display: grid;
  place-items: center;
  align-content: center;
  width: 36px;
  height: 36px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-weight: 500;
  font-size: 17px;
}
.architect_process_section .parent_area .process_list ul li .process_card .bottom h5 {
  font-weight: 500;
  font-size: 24px;
  color: #171717;
  text-align: center;
  margin-bottom: 8px;
}
.architect_process_section .parent_area .process_list ul li .process_card .bottom p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.1px;
  text-align: center;
  color: #7a7a7a;
}

.enquire_section {
  margin-bottom: 90px;
  overflow-x: clip;
}
.enquire_section .parent_area .left .round_img {
  position: relative;
}
.enquire_section .parent_area .left .round_img .image_area {
  width: 447px;
  height: 447px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  top: -60px;
  left: -80px;
  aspect-ratio: 1/1;
  clip-path: circle(50% at 50% 50%);
  -webkit-mask: radial-gradient(circle at center, transparent 40%, black 40.3%);
  mask: radial-gradient(circle at center, transparent 40%, black 40.3%);
}
.enquire_section .parent_area .left .round_img .image_area::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(237.46deg, rgba(232, 69, 8, 0.6) 14.57%, rgba(229, 35, 14, 0.6) 84.8%);
  mix-blend-mode: multiply;
}
.enquire_section .parent_area .left .round_img .worker_image {
  width: 517px;
  height: 457px;
}
.enquire_section .parent_area .left .round_img::after {
  content: "";
  position: absolute;
  width: 63px;
  height: 63px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E84508;
  border: 8px solid #ffffff;
  top: 0px;
  left: -70px;
}
.enquire_section .parent_area .left .arrow_area {
  position: relative;
  height: 64px;
  background-color: #000000;
  display: flex;
  justify-self: flex-end;
  width: 150%;
}
.enquire_section .parent_area .left .arrow_area::after, .enquire_section .parent_area .left .arrow_area::before {
  content: "";
  top: 50%;
  height: 100%;
  position: absolute;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 112px;
}
.enquire_section .parent_area .left .arrow_area::before {
  background-image: url("../images/black_left.png");
  right: 20%;
}
.enquire_section .parent_area .left .arrow_area::after {
  background-image: url("../images/black_right.png");
  left: 20%;
}
.enquire_section .parent_area .right .form_area h3 {
  font-weight: 700;
  font-size: 34px;
  color: #E84508;
}
.enquire_section .parent_area .right .form_area .inner_form .btn_area {
  margin-top: 50px;
  width: 250px;
  text-align: center;
}
.enquire_section .parent_area .right .form_area .inner_form .btn_area .btn-primary {
  width: 100%;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .architect_expert_section {
    margin-bottom: 70px;
  }
  .architect_expert_section .parent_area .inner_area .left {
    padding-bottom: 50px;
  }
  .architect_expert_section .parent_area .inner_area .left h3 {
    margin-bottom: 40px;
    font-size: 32px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item {
    padding-left: 70px;
  }
  .architect_service_section {
    margin-bottom: 70px;
  }
  .architect_process_section {
    margin-bottom: 70px;
  }
  .enquire_section {
    margin-bottom: 70px;
  }
  .enquire_section .parent_area .left .round_img::after {
    left: 50px;
  }
  .enquire_section .parent_area .left .round_img .image_area {
    left: 40px;
  }
  .enquire_section .parent_area .left .round_img .worker_image {
    margin-left: auto;
  }
  .enquire_section .parent_area .left .arrow_area::before {
    right: 8%;
  }
  .enquire_section .parent_area .left .arrow_area::after {
    left: 35%;
  }
  .enquire_section .parent_area .right .form_area .inner_form .btn_area {
    margin-top: 32px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .architect_expert_section {
    margin-bottom: 70px;
  }
  .architect_expert_section .parent_area .inner_area .left {
    padding-bottom: 50px;
  }
  .architect_expert_section .parent_area .inner_area .left h3 {
    margin-bottom: 40px;
    font-size: 32px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item {
    padding-left: 70px;
  }
  .architect_service_section {
    margin-bottom: 70px;
  }
  .architect_process_section {
    margin-bottom: 70px;
  }
  .enquire_section {
    margin-bottom: 70px;
  }
  .enquire_section .parent_area .left .round_img::after {
    left: 50px;
  }
  .enquire_section .parent_area .left .round_img .image_area {
    left: 40px;
  }
  .enquire_section .parent_area .left .round_img .worker_image {
    margin-left: auto;
  }
  .enquire_section .parent_area .left .arrow_area::before {
    right: 8%;
  }
  .enquire_section .parent_area .left .arrow_area::after {
    left: 35%;
  }
  .enquire_section .parent_area .right .form_area .inner_form .btn_area {
    margin-top: 32px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .architect_expert_section {
    margin-bottom: 50px;
  }
  .architect_expert_section .parent_area .inner_area .left {
    padding-bottom: 40px;
  }
  .architect_expert_section .parent_area .inner_area .left h3 {
    margin-bottom: 30px;
    font-size: 28px;
  }
  .architect_expert_section .parent_area .inner_area .left::after {
    width: 610px;
  }
  .architect_expert_section .parent_area .inner_area .left .img_area {
    height: 570px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item {
    padding-left: 50px;
    gap: 12px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .img_area {
    width: 80px;
    height: 80px;
    padding: 12px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .img_area::after {
    width: 7px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .content h5 {
    font-size: 20px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .architect_service_section {
    margin-bottom: 50px;
  }
  .architect_service_section .parent_area .title {
    margin-bottom: 40px;
  }
  .architect_service_section .parent_area .title h3 {
    font-size: 28px;
  }
  .architect_service_section .parent_area .service_list ul li .service_card .img_area {
    height: 230px;
    border-radius: 16px;
  }
  .architect_service_section .parent_area .service_list ul li .service_card .content h5 {
    font-size: 20px;
  }
  .architect_service_section .parent_area .service_list ul li .service_card .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .architect_process_section {
    margin-bottom: 50px;
  }
  .architect_process_section .parent_area .title {
    margin-bottom: 40px;
  }
  .architect_process_section .parent_area .title h3 {
    font-size: 28px;
  }
  .architect_process_section .parent_area .process_list ul {
    row-gap: 50px;
  }
  .architect_process_section .parent_area .process_list ul li .process_card .top .img_area {
    width: 120px;
    height: 120px;
    padding: 30px;
  }
  .architect_process_section .parent_area .process_list ul li .process_card .bottom h5 {
    font-size: 20px;
  }
  .architect_process_section .parent_area .process_list ul li .process_card .bottom p {
    font-size: 16px;
    line-height: 22px;
  }
  .enquire_section {
    margin-bottom: 50px;
  }
  .enquire_section .parent_area .left .round_img::after {
    left: 60px;
    width: 43px;
    height: 43px;
    border-width: 4px;
  }
  .enquire_section .parent_area .left .round_img .image_area {
    left: 70px;
    top: -80px;
    width: 330px;
    height: 330px;
  }
  .enquire_section .parent_area .left .round_img .worker_image {
    margin-left: auto;
    width: 350px;
    height: 310px;
  }
  .enquire_section .parent_area .left .arrow_area {
    height: 54px;
  }
  .enquire_section .parent_area .left .arrow_area::before {
    right: 8%;
  }
  .enquire_section .parent_area .left .arrow_area::after {
    left: 35%;
  }
  .enquire_section .parent_area .right .form_area h3 {
    font-size: 28px;
  }
  .enquire_section .parent_area .right .form_area .inner_form .btn_area {
    width: 150px;
    margin-top: 20px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .architect_expert_section {
    margin-bottom: 40px;
  }
  .architect_expert_section .parent_area .inner_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 15px;
  }
  .architect_expert_section .parent_area .inner_area .left {
    padding-bottom: 40px;
    height: fit-content;
  }
  .architect_expert_section .parent_area .inner_area .left h3 {
    margin-bottom: 20px;
    font-size: 28px;
  }
  .architect_expert_section .parent_area .inner_area .left::after {
    width: 90%;
    height: 230px;
    transform: translateX(-5%);
  }
  .architect_expert_section .parent_area .inner_area .left .img_area {
    border-width: 10px;
    border-right: 10px solid #ffffff;
    height: 422px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li::after {
    width: 100%;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item {
    padding: 20px;
    gap: 12px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .img_area {
    width: 80px;
    height: 80px;
    padding: 12px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .img_area::after {
    width: 7px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .content h5 {
    font-size: 20px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .architect_service_section {
    margin-bottom: 40px;
  }
  .architect_service_section .parent_area .title {
    margin-bottom: 30px;
  }
  .architect_service_section .parent_area .title h3 {
    font-size: 28px;
  }
  .architect_service_section .parent_area .service_list ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .architect_service_section .parent_area .service_list ul li .service_card .img_area {
    height: 230px;
    border-radius: 12px;
    margin-bottom: 15px;
  }
  .architect_service_section .parent_area .service_list ul li .service_card .content h5 {
    font-size: 20px;
  }
  .architect_service_section .parent_area .service_list ul li .service_card .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .architect_process_section {
    margin-bottom: 40px;
  }
  .architect_process_section .parent_area .title {
    margin-bottom: 30px;
  }
  .architect_process_section .parent_area .title h3 {
    font-size: 28px;
  }
  .architect_process_section .parent_area .process_list ul {
    row-gap: 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .architect_process_section .parent_area .process_list ul li .process_card .top .img_area {
    width: 100px;
    height: 100px;
    padding: 25px;
  }
  .architect_process_section .parent_area .process_list ul li .process_card .bottom h5 {
    font-size: 20px;
  }
  .architect_process_section .parent_area .process_list ul li .process_card .bottom p {
    font-size: 16px;
    line-height: 22px;
  }
  .enquire_section {
    margin-bottom: 40px;
    padding-top: 70px;
  }
  .enquire_section .parent_area .left {
    margin-bottom: 15px;
  }
  .enquire_section .parent_area .left .round_img::after {
    left: 115px;
    width: 43px;
    height: 43px;
    border-width: 4px;
  }
  .enquire_section .parent_area .left .round_img .image_area {
    left: 120px;
    top: -70px;
    width: 330px;
    height: 330px;
  }
  .enquire_section .parent_area .left .round_img .worker_image {
    margin-inline: auto;
    width: 350px;
    height: 310px;
  }
  .enquire_section .parent_area .left .arrow_area {
    height: 54px;
    width: 105%;
    justify-self: center;
  }
  .enquire_section .parent_area .left .arrow_area::before {
    right: 8%;
  }
  .enquire_section .parent_area .left .arrow_area::after {
    left: 8%;
  }
  .enquire_section .parent_area .right .form_area h3 {
    font-size: 28px;
  }
  .enquire_section .parent_area .right .form_area .inner_form .btn_area {
    width: 150px;
    margin-top: 20px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .architect_expert_section {
    margin-bottom: 30px;
  }
  .architect_expert_section .parent_area .inner_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 15px;
  }
  .architect_expert_section .parent_area .inner_area .left {
    padding-bottom: 40px;
    height: fit-content;
  }
  .architect_expert_section .parent_area .inner_area .left h3 {
    margin-bottom: 20px;
    font-size: 24px;
  }
  .architect_expert_section .parent_area .inner_area .left::after {
    width: 90%;
    height: 230px;
    transform: translateX(-5%);
  }
  .architect_expert_section .parent_area .inner_area .left .img_area {
    border-width: 10px;
    border-right: 10px solid #ffffff;
    height: 350px;
    border-radius: 20px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li::after {
    width: 100%;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item {
    padding: 20px;
    gap: 12px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .img_area {
    width: 80px;
    height: 80px;
    padding: 12px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .img_area::after {
    width: 7px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .content h5 {
    font-size: 20px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .architect_service_section {
    margin-bottom: 30px;
  }
  .architect_service_section .parent_area .title {
    margin-bottom: 20px;
  }
  .architect_service_section .parent_area .title h3 {
    font-size: 24px;
  }
  .architect_service_section .parent_area .service_list ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .architect_service_section .parent_area .service_list ul li .service_card .img_area {
    height: 220px;
    border-radius: 12px;
    margin-bottom: 15px;
  }
  .architect_service_section .parent_area .service_list ul li .service_card .content h5 {
    font-size: 20px;
  }
  .architect_service_section .parent_area .service_list ul li .service_card .content p {
    font-size: 14px;
    line-height: 20px;
  }
  .architect_process_section {
    margin-bottom: 30px;
  }
  .architect_process_section .parent_area .title {
    margin-bottom: 20px;
  }
  .architect_process_section .parent_area .title h3 {
    font-size: 24px;
  }
  .architect_process_section .parent_area .process_list ul {
    row-gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .architect_process_section .parent_area .process_list ul li .process_card .top .img_area {
    width: 100px;
    height: 100px;
    padding: 25px;
  }
  .architect_process_section .parent_area .process_list ul li .process_card .bottom h5 {
    font-size: 20px;
  }
  .architect_process_section .parent_area .process_list ul li .process_card .bottom p {
    font-size: 14px;
    line-height: 20px;
  }
  .enquire_section {
    margin-bottom: 30px;
    padding-top: 60px;
  }
  .enquire_section .parent_area .left {
    margin-bottom: 15px;
  }
  .enquire_section .parent_area .left .round_img::after {
    left: 125px;
    width: 33px;
    height: 33px;
    border-width: 4px;
  }
  .enquire_section .parent_area .left .round_img .image_area {
    left: 130px;
    top: -60px;
    width: 260px;
    height: 260px;
  }
  .enquire_section .parent_area .left .round_img .worker_image {
    margin-inline: auto;
    width: 270px;
    height: 238px;
  }
  .enquire_section .parent_area .left .arrow_area {
    height: 54px;
    width: 105%;
    justify-self: center;
  }
  .enquire_section .parent_area .left .arrow_area::before {
    right: 8%;
  }
  .enquire_section .parent_area .left .arrow_area::after {
    left: 8%;
  }
  .enquire_section .parent_area .right .form_area h3 {
    font-size: 24px;
  }
  .enquire_section .parent_area .right .form_area .inner_form .btn_area {
    width: 150px;
    margin-top: 15px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .architect_expert_section {
    margin-bottom: 25px;
  }
  .architect_expert_section .parent_area .inner_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 15px;
  }
  .architect_expert_section .parent_area .inner_area .left {
    padding-bottom: 30px;
    height: fit-content;
  }
  .architect_expert_section .parent_area .inner_area .left h3 {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .architect_expert_section .parent_area .inner_area .left::after {
    width: 90%;
    height: 230px;
    transform: translateX(-5%);
  }
  .architect_expert_section .parent_area .inner_area .left .img_area {
    border-width: 7px;
    border-right: 7px solid #ffffff;
    height: 300px;
    border-radius: 20px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li::after {
    width: 100%;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item {
    padding: 15px;
    gap: 12px;
    flex-direction: column;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .img_area {
    width: 80px;
    height: 80px;
    padding: 12px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .img_area::after {
    width: 7px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .content h5 {
    font-size: 20px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .architect_service_section {
    margin-bottom: 25px;
  }
  .architect_service_section .parent_area .title {
    margin-bottom: 15px;
  }
  .architect_service_section .parent_area .title h3 {
    font-size: 20px;
  }
  .architect_service_section .parent_area .service_list ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .architect_service_section .parent_area .service_list ul li .service_card .img_area {
    height: 220px;
    border-radius: 12px;
    margin-bottom: 15px;
  }
  .architect_service_section .parent_area .service_list ul li .service_card .content h5 {
    font-size: 20px;
  }
  .architect_service_section .parent_area .service_list ul li .service_card .content p {
    font-size: 14px;
    line-height: 20px;
  }
  .architect_process_section {
    margin-bottom: 25px;
  }
  .architect_process_section .parent_area .title {
    margin-bottom: 15px;
  }
  .architect_process_section .parent_area .title h3 {
    font-size: 20px;
  }
  .architect_process_section .parent_area .process_list ul {
    row-gap: 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .architect_process_section .parent_area .process_list ul li .process_card .top .img_area {
    width: 100px;
    height: 100px;
    padding: 25px;
  }
  .architect_process_section .parent_area .process_list ul li .process_card .bottom h5 {
    font-size: 20px;
  }
  .architect_process_section .parent_area .process_list ul li .process_card .bottom p {
    font-size: 14px;
    line-height: 20px;
  }
  .enquire_section {
    margin-bottom: 25px;
    padding-top: 40px;
  }
  .enquire_section .parent_area .left {
    margin-bottom: 15px;
  }
  .enquire_section .parent_area .left .round_img::after {
    left: 30px;
    width: 33px;
    height: 33px;
    border-width: 4px;
  }
  .enquire_section .parent_area .left .round_img .image_area {
    left: 35px;
    top: -40px;
    width: 220px;
    height: 220px;
  }
  .enquire_section .parent_area .left .round_img .worker_image {
    margin-left: auto;
    width: 270px;
    height: 238px;
  }
  .enquire_section .parent_area .left .arrow_area {
    height: 50px;
    width: 110%;
    justify-self: center;
  }
  .enquire_section .parent_area .left .arrow_area::before {
    right: 8%;
  }
  .enquire_section .parent_area .left .arrow_area::after {
    left: 8%;
  }
  .enquire_section .parent_area .right .form_area h3 {
    font-size: 20px;
  }
  .enquire_section .parent_area .right .form_area .inner_form .btn_area {
    width: 150px;
    margin-top: 15px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .architect_expert_section {
    margin-bottom: 25px;
  }
  .architect_expert_section .parent_area .inner_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 15px;
  }
  .architect_expert_section .parent_area .inner_area .left {
    padding-bottom: 30px;
    height: fit-content;
  }
  .architect_expert_section .parent_area .inner_area .left h3 {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .architect_expert_section .parent_area .inner_area .left::after {
    width: 90%;
    height: 230px;
    transform: translateX(-5%);
  }
  .architect_expert_section .parent_area .inner_area .left .img_area {
    border-width: 7px;
    border-right: 7px solid #ffffff;
    height: 300px;
    border-radius: 20px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li::after {
    width: 100%;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item {
    padding: 15px;
    gap: 12px;
    flex-direction: column;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .img_area {
    width: 80px;
    height: 80px;
    padding: 12px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .img_area::after {
    width: 7px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .content h5 {
    font-size: 20px;
  }
  .architect_expert_section .parent_area .inner_area .right ul li .list_item .content p {
    font-size: 16px;
    line-height: 22px;
  }
  .architect_service_section {
    margin-bottom: 25px;
  }
  .architect_service_section .parent_area .title {
    margin-bottom: 15px;
  }
  .architect_service_section .parent_area .title h3 {
    font-size: 20px;
  }
  .architect_service_section .parent_area .service_list ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .architect_service_section .parent_area .service_list ul li .service_card .img_area {
    height: 220px;
    border-radius: 12px;
    margin-bottom: 15px;
  }
  .architect_service_section .parent_area .service_list ul li .service_card .content h5 {
    font-size: 20px;
  }
  .architect_service_section .parent_area .service_list ul li .service_card .content p {
    font-size: 14px;
    line-height: 20px;
  }
  .architect_process_section {
    margin-bottom: 25px;
  }
  .architect_process_section .parent_area .title {
    margin-bottom: 15px;
  }
  .architect_process_section .parent_area .title h3 {
    font-size: 20px;
  }
  .architect_process_section .parent_area .process_list ul {
    row-gap: 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .architect_process_section .parent_area .process_list ul li .process_card .top .img_area {
    width: 100px;
    height: 100px;
    padding: 25px;
  }
  .architect_process_section .parent_area .process_list ul li .process_card .bottom h5 {
    font-size: 20px;
  }
  .architect_process_section .parent_area .process_list ul li .process_card .bottom p {
    font-size: 14px;
    line-height: 20px;
  }
  .enquire_section {
    margin-bottom: 25px;
    padding-top: 40px;
  }
  .enquire_section .parent_area .left {
    margin-bottom: 15px;
  }
  .enquire_section .parent_area .left .round_img::after {
    left: 30px;
    width: 33px;
    height: 33px;
    border-width: 4px;
  }
  .enquire_section .parent_area .left .round_img .image_area {
    left: 35px;
    top: -40px;
    width: 220px;
    height: 220px;
  }
  .enquire_section .parent_area .left .round_img .worker_image {
    margin-left: auto;
    width: 270px;
    height: 238px;
  }
  .enquire_section .parent_area .left .arrow_area {
    height: 50px;
    width: 110%;
    justify-self: center;
  }
  .enquire_section .parent_area .left .arrow_area::before {
    right: 8%;
  }
  .enquire_section .parent_area .left .arrow_area::after {
    left: 8%;
  }
  .enquire_section .parent_area .right .form_area h3 {
    font-size: 20px;
  }
  .enquire_section .parent_area .right .form_area .inner_form .btn_area {
    width: 150px;
    margin-top: 15px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.search_section {
  margin-bottom: 72px;
}
.search_section .parent_area .top .inner_top {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
}
.search_section .parent_area .top .inner_top .search_area .inner_search .form-group {
  padding-top: 0;
  position: relative;
  width: 630px;
  max-width: 100%;
}
.search_section .parent_area .top .inner_top .search_area .inner_search .form-group .form-control {
  margin: 0;
  padding-right: 65px;
  border-color: #FFD6C7;
  background-color: transparent;
}
.search_section .parent_area .top .inner_top .search_area .inner_search .form-group .icon {
  color: #E84508;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  outline: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.search_section .parent_area .top .inner_top:has(.btn_area) {
  justify-content: space-between;
}
.search_section .parent_area .top .inner_top .btn_area .btn-primary {
  cursor: pointer;
  display: block;
}

.tools_section {
  margin-bottom: 90px;
}
.tools_section .parent_area .top {
  margin-bottom: 90px;
}
.tools_section .parent_area .top .tab_ist {
  display: flex;
  gap: 28px;
  overflow-x: auto;
  width: 1100px;
  max-width: 100%;
  margin-inline: auto;
  padding-bottom: 5px;
}
.tools_section .parent_area .top .tab_ist::-webkit-scrollbar-track {
  border-radius: 10px;
}
.tools_section .parent_area .top .tab_ist::-webkit-scrollbar {
  height: 5px;
}
.tools_section .parent_area .top .tab_ist::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #E84508;
}
.tools_section .parent_area .top .tab_ist li {
  display: inline-block;
}
.tools_section .parent_area .top .tab_ist li .txt {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: #171717;
  font-family: "General Sans";
  padding: 11px 22px;
  background-color: rgba(215, 215, 215, 0.2);
  border-radius: 50px;
  min-width: 148px;
  text-align: center;
  white-space: nowrap;
}
.tools_section .parent_area .top .tab_ist li:hover .txt, .tools_section .parent_area .top .tab_ist li.active .txt {
  color: #ffffff;
  background-color: #E84508;
}
.tools_section .parent_area .bottom ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 70px;
  column-gap: 16px;
  margin-bottom: 90px;
}
.tools_section .parent_area .bottom ul li .tool_card {
  display: block;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  box-shadow: 0px 13px 29px 0px rgba(181, 181, 181, 0.2509803922);
  position: relative;
  overflow: hidden;
}
.tools_section .parent_area .bottom ul li .tool_card .img_area {
  height: 333px;
  width: 100%;
}
.tools_section .parent_area .bottom ul li .tool_card h5 {
  padding: 20px;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: #E84508;
  white-space: nowrap;
  text-align: center;
}
.tools_section .parent_area .bottom ul li .tool_card:hover::after, .tools_section .parent_area .bottom ul li .tool_card.active::after {
  opacity: 1;
}
.tools_section .parent_area .bottom ul li .tool_card:hover .content, .tools_section .parent_area .bottom ul li .tool_card.active .content {
  transform: translateY(0);
}
.tools_section .parent_area .bottom ul li .tool_card::after {
  content: "";
  inset: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) -8.48%, #000000 113.47%);
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.tools_section .parent_area .bottom ul li .tool_card .content {
  position: absolute;
  inset: 0;
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: translateY(100%);
  display: grid;
  grid-auto-rows: min-content;
  grid-auto-flow: row;
  align-self: flex-end;
  padding-bottom: 70px;
  padding-top: 12px;
  padding-inline: 12px;
  place-items: center;
}
.tools_section .parent_area .bottom ul li .tool_card .content h6 {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 12px;
}
.tools_section .parent_area .bottom ul li .tool_card .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1px;
  text-align: center;
  color: #ffffff;
}
.detail_section {
  margin-bottom: 90px;
}
.detail_section .parent_area .title h3 {
  font-weight: 700;
  font-size: 24px;
  color: #171717;
}
.detail_section .parent_area .title .single_img {
  margin-top: 45px;
  height: 424px;
}
.detail_section .parent_area .editor_title {
  font-weight: 700;
  font-size: 26px;
  color: #E84508;
  margin-top: 45px;
}
.detail_section .parent_area .editor_content {
  margin-top: 35px;
}
.detail_section .parent_area .editor_content figure,
.detail_section .parent_area .editor_content img {
  margin-top: 45px;
  max-width: 100%;
}
.detail_section .parent_area .editor_content img {
  width: unset;
  height: unset;
  object-fit: unset;
  max-width: 100%;
}
.detail_section .parent_area .editor_content > :first-child {
  margin-top: 0;
}
.detail_section .parent_area .editor_content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.1px;
  margin-top: 36px;
  color: #939393;
}
.detail_section .parent_area .editor_content a {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}
.detail_section .parent_area .editor_content h1,
.detail_section .parent_area .editor_content h2,
.detail_section .parent_area .editor_content h3,
.detail_section .parent_area .editor_content h4,
.detail_section .parent_area .editor_content h5,
.detail_section .parent_area .editor_content h6 {
  font-weight: 700;
  color: #171717;
  margin-top: 36px;
}
.detail_section .parent_area .editor_content h1 {
  font-size: 24px;
}
.detail_section .parent_area .editor_content h2 {
  font-size: 22px;
}
.detail_section .parent_area .editor_content h3 {
  font-size: 20px;
}
.detail_section .parent_area .editor_content h4 {
  font-size: 18px;
}
.detail_section .parent_area .editor_content h5 {
  font-size: 16px;
}
.detail_section .parent_area .editor_content h6 {
  font-size: 15px;
}
.detail_section .parent_area .editor_content ol {
  margin-top: 12px;
  padding-left: 25px;
}
.detail_section .parent_area .editor_content ol > :first-child {
  margin-top: 0;
}
.detail_section .parent_area .editor_content ol li {
  list-style-type: decimal;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #939393;
  margin-top: 10px;
}
.detail_section .parent_area .editor_content ul {
  margin-top: 12px;
  padding-left: 25px;
}
.detail_section .parent_area .editor_content ul > :first-child {
  margin-top: 0;
}
.detail_section .parent_area .editor_content ul li {
  list-style-type: disc;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #939393;
  margin-top: 10px;
}

.query_section {
  background-color: #E5230E;
  position: relative;
  margin-bottom: 90px;
}
.query_section::after, .query_section::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 244px;
  top: 0;
  bottom: 0;
}
.query_section::after {
  background-image: url("../images/red_right.png");
  left: 8%;
}
.query_section::before {
  background-image: url("../images/red_left.png");
  right: 8%;
}
.query_section .parent_area {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 30px;
}
.query_section .parent_area .btn_area {
  width: 250px;
}
.query_section .parent_area .btn_area .btn-primary {
  display: block;
  width: 100%;
  cursor: pointer;
  background: #ffffff;
  color: #E5230E;
  border-color: #ffffff;
}
.query_section .parent_area .btn_area .btn-primary::after {
  background-color: #E5230E;
}
.query_section .parent_area .btn_area .btn-primary:hover::after {
  scale: 7;
}
.query_section .parent_area .btn_area .btn-primary:hover {
  color: #ffffff;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .search_section {
    margin-bottom: 50px;
  }
  .tools_section {
    margin-bottom: 70px;
  }
  .tools_section .parent_area .top {
    margin-bottom: 70px;
  }
  .tools_section .parent_area .bottom ul {
    margin-bottom: 50px;
    row-gap: 50px;
  }
  .detail_section {
    margin-bottom: 70px;
  }
  .detail_section .parent_area .title .single_img {
    margin-top: 35px;
  }
  .detail_section .parent_area .editor_title {
    margin-top: 35px;
  }
  .detail_section .parent_area .editor_content figure,
  .detail_section .parent_area .editor_content img {
    margin-top: 35px;
  }
  .query_section {
    margin-bottom: 70px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .search_section {
    margin-bottom: 50px;
  }
  .tools_section {
    margin-bottom: 70px;
  }
  .tools_section .parent_area .top {
    margin-bottom: 70px;
  }
  .tools_section .parent_area .bottom ul {
    margin-bottom: 50px;
    row-gap: 50px;
  }
  .detail_section {
    margin-bottom: 70px;
  }
  .detail_section .parent_area .title .single_img {
    margin-top: 35px;
  }
  .detail_section .parent_area .editor_title {
    margin-top: 35px;
  }
  .detail_section .parent_area .editor_content figure,
  .detail_section .parent_area .editor_content img {
    margin-top: 35px;
  }
  .query_section {
    margin-bottom: 70px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .search_section {
    margin-bottom: 40px;
  }
  .search_section .parent_area .top .inner_top .search_area .inner_search .form-group {
    width: 500px;
  }
  .tools_section {
    margin-bottom: 50px;
  }
  .tools_section .parent_area .top {
    margin-bottom: 50px;
  }
  .tools_section .parent_area .top .tab_ist {
    gap: 20px;
  }
  .tools_section .parent_area .top .tab_ist li .txt {
    font-size: 16px;
    min-width: 118px;
  }
  .tools_section .parent_area .bottom ul {
    margin-bottom: 40px;
    row-gap: 40px;
  }
  .tools_section .parent_area .bottom ul li .tool_card {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }
  .tools_section .parent_area .bottom ul li .tool_card h5 {
    padding-block: 14px;
  }
  .tools_section .parent_area .bottom ul li .tool_card .img_area {
    height: 265px;
  }
  .detail_section {
    margin-bottom: 50px;
  }
  .detail_section .parent_area .title .single_img {
    margin-top: 25px;
    height: 339px;
  }
  .detail_section .parent_area .editor_title {
    margin-top: 25px;
  }
  .detail_section .parent_area .editor_content {
    margin-top: 25px;
  }
  .detail_section .parent_area .editor_content figure,
  .detail_section .parent_area .editor_content img {
    margin-top: 25px;
  }
  .detail_section .parent_area .editor_content h1,
  .detail_section .parent_area .editor_content h2,
  .detail_section .parent_area .editor_content h3,
  .detail_section .parent_area .editor_content h4,
  .detail_section .parent_area .editor_content h5,
  .detail_section .parent_area .editor_content h6 {
    margin-top: 25px;
  }
  .detail_section .parent_area .editor_content p {
    font-size: 18px;
  }
  .detail_section .parent_area .editor_content ul li {
    font-size: 18px;
  }
  .detail_section .parent_area .editor_content ol li {
    font-size: 18px;
  }
  .query_section {
    margin-bottom: 50px;
  }
  .query_section::before, .query_section::after {
    width: 180px;
  }
  .query_section .parent_area {
    padding-block: 20px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .search_section {
    margin-bottom: 30px;
  }
  .search_section .parent_area .top .inner_top .search_area .inner_search .form-group {
    width: 450px;
  }
  .tools_section {
    margin-bottom: 40px;
  }
  .tools_section .parent_area .top {
    margin-bottom: 40px;
  }
  .tools_section .parent_area .top .tab_ist {
    gap: 18px;
    justify-content: left;
    padding-bottom: 3px;
  }
  .tools_section .parent_area .top .tab_ist li .txt {
    font-size: 15px;
    min-width: 95px;
    padding: 10px 20px;
  }
  .tools_section .parent_area .bottom ul {
    margin-bottom: 30px;
    row-gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tools_section .parent_area .bottom ul li .tool_card {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }
  .tools_section .parent_area .bottom ul li .tool_card h5 {
    padding-block: 14px;
  }
  .tools_section .parent_area .bottom ul li .tool_card .img_area {
    height: 300px;
  }
  .detail_section {
    margin-bottom: 40px;
  }
  .detail_section .parent_area .title .single_img {
    margin-top: 20px;
    height: 252px;
  }
  .detail_section .parent_area .editor_title {
    margin-top: 20px;
    font-size: 24px;
  }
  .detail_section .parent_area .editor_content {
    margin-top: 20px;
  }
  .detail_section .parent_area .editor_content figure,
  .detail_section .parent_area .editor_content img {
    margin-top: 20px;
  }
  .detail_section .parent_area .editor_content h1,
  .detail_section .parent_area .editor_content h2,
  .detail_section .parent_area .editor_content h3,
  .detail_section .parent_area .editor_content h4,
  .detail_section .parent_area .editor_content h5,
  .detail_section .parent_area .editor_content h6 {
    margin-top: 20px;
  }
  .detail_section .parent_area .editor_content p {
    font-size: 18px;
  }
  .detail_section .parent_area .editor_content ul li {
    font-size: 18px;
  }
  .detail_section .parent_area .editor_content ol li {
    font-size: 18px;
  }
  .query_section {
    margin-bottom: 40px;
  }
  .query_section::before, .query_section::after {
    width: 160px;
  }
  .query_section::before {
    right: 4%;
  }
  .query_section::after {
    left: 4%;
  }
  .query_section .parent_area {
    padding-block: 15px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .search_section {
    margin-bottom: 25px;
  }
  .search_section .parent_area .top .inner_top .search_area .inner_search .form-group {
    width: 450px;
  }
  .tools_section {
    margin-bottom: 30px;
  }
  .tools_section .parent_area .top {
    margin-bottom: 30px;
  }
  .tools_section .parent_area .top .tab_ist {
    gap: 15px;
    justify-content: left;
    padding-bottom: 3px;
  }
  .tools_section .parent_area .top .tab_ist li .txt {
    font-size: 14px;
    min-width: 80px;
    padding: 10px 20px;
  }
  .tools_section .parent_area .bottom ul {
    margin-bottom: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tools_section .parent_area .bottom ul li .tool_card {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }
  .tools_section .parent_area .bottom ul li .tool_card h5 {
    padding-block: 14px;
    font-size: 16px;
  }
  .tools_section .parent_area .bottom ul li .tool_card .img_area {
    height: 257px;
  }
  .detail_section {
    margin-bottom: 30px;
  }
  .detail_section .parent_area .title h3 {
    font-size: 20px;
  }
  .detail_section .parent_area .title .single_img {
    margin-top: 20px;
    height: 218px;
  }
  .detail_section .parent_area .editor_title {
    margin-top: 20px;
    font-size: 20px;
  }
  .detail_section .parent_area .editor_content {
    margin-top: 20px;
  }
  .detail_section .parent_area .editor_content figure,
  .detail_section .parent_area .editor_content img {
    margin-top: 20px;
  }
  .detail_section .parent_area .editor_content h1,
  .detail_section .parent_area .editor_content h2,
  .detail_section .parent_area .editor_content h3,
  .detail_section .parent_area .editor_content h4,
  .detail_section .parent_area .editor_content h5,
  .detail_section .parent_area .editor_content h6 {
    margin-top: 20px;
  }
  .detail_section .parent_area .editor_content p {
    font-size: 16px;
  }
  .detail_section .parent_area .editor_content ul li {
    font-size: 16px;
  }
  .detail_section .parent_area .editor_content ol li {
    font-size: 16px;
  }
  .query_section {
    margin-bottom: 30px;
  }
  .query_section::before, .query_section::after {
    width: 160px;
  }
  .query_section::before {
    right: 4%;
  }
  .query_section::after {
    left: 4%;
  }
  .query_section .parent_area {
    padding-block: 15px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .search_section {
    margin-bottom: 25px;
  }
  .search_section .parent_area .top .inner_top {
    flex-direction: column;
    align-items: stretch;
  }
  .search_section .parent_area .top .inner_top .search_area .inner_search .form-group {
    width: 100%;
  }
  .tools_section {
    margin-bottom: 25px;
  }
  .tools_section .parent_area .top {
    margin-bottom: 25px;
  }
  .tools_section .parent_area .top .tab_ist {
    gap: 15px;
    justify-content: left;
    padding-bottom: 3px;
  }
  .tools_section .parent_area .top .tab_ist li .txt {
    font-size: 14px;
    min-width: 80px;
    padding: 10px 20px;
  }
  .tools_section .parent_area .bottom ul {
    margin-bottom: 15px;
    row-gap: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tools_section .parent_area .bottom ul li .tool_card {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }
  .tools_section .parent_area .bottom ul li .tool_card h5 {
    padding-block: 14px;
    font-size: 16px;
  }
  .tools_section .parent_area .bottom ul li .tool_card .img_area {
    height: 288px;
  }
  .detail_section {
    margin-bottom: 25px;
  }
  .detail_section .parent_area .title h3 {
    font-size: 20px;
  }
  .detail_section .parent_area .title .single_img {
    margin-top: 20px;
    height: 218px;
  }
  .detail_section .parent_area .editor_title {
    margin-top: 20px;
    font-size: 20px;
  }
  .detail_section .parent_area .editor_content {
    margin-top: 20px;
  }
  .detail_section .parent_area .editor_content figure,
  .detail_section .parent_area .editor_content img {
    margin-top: 20px;
  }
  .detail_section .parent_area .editor_content h1,
  .detail_section .parent_area .editor_content h2,
  .detail_section .parent_area .editor_content h3,
  .detail_section .parent_area .editor_content h4,
  .detail_section .parent_area .editor_content h5,
  .detail_section .parent_area .editor_content h6 {
    margin-top: 20px;
  }
  .detail_section .parent_area .editor_content p {
    font-size: 16px;
  }
  .detail_section .parent_area .editor_content ul li {
    font-size: 16px;
  }
  .detail_section .parent_area .editor_content ol li {
    font-size: 16px;
  }
  .query_section {
    margin-bottom: 25px;
  }
  .query_section::before, .query_section::after {
    width: 160px;
  }
  .query_section::before {
    right: 4%;
  }
  .query_section::after {
    left: 4%;
  }
  .query_section .parent_area {
    padding-block: 15px;
  }
  .query_section .parent_area .btn_area {
    width: 150px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .search_section {
    margin-bottom: 25px;
  }
  .search_section .parent_area .top .inner_top {
    flex-direction: column;
    align-items: stretch;
  }
  .search_section .parent_area .top .inner_top .search_area .inner_search .form-group {
    width: 100%;
  }
  .tools_section {
    margin-bottom: 25px;
  }
  .tools_section .parent_area .top {
    margin-bottom: 25px;
  }
  .tools_section .parent_area .top .tab_ist {
    gap: 15px;
    justify-content: left;
    padding-bottom: 3px;
  }
  .tools_section .parent_area .top .tab_ist li .txt {
    font-size: 14px;
    min-width: 80px;
    padding: 10px 20px;
  }
  .tools_section .parent_area .bottom ul {
    margin-bottom: 15px;
    row-gap: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tools_section .parent_area .bottom ul li .tool_card {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }
  .tools_section .parent_area .bottom ul li .tool_card h5 {
    padding-block: 14px;
    font-size: 16px;
  }
  .tools_section .parent_area .bottom ul li .tool_card .img_area {
    height: 288px;
  }
  .detail_section {
    margin-bottom: 25px;
  }
  .detail_section .parent_area .title h3 {
    font-size: 20px;
  }
  .detail_section .parent_area .title .single_img {
    margin-top: 20px;
    height: 218px;
  }
  .detail_section .parent_area .editor_title {
    margin-top: 20px;
    font-size: 20px;
  }
  .detail_section .parent_area .editor_content {
    margin-top: 20px;
  }
  .detail_section .parent_area .editor_content figure,
  .detail_section .parent_area .editor_content img {
    margin-top: 20px;
  }
  .detail_section .parent_area .editor_content h1,
  .detail_section .parent_area .editor_content h2,
  .detail_section .parent_area .editor_content h3,
  .detail_section .parent_area .editor_content h4,
  .detail_section .parent_area .editor_content h5,
  .detail_section .parent_area .editor_content h6 {
    margin-top: 20px;
  }
  .detail_section .parent_area .editor_content p {
    font-size: 16px;
  }
  .detail_section .parent_area .editor_content ul li {
    font-size: 16px;
  }
  .detail_section .parent_area .editor_content ol li {
    font-size: 16px;
  }
  .query_section {
    margin-bottom: 25px;
  }
  .query_section::before, .query_section::after {
    width: 160px;
  }
  .query_section::before {
    right: 4%;
  }
  .query_section::after {
    left: 4%;
  }
  .query_section .parent_area {
    padding-block: 15px;
  }
  .query_section .parent_area .btn_area {
    width: 150px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.breadcrumb_section .parent_area {
  flex-wrap: wrap;
}
.breadcrumb_section .parent_area .breadcrumb_area {
  flex-grow: 1;
}
.breadcrumb_section .parent_area .right_side {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.breadcrumb_section .parent_area .right_side .page_logo {
  aspect-ratio: 150/75;
  height: 70px;
}
.breadcrumb_section .parent_area .right_side .page_logo img {
  object-fit: contain;
}

.sport_intro_section {
  margin-bottom: 90px;
}
.sport_intro_section .parent_area .intro_area > :last-child {
  margin-bottom: 0;
}
.sport_intro_section .parent_area .intro_area h3 {
  font-weight: 700;
  font-size: 26px;
  color: #E84508;
  margin-bottom: 16px;
}
.sport_intro_section .parent_area .intro_area h5 {
  font-weight: 500;
  font-size: 18px;
  color: #171717;
  margin-bottom: 0;
}
.sport_intro_section .parent_area .intro_area h5:has(+ p) {
  margin-bottom: 26px;
}
.sport_intro_section .parent_area .intro_area p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
  margin-bottom: 38px;
}
.sport_intro_section .parent_area .intro_area .img_area {
  width: 1187px;
  height: 693px;
  max-width: 100%;
  margin-inline: auto;
}

.sport_product_section {
  margin-bottom: 90px;
  position: relative;
}
.sport_product_section .vector_image {
  display: none;
  aspect-ratio: 1/1;
  height: 493px;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(50%);
  z-index: -1;
}
.sport_product_section .vector_image img {
  object-fit: contain;
}
.sport_product_section .bg_image {
  height: 401px;
  position: relative;
}
.sport_product_section .bg_image::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(129.6deg, rgba(232, 69, 8, 0.9) 0.93%, rgba(229, 35, 14, 0.54) 111.96%);
}
.sport_product_section .parent_area {
  margin-top: -359px;
  position: relative;
  z-index: 2;
}
.sport_product_section .parent_area h3 {
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 24px;
  color: #ffffff;
}
.sport_product_section .parent_area ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 42px;
  column-gap: 32px;
}
.sport_product_section .parent_area ul li .product_card {
  height: 100%;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0px 13px 29px 0px rgba(181, 181, 181, 0.2509803922);
  background-color: #ffffff;
  position: relative;
}
.sport_product_section .parent_area ul li .product_card.active .suitable, .sport_product_section .parent_area ul li .product_card:hover .suitable {
  transform: translateY(0);
}
.sport_product_section .parent_area ul li .product_card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  width: 100%;
  z-index: 4;
  background: linear-gradient(90.46deg, #67ae6e 5.55%, #328e6e 104.03%);
}
.sport_product_section .parent_area ul li .product_card .img_area {
  border-radius: inherit;
  overflow: inherit;
  height: 252px;
}
.sport_product_section .parent_area ul li .product_card .coming_soon {
  padding: 9px;
  font-weight: 700;
  font-size: 20px;
  color: #252525;
  background-color: rgba(99, 99, 99, 0.8588235294);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 100%;
  height: fit-content;
  text-align: center;
}
.sport_product_section .parent_area ul li .product_card .content {
  padding: 18px 12px;
  padding-right: 70px;
}
.sport_product_section .parent_area ul li .product_card .content h4 {
  padding-bottom: 12px;
  font-weight: 700;
  font-size: 20px;
  color: #171717;
}
.sport_product_section .parent_area ul li .product_card .content .bottom .sub_title {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1px;
  color: #328E6E;
  padding-bottom: 12px;
}
.sport_product_section .parent_area ul li .product_card .content .bottom p {
  text-align: justify;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #939393;
}
.sport_product_section .parent_area ul li .product_card:has(> .arrow_icon:hover) .suitable {
  transform: translateY(-100%);
}
.sport_product_section .parent_area ul li .product_card .arrow_icon {
  position: absolute;
  bottom: -20px;
  z-index: 5;
  right: -20px;
  width: 78px;
  aspect-ratio: 1/1;
  height: 78px;
  border-top-left-radius: 30px;
  background: linear-gradient(128.5deg, #e5230e 5.08%, #e84508 93.89%);
  color: #ffffff;
  display: grid;
  place-items: center;
}
.sport_product_section .parent_area ul li .product_card .arrow_icon i {
  font-size: 20px;
  margin-right: 16px;
  margin-top: -16px;
}
.sport_product_section .parent_area ul li .product_card .suitable {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  background-color: #ffffff;
  border-radius: inherit;
  overflow: inherit;
  transform: translateY(-100%);
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  inset: 0;
  display: flex;
  flex-direction: column;
}
.sport_product_section .parent_area ul li .product_card .suitable .inner_suitable {
  flex-grow: 1;
  background: linear-gradient(90.46deg, #67ae6e 5.55%, #328e6e 104.03%);
  background-blend-mode: multiply;
  border-radius: inherit;
  overflow: inherit;
}
.sport_product_section .parent_area ul li .product_card .suitable .inner_suitable h5 {
  font-weight: 700;
  font-size: 18px;
  color: #E84508;
  background-color: #ffffff;
  padding: 18px 18px 10px 14px;
  border-bottom-right-radius: 40px;
  width: fit-content;
}
.sport_product_section .parent_area ul li .product_card .suitable .inner_suitable ul {
  padding: 32px;
  overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scroll-behavior: smooth;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sport_product_section .parent_area ul li .product_card .suitable .inner_suitable ul li {
  color: #ffffff;
  font-family: "General Sans";
  font-weight: 600;
  font-size: 24px;
}
.sport_product_section .parent_area ul li .product_card .suitable h5 {
  padding: 18px 12px 35px 12px;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 20px;
  color: #171717;
}
.sport_product_section.with_vector_image .vector_image {
  display: block;
}

.sport_infill_section {
  margin-bottom: 90px;
}
.sport_infill_section .parent_area h3 {
  font-weight: 700;
  font-size: 26px;
  color: #E84508;
  margin-bottom: 32px;
}
.sport_infill_section .parent_area .inner_area {
  display: grid;
  grid-template-columns: 1fr minmax(0, 534px);
  align-items: center;
}
.sport_infill_section .parent_area .inner_area .left ul {
  padding-left: 12px;
}
.sport_infill_section .parent_area .inner_area .left ul li {
  margin-bottom: 22px;
  background-blend-mode: multiply;
  margin-right: -80px;
  background: linear-gradient(90.46deg, #328e6e 5.55%, #67ae6e 104.03%);
  padding: 26px 38px;
  border-radius: 14px;
  position: relative;
}
.sport_infill_section .parent_area .inner_area .left ul li > :last-child, .sport_infill_section .parent_area .inner_area .left ul li:last-child {
  margin-bottom: 0;
}
.sport_infill_section .parent_area .inner_area .left ul li::before {
  content: "";
  display: block;
  width: 24px;
  height: 60%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  background-color: #E84508;
  border-radius: 14px;
  z-index: -1;
}
.sport_infill_section .parent_area .inner_area .left ul li h3 {
  font-weight: 700;
  font-size: 24px;
  color: #F3FF98;
  margin-bottom: 12px;
}
.sport_infill_section .parent_area .inner_area .left ul li p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #ffffff;
}
.sport_infill_section .parent_area .inner_area .right .img_area {
  height: 636px;
  border-radius: 18px;
  overflow: hidden;
}

.sport_touch_section {
  margin-bottom: 90px;
  position: relative;
  background: linear-gradient(128.5deg, #e5230e 5.08%, #e84508 93.89%);
}
.sport_touch_section::after, .sport_touch_section::before {
  content: "";
  position: absolute;
  width: 245px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 0;
  bottom: 0;
  mix-blend-mode: color-dodge;
  opacity: 0.5;
}
.sport_touch_section::after {
  background-image: url("../images/square1.png");
  left: 0;
}
.sport_touch_section::before {
  background-image: url("../images/square2.png");
  right: 0;
}
.sport_touch_section .parent_area {
  padding-block: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.sport_touch_section .parent_area .left p {
  font-weight: 700;
  font-size: 30px;
  color: #ffffff;
  width: 702px;
  max-width: 100%;
}
.sport_touch_section .parent_area .right {
  flex-shrink: 0;
}
.sport_touch_section .parent_area .right .btn_area {
  width: 210px;
}
.sport_touch_section .parent_area .right .btn_area .btn-primary {
  display: block;
  color: #E84508;
  background: #ffffff;
  border-color: #ffffff;
}
.sport_touch_section .parent_area .right .btn_area .btn-primary::after {
  background-color: #E84508;
}
.sport_touch_section .parent_area .right .btn_area .btn-primary:hover, .sport_touch_section .parent_area .right .btn_area .btn-primary:focus {
  color: #ffffff;
}
.sport_touch_section .parent_area .right .btn_area .btn-primary:hover::after, .sport_touch_section .parent_area .right .btn_area .btn-primary:focus::after {
  scale: 7;
}

.sport_certified_section {
  margin-bottom: 90px;
}
.sport_certified_section .parent_area {
  display: grid;
  grid-template-columns: 1fr minmax(0, 534px);
  column-gap: 39px;
  align-items: center;
}
.sport_certified_section .parent_area .left > :last-child {
  margin-bottom: 0;
}
.sport_certified_section .parent_area .left .top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.sport_certified_section .parent_area .left .top h3 {
  font-weight: 700;
  font-size: 26px;
  color: #E84508;
  flex-grow: 1;
}
.sport_certified_section .parent_area .left .top .img_area {
  flex-shrink: 0;
  aspect-ratio: 179/80;
  height: 80px;
}
.sport_certified_section .parent_area .left h5 {
  font-weight: 500;
  font-size: 18px;
  color: #171717;
  margin-bottom: 26px;
}
.sport_certified_section .parent_area .left p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
}
.sport_certified_section .parent_area .right .img_area {
  border-radius: 18px;
  overflow: hidden;
  height: 636px;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .breadcrumb_section .parent_area .right_side .page_logo {
    height: 70px;
  }
  .sport_intro_section {
    margin-bottom: 70px;
  }
  .sport_intro_section .parent_area .intro_area h5:has(+ p) {
    margin-bottom: 20px;
  }
  .sport_product_section {
    margin-bottom: 70px;
  }
  .sport_infill_section {
    margin-bottom: 70px;
  }
  .sport_infill_section .parent_area h3 {
    margin-bottom: 25px;
  }
  .sport_touch_section {
    margin-bottom: 70px;
  }
  .sport_touch_section::after, .sport_touch_section::before {
    width: 175px;
  }
  .sport_touch_section .parent_area {
    padding-block: 50px;
    width: 80%;
    margin-inline: auto;
  }
  .sport_touch_section .parent_area .left p {
    font-size: 26px;
  }
  .sport_certified_section {
    margin-bottom: 70px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .breadcrumb_section .parent_area .right_side .page_logo {
    height: 70px;
  }
  .sport_intro_section {
    margin-bottom: 70px;
  }
  .sport_intro_section .parent_area .intro_area h5:has(+ p) {
    margin-bottom: 20px;
  }
  .sport_intro_section .parent_area .intro_area .img_area {
    height: 563px;
  }
  .sport_product_section {
    margin-bottom: 70px;
  }
  .sport_infill_section {
    margin-bottom: 70px;
  }
  .sport_infill_section .parent_area h3 {
    margin-bottom: 25px;
  }
  .sport_touch_section {
    margin-bottom: 70px;
  }
  .sport_touch_section::after, .sport_touch_section::before {
    width: 175px;
  }
  .sport_touch_section .parent_area {
    padding-block: 50px;
    width: 80%;
    margin-inline: auto;
  }
  .sport_touch_section .parent_area .left p {
    font-size: 26px;
  }
  .sport_certified_section {
    margin-bottom: 70px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb_section .parent_area .right_side .page_logo {
    height: 60px;
  }
  .sport_intro_section {
    margin-bottom: 50px;
  }
  .sport_intro_section .parent_area .intro_area h5:has(+ p) {
    margin-bottom: 20px;
  }
  .sport_intro_section .parent_area .intro_area p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .sport_intro_section .parent_area .intro_area .img_area {
    height: 463px;
  }
  .sport_product_section {
    margin-bottom: 50px;
  }
  .sport_product_section .vector_image {
    height: 360px;
  }
  .sport_product_section .parent_area h3 {
    margin-bottom: 25px;
  }
  .sport_product_section .parent_area ul {
    row-gap: 32px;
    column-gap: 22px;
  }
  .sport_product_section .parent_area ul li .product_card {
    border-radius: 12px;
  }
  .sport_product_section .parent_area ul li .product_card .img_area {
    height: 208px;
  }
  .sport_product_section .parent_area ul li .product_card .content h4 {
    padding-bottom: 6px;
    font-size: 18px;
  }
  .sport_product_section .parent_area ul li .product_card .content .bottom .sub_title {
    padding-bottom: 6px;
  }
  .sport_product_section .parent_area ul li .product_card .arrow_icon {
    width: 68px;
    height: 68px;
    border-radius: 20px;
  }
  .sport_product_section .parent_area ul li .product_card .arrow_icon i {
    font-size: 16px;
  }
  .sport_product_section .parent_area ul li .product_card .suitable h5 {
    padding-bottom: 20px;
    font-size: 18px;
  }
  .sport_product_section .parent_area ul li .product_card .suitable .inner_suitable ul li {
    font-size: 20px;
  }
  .sport_infill_section {
    margin-bottom: 50px;
  }
  .sport_infill_section .parent_area h3 {
    margin-bottom: 25px;
  }
  .sport_infill_section .parent_area .inner_area {
    grid-template-columns: 1fr minmax(0, 434px);
  }
  .sport_infill_section .parent_area .inner_area .left ul li {
    padding: 20px 25px;
  }
  .sport_infill_section .parent_area .inner_area .left ul li h3 {
    font-size: 22px;
  }
  .sport_infill_section .parent_area .inner_area .left ul li p {
    font-size: 16px;
    line-height: 22px;
  }
  .sport_infill_section .parent_area .inner_area .right .img_area {
    height: 516px;
  }
  .sport_touch_section {
    margin-bottom: 50px;
  }
  .sport_touch_section::after, .sport_touch_section::before {
    width: 155px;
  }
  .sport_touch_section .parent_area {
    padding-block: 40px;
    width: 90%;
    margin-inline: auto;
  }
  .sport_touch_section .parent_area .left p {
    font-size: 22px;
  }
  .sport_touch_section .parent_area .right .btn_area {
    width: 150px;
  }
  .sport_certified_section {
    margin-bottom: 50px;
  }
  .sport_certified_section .parent_area {
    grid-template-columns: 1fr minmax(0, 434px);
  }
  .sport_certified_section .parent_area .left .top .img_area {
    height: 70px;
  }
  .sport_certified_section .parent_area .left h5 {
    margin-bottom: 20px;
  }
  .sport_certified_section .parent_area .left p {
    font-size: 18px;
  }
  .sport_certified_section .parent_area .right .img_area {
    height: 516px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .breadcrumb_section .parent_area .right_side .page_logo {
    height: 60px;
  }
  .sport_intro_section {
    margin-bottom: 40px;
  }
  .sport_intro_section .parent_area .intro_area h5:has(+ p) {
    margin-bottom: 16px;
  }
  .sport_intro_section .parent_area .intro_area p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .sport_intro_section .parent_area .intro_area .img_area {
    height: 363px;
  }
  .sport_product_section {
    margin-bottom: 40px;
  }
  .sport_product_section .vector_image {
    height: 360px;
  }
  .sport_product_section .bg_image {
    height: 350px;
  }
  .sport_product_section .parent_area {
    margin-top: -327px;
  }
  .sport_product_section .parent_area h3 {
    margin-bottom: 25px;
  }
  .sport_product_section .parent_area ul {
    row-gap: 22px;
    column-gap: 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sport_product_section .parent_area ul li .product_card {
    border-radius: 12px;
  }
  .sport_product_section .parent_area ul li .product_card .img_area {
    height: 208px;
  }
  .sport_product_section .parent_area ul li .product_card .content h4 {
    padding-bottom: 6px;
    font-size: 18px;
  }
  .sport_product_section .parent_area ul li .product_card .content .bottom .sub_title {
    padding-bottom: 6px;
  }
  .sport_product_section .parent_area ul li .product_card .arrow_icon {
    width: 68px;
    height: 68px;
    border-radius: 20px;
  }
  .sport_product_section .parent_area ul li .product_card .arrow_icon i {
    font-size: 16px;
  }
  .sport_product_section .parent_area ul li .product_card .suitable h5 {
    padding-bottom: 20px;
    font-size: 18px;
  }
  .sport_product_section .parent_area ul li .product_card .suitable .inner_suitable ul li {
    font-size: 20px;
  }
  .sport_infill_section {
    margin-bottom: 40px;
  }
  .sport_infill_section .parent_area h3 {
    margin-bottom: 20px;
    font-size: 24px;
  }
  .sport_infill_section .parent_area .inner_area {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
  }
  .sport_infill_section .parent_area .inner_area .left ul li {
    padding: 20px 25px;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .sport_infill_section .parent_area .inner_area .left ul li h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .sport_infill_section .parent_area .inner_area .left ul li p {
    font-size: 16px;
    line-height: 22px;
  }
  .sport_infill_section .parent_area .inner_area .right .img_area {
    height: 434px;
  }
  .sport_touch_section {
    margin-bottom: 40px;
  }
  .sport_touch_section::after, .sport_touch_section::before {
    width: 155px;
  }
  .sport_touch_section .parent_area {
    padding-block: 30px;
    width: 80%;
    margin-inline: auto;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }
  .sport_touch_section .parent_area .left p {
    width: unset;
    font-size: 20px;
    text-align: center;
  }
  .sport_touch_section .parent_area .right .btn_area {
    width: 150px;
  }
  .sport_certified_section {
    margin-bottom: 40px;
  }
  .sport_certified_section .parent_area {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sport_certified_section .parent_area .left .top h3 {
    font-size: 22px;
  }
  .sport_certified_section .parent_area .left .top .img_area {
    height: 50px;
  }
  .sport_certified_section .parent_area .left h5 {
    margin-bottom: 15px;
  }
  .sport_certified_section .parent_area .left p {
    font-size: 16px;
    line-height: 22px;
  }
  .sport_certified_section .parent_area .right .img_area {
    height: 434px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .breadcrumb_section .parent_area .right_side .page_logo {
    height: 50px;
  }
  .sport_intro_section {
    margin-bottom: 30px;
  }
  .sport_intro_section .parent_area .intro_area h5 {
    font-size: 16px;
  }
  .sport_intro_section .parent_area .intro_area h5:has(+ p) {
    margin-bottom: 12px;
  }
  .sport_intro_section .parent_area .intro_area h3 {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .sport_intro_section .parent_area .intro_area p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
  }
  .sport_intro_section .parent_area .intro_area .img_area {
    height: 273px;
  }
  .sport_product_section {
    margin-bottom: 30px;
  }
  .sport_product_section .vector_image {
    height: 310px;
  }
  .sport_product_section .bg_image {
    height: 310px;
  }
  .sport_product_section .parent_area {
    margin-top: -287px;
  }
  .sport_product_section .parent_area h3 {
    margin-bottom: 15px;
    font-size: 22px;
  }
  .sport_product_section .parent_area ul {
    row-gap: 22px;
    column-gap: 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sport_product_section .parent_area ul li .product_card {
    border-radius: 12px;
  }
  .sport_product_section .parent_area ul li .product_card .img_area {
    height: 208px;
  }
  .sport_product_section .parent_area ul li .product_card .content {
    padding-right: 60px;
  }
  .sport_product_section .parent_area ul li .product_card .content h4 {
    padding-bottom: 6px;
    font-size: 18px;
  }
  .sport_product_section .parent_area ul li .product_card .content .bottom .sub_title {
    padding-bottom: 6px;
  }
  .sport_product_section .parent_area ul li .product_card .arrow_icon {
    width: 68px;
    height: 68px;
    border-radius: 20px;
  }
  .sport_product_section .parent_area ul li .product_card .arrow_icon i {
    font-size: 16px;
  }
  .sport_product_section .parent_area ul li .product_card .suitable h5 {
    padding-bottom: 20px;
    font-size: 18px;
  }
  .sport_product_section .parent_area ul li .product_card .suitable .inner_suitable ul li {
    font-size: 20px;
  }
  .sport_infill_section {
    margin-bottom: 30px;
  }
  .sport_infill_section .parent_area h3 {
    margin-bottom: 15px;
    font-size: 22px;
  }
  .sport_infill_section .parent_area .inner_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 15px;
  }
  .sport_infill_section .parent_area .inner_area .left ul li {
    padding: 15px 20px;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .sport_infill_section .parent_area .inner_area .left ul li h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .sport_infill_section .parent_area .inner_area .left ul li p {
    font-size: 16px;
    line-height: 22px;
  }
  .sport_infill_section .parent_area .inner_area .right {
    grid-row: 1/2;
  }
  .sport_infill_section .parent_area .inner_area .right .img_area {
    height: 334px;
  }
  .sport_touch_section {
    margin-bottom: 30px;
  }
  .sport_touch_section::after, .sport_touch_section::before {
    width: 155px;
  }
  .sport_touch_section .parent_area {
    padding-block: 25px;
    width: 80%;
    margin-inline: auto;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }
  .sport_touch_section .parent_area .left p {
    width: unset;
    font-size: 20px;
    text-align: center;
  }
  .sport_touch_section .parent_area .right .btn_area {
    width: 150px;
  }
  .sport_certified_section {
    margin-bottom: 30px;
  }
  .sport_certified_section .parent_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 15px;
  }
  .sport_certified_section .parent_area .left .top h3 {
    font-size: 22px;
  }
  .sport_certified_section .parent_area .left .top .img_area {
    height: 50px;
  }
  .sport_certified_section .parent_area .left h5 {
    margin-bottom: 15px;
  }
  .sport_certified_section .parent_area .left p {
    font-size: 16px;
    line-height: 22px;
  }
  .sport_certified_section .parent_area .right {
    grid-row: 1/2;
  }
  .sport_certified_section .parent_area .right .img_area {
    height: 334px;
    width: 50%;
    margin-inline: auto;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .breadcrumb_section .parent_area .right_side .page_logo {
    height: 50px;
  }
  .sport_intro_section {
    margin-bottom: 25px;
  }
  .sport_intro_section .parent_area .intro_area h5 {
    font-size: 16px;
  }
  .sport_intro_section .parent_area .intro_area h5:has(+ p) {
    margin-bottom: 12px;
  }
  .sport_intro_section .parent_area .intro_area h3 {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .sport_intro_section .parent_area .intro_area p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .sport_intro_section .parent_area .intro_area .img_area {
    height: 200px;
  }
  .sport_product_section {
    margin-bottom: 25px;
  }
  .sport_product_section .vector_image {
    height: 310px;
  }
  .sport_product_section .bg_image {
    height: 310px;
  }
  .sport_product_section .parent_area {
    margin-top: -287px;
  }
  .sport_product_section .parent_area h3 {
    margin-bottom: 15px;
    font-size: 22px;
  }
  .sport_product_section .parent_area ul {
    row-gap: 22px;
    column-gap: 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sport_product_section .parent_area ul li .product_card {
    border-radius: 12px;
  }
  .sport_product_section .parent_area ul li .product_card .img_area {
    height: 208px;
  }
  .sport_product_section .parent_area ul li .product_card .content {
    padding-right: 60px;
  }
  .sport_product_section .parent_area ul li .product_card .content h4 {
    padding-bottom: 6px;
    font-size: 18px;
  }
  .sport_product_section .parent_area ul li .product_card .content .bottom .sub_title {
    padding-bottom: 6px;
  }
  .sport_product_section .parent_area ul li .product_card .arrow_icon {
    width: 68px;
    height: 68px;
    border-radius: 20px;
  }
  .sport_product_section .parent_area ul li .product_card .arrow_icon i {
    font-size: 16px;
  }
  .sport_product_section .parent_area ul li .product_card .suitable h5 {
    padding-bottom: 20px;
    font-size: 18px;
  }
  .sport_product_section .parent_area ul li .product_card .suitable .inner_suitable ul li {
    font-size: 20px;
  }
  .sport_infill_section {
    margin-bottom: 25px;
  }
  .sport_infill_section .parent_area h3 {
    margin-bottom: 15px;
    font-size: 22px;
  }
  .sport_infill_section .parent_area .inner_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 15px;
  }
  .sport_infill_section .parent_area .inner_area .left ul li {
    padding: 15px 20px;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .sport_infill_section .parent_area .inner_area .left ul li h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .sport_infill_section .parent_area .inner_area .left ul li p {
    font-size: 16px;
    line-height: 22px;
  }
  .sport_infill_section .parent_area .inner_area .right {
    grid-row: 1/2;
  }
  .sport_infill_section .parent_area .inner_area .right .img_area {
    height: 324px;
  }
  .sport_touch_section {
    margin-bottom: 25px;
  }
  .sport_touch_section::after, .sport_touch_section::before {
    width: 155px;
  }
  .sport_touch_section .parent_area {
    padding-block: 25px;
    width: 100%;
    margin-inline: auto;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }
  .sport_touch_section .parent_area .left p {
    width: unset;
    font-size: 20px;
    text-align: center;
  }
  .sport_touch_section .parent_area .right .btn_area {
    width: 150px;
  }
  .sport_certified_section {
    margin-bottom: 25px;
  }
  .sport_certified_section .parent_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 15px;
  }
  .sport_certified_section .parent_area .left .top h3 {
    font-size: 22px;
  }
  .sport_certified_section .parent_area .left .top .img_area {
    height: 50px;
  }
  .sport_certified_section .parent_area .left h5 {
    margin-bottom: 15px;
  }
  .sport_certified_section .parent_area .left p {
    font-size: 16px;
    line-height: 22px;
  }
  .sport_certified_section .parent_area .right {
    grid-row: 1/2;
  }
  .sport_certified_section .parent_area .right .img_area {
    height: 334px;
    width: 100%;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .breadcrumb_section .parent_area .right_side .page_logo {
    height: 50px;
  }
  .sport_intro_section {
    margin-bottom: 25px;
  }
  .sport_intro_section .parent_area .intro_area h5 {
    font-size: 16px;
  }
  .sport_intro_section .parent_area .intro_area h5:has(+ p) {
    margin-bottom: 12px;
  }
  .sport_intro_section .parent_area .intro_area h3 {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .sport_intro_section .parent_area .intro_area p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
  }
  .sport_intro_section .parent_area .intro_area .img_area {
    height: 200px;
  }
  .sport_product_section {
    margin-bottom: 25px;
  }
  .sport_product_section .vector_image {
    height: 310px;
  }
  .sport_product_section .bg_image {
    height: 310px;
  }
  .sport_product_section .parent_area {
    margin-top: -287px;
  }
  .sport_product_section .parent_area h3 {
    margin-bottom: 15px;
    font-size: 22px;
  }
  .sport_product_section .parent_area ul {
    row-gap: 22px;
    column-gap: 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sport_product_section .parent_area ul li .product_card {
    border-radius: 12px;
  }
  .sport_product_section .parent_area ul li .product_card .img_area {
    height: 208px;
  }
  .sport_product_section .parent_area ul li .product_card .content {
    padding-right: 60px;
  }
  .sport_product_section .parent_area ul li .product_card .content h4 {
    padding-bottom: 6px;
    font-size: 18px;
  }
  .sport_product_section .parent_area ul li .product_card .content .bottom .sub_title {
    padding-bottom: 6px;
  }
  .sport_product_section .parent_area ul li .product_card .arrow_icon {
    width: 68px;
    height: 68px;
    border-radius: 20px;
  }
  .sport_product_section .parent_area ul li .product_card .arrow_icon i {
    font-size: 16px;
  }
  .sport_product_section .parent_area ul li .product_card .suitable h5 {
    padding-bottom: 20px;
    font-size: 18px;
  }
  .sport_product_section .parent_area ul li .product_card .suitable .inner_suitable ul li {
    font-size: 20px;
  }
  .sport_infill_section {
    margin-bottom: 25px;
  }
  .sport_infill_section .parent_area h3 {
    margin-bottom: 15px;
    font-size: 22px;
  }
  .sport_infill_section .parent_area .inner_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 15px;
  }
  .sport_infill_section .parent_area .inner_area .left ul li {
    padding: 15px 20px;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .sport_infill_section .parent_area .inner_area .left ul li h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .sport_infill_section .parent_area .inner_area .left ul li p {
    font-size: 16px;
    line-height: 22px;
  }
  .sport_infill_section .parent_area .inner_area .right {
    grid-row: 1/2;
  }
  .sport_infill_section .parent_area .inner_area .right .img_area {
    height: 324px;
  }
  .sport_touch_section {
    margin-bottom: 25px;
  }
  .sport_touch_section::after, .sport_touch_section::before {
    width: 155px;
  }
  .sport_touch_section .parent_area {
    padding-block: 25px;
    width: 100%;
    margin-inline: auto;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }
  .sport_touch_section .parent_area .left p {
    width: unset;
    font-size: 20px;
    text-align: center;
  }
  .sport_touch_section .parent_area .right .btn_area {
    width: 150px;
  }
  .sport_certified_section {
    margin-bottom: 25px;
  }
  .sport_certified_section .parent_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 15px;
  }
  .sport_certified_section .parent_area .left .top h3 {
    font-size: 22px;
  }
  .sport_certified_section .parent_area .left .top .img_area {
    height: 50px;
  }
  .sport_certified_section .parent_area .left h5 {
    margin-bottom: 15px;
  }
  .sport_certified_section .parent_area .left p {
    font-size: 16px;
    line-height: 22px;
  }
  .sport_certified_section .parent_area .right {
    grid-row: 1/2;
  }
  .sport_certified_section .parent_area .right .img_area {
    height: 334px;
    width: 100%;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.football_turf_section {
  margin-bottom: 82px;
}
.football_turf_section .inner_area .content_area h3 {
  font-size: 24px;
  font-weight: 700;
  color: #171717;
  margin-bottom: 15px;
}
.football_turf_section .inner_area .content_area .tag_date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.football_turf_section .inner_area .content_area .tag_date .tag {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #171717;
  font-family: "General Sans";
  padding: 10px 16px;
  border-radius: 10px;
  background-color: #EFEFEF;
}
.football_turf_section .inner_area .content_area .tag_date .date {
  font-size: 16px;
  font-weight: 500;
  color: #7a7a7a;
  font-family: "General Sans";
}
.football_turf_section .inner_area .content_area .tag_date .date i {
  width: 14px;
  color: #E84508;
  margin-right: 13px;
}
.football_turf_section .inner_area .content_area .txt_lines {
  font-size: 20px;
  font-weight: 500;
  font-family: "General Sans";
  color: #939393;
  line-height: 27px;
}
.football_turf_section .inner_area .content_area .txt_lines .read_btn {
  font-size: 18px;
  font-weight: 600;
  font-family: "General Sans";
  color: #E84508;
}
.football_turf_section .inner_area .img_con .img_area {
  height: 386px;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
  overflow: hidden;
}

.blog_section {
  margin-bottom: 70px;
}
.blog_section .inner_area {
  position: relative;
}
.blog_section .inner_area .heading_area {
  margin-right: 105px;
}
.blog_section .inner_area .heading_area h3 {
  font-size: 26px;
  font-weight: 700;
  color: #E84508;
  margin-bottom: 48px;
}
.blog_section .inner_area .blog_cards .inner_card {
  box-shadow: 0px 13px 29px 0px rgba(181, 181, 181, 0.2509803922);
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 30px;
}
.blog_section .inner_area .blog_cards .inner_card .img_area {
  height: 252px;
  border-radius: 18px;
  overflow: hidden;
}
.blog_section .inner_area .blog_cards .inner_card .content {
  padding: 18px 12px;
}
.blog_section .inner_area .blog_cards .inner_card .content h3 {
  font-size: 20px;
  font-weight: 700;
  color: #171717;
  margin-bottom: 14px;
}
.blog_section .inner_area .blog_cards .inner_card .content .tag_date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.blog_section .inner_area .blog_cards .inner_card .content .tag_date .tag {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #171717;
  font-family: "General Sans";
  padding: 10px 16px;
  border-radius: 10px;
  background-color: #EFEFEF;
}
.blog_section .inner_area .blog_cards .inner_card .content .tag_date .date {
  font-size: 16px;
  font-weight: 500;
  color: #7a7a7a;
  font-family: "General Sans";
}
.blog_section .inner_area .blog_cards .inner_card .content .tag_date .date i {
  width: 14px;
  color: #E84508;
  margin-right: 13px;
}
.blog_section .inner_area .blog_cards .inner_card .content p {
  font-size: 16px;
  font-weight: 500;
  color: #7a7a7a;
  font-family: "General Sans";
}
.blog_section .inner_area .blog_cards .inner_card .content p .read_btn {
  font-weight: 700;
  color: #E84508;
}
.blog_section .inner_area .blog_cards .nav_area {
  display: flex;
  gap: 20px;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -5px;
}
.blog_section .inner_area .blog_cards .nav_area .next-prev {
  height: 42px;
  width: 42px;
  border-radius: 50%;
  border: 1px solid #E84508;
  align-content: center;
  text-align: center;
}
.blog_section .inner_area .blog_cards .nav_area .next-prev.swiper-button-disabled {
  border-color: #979797;
}
.blog_section .inner_area .blog_cards .nav_area .next-prev.swiper-button-disabled i {
  color: #979797;
}
.blog_section .inner_area .blog_cards .nav_area .next-prev i {
  font-size: 12px;
  color: #E84508;
  position: relative;
  top: 2px;
}

.blog_detail_section {
  margin-bottom: 60px;
}
.blog_detail_section .inner_area .heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
.blog_detail_section .inner_area .heading h3 {
  font-size: 24px;
  font-weight: 700;
  color: #171717;
}
.blog_detail_section .inner_area .heading .date {
  flex-shrink: 0;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  font-family: "General Sans";
  color: #7a7a7a;
}
.blog_detail_section .inner_area .heading .date i {
  position: relative;
  top: 1px;
  width: 13px;
  color: #E84508;
  flex-shrink: 0;
  margin-right: 12px;
}
.blog_detail_section .inner_area .social_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.blog_detail_section .inner_area .social_area .tag {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #171717;
  padding: 10px 16px;
  border-radius: 10px;
  background-color: #EFEFEF;
}
.blog_detail_section .inner_area .social_area .icons_list {
  flex-shrink: 0;
}
.blog_detail_section .inner_area .social_area .icons_list ul {
  display: flex;
  align-items: center;
}
.blog_detail_section .inner_area .social_area .icons_list ul li {
  display: inline-block;
  margin-right: 24px;
}
.blog_detail_section .inner_area .social_area .icons_list ul li:last-child {
  margin-right: 0;
}
.blog_detail_section .inner_area .social_area .icons_list ul li .icons {
  display: inline-block;
}
.blog_detail_section .inner_area .social_area .icons_list ul li .icons i {
  font-size: 24px;
}
.blog_detail_section .inner_area .social_area .icons_list ul li .icons svg {
  height: 24px;
  width: 24px;
}
.blog_detail_section .inner_area .social_area .icons_list ul li.facebook .icons i {
  color: #1871e7;
}
.blog_detail_section .inner_area .social_area .icons_list ul li.twitter .icons i {
  color: #1c99e7;
}
.blog_detail_section .inner_area .social_area .icons_list ul li.linkedin .icons i {
  color: #0077b5;
}
.blog_detail_section .inner_area .detail_area h1, .blog_detail_section .inner_area .detail_area h2, .blog_detail_section .inner_area .detail_area h3, .blog_detail_section .inner_area .detail_area h4, .blog_detail_section .inner_area .detail_area h5, .blog_detail_section .inner_area .detail_area h6, .blog_detail_section .inner_area .detail_area p, .blog_detail_section .inner_area .detail_area ol, .blog_detail_section .inner_area .detail_area ul, .blog_detail_section .inner_area .detail_area img {
  margin-bottom: 35px;
}
.blog_detail_section .inner_area .detail_area h1, .blog_detail_section .inner_area .detail_area h2, .blog_detail_section .inner_area .detail_area h3, .blog_detail_section .inner_area .detail_area h4, .blog_detail_section .inner_area .detail_area h5, .blog_detail_section .inner_area .detail_area h6 {
  font-size: 20px;
  font-weight: 700;
  color: #171717;
}
.blog_detail_section .inner_area .detail_area h1 {
  font-size: 32px;
}
.blog_detail_section .inner_area .detail_area h2 {
  font-size: 30px;
}
.blog_detail_section .inner_area .detail_area h3 {
  font-size: 28px;
}
.blog_detail_section .inner_area .detail_area h4 {
  font-size: 26px;
}
.blog_detail_section .inner_area .detail_area h5 {
  font-size: 24px;
}
.blog_detail_section .inner_area .detail_area h6 {
  font-size: 22px;
}
.blog_detail_section .inner_area .detail_area p {
  font-size: 20px;
  font-weight: 500;
  color: #939393;
  font-family: "General Sans";
  line-height: 24px;
}
.blog_detail_section .inner_area .detail_area ul {
  margin-left: 30px;
}
.blog_detail_section .inner_area .detail_area ul li {
  font-size: 20px;
  font-weight: 500;
  color: #939393;
  font-family: "General Sans";
  margin-bottom: 5px;
  line-height: 24px;
  list-style-type: disc;
}
.blog_detail_section .inner_area .detail_area ul li:last-child {
  margin-bottom: 0;
}
.blog_detail_section .inner_area .detail_area ol li {
  font-size: 20px;
  font-weight: 500;
  color: #939393;
  font-family: "General Sans";
  margin-bottom: 5px;
  line-height: 24px;
}
.blog_detail_section .inner_area .detail_area ol li:last-child {
  margin-bottom: 0;
}
.blog_detail_section .inner_area .detail_area img {
  border-radius: 20px;
  overflow: hidden;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .football_turf_section {
    margin-bottom: 70px;
  }
  .blog_section {
    margin-bottom: 50px;
  }
  .blog_detail_section {
    margin-bottom: 40px;
  }
  .blog_detail_section .inner_area .detail_area h1, .blog_detail_section .inner_area .detail_area h2, .blog_detail_section .inner_area .detail_area h3, .blog_detail_section .inner_area .detail_area h4, .blog_detail_section .inner_area .detail_area h5, .blog_detail_section .inner_area .detail_area h6, .blog_detail_section .inner_area .detail_area p, .blog_detail_section .inner_area .detail_area ol, .blog_detail_section .inner_area .detail_area ul, .blog_detail_section .inner_area .detail_area img {
    margin-bottom: 25px;
  }
  .blog_detail_section .inner_area .detail_area h1 {
    font-size: 30px;
  }
  .blog_detail_section .inner_area .detail_area h2 {
    font-size: 28px;
  }
  .blog_detail_section .inner_area .detail_area h3 {
    font-size: 26px;
  }
  .blog_detail_section .inner_area .detail_area h4 {
    font-size: 24px;
  }
  .blog_detail_section .inner_area .detail_area h5 {
    font-size: 22px;
  }
  .blog_detail_section .inner_area .detail_area h6 {
    font-size: 20px;
  }
  .blog_detail_section .inner_area .detail_area p {
    font-size: 18px;
  }
  .blog_detail_section .inner_area .detail_area ol li {
    font-size: 18px;
  }
  .blog_detail_section .inner_area .detail_area ul li {
    font-size: 18px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .football_turf_section {
    margin-bottom: 70px;
  }
  .blog_section {
    margin-bottom: 50px;
  }
  .blog_detail_section {
    margin-bottom: 40px;
  }
  .blog_detail_section .inner_area .detail_area h1, .blog_detail_section .inner_area .detail_area h2, .blog_detail_section .inner_area .detail_area h3, .blog_detail_section .inner_area .detail_area h4, .blog_detail_section .inner_area .detail_area h5, .blog_detail_section .inner_area .detail_area h6, .blog_detail_section .inner_area .detail_area p, .blog_detail_section .inner_area .detail_area ol, .blog_detail_section .inner_area .detail_area ul, .blog_detail_section .inner_area .detail_area img {
    margin-bottom: 25px;
  }
  .blog_detail_section .inner_area .detail_area h1 {
    font-size: 30px;
  }
  .blog_detail_section .inner_area .detail_area h2 {
    font-size: 28px;
  }
  .blog_detail_section .inner_area .detail_area h3 {
    font-size: 26px;
  }
  .blog_detail_section .inner_area .detail_area h4 {
    font-size: 24px;
  }
  .blog_detail_section .inner_area .detail_area h5 {
    font-size: 22px;
  }
  .blog_detail_section .inner_area .detail_area h6 {
    font-size: 20px;
  }
  .blog_detail_section .inner_area .detail_area p {
    font-size: 18px;
  }
  .blog_detail_section .inner_area .detail_area ol li {
    font-size: 18px;
  }
  .blog_detail_section .inner_area .detail_area ul li {
    font-size: 18px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .football_turf_section {
    margin-bottom: 50px;
  }
  .football_turf_section .inner_area .content_area h3 {
    font-size: 22px;
  }
  .football_turf_section .inner_area .content_area .tag_date {
    margin-bottom: 20px;
  }
  .football_turf_section .inner_area .content_area .tag_date .date {
    font-size: 15px;
  }
  .football_turf_section .inner_area .content_area .tag_date .date i {
    margin-right: 8px;
  }
  .football_turf_section .inner_area .content_area .txt_lines {
    font-size: 18px;
    line-height: 25px;
  }
  .football_turf_section .inner_area .content_area .txt_lines .read_btn {
    font-size: 16px;
  }
  .football_turf_section .inner_area .img_con .img_area {
    height: 292px;
  }
  .blog_section {
    margin-bottom: 30px;
  }
  .blog_section .inner_area .heading_area h3 {
    font-size: 24px;
    margin-bottom: 35px;
  }
  .blog_section .inner_area .blog_cards .inner_card .img_area {
    height: 205px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content h3 {
    font-size: 18px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content .tag_date .date {
    font-size: 14px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content p {
    font-size: 15px;
  }
  .blog_detail_section {
    margin-bottom: 30px;
  }
  .blog_detail_section .inner_area .heading {
    margin-bottom: 20px;
  }
  .blog_detail_section .inner_area .heading h3 {
    font-size: 22px;
  }
  .blog_detail_section .inner_area .social_area {
    margin-bottom: 20px;
  }
  .blog_detail_section .inner_area .social_area .icons_list ul li {
    margin-right: 20px;
  }
  .blog_detail_section .inner_area .detail_area h1, .blog_detail_section .inner_area .detail_area h2, .blog_detail_section .inner_area .detail_area h3, .blog_detail_section .inner_area .detail_area h4, .blog_detail_section .inner_area .detail_area h5, .blog_detail_section .inner_area .detail_area h6, .blog_detail_section .inner_area .detail_area p, .blog_detail_section .inner_area .detail_area ol, .blog_detail_section .inner_area .detail_area ul, .blog_detail_section .inner_area .detail_area img {
    margin-bottom: 15px;
  }
  .blog_detail_section .inner_area .detail_area h1 {
    font-size: 28px;
  }
  .blog_detail_section .inner_area .detail_area h2 {
    font-size: 26px;
  }
  .blog_detail_section .inner_area .detail_area h3 {
    font-size: 24px;
  }
  .blog_detail_section .inner_area .detail_area h4 {
    font-size: 22px;
  }
  .blog_detail_section .inner_area .detail_area h5 {
    font-size: 20px;
  }
  .blog_detail_section .inner_area .detail_area h6 {
    font-size: 18px;
  }
  .blog_detail_section .inner_area .detail_area p {
    font-size: 16px;
  }
  .blog_detail_section .inner_area .detail_area ol li {
    font-size: 16px;
  }
  .blog_detail_section .inner_area .detail_area ul li {
    font-size: 16px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .football_turf_section {
    margin-bottom: 40px;
  }
  .football_turf_section .inner_area .content_area h3 {
    font-size: 20px;
  }
  .football_turf_section .inner_area .content_area .tag_date {
    margin-bottom: 15px;
  }
  .football_turf_section .inner_area .content_area .tag_date .date {
    font-size: 14px;
  }
  .football_turf_section .inner_area .content_area .tag_date .date i {
    margin-right: 8px;
  }
  .football_turf_section .inner_area .content_area .txt_lines {
    font-size: 16px;
    line-height: 23px;
  }
  .football_turf_section .inner_area .content_area .txt_lines .read_btn {
    font-size: 14px;
  }
  .football_turf_section .inner_area .img_con .img_area {
    height: 212px;
  }
  .blog_section {
    margin-bottom: 20px;
  }
  .blog_section .inner_area .heading_area h3 {
    font-size: 22px;
    margin-bottom: 30px;
  }
  .blog_section .inner_area .blog_cards .inner_card {
    margin-bottom: 25px;
  }
  .blog_section .inner_area .blog_cards .inner_card .img_area {
    height: 230px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content h3 {
    font-size: 18px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content .tag_date .date {
    font-size: 14px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content p {
    font-size: 15px;
  }
  .blog_section .inner_area .blog_cards .nav_area .next-prev {
    height: 38px;
    width: 38px;
  }
  .blog_detail_section {
    margin-bottom: 20px;
  }
  .blog_detail_section .inner_area .heading {
    margin-bottom: 15px;
  }
  .blog_detail_section .inner_area .heading h3 {
    font-size: 20px;
  }
  .blog_detail_section .inner_area .heading .date {
    font-size: 14px;
  }
  .blog_detail_section .inner_area .heading .date i {
    margin-right: 8px;
  }
  .blog_detail_section .inner_area .social_area {
    margin-bottom: 20px;
  }
  .blog_detail_section .inner_area .social_area .icons_list ul li {
    margin-right: 18px;
  }
  .blog_detail_section .inner_area .social_area .icons_list ul li .icons i {
    font-size: 22px;
  }
  .blog_detail_section .inner_area .detail_area h1, .blog_detail_section .inner_area .detail_area h2, .blog_detail_section .inner_area .detail_area h3, .blog_detail_section .inner_area .detail_area h4, .blog_detail_section .inner_area .detail_area h5, .blog_detail_section .inner_area .detail_area h6, .blog_detail_section .inner_area .detail_area p, .blog_detail_section .inner_area .detail_area ol, .blog_detail_section .inner_area .detail_area ul, .blog_detail_section .inner_area .detail_area img {
    margin-bottom: 15px;
  }
  .blog_detail_section .inner_area .detail_area h1 {
    font-size: 28px;
  }
  .blog_detail_section .inner_area .detail_area h2 {
    font-size: 26px;
  }
  .blog_detail_section .inner_area .detail_area h3 {
    font-size: 24px;
  }
  .blog_detail_section .inner_area .detail_area h4 {
    font-size: 22px;
  }
  .blog_detail_section .inner_area .detail_area h5 {
    font-size: 20px;
  }
  .blog_detail_section .inner_area .detail_area h6 {
    font-size: 18px;
  }
  .blog_detail_section .inner_area .detail_area p {
    font-size: 16px;
  }
  .blog_detail_section .inner_area .detail_area ol li {
    font-size: 16px;
  }
  .blog_detail_section .inner_area .detail_area ul li {
    font-size: 16px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .football_turf_section {
    margin-bottom: 30px;
  }
  .football_turf_section .inner_area .content_area h3 {
    font-size: 18px;
  }
  .football_turf_section .inner_area .content_area .tag_date {
    margin-bottom: 15px;
  }
  .football_turf_section .inner_area .content_area .tag_date .date {
    font-size: 14px;
  }
  .football_turf_section .inner_area .content_area .tag_date .date i {
    margin-right: 8px;
  }
  .football_turf_section .inner_area .content_area .txt_lines {
    font-size: 16px;
    line-height: 23px;
  }
  .football_turf_section .inner_area .content_area .txt_lines .read_btn {
    font-size: 14px;
  }
  .football_turf_section .inner_area .img_con .img_area {
    height: 186px;
  }
  .blog_section {
    margin-bottom: 15px;
  }
  .blog_section .inner_area .heading_area h3 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .blog_section .inner_area .blog_cards .inner_card {
    margin-bottom: 20px;
    border-radius: 15px;
  }
  .blog_section .inner_area .blog_cards .inner_card .img_area {
    height: 198px;
    border-radius: 15px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content h3 {
    font-size: 17px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content .tag_date .date {
    font-size: 14px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content p {
    font-size: 15px;
  }
  .blog_section .inner_area .blog_cards .nav_area .next-prev {
    height: 38px;
    width: 38px;
  }
  .blog_detail_section {
    margin-bottom: 20px;
  }
  .blog_detail_section .inner_area .heading {
    margin-bottom: 15px;
  }
  .blog_detail_section .inner_area .heading h3 {
    font-size: 20px;
  }
  .blog_detail_section .inner_area .heading .date {
    font-size: 14px;
  }
  .blog_detail_section .inner_area .heading .date i {
    margin-right: 8px;
  }
  .blog_detail_section .inner_area .social_area {
    margin-bottom: 20px;
  }
  .blog_detail_section .inner_area .social_area .icons_list ul li {
    margin-right: 18px;
  }
  .blog_detail_section .inner_area .social_area .icons_list ul li .icons i {
    font-size: 22px;
  }
  .blog_detail_section .inner_area .detail_area h1, .blog_detail_section .inner_area .detail_area h2, .blog_detail_section .inner_area .detail_area h3, .blog_detail_section .inner_area .detail_area h4, .blog_detail_section .inner_area .detail_area h5, .blog_detail_section .inner_area .detail_area h6, .blog_detail_section .inner_area .detail_area p, .blog_detail_section .inner_area .detail_area ol, .blog_detail_section .inner_area .detail_area ul, .blog_detail_section .inner_area .detail_area img {
    margin-bottom: 15px;
  }
  .blog_detail_section .inner_area .detail_area h1 {
    font-size: 26px;
  }
  .blog_detail_section .inner_area .detail_area h2 {
    font-size: 24px;
  }
  .blog_detail_section .inner_area .detail_area h3 {
    font-size: 22px;
  }
  .blog_detail_section .inner_area .detail_area h4 {
    font-size: 20px;
  }
  .blog_detail_section .inner_area .detail_area h5 {
    font-size: 18px;
  }
  .blog_detail_section .inner_area .detail_area h6 {
    font-size: 16px;
  }
  .blog_detail_section .inner_area .detail_area p {
    font-size: 14px;
    line-height: 21px;
  }
  .blog_detail_section .inner_area .detail_area ol li {
    font-size: 14px;
    line-height: 21px;
  }
  .blog_detail_section .inner_area .detail_area ul li {
    font-size: 14px;
    line-height: 21px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .football_turf_section {
    margin-bottom: 30px;
  }
  .football_turf_section .inner_area .content_area h3 {
    font-size: 18px;
  }
  .football_turf_section .inner_area .content_area .tag_date {
    margin-bottom: 15px;
  }
  .football_turf_section .inner_area .content_area .tag_date .date {
    font-size: 14px;
  }
  .football_turf_section .inner_area .content_area .tag_date .date i {
    margin-right: 8px;
  }
  .football_turf_section .inner_area .content_area .txt_lines {
    font-size: 16px;
    line-height: 23px;
  }
  .football_turf_section .inner_area .content_area .txt_lines .read_btn {
    font-size: 14px;
  }
  .football_turf_section .inner_area .img_con .img_area {
    height: 210px;
    border-radius: 15px;
    margin-bottom: 15px;
  }
  .blog_section {
    margin-bottom: 15px;
  }
  .blog_section .inner_area .heading_area h3 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .blog_section .inner_area .blog_cards .inner_card {
    margin-bottom: 15px;
    border-radius: 15px;
  }
  .blog_section .inner_area .blog_cards .inner_card .img_area {
    height: 220px;
    border-radius: 15px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content h3 {
    font-size: 16px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content .tag_date .date {
    font-size: 14px;
    line-height: 20px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content p {
    font-size: 14px;
  }
  .blog_section .inner_area .blog_cards .nav_area {
    gap: 15px;
  }
  .blog_section .inner_area .blog_cards .nav_area .next-prev {
    height: 38px;
    width: 38px;
  }
  .blog_detail_section {
    margin-bottom: 20px;
  }
  .blog_detail_section .inner_area .heading {
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
  .blog_detail_section .inner_area .heading h3 {
    order: 1;
    font-size: 18px;
  }
  .blog_detail_section .inner_area .heading .date {
    order: 0;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .blog_detail_section .inner_area .heading .date i {
    margin-right: 8px;
  }
  .blog_detail_section .inner_area .social_area {
    margin-bottom: 20px;
  }
  .blog_detail_section .inner_area .social_area .icons_list ul li {
    margin-right: 15px;
  }
  .blog_detail_section .inner_area .social_area .icons_list ul li .icons i {
    font-size: 22px;
  }
  .blog_detail_section .inner_area .detail_area h1, .blog_detail_section .inner_area .detail_area h2, .blog_detail_section .inner_area .detail_area h3, .blog_detail_section .inner_area .detail_area h4, .blog_detail_section .inner_area .detail_area h5, .blog_detail_section .inner_area .detail_area h6, .blog_detail_section .inner_area .detail_area p, .blog_detail_section .inner_area .detail_area ol, .blog_detail_section .inner_area .detail_area ul, .blog_detail_section .inner_area .detail_area img {
    margin-bottom: 15px;
  }
  .blog_detail_section .inner_area .detail_area h1 {
    font-size: 26px;
  }
  .blog_detail_section .inner_area .detail_area h2 {
    font-size: 24px;
  }
  .blog_detail_section .inner_area .detail_area h3 {
    font-size: 22px;
  }
  .blog_detail_section .inner_area .detail_area h4 {
    font-size: 20px;
  }
  .blog_detail_section .inner_area .detail_area h5 {
    font-size: 18px;
  }
  .blog_detail_section .inner_area .detail_area h6 {
    font-size: 16px;
  }
  .blog_detail_section .inner_area .detail_area p {
    font-size: 14px;
    line-height: 21px;
  }
  .blog_detail_section .inner_area .detail_area ol li {
    font-size: 14px;
    line-height: 21px;
  }
  .blog_detail_section .inner_area .detail_area ul li {
    font-size: 14px;
    line-height: 21px;
  }
  .blog_detail_section .inner_area .detail_area img {
    border-radius: 15px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .football_turf_section {
    margin-bottom: 30px;
  }
  .football_turf_section .inner_area .content_area h3 {
    font-size: 18px;
  }
  .football_turf_section .inner_area .content_area .tag_date {
    margin-bottom: 15px;
  }
  .football_turf_section .inner_area .content_area .tag_date .date {
    font-size: 14px;
  }
  .football_turf_section .inner_area .content_area .tag_date .date i {
    margin-right: 8px;
  }
  .football_turf_section .inner_area .content_area .txt_lines {
    font-size: 16px;
    line-height: 23px;
  }
  .football_turf_section .inner_area .content_area .txt_lines .read_btn {
    font-size: 14px;
  }
  .football_turf_section .inner_area .img_con .img_area {
    height: 210px;
    border-radius: 15px;
    margin-bottom: 15px;
  }
  .blog_section {
    margin-bottom: 15px;
  }
  .blog_section .inner_area .heading_area h3 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .blog_section .inner_area .blog_cards .inner_card {
    margin-bottom: 15px;
    border-radius: 15px;
  }
  .blog_section .inner_area .blog_cards .inner_card .img_area {
    height: 220px;
    border-radius: 15px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content h3 {
    font-size: 16px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content .tag_date .date {
    font-size: 14px;
    line-height: 20px;
  }
  .blog_section .inner_area .blog_cards .inner_card .content p {
    font-size: 14px;
  }
  .blog_section .inner_area .blog_cards .nav_area {
    gap: 15px;
  }
  .blog_section .inner_area .blog_cards .nav_area .next-prev {
    height: 38px;
    width: 38px;
  }
  .blog_detail_section {
    margin-bottom: 20px;
  }
  .blog_detail_section .inner_area .heading {
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
  .blog_detail_section .inner_area .heading h3 {
    order: 1;
    font-size: 18px;
  }
  .blog_detail_section .inner_area .heading .date {
    order: 0;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .blog_detail_section .inner_area .heading .date i {
    margin-right: 8px;
  }
  .blog_detail_section .inner_area .social_area {
    margin-bottom: 20px;
  }
  .blog_detail_section .inner_area .social_area .icons_list ul li {
    margin-right: 15px;
  }
  .blog_detail_section .inner_area .social_area .icons_list ul li .icons i {
    font-size: 22px;
  }
  .blog_detail_section .inner_area .detail_area h1, .blog_detail_section .inner_area .detail_area h2, .blog_detail_section .inner_area .detail_area h3, .blog_detail_section .inner_area .detail_area h4, .blog_detail_section .inner_area .detail_area h5, .blog_detail_section .inner_area .detail_area h6, .blog_detail_section .inner_area .detail_area p, .blog_detail_section .inner_area .detail_area ol, .blog_detail_section .inner_area .detail_area ul, .blog_detail_section .inner_area .detail_area img {
    margin-bottom: 15px;
  }
  .blog_detail_section .inner_area .detail_area h1 {
    font-size: 26px;
  }
  .blog_detail_section .inner_area .detail_area h2 {
    font-size: 24px;
  }
  .blog_detail_section .inner_area .detail_area h3 {
    font-size: 22px;
  }
  .blog_detail_section .inner_area .detail_area h4 {
    font-size: 20px;
  }
  .blog_detail_section .inner_area .detail_area h5 {
    font-size: 18px;
  }
  .blog_detail_section .inner_area .detail_area h6 {
    font-size: 16px;
  }
  .blog_detail_section .inner_area .detail_area p {
    font-size: 14px;
    line-height: 21px;
  }
  .blog_detail_section .inner_area .detail_area ol li {
    font-size: 14px;
    line-height: 21px;
  }
  .blog_detail_section .inner_area .detail_area ul li {
    font-size: 14px;
    line-height: 21px;
  }
  .blog_detail_section .inner_area .detail_area img {
    border-radius: 15px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.faqs_section {
  margin-bottom: 90px;
}
.faqs_section .inner_area .heading_area {
  width: 932px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 70px;
}
.faqs_section .inner_area .heading_area > :last-child {
  margin-bottom: 0;
}
.faqs_section .inner_area .heading_area h3 {
  font-size: 26px;
  font-weight: 700;
  color: #E84508;
  margin-bottom: 16px;
}
.faqs_section .inner_area .heading_area p {
  font-size: 20px;
  font-weight: 500;
  color: #7a7a7a;
  font-family: "General Sans";
}
.faqs_section .inner_area .accordion_area {
  margin-bottom: 90px;
}
.faqs_section .inner_area .accordion_area .accordion .accordion-item {
  border: none;
  border-bottom: 1px solid #C8BFBF;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-radius: 0;
}
.faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button {
  gap: 28px;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  color: #171717;
}
.faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: unset;
}
.faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image: url("../images/minus.png");
}
.faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button:focus-visible {
  outline: none;
}
.faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: unset;
}
.faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button::after {
  background-image: url("../images/plus.png");
}
.faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button .box {
  font-size: 18px;
  font-weight: 500;
  color: #E84508;
  padding: 9px 11px;
  border-radius: 8px;
  border: 1px solid #d5d5d5;
  align-content: flex-end;
  line-height: 1;
  display: block;
  aspect-ratio: 1/1;
}
.faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-body {
  padding: 0;
  padding-left: 70px;
  padding-top: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #7a7a7a;
  font-family: "General Sans";
}
.faqs_section .inner_area .accordion_area .accordion .accordion-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.faqs_section.variant2 .inner_area .heading_area {
  width: 100%;
  margin-bottom: 22px;
}
.faqs_section.variant2 .inner_area .heading_area h3 {
  text-align: left;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .faqs_section {
    margin-bottom: 70px;
  }
  .faqs_section .inner_area .heading_area {
    margin-bottom: 50px;
  }
  .faqs_section .inner_area .accordion_area {
    margin-bottom: 70px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .faqs_section {
    margin-bottom: 70px;
  }
  .faqs_section .inner_area .heading_area {
    margin-bottom: 50px;
  }
  .faqs_section .inner_area .accordion_area {
    margin-bottom: 70px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .faqs_section {
    margin-bottom: 50px;
  }
  .faqs_section .inner_area .heading_area {
    margin-bottom: 35px;
  }
  .faqs_section .inner_area .heading_area h3 {
    font-size: 24px;
  }
  .faqs_section .inner_area .heading_area p {
    font-size: 18px;
  }
  .faqs_section .inner_area .accordion_area {
    margin-bottom: 50px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
    gap: 16px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button .box {
    font-size: 16px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-body {
    padding-left: 56px;
    font-size: 14px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .faqs_section {
    margin-bottom: 40px;
  }
  .faqs_section .inner_area .heading_area {
    margin-bottom: 30px;
  }
  .faqs_section .inner_area .heading_area h3 {
    font-size: 22px;
  }
  .faqs_section .inner_area .heading_area p {
    font-size: 16px;
  }
  .faqs_section .inner_area .accordion_area {
    margin-bottom: 50px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
    gap: 16px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button .box {
    font-size: 16px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-body {
    padding-left: 56px;
    font-size: 14px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .faqs_section {
    margin-bottom: 30px;
  }
  .faqs_section .inner_area .heading_area {
    margin-bottom: 25px;
  }
  .faqs_section .inner_area .heading_area h3 {
    font-size: 20px;
  }
  .faqs_section .inner_area .heading_area p {
    font-size: 14px;
  }
  .faqs_section .inner_area .accordion_area {
    margin-bottom: 30px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
    gap: 16px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button .box {
    font-size: 16px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-body {
    padding-left: 56px;
    font-size: 14px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .faqs_section {
    margin-bottom: 30px;
  }
  .faqs_section .inner_area .heading_area {
    margin-bottom: 25px;
  }
  .faqs_section .inner_area .heading_area h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .faqs_section .inner_area .heading_area p {
    font-size: 14px;
  }
  .faqs_section .inner_area .accordion_area {
    margin-bottom: 25px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
    gap: 12px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button .box {
    font-size: 16px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-body {
    padding-left: 56px;
    font-size: 14px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .faqs_section {
    margin-bottom: 30px;
  }
  .faqs_section .inner_area .heading_area {
    margin-bottom: 25px;
  }
  .faqs_section .inner_area .heading_area h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .faqs_section .inner_area .heading_area p {
    font-size: 14px;
  }
  .faqs_section .inner_area .accordion_area {
    margin-bottom: 25px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
    gap: 12px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-header .accordion-button .box {
    font-size: 16px;
  }
  .faqs_section .inner_area .accordion_area .accordion .accordion-item .accordion-body {
    padding-left: 56px;
    font-size: 14px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.panoramic_section {
  margin-bottom: 90px;
  position: relative;
}
.panoramic_section:has(+ section:not(.footer_section)) .vector_image {
  transform: translateY(100%);
}
.panoramic_section .vector_image {
  aspect-ratio: 1/1;
  height: 297px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(40%);
  z-index: -1;
}
.panoramic_section .parent_area .panoramic_area {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}
.panoramic_section .parent_area .panoramic_area .inner_area h3 {
  font-weight: 700;
  font-size: 32px;
  color: #E84508;
  margin-bottom: 24px;
}
.panoramic_section .parent_area .panoramic_area .inner_area .img_area {
  height: 330px;
  margin-bottom: 24px;
}
.panoramic_section .parent_area .panoramic_area .inner_area .content h5 {
  font-weight: 700;
  font-size: 20px;
  color: #171717;
  margin-bottom: 12px;
}
.panoramic_section .parent_area .panoramic_area .inner_area .content p {
  font-family: "General Sans";
  color: #939393;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.sport_advantage_section {
  margin-bottom: 90px;
}
.sport_advantage_section .parent_area h3 {
  color: #171717;
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 26px;
}
.sport_advantage_section .parent_area ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}
.sport_advantage_section .parent_area ul li .advantage_card > :last-child {
  margin-bottom: 0;
}
.sport_advantage_section .parent_area ul li .advantage_card .img_area {
  height: 242px;
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 18px;
}
.sport_advantage_section .parent_area ul li .advantage_card h5 {
  color: #171717;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 12px;
}
.sport_advantage_section .parent_area ul li .advantage_card p {
  color: #939393;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1px;
}
.sport_advantage_section.variant2 .parent_area h3 {
  color: #E84508;
}

.padel_detail_section {
  margin-bottom: 90px;
  position: relative;
  overflow-x: clip;
}
.padel_detail_section.even::after {
  left: 0;
  right: unset;
  border-radius: 0 21px 21px 0;
}
.padel_detail_section.even .parent_area .right {
  order: -1;
}
.padel_detail_section.even .parent_area .right .img_area {
  justify-self: flex-end;
  border-radius: 0 21px 21px 0;
}
.padel_detail_section::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 50%;
  height: 100%;
  background-color: #FCFCFC;
  border-radius: 21px 0 0 21px;
  top: 0;
  right: 0;
  bottom: 0;
}
.padel_detail_section .parent_area {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: center;
}
.padel_detail_section .parent_area .left {
  height: calc(100% - 72px);
  min-height: fit-content;
}
.padel_detail_section .parent_area .left > :last-child {
  margin-bottom: 0;
}
.padel_detail_section .parent_area .left h3 {
  font-weight: 700;
  font-size: 26px;
  color: #171717;
  margin-bottom: 16px;
}
.padel_detail_section .parent_area .left p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #939393;
}
.padel_detail_section .parent_area .right .img_area {
  height: 397px;
  width: 150%;
  justify-self: flex-start;
  border-radius: 21px 0 0 21px;
  overflow: hidden;
}
.padel_detail_section.grid_section {
  --translate: 40px;
}
.padel_detail_section.grid_section .right {
  padding-bottom: var(--translate);
  border-radius: 0 !important;
}
.padel_detail_section.grid_section .right .grid_wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 235px));
  grid-template-rows: repeat(2, minmax(0, 201px));
  place-content: center;
  gap: 22px;
}
.padel_detail_section.grid_section .right .grid_wrapper .grid_img {
  overflow: hidden;
}
.padel_detail_section.grid_section .right .grid_wrapper .grid_img:nth-child(even) {
  transform: translateY(var(--translate));
}
.padel_detail_section.grid_section .right .grid_wrapper .grid_img:nth-child(4) {
  transform: translateY(var(--translate)) translateX(calc(var(--translate) * -1));
}
.padel_detail_section.grid_section .right .grid_wrapper .grid_img:nth-child(3) {
  width: 181px;
  height: 155px;
  max-width: 100%;
  justify-self: flex-end;
}
.padel_detail_section.grid_section .right .grid_wrapper .grid_img:nth-child(3) {
  transform: translateX(calc(var(--translate) * -1));
}
.padel_detail_section.slider_section .parent_area .right .slider_area .padel_main_slider {
  margin-bottom: 24px;
}
.padel_detail_section.slider_section .parent_area .right .slider_area .padel_main_slider .slider_img {
  border-radius: 14px;
  overflow: hidden;
  height: 210px;
}
.padel_detail_section.slider_section .parent_area .right .slider_area .thumbs_area {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 436px;
  max-width: 100%;
}
.padel_detail_section.slider_section .parent_area .right .slider_area .thumbs_area .prev-next {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  color: #E84508;
  flex-shrink: 0;
}
.padel_detail_section.slider_section .parent_area .right .slider_area .thumbs_area .prev-next.swiper-button-disabled {
  filter: grayscale(1);
  opacity: 0.5;
  pointer-events: none;
}
.padel_detail_section.slider_section .parent_area .right .slider_area .thumbs_area .padel_thumbs_slider {
  flex-grow: 1;
  width: 100%;
}
.padel_detail_section.slider_section .parent_area .right .slider_area .thumbs_area .padel_thumbs_slider .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .slider_img {
  background: linear-gradient(136.31deg, rgba(103, 174, 110, 0.3) 0.86%, rgba(50, 142, 110, 0.3) 117.99%);
}
.padel_detail_section.slider_section .parent_area .right .slider_area .thumbs_area .padel_thumbs_slider .slider_img {
  padding: 5px;
  border-radius: 6px;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.padel_detail_section.slider_section .parent_area .right .slider_area .thumbs_area .padel_thumbs_slider .slider_img img {
  border-radius: 6px;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .panoramic_section {
    margin-bottom: 70px;
  }
  .sport_advantage_section {
    margin-bottom: 70px;
  }
  .padel_detail_section {
    margin-bottom: 70px;
  }
  .padel_detail_section .parent_area .right .img_area {
    height: 348px;
    width: 110%;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .panoramic_section {
    margin-bottom: 70px;
  }
  .sport_advantage_section {
    margin-bottom: 70px;
  }
  .padel_detail_section {
    margin-bottom: 70px;
  }
  .padel_detail_section .parent_area .right .img_area {
    height: 348px;
    width: 110%;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .panoramic_section {
    margin-bottom: 50px;
  }
  .panoramic_section .vector_image {
    height: 220px;
  }
  .panoramic_section .parent_area .panoramic_area .inner_area h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .panoramic_section .parent_area .panoramic_area .inner_area .img_area {
    height: 262px;
  }
  .sport_advantage_section {
    margin-bottom: 50px;
  }
  .sport_advantage_section .parent_area h3 {
    font-size: 24px;
    margin-bottom: 25px;
  }
  .sport_advantage_section .parent_area ul li .advantage_card .img_area {
    height: 192px;
  }
  .sport_advantage_section .parent_area ul li .advantage_card h5 {
    font-size: 18px;
  }
  .padel_detail_section {
    margin-bottom: 50px;
  }
  .padel_detail_section .parent_area .left h3 {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .padel_detail_section .parent_area .right .img_area {
    height: 264px;
    width: 105%;
  }
  .padel_detail_section.grid_section {
    --translate: 30px;
  }
  .padel_detail_section.grid_section .right .grid_wrapper {
    grid-template-columns: repeat(2, minmax(0, 205px));
    grid-template-rows: repeat(2, minmax(0, 171px));
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .panoramic_section {
    margin-bottom: 40px;
  }
  .panoramic_section .vector_image {
    height: 220px;
  }
  .panoramic_section .parent_area .panoramic_area .inner_area h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .panoramic_section .parent_area .panoramic_area .inner_area .img_area {
    margin-bottom: 20px;
    height: 193px;
  }
  .sport_advantage_section {
    margin-bottom: 40px;
  }
  .sport_advantage_section .parent_area h3 {
    font-size: 24px;
    margin-bottom: 25px;
  }
  .sport_advantage_section .parent_area ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
  .sport_advantage_section .parent_area ul li .advantage_card .img_area {
    height: 222px;
  }
  .sport_advantage_section .parent_area ul li .advantage_card h5 {
    font-size: 18px;
  }
  .padel_detail_section {
    margin-bottom: 40px;
  }
  .padel_detail_section .parent_area {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
  .padel_detail_section .parent_area .left h3 {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .padel_detail_section .parent_area .right .img_area {
    height: 250px;
    width: 105%;
  }
  .padel_detail_section.grid_section {
    --translate: 25px;
  }
  .padel_detail_section.grid_section .right .grid_wrapper {
    gap: 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 151px));
  }
  .padel_detail_section.grid_section .right .grid_wrapper .grid_img:nth-child(3) {
    width: 130px;
    height: 120px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .panoramic_section {
    margin-bottom: 30px;
  }
  .panoramic_section .vector_image {
    height: 180px;
  }
  .panoramic_section .parent_area .panoramic_area {
    gap: 15px;
  }
  .panoramic_section .parent_area .panoramic_area .inner_area h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .panoramic_section .parent_area .panoramic_area .inner_area .img_area {
    margin-bottom: 15px;
    height: 166px;
  }
  .panoramic_section .parent_area .panoramic_area .inner_area .content h5 {
    font-size: 18px;
  }
  .sport_advantage_section {
    margin-bottom: 30px;
  }
  .sport_advantage_section .parent_area h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .sport_advantage_section .parent_area ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
  .sport_advantage_section .parent_area ul li .advantage_card .img_area {
    height: 190px;
  }
  .sport_advantage_section .parent_area ul li .advantage_card h5 {
    font-size: 18px;
  }
  .padel_detail_section {
    margin-bottom: 30px;
  }
  .padel_detail_section::after {
    display: none;
  }
  .padel_detail_section .parent_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }
  .padel_detail_section .parent_area .left h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .padel_detail_section .parent_area .right {
    grid-row: 1/2;
    background-color: #FCFCFC;
    border-radius: 12px;
    overflow: hidden;
  }
  .padel_detail_section .parent_area .right .img_area {
    height: 246px;
    width: 100%;
    border-radius: 14px !important;
    margin-inline: auto;
  }
  .padel_detail_section.grid_section {
    --translate: 25px;
  }
  .padel_detail_section.grid_section .right .grid_wrapper {
    gap: 15px;
    grid-template-columns: repeat(2, minmax(0, 195px));
    grid-template-rows: repeat(2, minmax(0, 151px));
  }
  .padel_detail_section.grid_section .right .grid_wrapper .grid_img:nth-child(3) {
    width: 150px;
    height: 120px;
  }
  .padel_detail_section.slider_section .parent_area .right .slider_area .thumbs_area {
    width: 356px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .panoramic_section {
    margin-bottom: 25px;
  }
  .panoramic_section .vector_image {
    height: 200px;
  }
  .panoramic_section .parent_area .panoramic_area {
    gap: 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .panoramic_section .parent_area .panoramic_area .inner_area h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .panoramic_section .parent_area .panoramic_area .inner_area .img_area {
    margin-bottom: 15px;
    height: 190px;
  }
  .panoramic_section .parent_area .panoramic_area .inner_area .content h5 {
    font-size: 18px;
  }
  .sport_advantage_section {
    margin-bottom: 25px;
  }
  .sport_advantage_section .parent_area h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .sport_advantage_section .parent_area ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 22px;
  }
  .sport_advantage_section .parent_area ul li .advantage_card .img_area {
    height: 215px;
    border-radius: 12px;
  }
  .sport_advantage_section .parent_area ul li .advantage_card h5 {
    font-size: 18px;
  }
  .padel_detail_section {
    margin-bottom: 25px;
  }
  .padel_detail_section::after {
    display: none;
  }
  .padel_detail_section .parent_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }
  .padel_detail_section .parent_area .left h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .padel_detail_section .parent_area .right {
    grid-row: 1/2;
    background-color: #FCFCFC;
    border-radius: 12px;
    overflow: hidden;
  }
  .padel_detail_section .parent_area .right .img_area {
    height: 191px;
    width: 100%;
    border-radius: 14px !important;
  }
  .padel_detail_section.grid_section {
    --translate: 0;
  }
  .padel_detail_section.grid_section .right .grid_wrapper {
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: unset;
  }
  .padel_detail_section.grid_section .right .grid_wrapper .grid_img {
    height: 150px;
  }
  .padel_detail_section.grid_section .right .grid_wrapper .grid_img:nth-child(3) {
    width: unset;
    height: 150px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .panoramic_section {
    margin-bottom: 25px;
  }
  .panoramic_section .vector_image {
    height: 150px;
  }
  .panoramic_section .parent_area .panoramic_area {
    gap: 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .panoramic_section .parent_area .panoramic_area .inner_area h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .panoramic_section .parent_area .panoramic_area .inner_area .img_area {
    margin-bottom: 15px;
    height: 190px;
  }
  .panoramic_section .parent_area .panoramic_area .inner_area .content h5 {
    font-size: 18px;
  }
  .sport_advantage_section {
    margin-bottom: 25px;
  }
  .sport_advantage_section .parent_area h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .sport_advantage_section .parent_area ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 22px;
  }
  .sport_advantage_section .parent_area ul li .advantage_card .img_area {
    height: 215px;
    border-radius: 12px;
  }
  .sport_advantage_section .parent_area ul li .advantage_card h5 {
    font-size: 18px;
  }
  .padel_detail_section {
    margin-bottom: 25px;
  }
  .padel_detail_section::after {
    display: none;
  }
  .padel_detail_section .parent_area {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }
  .padel_detail_section .parent_area .left h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .padel_detail_section .parent_area .right {
    grid-row: 1/2;
    background-color: #FCFCFC;
    border-radius: 12px;
    overflow: hidden;
  }
  .padel_detail_section .parent_area .right .img_area {
    height: 191px;
    width: 100%;
    border-radius: 14px !important;
  }
  .padel_detail_section.grid_section {
    --translate: 0;
  }
  .padel_detail_section.grid_section .right .grid_wrapper {
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: unset;
  }
  .padel_detail_section.grid_section .right .grid_wrapper .grid_img {
    height: 150px;
  }
  .padel_detail_section.grid_section .right .grid_wrapper .grid_img:nth-child(3) {
    width: unset;
    height: 150px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
@property --height {
  syntax: "<length>";
  inherits: false;
  initial-value: 120px;
}
.netwrok_section {
  margin-bottom: 90px;
}
.netwrok_section .parent_area h3 {
  font-weight: 700;
  font-size: 26px;
  text-align: center;
  color: #E84508;
  margin-bottom: 50px;
}
.netwrok_section .parent_area .network_list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  margin-bottom: 90px;
}
.netwrok_section .parent_area .network_list li {
  background-color: #F6F6F6;
  border-radius: 18px;
  padding: 55px 36px;
  display: grid;
  place-items: center;
  height: 442px;
  transition: --height 0.6s ease, all 0.6s ease;
}
.netwrok_section .parent_area .network_list li .network {
  min-height: calc(100% - var(--height) - 50px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  transition: --height 0.6s ease, all 0.6s ease;
}
.netwrok_section .parent_area .network_list li .network .img_area {
  max-width: 100%;
  transition: --height 0.6s ease, all 0.6s ease;
}
.netwrok_section .parent_area .network_list li .network .para {
  --height: 0;
  height: var(--height);
  overflow: hidden;
  transition: --height 0.6s ease, all 0.6s ease;
}
.netwrok_section .parent_area .network_list li .network .para p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
  transition: --height 0.6s ease, all 0.6s ease;
  transform: translateY(100%);
}
.netwrok_section .parent_area .network_list li .network .para p span {
  font-weight: 500;
  font-size: 18px;
  color: #171717;
}
.netwrok_section .parent_area .network_list li:hover .network {
  min-height: 100%;
  gap: 50px;
}
.netwrok_section .parent_area .network_list li:hover .network .img_area {
  max-width: 60%;
}
.netwrok_section .parent_area .network_list li:hover .network .para {
  --height: 120px;
}
.netwrok_section .parent_area .network_list li:hover .network .para p {
  transform: translateY(0);
}

.company_section {
  margin-bottom: 90px;
}
.company_section .parent_area > :last-child {
  margin-bottom: 0;
}
.company_section .parent_area h2 {
  font-weight: 700;
  font-size: 86px;
  color: #B2B2B2;
  margin-bottom: 25px;
}
.company_section .parent_area h4 {
  font-family: "GilRoy";
  margin-bottom: 29px;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0.1px;
  font-style: italic;
  color: #9F9F9F;
  position: relative;
  display: inline-block;
  width: 1127px;
  max-width: 100%;
}
.company_section .parent_area h4 .icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-inline: 4px;
}
.company_section .parent_area h4 .icon img {
  object-fit: contain;
}
.company_section .parent_area p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
}

.brand_section {
  margin-bottom: 90px;
}
.brand_section .parent_area .title {
  margin-bottom: 42px;
}
.brand_section .parent_area .title .inner_title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 35px;
  margin-bottom: 15px;
}
.brand_section .parent_area .title .inner_title .img_area {
  width: 133px;
  height: 92px;
}
.brand_section .parent_area .title .inner_title h3 {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 60px;
  color: #121212;
  text-align: center;
}
.brand_section .parent_area .title .inner_title h3 span {
  display: block;
  background: linear-gradient(90deg, #f06847 0%, #f4815c 50%, #e5230e 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.brand_section .parent_area .title p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.1px;
  text-align: center;
  color: #7a7a7a;
  width: 887px;
  max-width: 100%;
  margin-inline: auto;
}
.brand_section .parent_area ul {
  display: flex;
  row-gap: 42px;
  column-gap: 17px;
  flex-wrap: wrap;
}
.brand_section .parent_area ul:has(li:nth-last-child(1):nth-child(3n+1)) {
  justify-content: center;
}
.brand_section .parent_area ul:has(li:nth-last-child(2):nth-child(3n+1)) {
  justify-content: flex-start;
}
.brand_section .parent_area ul li {
  flex: 0 0 calc((100% - 34px) / 3);
  padding: 35px;
  min-height: 356px;
  position: relative;
  background-color: #F5F6F8;
  display: grid;
  place-items: center;
  border-bottom: 10px solid #E84508;
}
.brand_section .parent_area ul li .img_area {
  max-width: 100%;
  height: auto;
}
.brand_section .parent_area ul li .content {
  position: absolute;
  display: grid;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(232, 69, 8, 0.7) 0%, #e84508 100%);
  padding-bottom: 55px;
  grid-auto-rows: min-content;
  padding-inline: 32px;
  align-content: flex-end;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.brand_section .parent_area ul li .content h5 {
  font-weight: 700;
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 18px;
}
.brand_section .parent_area ul li .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #ffffff;
}
.brand_section .parent_area ul li:hover .content {
  opacity: 1;
}

.history_section {
  margin-bottom: 90px;
  overflow-x: clip;
}
.history_section .parent_area .left > :last-child {
  margin-bottom: 0;
}
.history_section .parent_area .left h3 {
  font-weight: 700;
  font-size: 42px;
  color: #E84508;
  margin-bottom: 19px;
}
.history_section .parent_area .left .logo {
  width: 289px;
  height: 83px;
  margin-bottom: 19px;
}
.history_section .parent_area .left h4 {
  font-weight: 500;
  font-size: 34px;
  color: #171717;
  margin-bottom: 10px;
}
.history_section .parent_area .left p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
  margin-bottom: 10px;
}
.history_section .parent_area .right {
  position: relative;
  height: 588px;
}
.history_section .parent_area .right .history_sliding_area {
  height: 100%;
}
.history_section .parent_area .right .history_sliding_area .main_img_history {
  overflow-y: clip;
  border-radius: 42px 0 0 42px;
  width: 150%;
  height: 100%;
  position: absolute;
  z-index: -1;
  inset: 0;
}
.history_section .parent_area .right .history_sliding_area .main_img_history .item {
  overflow: hidden;
  height: 100%;
}
.history_section .parent_area .right .history_sliding_area .main_img_history .item .img_area {
  width: 100%;
  display: block;
  height: 100%;
  position: relative;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.history_section .parent_area .right .history_sliding_area .main_img_history .item .img_area.active {
  opacity: 1;
}
.history_section .parent_area .right .history_sliding_area .main_img_history .item .img_area::after {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(232, 69, 8, 0.42) -15.31%, rgba(232, 69, 8, 0.6) 100%);
  inset: 0;
  width: 100%;
  height: 100%;
}
.history_section .parent_area .right .history_sliding_area .vertical_thumbs_history {
  margin-left: 66px;
  padding-block: 30px;
  height: 100%;
  overflow-y: clip;
  overflow-x: visible;
}
.history_section .parent_area .right .history_sliding_area .vertical_thumbs_history::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  bottom: 0;
  height: calc(100% - 60px);
  border-left: 2px solid #ffffff;
}
.history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .swiper-wrapper {
  padding-left: 18px;
}
.history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .swiper-wrapper .swiper-slide {
  height: fit-content;
}
.history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item .year {
  font-weight: 700;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 24px;
  position: relative;
}
.history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item .year::after {
  content: "\f111";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  width: 16px;
  top: 0;
  left: -25px;
  color: #E84508;
  font-size: 10px;
  display: grid;
  place-items: center;
  height: 16px;
  border-radius: 50%;
  background-color: #FCE2DC;
}
.history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item .img_area {
  margin-bottom: 24px;
  width: 219px;
  height: 67px;
}
.history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item p {
  font-family: "General Sans";
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #ffffff;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .netwrok_section {
    margin-bottom: 70px;
  }
  .netwrok_section .parent_area .network_list {
    margin-bottom: 70px;
  }
  .netwrok_section .parent_area .network_list li {
    padding: 35px;
    height: 392px;
  }
  .netwrok_section .parent_area .network_list li:hover .network {
    gap: 35px;
  }
  .company_section {
    margin-bottom: 70px;
  }
  .company_section .parent_area h2 {
    font-size: 70px;
    margin-bottom: 15px;
  }
  .company_section .parent_area h4 {
    font-size: 22px;
    margin-bottom: 22px;
  }
  .brand_section {
    margin-bottom: 70px;
  }
  .brand_section .parent_area .title .inner_title .img_area {
    width: 103px;
    height: 70px;
  }
  .brand_section .parent_area .title .inner_title h3 {
    font-size: 45px;
  }
  .history_section {
    margin-bottom: 70px;
  }
  .history_section .parent_area .left h3 {
    font-size: 36px;
  }
  .history_section .parent_area .left .logo {
    width: 253px;
    height: 73px;
  }
  .history_section .parent_area .left h4 {
    font-size: 30px;
  }
  .history_section .parent_area .left p {
    font-size: 18px;
  }
  .history_section .parent_area .right {
    height: 498px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .netwrok_section {
    margin-bottom: 70px;
  }
  .netwrok_section .parent_area .network_list {
    margin-bottom: 70px;
  }
  .netwrok_section .parent_area .network_list li {
    padding: 35px;
    height: 392px;
  }
  .netwrok_section .parent_area .network_list li:hover .network {
    gap: 35px;
  }
  .company_section {
    margin-bottom: 70px;
  }
  .company_section .parent_area h2 {
    font-size: 70px;
    margin-bottom: 15px;
  }
  .company_section .parent_area h4 {
    font-size: 22px;
    margin-bottom: 22px;
  }
  .brand_section {
    margin-bottom: 70px;
  }
  .brand_section .parent_area .title .inner_title .img_area {
    width: 103px;
    height: 70px;
  }
  .brand_section .parent_area .title .inner_title h3 {
    font-size: 45px;
  }
  .history_section {
    margin-bottom: 70px;
  }
  .history_section .parent_area .left h3 {
    font-size: 36px;
  }
  .history_section .parent_area .left .logo {
    width: 253px;
    height: 73px;
  }
  .history_section .parent_area .left h4 {
    font-size: 30px;
  }
  .history_section .parent_area .left p {
    font-size: 18px;
  }
  .history_section .parent_area .right {
    height: 498px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .netwrok_section {
    margin-bottom: 50px;
  }
  .netwrok_section .parent_area .network_list {
    margin-bottom: 50px;
    gap: 25px;
  }
  .netwrok_section .parent_area .network_list li {
    padding: 25px;
    height: 322px;
  }
  .netwrok_section .parent_area .network_list li:hover .network {
    gap: 25px;
  }
  .netwrok_section .parent_area .network_list li:hover .network .para {
    --height: 150px;
  }
  .netwrok_section .parent_area .network_list li .network .para p {
    font-size: 16px;
  }
  .company_section {
    margin-bottom: 50px;
  }
  .company_section .parent_area h2 {
    font-size: 50px;
    margin-bottom: 15px;
  }
  .company_section .parent_area h4 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .company_section .parent_area p {
    font-size: 16px;
    line-height: 22px;
  }
  .brand_section {
    margin-bottom: 50px;
  }
  .brand_section .parent_area .title {
    margin-bottom: 30px;
  }
  .brand_section .parent_area .title .inner_title .img_area {
    width: 103px;
    height: 70px;
  }
  .brand_section .parent_area .title .inner_title h3 {
    font-size: 45px;
  }
  .brand_section .parent_area .title p {
    font-size: 18px;
  }
  .brand_section .parent_area ul {
    row-gap: 30px;
  }
  .brand_section .parent_area ul li {
    min-height: 286px;
  }
  .history_section {
    margin-bottom: 50px;
  }
  .history_section .parent_area .left h3 {
    font-size: 30px;
    margin-bottom: 14px;
  }
  .history_section .parent_area .left .logo {
    margin-bottom: 14px;
    width: 163px;
    height: 47px;
  }
  .history_section .parent_area .left h4 {
    margin-bottom: 14px;
    font-size: 24px;
  }
  .history_section .parent_area .left p {
    font-size: 16px;
    line-height: 22px;
  }
  .history_section .parent_area .right {
    height: 498px;
  }
  .history_section .parent_area .right .history_sliding_area .main_img_history {
    border-radius: 26px 0 0 26px;
    width: 110%;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item .year {
    font-size: 17px;
    margin-bottom: 20px;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item p {
    font-size: 18px;
    line-height: 22px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .netwrok_section {
    margin-bottom: 40px;
  }
  .netwrok_section .parent_area h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .netwrok_section .parent_area .network_list {
    margin-bottom: 40px;
    gap: 15px;
  }
  .netwrok_section .parent_area .network_list li {
    padding: 20px;
    height: 342px;
  }
  .netwrok_section .parent_area .network_list li:hover .network {
    gap: 20px;
  }
  .netwrok_section .parent_area .network_list li:hover .network .para {
    --height: 220px;
  }
  .netwrok_section .parent_area .network_list li .network .para p {
    font-size: 16px;
  }
  .company_section {
    margin-bottom: 40px;
  }
  .company_section .parent_area h2 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  .company_section .parent_area h4 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .company_section .parent_area p {
    font-size: 16px;
    line-height: 22px;
  }
  .brand_section {
    margin-bottom: 40px;
  }
  .brand_section .parent_area .title {
    margin-bottom: 30px;
  }
  .brand_section .parent_area .title .inner_title .img_area {
    width: 73px;
    height: 50px;
  }
  .brand_section .parent_area .title .inner_title h3 {
    font-size: 30px;
  }
  .brand_section .parent_area .title p {
    font-size: 16px;
  }
  .brand_section .parent_area ul {
    row-gap: 20px;
  }
  .brand_section .parent_area ul:has(li:nth-last-child(1):nth-child(2n+1)) {
    justify-content: flex-start;
  }
  .brand_section .parent_area ul:has(li:nth-last-child(2):nth-child(2n+1)) {
    justify-content: flex-start;
  }
  .brand_section .parent_area ul li {
    flex: 0 0 calc((100% - 17px) / 2);
    min-height: 286px;
  }
  .history_section {
    margin-bottom: 40px;
  }
  .history_section .parent_area .left h3 {
    font-size: 26px;
    margin-bottom: 14px;
  }
  .history_section .parent_area .left .logo {
    margin-bottom: 14px;
    width: 163px;
    height: 47px;
  }
  .history_section .parent_area .left h4 {
    margin-bottom: 14px;
    font-size: 22px;
  }
  .history_section .parent_area .left p {
    font-size: 16px;
    line-height: 22px;
  }
  .history_section .parent_area .right {
    height: 498px;
  }
  .history_section .parent_area .right .history_sliding_area .main_img_history {
    border-radius: 26px 0 0 26px;
    width: 105%;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history {
    margin-left: 40px;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item .year {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item .img_area {
    width: 160px;
    height: 50px;
    margin-bottom: 15px;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item p {
    font-size: 16px;
    line-height: 22px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .netwrok_section {
    margin-bottom: 30px;
  }
  .netwrok_section .parent_area h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .netwrok_section .parent_area .network_list {
    margin-bottom: 30px;
    gap: 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .netwrok_section .parent_area .network_list li {
    padding: 20px;
    height: 312px;
  }
  .netwrok_section .parent_area .network_list li:hover .network {
    gap: 20px;
  }
  .netwrok_section .parent_area .network_list li:hover .network .para {
    --height: 120px;
  }
  .netwrok_section .parent_area .network_list li .network .para p {
    font-size: 16px;
  }
  .company_section {
    margin-bottom: 30px;
  }
  .company_section .parent_area h2 {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .company_section .parent_area h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .company_section .parent_area h4 .icon {
    height: 22px;
    width: 22px;
  }
  .company_section .parent_area p {
    font-size: 16px;
    line-height: 22px;
  }
  .brand_section {
    margin-bottom: 30px;
  }
  .brand_section .parent_area .title {
    margin-bottom: 20px;
  }
  .brand_section .parent_area .title .inner_title .img_area {
    width: 53px;
    height: 36px;
  }
  .brand_section .parent_area .title .inner_title h3 {
    font-size: 26px;
  }
  .brand_section .parent_area .title p {
    font-size: 16px;
  }
  .brand_section .parent_area ul {
    row-gap: 20px;
  }
  .brand_section .parent_area ul:has(li:nth-last-child(1):nth-child(2n+1)) {
    justify-content: flex-start;
  }
  .brand_section .parent_area ul:has(li:nth-last-child(2):nth-child(2n+1)) {
    justify-content: flex-start;
  }
  .brand_section .parent_area ul li {
    flex: 0 0 calc((100% - 17px) / 2);
    min-height: 246px;
  }
  .brand_section .parent_area ul li .content {
    padding: 15px;
  }
  .history_section {
    margin-bottom: 30px;
  }
  .history_section .parent_area .left h3 {
    font-size: 22px;
    margin-bottom: 14px;
  }
  .history_section .parent_area .left .logo {
    margin-bottom: 14px;
    width: 163px;
    height: 47px;
  }
  .history_section .parent_area .left h4 {
    margin-bottom: 14px;
    font-size: 20px;
  }
  .history_section .parent_area .left p {
    font-size: 16px;
    line-height: 22px;
  }
  .history_section .parent_area .right {
    height: 250px;
  }
  .history_section .parent_area .right .history_sliding_area .main_img_history {
    border-radius: 26px 0 0 26px;
    width: 102%;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history {
    margin-left: 40px;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .swiper-wrapper {
    width: 95%;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item .year {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item .img_area {
    width: 160px;
    height: 50px;
    margin-bottom: 15px;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item p {
    font-size: 16px;
    line-height: 22px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .netwrok_section {
    margin-bottom: 25px;
  }
  .netwrok_section .parent_area h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .netwrok_section .parent_area .network_list {
    margin-bottom: 25px;
    gap: 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .netwrok_section .parent_area .network_list li {
    padding: 15px;
    height: 330px;
  }
  .netwrok_section .parent_area .network_list li:hover .network {
    gap: 15px;
  }
  .netwrok_section .parent_area .network_list li:hover .network .para {
    --height: 218px;
  }
  .netwrok_section .parent_area .network_list li .network .para p {
    font-size: 16px;
  }
  .company_section {
    margin-bottom: 25px;
  }
  .company_section .parent_area h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .company_section .parent_area h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .company_section .parent_area h4 .icon {
    height: 22px;
    width: 22px;
  }
  .company_section .parent_area p {
    font-size: 16px;
    line-height: 22px;
  }
  .brand_section {
    margin-bottom: 25px;
  }
  .brand_section .parent_area .title {
    margin-bottom: 15px;
  }
  .brand_section .parent_area .title .inner_title {
    gap: 25px;
  }
  .brand_section .parent_area .title .inner_title .img_area {
    width: 53px;
    height: 36px;
  }
  .brand_section .parent_area .title .inner_title h3 {
    font-size: 24px;
  }
  .brand_section .parent_area .title p {
    font-size: 16px;
  }
  .brand_section .parent_area ul {
    row-gap: 20px;
  }
  .brand_section .parent_area ul:has(li:nth-last-child(1):nth-child(2n+1)) {
    justify-content: flex-start;
  }
  .brand_section .parent_area ul:has(li:nth-last-child(2):nth-child(2n+1)) {
    justify-content: flex-start;
  }
  .brand_section .parent_area ul li {
    flex: 0 0 100%;
    min-height: 246px;
  }
  .brand_section .parent_area ul li .content {
    padding: 15px;
  }
  .history_section {
    margin-bottom: 25px;
  }
  .history_section .parent_area .left h3 {
    font-size: 22px;
    margin-bottom: 14px;
  }
  .history_section .parent_area .left .logo {
    margin-bottom: 14px;
    width: 163px;
    height: 47px;
  }
  .history_section .parent_area .left h4 {
    margin-bottom: 14px;
    font-size: 20px;
  }
  .history_section .parent_area .left p {
    font-size: 16px;
    line-height: 22px;
  }
  .history_section .parent_area .right {
    height: 270px;
  }
  .history_section .parent_area .right .history_sliding_area .main_img_history {
    border-radius: 26px 0 0 26px;
    width: 105%;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history {
    margin-left: 40px;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .swiper-wrapper {
    width: 95%;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item .year {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item .img_area {
    width: 160px;
    height: 50px;
    margin-bottom: 15px;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item p {
    font-size: 16px;
    line-height: 22px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .netwrok_section {
    margin-bottom: 25px;
  }
  .netwrok_section .parent_area h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .netwrok_section .parent_area .network_list {
    margin-bottom: 25px;
    gap: 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .netwrok_section .parent_area .network_list li {
    padding: 15px;
    height: 330px;
  }
  .netwrok_section .parent_area .network_list li:hover .network {
    gap: 15px;
  }
  .netwrok_section .parent_area .network_list li:hover .network .para {
    --height: 218px;
  }
  .netwrok_section .parent_area .network_list li .network .para p {
    font-size: 16px;
  }
  .company_section {
    margin-bottom: 25px;
  }
  .company_section .parent_area h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .company_section .parent_area h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .company_section .parent_area h4 .icon {
    height: 22px;
    width: 22px;
  }
  .company_section .parent_area p {
    font-size: 16px;
    line-height: 22px;
  }
  .brand_section {
    margin-bottom: 25px;
  }
  .brand_section .parent_area .title {
    margin-bottom: 15px;
  }
  .brand_section .parent_area .title .inner_title {
    gap: 25px;
  }
  .brand_section .parent_area .title .inner_title .img_area {
    width: 53px;
    height: 36px;
  }
  .brand_section .parent_area .title .inner_title h3 {
    font-size: 24px;
  }
  .brand_section .parent_area .title p {
    font-size: 16px;
  }
  .brand_section .parent_area ul {
    row-gap: 20px;
  }
  .brand_section .parent_area ul:has(li:nth-last-child(1):nth-child(2n+1)) {
    justify-content: flex-start;
  }
  .brand_section .parent_area ul:has(li:nth-last-child(2):nth-child(2n+1)) {
    justify-content: flex-start;
  }
  .brand_section .parent_area ul li {
    flex: 0 0 100%;
    min-height: 246px;
  }
  .brand_section .parent_area ul li .content {
    padding: 15px;
  }
  .history_section {
    margin-bottom: 25px;
  }
  .history_section .parent_area .left h3 {
    font-size: 22px;
    margin-bottom: 14px;
  }
  .history_section .parent_area .left .logo {
    margin-bottom: 14px;
    width: 163px;
    height: 47px;
  }
  .history_section .parent_area .left h4 {
    margin-bottom: 14px;
    font-size: 20px;
  }
  .history_section .parent_area .left p {
    font-size: 16px;
    line-height: 22px;
  }
  .history_section .parent_area .right {
    height: 270px;
  }
  .history_section .parent_area .right .history_sliding_area .main_img_history {
    border-radius: 26px 0 0 26px;
    width: 105%;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history {
    margin-left: 40px;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .swiper-wrapper {
    width: 95%;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item .year {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item .img_area {
    width: 160px;
    height: 50px;
    margin-bottom: 15px;
  }
  .history_section .parent_area .right .history_sliding_area .vertical_thumbs_history .item p {
    font-size: 16px;
    line-height: 22px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.strength_section {
  margin-bottom: 90px;
}
.strength_section .parent_area .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 35px;
  margin-bottom: 42px;
}
.strength_section .parent_area .title .img_area {
  width: 133px;
  height: 92px;
}
.strength_section .parent_area .title h3 {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 60px;
  color: #121212;
  text-align: center;
}
.strength_section .parent_area .title h3 span {
  display: block;
  background: linear-gradient(90deg, #f06847 0%, #f4815c 50%, #e5230e 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.strength_section .parent_area ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 90px;
  row-gap: 70px;
}
.strength_section .parent_area ul li .top {
  margin-bottom: 24px;
  width: 178px;
  height: 154px;
  display: grid;
  place-items: center;
  background-color: #F5F6F8;
  border-radius: 28px;
  margin-inline: auto;
}
.strength_section .parent_area ul li .top .img_area {
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
}
.strength_section .parent_area ul li .top .img_area img {
  object-fit: contain;
}
.strength_section .parent_area ul li p {
  font-family: TRIAL Sagace;
  font-weight: 700;
  font-size: 26px;
  text-align: center;
  color: #171717;
}

.infrastructure_section {
  margin-bottom: 90px;
}
.infrastructure_section .parent_area {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 60px;
}
.infrastructure_section .parent_area .left {
  display: grid;
  place-items: center;
}
.infrastructure_section .parent_area .left .inner_left {
  position: relative;
}
.infrastructure_section .parent_area .left .inner_left .img_area {
  width: 383px;
  height: 406px;
  border-radius: 36px;
  overflow: hidden;
  background-color: #E4E4E4;
  transform: rotate(1.76deg);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  perspective: 700;
  transform-style: preserve-3d;
}
.infrastructure_section .parent_area .left .inner_left .img_area.top {
  position: absolute;
  z-index: 1;
  transform: rotate(-3deg);
  bottom: 70px;
  left: -100px;
}
.infrastructure_section .parent_area .left .inner_left .img_area.top:hover {
  transform: scale(1.05);
  z-index: 3;
}
.infrastructure_section .parent_area .left .inner_left .img_area.bottom {
  transform: rotate(4deg);
  z-index: 2;
  position: absolute;
  top: 80px;
  left: 90px;
}
.infrastructure_section .parent_area .left .inner_left .img_area.bottom:hover {
  transform: scale(1.05);
}
.infrastructure_section .parent_area .right h3 {
  font-weight: 700;
  font-size: 46px;
  color: #171717;
  margin-bottom: 18px;
}
.infrastructure_section .parent_area .right h3 span {
  color: #E84508;
}
.infrastructure_section .parent_area .right p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #7a7a7a;
  margin-bottom: 24px;
  letter-spacing: 0.1px;
}
.infrastructure_section .parent_area .right .content > :last-child {
  margin-bottom: 0;
}
.infrastructure_section .parent_area .right .content h5 {
  font-family: "General Sans";
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.1px;
  color: #171717;
}
.infrastructure_section .parent_area .right .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
  margin-bottom: 25px;
}

.vission_mission_section {
  margin-bottom: 90px;
}
.vission_mission_section .parent_area .left h3 {
  font-weight: 700;
  font-size: 36px;
  color: #171717;
  margin-bottom: 60px;
}
.vission_mission_section .parent_area .left h3 span {
  color: #E84508;
}
.vission_mission_section .parent_area .left ul {
  row-gap: 80px;
  display: flex;
  flex-direction: column;
}
.vission_mission_section .parent_area .left ul li {
  display: flex;
  align-items: center;
  gap: 19px;
}
.vission_mission_section .parent_area .left ul li:hover .img_area {
  background-color: #E84508;
}
.vission_mission_section .parent_area .left ul li:hover .img_area img {
  filter: brightness(0) invert(1);
}
.vission_mission_section .parent_area .left ul li .img_area {
  width: 106px;
  height: 92px;
  background-color: #F5F6F8;
  border-radius: 16px;
  padding: 15px 22px;
  flex-shrink: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.vission_mission_section .parent_area .left ul li .img_area img {
  -webkit-transition: all 0.05s ease;
  -moz-transition: all 0.05s ease;
  -ms-transition: all 0.05s ease;
  -o-transition: all 0.05s ease;
  transition: all 0.05s ease;
  object-fit: contain;
}
.vission_mission_section .parent_area .left ul li .content > :last-child {
  margin-bottom: 0;
}
.vission_mission_section .parent_area .left ul li .content h5 {
  font-weight: 700;
  font-size: 26px;
  color: #171717;
  margin-bottom: 8px;
}
.vission_mission_section .parent_area .left ul li .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #7a7a7a;
}
.vission_mission_section .parent_area .right {
  position: relative;
  height: 100%;
}
.vission_mission_section .parent_area .right::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #E5230E;
  width: 19px;
  height: 78px;
  transform: translateX(-100%);
}
.vission_mission_section .parent_area .right .img_area {
  width: 100%;
  height: 563px;
  position: relative;
}
.vission_mission_section .parent_area .right .img_area::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  height: 90px;
  background-color: #E5230E;
  mix-blend-mode: color;
}

.work_client_section {
  margin-bottom: 90px;
}
.work_client_section .parent_area > .row {
  row-gap: 38px;
}
.work_client_section .parent_area .left > :last-child {
  margin-bottom: 0;
}
.work_client_section .parent_area .left h3 {
  font-weight: 700;
  font-size: 32px;
  color: #171717;
  margin-bottom: 18px;
}
.work_client_section .parent_area .left h5 {
  font-weight: 500;
  font-size: 24px;
  color: #E84508;
  margin-bottom: 26px;
}
.work_client_section .parent_area .left p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
}
.work_client_section .parent_area .right .img_area {
  height: 360px;
  position: relative;
}
.work_client_section .parent_area .right .img_area::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #E84508;
  width: 17px;
  height: 83px;
  transform: translateX(-100%);
}
.work_client_section .parent_area ul {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 42px;
}
.work_client_section .parent_area ul li .top {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #E6E6E9;
  margin-bottom: 13px;
  display: grid;
  place-items: center;
}
.work_client_section .parent_area ul li .top .inner_img {
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  border-radius: inherit;
  background-color: #ffffff;
  display: grid;
  place-items: center;
}
.work_client_section .parent_area ul li .top .inner_img .img_area {
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
}
.work_client_section .parent_area ul li .bottom h4 {
  margin-bottom: 7px;
  font-weight: 500;
  font-size: 18px;
  color: #171717;
}
.work_client_section .parent_area ul li .bottom p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
}

.work_partner_section {
  margin-bottom: 90px;
}
.work_partner_section .parent_area .left .img_area {
  height: 634px;
  position: relative;
}
.work_partner_section .parent_area .left .img_area::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateX(100%);
  width: 16px;
  height: 73px;
  background-color: #E84508;
}
.work_partner_section .parent_area .right {
  width: 720px;
  max-width: 100%;
  margin-inline: auto;
}
.work_partner_section .parent_area .right h3 {
  font-weight: 700;
  font-size: 32px;
  color: #171717;
  margin-bottom: 18px;
}
.work_partner_section .parent_area .right h5 {
  font-weight: 500;
  font-size: 24px;
  color: #E84508;
  margin-bottom: 32px;
  line-height: 24px;
}
.work_partner_section .parent_area .right ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 55px;
}
.work_partner_section .parent_area .right ul li {
  display: flex;
  align-items: center;
  gap: 12px;
}
.work_partner_section .parent_area .right ul li .top {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #E6E6E9;
  display: grid;
  place-items: center;
}
.work_partner_section .parent_area .right ul li .top .inner_img {
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  border-radius: inherit;
  background-color: #ffffff;
  display: grid;
  place-items: center;
}
.work_partner_section .parent_area .right ul li .top .inner_img .img_area {
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
}
.work_partner_section .parent_area .right ul li .bottom {
  flex-grow: 1;
}
.work_partner_section .parent_area .right ul li .bottom h4 {
  margin-bottom: 7px;
  font-weight: 500;
  font-size: 18px;
  color: #171717;
}
.work_partner_section .parent_area .right ul li .bottom p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
}

.strength_team {
  margin-bottom: 90px;
}
.strength_team .parent_area h3 {
  font-weight: 700;
  font-size: 42px;
  color: #E84508;
  margin-bottom: 32px;
}
.strength_team .parent_area ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px 20px;
}
.strength_team .parent_area ul li {
  padding-bottom: 24px;
  position: relative;
}
.strength_team .parent_area ul li .img_area {
  height: 273px;
  position: relative;
  margin-bottom: 8px;
}
.strength_team .parent_area ul li .img_area .linked_icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 38px;
  height: 30px;
  background-color: #0045DB;
  color: #ffffff;
  font-size: 18px;
  display: grid;
  place-items: center;
}
.strength_team .parent_area ul li .content h4 {
  font-weight: 500;
  font-size: 18px;
  color: #171717;
  margin-bottom: 8px;
}
.strength_team .parent_area ul li .content h6 {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.09px;
  color: #E84508;
  margin-bottom: 8px;
}
.strength_team .parent_area ul li .content .contact {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 6px;
}
.strength_team .parent_area ul li .content .contact:has(+ .contact) {
  margin-bottom: 6px;
}
.strength_team .parent_area ul li .content .contact .icon {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  color: #328E6E;
}
.strength_team .parent_area ul li .content .contact span {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.09px;
  color: #7a7a7a;
}
.strength_team .parent_area ul li .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.09px;
  color: #7a7a7a;
}
.strength_team .parent_area ul li::after, .strength_team .parent_area ul li::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 9px;
}
.strength_team .parent_area ul li::before {
  z-index: 1;
  transform: scaleX(0);
  transform-origin: right bottom;
  background-color: #E84508;
  -webkit-transition: transform 0.55s ease-in-out;
  -moz-transition: transform 0.55s ease-in-out;
  -ms-transition: transform 0.55s ease-in-out;
  -o-transition: transform 0.55s ease-in-out;
  transition: transform 0.55s ease-in-out;
}
.strength_team .parent_area ul li::after {
  background-color: #E6E6E9;
}
.strength_team .parent_area ul li:hover::before {
  transform-origin: left bottom;
  transform: scaleX(1);
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .strength_section {
    margin-bottom: 70px;
  }
  .strength_section .parent_area .title {
    margin-bottom: 35px;
  }
  .strength_section .parent_area .title .img_area {
    width: 103px;
    height: 70px;
  }
  .strength_section .parent_area .title h3 {
    font-size: 45px;
  }
  .strength_section .parent_area ul {
    column-gap: 70px;
    row-gap: 50px;
  }
  .vission_mission_section {
    margin-bottom: 70px;
  }
  .vission_mission_section .parent_area .left h3 {
    margin-bottom: 50px;
  }
  .vission_mission_section .parent_area .left ul {
    row-gap: 70px;
  }
  .work_client_section {
    margin-bottom: 70px;
  }
  .work_client_section .parent_area .left h3 {
    margin-bottom: 14px;
  }
  .work_client_section .parent_area .left h5 {
    margin-bottom: 14px;
  }
  .work_partner_section {
    margin-bottom: 70px;
  }
  .work_partner_section .parent_area .right h3 {
    margin-bottom: 14px;
  }
  .work_partner_section .parent_area .right h5 {
    margin-bottom: 25px;
  }
  .work_partner_section .parent_area .right ul {
    gap: 42px;
  }
  .strength_team {
    margin-bottom: 70px;
  }
  .strength_team .parent_area h3 {
    font-size: 36px;
    margin-bottom: 25px;
  }
  .infrastructure_section {
    margin-bottom: 70px;
  }
  .infrastructure_section .parent_area .right h3 {
    font-size: 36px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .strength_section {
    margin-bottom: 70px;
  }
  .strength_section .parent_area .title {
    margin-bottom: 35px;
  }
  .strength_section .parent_area .title .img_area {
    width: 103px;
    height: 70px;
  }
  .strength_section .parent_area .title h3 {
    font-size: 45px;
  }
  .strength_section .parent_area ul {
    column-gap: 70px;
    row-gap: 50px;
  }
  .vission_mission_section {
    margin-bottom: 70px;
  }
  .vission_mission_section .parent_area .left h3 {
    margin-bottom: 50px;
  }
  .vission_mission_section .parent_area .left ul {
    row-gap: 70px;
  }
  .work_client_section {
    margin-bottom: 70px;
  }
  .work_client_section .parent_area .left h3 {
    margin-bottom: 14px;
  }
  .work_client_section .parent_area .left h5 {
    margin-bottom: 14px;
  }
  .work_partner_section {
    margin-bottom: 70px;
  }
  .work_partner_section .parent_area .right h3 {
    margin-bottom: 14px;
  }
  .work_partner_section .parent_area .right h5 {
    margin-bottom: 25px;
  }
  .work_partner_section .parent_area .right ul {
    gap: 42px;
  }
  .strength_team {
    margin-bottom: 70px;
  }
  .strength_team .parent_area h3 {
    font-size: 36px;
    margin-bottom: 25px;
  }
  .infrastructure_section {
    margin-bottom: 70px;
  }
  .infrastructure_section .parent_area .right h3 {
    font-size: 36px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .strength_section {
    margin-bottom: 50px;
  }
  .strength_section .parent_area .title {
    margin-bottom: 30px;
  }
  .strength_section .parent_area .title .img_area {
    width: 83px;
    height: 57px;
  }
  .strength_section .parent_area .title h3 {
    font-size: 35px;
  }
  .strength_section .parent_area ul {
    column-gap: 50px;
    row-gap: 40px;
  }
  .strength_section .parent_area ul li .top {
    margin-bottom: 20px;
  }
  .strength_section .parent_area ul li .top .img_area {
    width: 68px;
    height: 68px;
  }
  .strength_section .parent_area ul li p {
    font-size: 22px;
  }
  .vission_mission_section {
    margin-bottom: 50px;
  }
  .vission_mission_section .parent_area .left h3 {
    margin-bottom: 40px;
    font-size: 28px;
  }
  .vission_mission_section .parent_area .left ul {
    row-gap: 50px;
  }
  .vission_mission_section .parent_area .left ul li {
    gap: 15px;
  }
  .vission_mission_section .parent_area .left ul li .img_area {
    width: 86px;
    height: 82px;
    border-radius: 12px;
  }
  .vission_mission_section .parent_area .left ul li .content h5 {
    font-size: 22px;
  }
  .vission_mission_section .parent_area .left ul li .content p {
    font-size: 18px;
  }
  .vission_mission_section .parent_area .right::after {
    width: 15px;
    height: 60px;
  }
  .vission_mission_section .parent_area .right .img_area {
    height: 423px;
  }
  .work_client_section {
    margin-bottom: 50px;
  }
  .work_client_section .parent_area .left h3 {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .work_client_section .parent_area .left h5 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .work_client_section .parent_area .left p {
    font-size: 17px;
  }
  .work_client_section .parent_area .right .img_area {
    height: 300px;
  }
  .work_client_section .parent_area .right .img_area::after {
    height: 60px;
  }
  .work_client_section .parent_area ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
  }
  .work_client_section .parent_area ul li .top {
    width: 90px;
    height: 90px;
  }
  .work_client_section .parent_area ul li .top .inner_img .img_area {
    width: 40px;
    height: 40px;
  }
  .work_partner_section {
    margin-bottom: 50px;
  }
  .work_partner_section .parent_area .left .img_area {
    height: 499px;
  }
  .work_partner_section .parent_area .right h3 {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .work_partner_section .parent_area .right h5 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .work_partner_section .parent_area .right ul {
    gap: 30px;
  }
  .work_partner_section .parent_area .right ul li .top {
    width: 80px;
    height: 80px;
  }
  .work_partner_section .parent_area .right ul li .top .inner_img .img_area {
    width: 40px;
    height: 40px;
  }
  .strength_team {
    margin-bottom: 50px;
  }
  .strength_team .parent_area h3 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .strength_team .parent_area ul li .img_area {
    height: 216px;
  }
  .infrastructure_section {
    margin-bottom: 50px;
  }
  .infrastructure_section .parent_area {
    gap: 40px;
  }
  .infrastructure_section .parent_area .left .inner_left .img_area {
    width: 273px;
    height: 286px;
    border-radius: 22px;
  }
  .infrastructure_section .parent_area .right h3 {
    font-size: 30px;
  }
  .infrastructure_section .parent_area .right p {
    font-size: 18px;
    line-height: 24px;
  }
  .infrastructure_section .parent_area .right .content p {
    font-size: 16px;
    line-height: 22px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .strength_section {
    margin-bottom: 40px;
  }
  .strength_section .parent_area .title {
    margin-bottom: 25px;
  }
  .strength_section .parent_area .title .img_area {
    width: 73px;
    height: 50px;
  }
  .strength_section .parent_area .title h3 {
    font-size: 30px;
  }
  .strength_section .parent_area ul {
    column-gap: 40px;
    row-gap: 30px;
  }
  .strength_section .parent_area ul li .top {
    width: 148px;
    height: 134px;
    border-radius: 20px;
    margin-bottom: 20px;
  }
  .strength_section .parent_area ul li .top .img_area {
    width: 68px;
    height: 68px;
  }
  .strength_section .parent_area ul li p {
    font-size: 20px;
  }
  .vission_mission_section {
    margin-bottom: 40px;
  }
  .vission_mission_section .parent_area .left h3 {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .vission_mission_section .parent_area .left ul {
    row-gap: 40px;
  }
  .vission_mission_section .parent_area .left ul li {
    gap: 15px;
  }
  .vission_mission_section .parent_area .left ul li .img_area {
    width: 86px;
    height: 82px;
    border-radius: 12px;
  }
  .vission_mission_section .parent_area .left ul li .content h5 {
    font-size: 22px;
  }
  .vission_mission_section .parent_area .left ul li .content p {
    font-size: 18px;
  }
  .vission_mission_section .parent_area .right::after {
    width: 15px;
    height: 60px;
  }
  .vission_mission_section .parent_area .right .img_area {
    height: 423px;
  }
  .work_client_section {
    margin-bottom: 40px;
  }
  .work_client_section .parent_area .left h3 {
    margin-bottom: 10px;
    font-size: 24px;
  }
  .work_client_section .parent_area .left h5 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .work_client_section .parent_area .left p {
    font-size: 17px;
  }
  .work_client_section .parent_area .right {
    height: 100%;
    align-content: center;
  }
  .work_client_section .parent_area .right .img_area {
    height: 211px;
  }
  .work_client_section .parent_area .right .img_area::after {
    height: 60px;
  }
  .work_client_section .parent_area ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
  }
  .work_client_section .parent_area ul li .top {
    width: 90px;
    height: 90px;
  }
  .work_client_section .parent_area ul li .top .inner_img .img_area {
    width: 40px;
    height: 40px;
  }
  .work_partner_section {
    margin-bottom: 40px;
  }
  .work_partner_section .parent_area .left .img_area {
    height: 566px;
  }
  .work_partner_section .parent_area .right h3 {
    margin-bottom: 10px;
    font-size: 26px;
  }
  .work_partner_section .parent_area .right h5 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .work_partner_section .parent_area .right ul {
    gap: 25px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .work_partner_section .parent_area .right ul li .top {
    width: 80px;
    height: 80px;
  }
  .work_partner_section .parent_area .right ul li .top .inner_img .img_area {
    width: 40px;
    height: 40px;
  }
  .strength_team {
    margin-bottom: 40px;
  }
  .strength_team .parent_area h3 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .strength_team .parent_area ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .strength_team .parent_area ul li .img_area {
    height: 216px;
  }
  .infrastructure_section {
    margin-bottom: 40px;
  }
  .infrastructure_section .parent_area {
    gap: 30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .infrastructure_section .parent_area .left {
    padding-block: 90px;
  }
  .infrastructure_section .parent_area .left .inner_left .img_area {
    width: 273px;
    height: 286px;
    border-radius: 22px;
  }
  .infrastructure_section .parent_area .right h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .infrastructure_section .parent_area .right p {
    font-size: 16px;
    line-height: 24px;
  }
  .infrastructure_section .parent_area .right .content p {
    font-size: 16px;
    line-height: 22px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .strength_section {
    margin-bottom: 30px;
  }
  .strength_section .parent_area .title {
    margin-bottom: 25px;
  }
  .strength_section .parent_area .title .img_area {
    width: 53px;
    height: 36px;
  }
  .strength_section .parent_area .title h3 {
    font-size: 26px;
  }
  .strength_section .parent_area ul {
    gap: 20px;
  }
  .strength_section .parent_area ul li .top {
    width: 138px;
    height: 125px;
    border-radius: 20px;
    margin-bottom: 15px;
  }
  .strength_section .parent_area ul li .top .img_area {
    width: 60px;
    height: 60px;
  }
  .strength_section .parent_area ul li p {
    font-size: 18px;
  }
  .vission_mission_section {
    margin-bottom: 30px;
  }
  .vission_mission_section .parent_area .left h3 {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .vission_mission_section .parent_area .left ul {
    row-gap: 20px;
  }
  .vission_mission_section .parent_area .left ul li {
    gap: 12px;
  }
  .vission_mission_section .parent_area .left ul li .img_area {
    width: 56px;
    height: 52px;
    border-radius: 12px;
    padding: 12px;
  }
  .vission_mission_section .parent_area .left ul li .content h5 {
    font-size: 18px;
  }
  .vission_mission_section .parent_area .left ul li .content p {
    font-size: 16px;
  }
  .vission_mission_section .parent_area .right::after {
    width: 10px;
    height: 50px;
  }
  .vission_mission_section .parent_area .right .img_area {
    height: 333px;
  }
  .vission_mission_section .parent_area .right .img_area::after {
    height: 70px;
  }
  .work_client_section {
    margin-bottom: 30px;
  }
  .work_client_section .parent_area > .row {
    row-gap: 20px;
  }
  .work_client_section .parent_area .left h3 {
    margin-bottom: 10px;
    font-size: 24px;
  }
  .work_client_section .parent_area .left h5 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .work_client_section .parent_area .left p {
    font-size: 16px;
  }
  .work_client_section .parent_area .right {
    height: 100%;
    align-content: center;
  }
  .work_client_section .parent_area .right .img_area {
    height: 321px;
  }
  .work_client_section .parent_area .right .img_area::after {
    height: 40px;
  }
  .work_client_section .parent_area ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
  .work_client_section .parent_area ul li .top {
    width: 90px;
    height: 90px;
  }
  .work_client_section .parent_area ul li .top .inner_img .img_area {
    width: 40px;
    height: 40px;
  }
  .work_partner_section {
    margin-bottom: 30px;
  }
  .work_partner_section .parent_area .left .img_area {
    height: 340px;
  }
  .work_partner_section .parent_area .right h3 {
    margin-bottom: 10px;
    font-size: 24px;
  }
  .work_partner_section .parent_area .right h5 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .work_partner_section .parent_area .right ul {
    gap: 25px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .work_partner_section .parent_area .right ul li .top {
    width: 80px;
    height: 80px;
  }
  .work_partner_section .parent_area .right ul li .top .inner_img .img_area {
    width: 40px;
    height: 40px;
  }
  .strength_team {
    margin-bottom: 30px;
  }
  .strength_team .parent_area h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .strength_team .parent_area ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
  .strength_team .parent_area ul li .img_area {
    height: 185px;
  }
  .infrastructure_section {
    margin-bottom: 30px;
  }
  .infrastructure_section .parent_area {
    gap: 30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .infrastructure_section .parent_area .left {
    padding-block: 90px;
  }
  .infrastructure_section .parent_area .left .inner_left .img_area {
    width: 273px;
    height: 286px;
    border-radius: 22px;
  }
  .infrastructure_section .parent_area .right h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .infrastructure_section .parent_area .right p {
    font-size: 16px;
    line-height: 24px;
  }
  .infrastructure_section .parent_area .right .content h5 {
    font-size: 18px;
  }
  .infrastructure_section .parent_area .right .content p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .strength_section {
    margin-bottom: 25px;
  }
  .strength_section .parent_area .title {
    margin-bottom: 25px;
    gap: 25px;
  }
  .strength_section .parent_area .title .img_area {
    width: 53px;
    height: 36px;
  }
  .strength_section .parent_area .title h3 {
    font-size: 24px;
  }
  .strength_section .parent_area ul {
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .strength_section .parent_area ul li .top {
    width: 138px;
    height: 125px;
    border-radius: 20px;
    margin-bottom: 15px;
  }
  .strength_section .parent_area ul li .top .img_area {
    width: 60px;
    height: 60px;
  }
  .strength_section .parent_area ul li p {
    font-size: 18px;
  }
  .vission_mission_section {
    margin-bottom: 25px;
  }
  .vission_mission_section .parent_area .left h3 {
    margin-bottom: 20px;
    font-size: 22px;
  }
  .vission_mission_section .parent_area .left ul {
    row-gap: 20px;
  }
  .vission_mission_section .parent_area .left ul li {
    gap: 12px;
  }
  .vission_mission_section .parent_area .left ul li .img_area {
    width: 56px;
    height: 52px;
    border-radius: 12px;
    padding: 12px;
  }
  .vission_mission_section .parent_area .left ul li .content h5 {
    font-size: 18px;
  }
  .vission_mission_section .parent_area .left ul li .content p {
    font-size: 16px;
  }
  .vission_mission_section .parent_area .right::after {
    width: 10px;
    height: 50px;
  }
  .vission_mission_section .parent_area .right .img_area {
    height: 300px;
  }
  .vission_mission_section .parent_area .right .img_area::after {
    height: 60px;
  }
  .work_client_section {
    margin-bottom: 25px;
  }
  .work_client_section .parent_area > .row {
    row-gap: 15px;
  }
  .work_client_section .parent_area .left h3 {
    margin-bottom: 10px;
    font-size: 22px;
  }
  .work_client_section .parent_area .left h5 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .work_client_section .parent_area .left p {
    font-size: 16px;
  }
  .work_client_section .parent_area .right {
    height: 100%;
    align-content: center;
  }
  .work_client_section .parent_area .right .img_area {
    height: 175px;
  }
  .work_client_section .parent_area .right .img_area::after {
    height: 40px;
    width: 9px;
  }
  .work_client_section .parent_area ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
  }
  .work_client_section .parent_area ul li .top {
    width: 80px;
    height: 80px;
  }
  .work_client_section .parent_area ul li .top .inner_img {
    width: calc(100% - 12px);
    height: calc(100% - 12px);
  }
  .work_client_section .parent_area ul li .top .inner_img .img_area {
    width: 40px;
    height: 40px;
  }
  .work_client_section .parent_area ul li .bottom h4 {
    font-size: 16px;
  }
  .work_partner_section {
    margin-bottom: 25px;
  }
  .work_partner_section .parent_area .left .img_area {
    height: 400px;
  }
  .work_partner_section .parent_area .right h3 {
    margin-bottom: 10px;
    font-size: 22px;
  }
  .work_partner_section .parent_area .right h5 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .work_partner_section .parent_area .right ul {
    gap: 25px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .work_partner_section .parent_area .right ul li .top {
    width: 80px;
    height: 80px;
  }
  .work_partner_section .parent_area .right ul li .top .inner_img {
    width: calc(100% - 12px);
    height: calc(100% - 12px);
  }
  .work_partner_section .parent_area .right ul li .top .inner_img .img_area {
    width: 40px;
    height: 40px;
  }
  .strength_team {
    margin-bottom: 25px;
  }
  .strength_team .parent_area h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .strength_team .parent_area ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }
  .strength_team .parent_area ul li .img_area {
    height: 270px;
  }
  .infrastructure_section {
    margin-bottom: 25px;
  }
  .infrastructure_section .parent_area {
    gap: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .infrastructure_section .parent_area .left {
    padding-block: 50px;
  }
  .infrastructure_section .parent_area .left .inner_left .img_area {
    width: 170px;
    height: 170px;
    border-radius: 15px;
  }
  .infrastructure_section .parent_area .left .inner_left .img_area.top {
    bottom: 40px;
    left: -60px;
  }
  .infrastructure_section .parent_area .left .inner_left .img_area.bottom {
    top: 40px;
    left: 60px;
  }
  .infrastructure_section .parent_area .right h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .infrastructure_section .parent_area .right p {
    font-size: 16px;
    line-height: 24px;
  }
  .infrastructure_section .parent_area .right .content h5 {
    font-size: 18px;
  }
  .infrastructure_section .parent_area .right .content p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .strength_section {
    margin-bottom: 25px;
  }
  .strength_section .parent_area .title {
    margin-bottom: 25px;
    gap: 25px;
  }
  .strength_section .parent_area .title .img_area {
    width: 53px;
    height: 36px;
  }
  .strength_section .parent_area .title h3 {
    font-size: 24px;
  }
  .strength_section .parent_area ul {
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .strength_section .parent_area ul li .top {
    width: 138px;
    height: 125px;
    border-radius: 20px;
    margin-bottom: 15px;
  }
  .strength_section .parent_area ul li .top .img_area {
    width: 60px;
    height: 60px;
  }
  .strength_section .parent_area ul li p {
    font-size: 18px;
  }
  .vission_mission_section {
    margin-bottom: 25px;
  }
  .vission_mission_section .parent_area .left h3 {
    margin-bottom: 20px;
    font-size: 22px;
  }
  .vission_mission_section .parent_area .left ul {
    row-gap: 20px;
  }
  .vission_mission_section .parent_area .left ul li {
    gap: 12px;
  }
  .vission_mission_section .parent_area .left ul li .img_area {
    width: 56px;
    height: 52px;
    border-radius: 12px;
    padding: 12px;
  }
  .vission_mission_section .parent_area .left ul li .content h5 {
    font-size: 18px;
  }
  .vission_mission_section .parent_area .left ul li .content p {
    font-size: 16px;
  }
  .vission_mission_section .parent_area .right::after {
    width: 10px;
    height: 50px;
  }
  .vission_mission_section .parent_area .right .img_area {
    height: 300px;
  }
  .vission_mission_section .parent_area .right .img_area::after {
    height: 60px;
  }
  .work_client_section {
    margin-bottom: 25px;
  }
  .work_client_section .parent_area > .row {
    row-gap: 15px;
  }
  .work_client_section .parent_area .left h3 {
    margin-bottom: 10px;
    font-size: 22px;
  }
  .work_client_section .parent_area .left h5 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .work_client_section .parent_area .left p {
    font-size: 16px;
  }
  .work_client_section .parent_area .right {
    height: 100%;
    align-content: center;
  }
  .work_client_section .parent_area .right .img_area {
    height: 175px;
  }
  .work_client_section .parent_area .right .img_area::after {
    height: 40px;
    width: 9px;
  }
  .work_client_section .parent_area ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
  }
  .work_client_section .parent_area ul li .top {
    width: 80px;
    height: 80px;
  }
  .work_client_section .parent_area ul li .top .inner_img {
    width: calc(100% - 12px);
    height: calc(100% - 12px);
  }
  .work_client_section .parent_area ul li .top .inner_img .img_area {
    width: 40px;
    height: 40px;
  }
  .work_client_section .parent_area ul li .bottom h4 {
    font-size: 16px;
  }
  .work_partner_section {
    margin-bottom: 25px;
  }
  .work_partner_section .parent_area .left .img_area {
    height: 400px;
  }
  .work_partner_section .parent_area .right h3 {
    margin-bottom: 10px;
    font-size: 22px;
  }
  .work_partner_section .parent_area .right h5 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .work_partner_section .parent_area .right ul {
    gap: 25px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .work_partner_section .parent_area .right ul li .top {
    width: 80px;
    height: 80px;
  }
  .work_partner_section .parent_area .right ul li .top .inner_img {
    width: calc(100% - 12px);
    height: calc(100% - 12px);
  }
  .work_partner_section .parent_area .right ul li .top .inner_img .img_area {
    width: 40px;
    height: 40px;
  }
  .strength_team {
    margin-bottom: 25px;
  }
  .strength_team .parent_area h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .strength_team .parent_area ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
  }
  .strength_team .parent_area ul li .img_area {
    height: 270px;
  }
  .infrastructure_section {
    margin-bottom: 25px;
  }
  .infrastructure_section .parent_area {
    gap: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .infrastructure_section .parent_area .left {
    padding-block: 50px;
  }
  .infrastructure_section .parent_area .left .inner_left .img_area {
    width: 170px;
    height: 170px;
    border-radius: 15px;
  }
  .infrastructure_section .parent_area .left .inner_left .img_area.top {
    bottom: 40px;
    left: -60px;
  }
  .infrastructure_section .parent_area .left .inner_left .img_area.bottom {
    top: 40px;
    left: 60px;
  }
  .infrastructure_section .parent_area .right h3 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .infrastructure_section .parent_area .right p {
    font-size: 16px;
    line-height: 24px;
  }
  .infrastructure_section .parent_area .right .content h5 {
    font-size: 18px;
  }
  .infrastructure_section .parent_area .right .content p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.jobs_section {
  margin-bottom: 90px;
}
.jobs_section .parent_area h3 {
  font-weight: 700;
  font-size: 46px;
  color: #171717;
  margin-bottom: 50px;
}
.jobs_section .parent_area h3 span {
  color: #E84508;
  display: block;
}
.jobs_section .parent_area .jobs_area .job:not(:last-child) {
  margin-bottom: 50px;
}
.jobs_section .parent_area .jobs_area .job {
  display: flex;
  gap: 8px;
}
.jobs_section .parent_area .jobs_area .job .left {
  flex-shrink: 0;
  width: 300px;
}
.jobs_section .parent_area .jobs_area .job .left > :last-child {
  margin-bottom: 0;
}
.jobs_section .parent_area .jobs_area .job .left h4 {
  color: #171717;
  font-weight: 700;
  font-size: 26px;
  margin-bottom: 12px;
}
.jobs_section .parent_area .jobs_area .job .left p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
}
.jobs_section .parent_area .jobs_area .job .line {
  width: 194px;
  flex-shrink: 0;
  transform: translateY(20px);
  height: 1px;
  background-color: #E84508;
}
.jobs_section .parent_area .jobs_area .job .right .contact {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.jobs_section .parent_area .jobs_area .job .right .contact .icon {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  color: #E84508;
}
.jobs_section .parent_area .jobs_area .job .right .contact span {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
}
.jobs_section .parent_area .jobs_area .job .right .skills {
  margin-bottom: 12px;
}
.jobs_section .parent_area .jobs_area .job .right .skills p {
  font-family: "General Sans";
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1px;
  font-weight: 500;
  color: #7a7a7a;
}
.jobs_section .parent_area .jobs_area .job .right .skills p span {
  margin-right: 8px;
  color: #171717;
  font-weight: 600;
}
.jobs_section .parent_area .jobs_area .job .right .detail p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1px;
  color: #7a7a7a;
}

.job_contact_section {
  padding-block: 90px;
  margin-bottom: 90px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.job_contact_section::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(128.29deg, rgba(232, 69, 8, 0.86) -10.95%, rgba(229, 35, 14, 0.86) 104.46%);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.job_contact_section .parent_area {
  position: relative;
  z-index: 2;
}
.job_contact_section .parent_area .left h3 {
  font-weight: 700;
  font-size: 46px;
  color: #ffffff;
  margin-bottom: 27px;
  text-align: right;
}
.job_contact_section .parent_area .left .img_area {
  margin-left: -50%;
}
.job_contact_section .parent_area .left .img_area .inner_img {
  width: 100%;
  height: 480px;
}
.job_contact_section .parent_area .right {
  width: 546px;
  margin-inline: auto;
  max-width: 100%;
}
.job_contact_section .parent_area .right .form-group .form-label {
  color: #ffffff;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px;
}
.job_contact_section .parent_area .right .form-group .form-label.resume {
  margin-top: 12px;
  padding: 12px 16px;
  border: 0.5px solid #F8F8F8;
  background-color: #f6f6f9;
  border-radius: 8px;
  display: flex;
  align-items: center;
  min-height: 47px;
  gap: 10px;
}
.job_contact_section .parent_area .right .form-group .form-label.resume span {
  font-family: "General Sans";
  color: #8B8B8B;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  white-space: nowrap;
  display: block;
  overflow-x: auto;
  scrollbar-width: none;
}
.job_contact_section .parent_area .right .form-group .form-label.resume span::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
.job_contact_section .parent_area .right .form-group .form-label.resume .icon {
  width: 16px;
  flex-shrink: 0;
  height: 16px;
  display: grid;
  place-items: center;
}
.job_contact_section .parent_area .right .form-group label.error {
  color: #ffffff !important;
}
.job_contact_section .parent_area .right .btn_area {
  width: 100%;
  margin-top: 40px;
}
.job_contact_section .parent_area .right .btn_area .btn-primary {
  width: 100%;
  background: #ffffff;
  color: #E5230E;
}
.job_contact_section .parent_area .right .btn_area .btn-primary::after {
  background: linear-gradient(129.07deg, #e5230e 2.47%, #e84508 111.94%);
  scale: 0;
  transform-origin: unset;
}
.job_contact_section .parent_area .right .btn_area .btn-primary:hover {
  color: #ffffff;
}
.job_contact_section .parent_area .right .btn_area .btn-primary:hover::after {
  scale: 23;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .jobs_section {
    margin-bottom: 70px;
  }
  .jobs_section .parent_area h3 {
    font-size: 40px;
  }
  .job_contact_section {
    margin-bottom: 70px;
    padding-block: 70px;
  }
  .job_contact_section .parent_area .left .img_area {
    margin-left: -10%;
  }
  .job_contact_section .parent_area .left h3 {
    font-size: 40px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .jobs_section {
    margin-bottom: 70px;
  }
  .jobs_section .parent_area h3 {
    font-size: 40px;
  }
  .job_contact_section {
    margin-bottom: 70px;
    padding-block: 70px;
  }
  .job_contact_section .parent_area .left .img_area {
    margin-left: -10%;
  }
  .job_contact_section .parent_area .left h3 {
    font-size: 40px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .jobs_section {
    margin-bottom: 50px;
  }
  .jobs_section .parent_area h3 {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .jobs_section .parent_area .left {
    width: 280px;
  }
  .job_contact_section {
    margin-bottom: 50px;
    padding-block: 50px;
  }
  .job_contact_section .parent_area .left .img_area {
    margin-left: -5%;
  }
  .job_contact_section .parent_area .left h3 {
    font-size: 32px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .jobs_section {
    margin-bottom: 40px;
  }
  .jobs_section .parent_area h3 {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .jobs_section .parent_area .jobs_area .job:not(:last-child) {
    margin-bottom: 40px;
  }
  .jobs_section .parent_area .jobs_area .job .line {
    width: 150px;
  }
  .jobs_section .parent_area .jobs_area .job .left {
    width: 230px;
  }
  .jobs_section .parent_area .jobs_area .job .left h4 {
    font-size: 24px;
  }
  .job_contact_section {
    margin-bottom: 40px;
    padding-block: 40px;
  }
  .job_contact_section .parent_area .left {
    margin-bottom: 15px;
  }
  .job_contact_section .parent_area .left .img_area {
    margin-left: 0;
    display: none;
  }
  .job_contact_section .parent_area .left h3 {
    font-size: 26px;
    text-align: left;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .jobs_section {
    margin-bottom: 30px;
  }
  .jobs_section .parent_area h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .jobs_section .parent_area .jobs_area .job:not(:last-child) {
    margin-bottom: 30px;
  }
  .jobs_section .parent_area .jobs_area .job .line {
    width: 100px;
  }
  .jobs_section .parent_area .jobs_area .job .left {
    width: 230px;
  }
  .jobs_section .parent_area .jobs_area .job .left h4 {
    font-size: 20px;
  }
  .job_contact_section {
    margin-bottom: 30px;
    padding-block: 30px;
  }
  .job_contact_section .parent_area .left {
    margin-bottom: 15px;
  }
  .job_contact_section .parent_area .left .img_area {
    margin-left: 0;
    display: none;
  }
  .job_contact_section .parent_area .left h3 {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .jobs_section {
    margin-bottom: 25px;
  }
  .jobs_section .parent_area h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .jobs_section .parent_area .jobs_area .job {
    flex-direction: column;
  }
  .jobs_section .parent_area .jobs_area .job:not(:last-child) {
    margin-bottom: 25px;
  }
  .jobs_section .parent_area .jobs_area .job .line {
    width: 100px;
    transform: unset;
  }
  .jobs_section .parent_area .jobs_area .job .left {
    width: 230px;
  }
  .jobs_section .parent_area .jobs_area .job .left h4 {
    font-size: 20px;
  }
  .job_contact_section {
    margin-bottom: 25px;
    padding-block: 25px;
  }
  .job_contact_section .parent_area .left {
    margin-bottom: 15px;
  }
  .job_contact_section .parent_area .left .img_area {
    margin-left: 0;
    display: none;
  }
  .job_contact_section .parent_area .left h3 {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left;
  }
  .job_contact_section .parent_area .right .btn_area {
    margin-top: 25px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .jobs_section {
    margin-bottom: 25px;
  }
  .jobs_section .parent_area h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .jobs_section .parent_area .jobs_area .job {
    flex-direction: column;
  }
  .jobs_section .parent_area .jobs_area .job:not(:last-child) {
    margin-bottom: 25px;
  }
  .jobs_section .parent_area .jobs_area .job .line {
    width: 100px;
    transform: unset;
  }
  .jobs_section .parent_area .jobs_area .job .left {
    width: 230px;
  }
  .jobs_section .parent_area .jobs_area .job .left h4 {
    font-size: 20px;
  }
  .job_contact_section {
    margin-bottom: 25px;
    padding-block: 25px;
  }
  .job_contact_section .parent_area .left {
    margin-bottom: 15px;
  }
  .job_contact_section .parent_area .left .img_area {
    margin-left: 0;
    display: none;
  }
  .job_contact_section .parent_area .left h3 {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left;
  }
  .job_contact_section .parent_area .right .btn_area {
    margin-top: 25px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */
.tiles_section {
  margin-bottom: 90px;
}
.tiles_section .parent_area .tile_area h3 {
  font-weight: 700;
  font-size: 32px;
  color: #E5230E;
  margin-bottom: 24px;
}
.tiles_section .parent_area .tile_area .sliding_pp_area {
  margin-bottom: 24px;
}
.tiles_section .parent_area .tile_area .sliding_pp_area .pp_main {
  margin-bottom: 24px;
}
.tiles_section .parent_area .tile_area .sliding_pp_area .pp_main .img_area {
  height: 330px;
}
.tiles_section .parent_area .tile_area .sliding_pp_area .pp_thumbs_area {
  width: 436px;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 13px;
}
.tiles_section .parent_area .tile_area .sliding_pp_area .pp_thumbs_area .pp_thumbs_slider {
  width: 100%;
}
.tiles_section .parent_area .tile_area .sliding_pp_area .pp_thumbs_area .pp_thumbs_slider .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .img_area {
  border-color: rgba(103, 174, 110, 0.3019607843);
}
.tiles_section .parent_area .tile_area .sliding_pp_area .pp_thumbs_area .pp_thumbs_slider .img_area {
  border: 4px solid transparent;
  border-radius: 6px;
  aspect-ratio: 1/1;
  height: 65px;
  overflow: hidden;
}
.tiles_section .parent_area .tile_area .sliding_pp_area .pp_thumbs_area .pp_thumbs_slider .img_area:has(+ p) {
  margin-bottom: 11px;
}
.tiles_section .parent_area .tile_area .sliding_pp_area .pp_thumbs_area .pp_thumbs_slider p {
  text-align: center;
  font-family: "General Sans";
  font-weight: 500;
  font-size: 12px;
  color: #7a7a7a;
}
.tiles_section .parent_area .tile_area .sliding_pp_area .pp_thumbs_area .prev_next {
  width: 16px;
  height: 24px;
  display: grid;
  place-items: center;
  color: #E84508;
  flex-shrink: 0;
}
.tiles_section .parent_area .tile_area .content h5 {
  font-weight: 500;
  font-size: 18px;
  color: #171717;
  margin-bottom: 12px;
}
.tiles_section .parent_area .tile_area .content p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #939393;
}

.pp_benefits_section {
  margin-bottom: 90px;
  background-color: #F8F8F8;
}
.pp_benefits_section .parent_area .left {
  padding-block: 22px;
}
.pp_benefits_section .parent_area .left h3 {
  font-weight: 700;
  font-size: 26px;
  color: #171717;
  margin-bottom: 16px;
}
.pp_benefits_section .parent_area .left p {
  font-family: "General Sans";
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #848484;
  margin-bottom: 18px;
}
.pp_benefits_section .parent_area .left ul {
  list-style: none;
}
.pp_benefits_section .parent_area .left ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
}
.pp_benefits_section .parent_area .left ul li:not(:last-child) {
  margin-bottom: 20px;
}
.pp_benefits_section .parent_area .left ul li .count {
  font-weight: 500;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-color: #E84508;
  flex-shrink: 0;
  font-size: 12px;
  color: #ffffff;
  display: grid;
  place-items: center;
}
.pp_benefits_section .parent_area .left ul li span {
  font-weight: 500;
  color: #171717;
  font-size: 18px;
}
.pp_benefits_section .parent_area .right {
  display: grid;
  place-items: center right;
}
.pp_benefits_section .parent_area .right .img_area {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  overflow: hidden;
  border: 39px solid #ffffff;
}

.sport_cover_section {
  margin-bottom: 90px;
}
.sport_cover_section .parent_area h3 {
  font-weight: 700;
  font-size: 28px;
  text-align: center;
  color: #171717;
  margin-bottom: 42px;
}
.sport_cover_section .parent_area ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
}
.sport_cover_section .parent_area ul li {
  padding: 24px 29px;
  border-radius: 12px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.sport_cover_section .parent_area ul li:hover {
  box-shadow: 0px 3.06px 19.14px 0px rgba(0, 0, 0, 0.0784313725);
}
.sport_cover_section .parent_area ul li .content .img_area {
  width: 144px;
  margin-inline: auto;
  max-width: 100%;
  height: 158px;
  margin-bottom: 18px;
}
.sport_cover_section .parent_area ul li .content .img_area img {
  object-fit: contain;
}
.sport_cover_section .parent_area ul li .content p {
  font-weight: 700;
  color: #E84508;
  font-size: 19px;
  text-align: center;
}

.tech_section {
  margin-bottom: 90px;
}
.tech_section .parent_area h3 {
  font-weight: 700;
  font-size: 28px;
  text-align: center;
  color: #171717;
  margin-bottom: 42px;
}
.tech_section .parent_area ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 70px 90px;
}
.tech_section .parent_area ul li .img_area {
  width: 178px;
  margin-inline: auto;
  max-width: 100%;
  height: 154px;
  margin-bottom: 24px;
  padding: 30px;
  border-radius: 28px;
  background-color: #F5F6F8;
}
.tech_section .parent_area ul li .img_area img {
  object-fit: contain;
}
.tech_section .parent_area ul li p {
  font-weight: 700;
  color: #171717;
  font-size: 26px;
  text-align: center;
}

/* Above 1920 desktop */
/* 1680 desktop */
/* 1600 desktop */
/* Above 1400 and Below 1599 Desktop*/
/* 1300 desktop only */
@media (min-width: 1300px) and (max-width: 1399px) {
  .tiles_section {
    margin-bottom: 70px;
  }
  .pp_benefits_section {
    margin-bottom: 70px;
  }
  .sport_cover_section {
    margin-bottom: 70px;
  }
  .tech_section {
    margin-bottom: 70px;
  }
}
/* 1200 desktop only */
@media (min-width: 1200px) and (max-width: 1299px) {
  .tiles_section {
    margin-bottom: 70px;
  }
  .pp_benefits_section {
    margin-bottom: 70px;
  }
  .sport_cover_section {
    margin-bottom: 70px;
  }
  .tech_section {
    margin-bottom: 70px;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .tiles_section {
    margin-bottom: 50px;
  }
  .tiles_section .parent_area .tile_area h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area {
    margin-bottom: 20px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area .pp_main {
    margin-bottom: 20px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area .pp_main .img_area {
    height: 264px;
  }
  .pp_benefits_section {
    margin-bottom: 50px;
  }
  .pp_benefits_section .parent_area .right {
    place-items: center;
  }
  .sport_cover_section {
    margin-bottom: 50px;
  }
  .sport_cover_section .parent_area h3 {
    font-size: 26px;
    margin-bottom: 22px;
  }
  .sport_cover_section .parent_area ul {
    gap: 26px;
  }
  .sport_cover_section .parent_area ul li .content .img_area {
    width: 110px;
    height: 132px;
  }
  .sport_cover_section .parent_area ul li .content p {
    font-size: 17px;
  }
  .tech_section {
    margin-bottom: 50px;
  }
  .tech_section .parent_area h3 {
    font-size: 26px;
    margin-bottom: 22px;
  }
  .tech_section .parent_area ul {
    gap: 50px 70px;
  }
  .tech_section .parent_area ul li .img_area {
    width: 168px;
    height: 144px;
    padding: 22px;
    border-radius: 20px;
  }
  .tech_section .parent_area ul li p {
    font-size: 20px;
  }
}
/* Landscape tablets and ipad */
@media (min-width: 768px) and (max-width: 991px) {
  .tiles_section {
    margin-bottom: 40px;
  }
  .tiles_section .parent_area .tile_area h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area {
    margin-bottom: 15px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area .pp_main {
    margin-bottom: 15px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area .pp_main .img_area {
    height: 195px;
  }
  .pp_benefits_section {
    margin-bottom: 40px;
  }
  .pp_benefits_section .parent_area .left h3 {
    font-size: 26px;
  }
  .pp_benefits_section .parent_area .left ul li:not(:last-child) {
    margin-bottom: 15px;
  }
  .pp_benefits_section .parent_area .right {
    place-items: center;
  }
  .pp_benefits_section .parent_area .right .img_area {
    width: 310px;
    height: 310px;
    border-width: 30px;
  }
  .sport_cover_section {
    margin-bottom: 40px;
  }
  .sport_cover_section .parent_area h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .sport_cover_section .parent_area ul {
    gap: 20px;
  }
  .sport_cover_section .parent_area ul li .content .img_area {
    width: 90px;
    height: 100px;
  }
  .sport_cover_section .parent_area ul li .content p {
    font-size: 16px;
  }
  .tech_section {
    margin-bottom: 40px;
  }
  .tech_section .parent_area h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .tech_section .parent_area ul {
    gap: 40px 50px;
  }
  .tech_section .parent_area ul li .img_area {
    width: 168px;
    height: 144px;
    padding: 30px;
    border-radius: 14px;
  }
  .tech_section .parent_area ul li p {
    font-size: 18px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 576px) and (max-width: 767px) {
  .tiles_section {
    margin-bottom: 30px;
  }
  .tiles_section .parent_area .tile_area h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area {
    margin-bottom: 15px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area .pp_main {
    margin-bottom: 15px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area .pp_main .img_area {
    height: 167px;
  }
  .pp_benefits_section {
    margin-bottom: 30px;
  }
  .pp_benefits_section .parent_area .left h3 {
    font-size: 22px;
  }
  .pp_benefits_section .parent_area .left ul li:not(:last-child) {
    margin-bottom: 12px;
  }
  .pp_benefits_section .parent_area .left ul li span {
    font-size: 16px;
  }
  .pp_benefits_section .parent_area .right {
    place-items: center;
  }
  .pp_benefits_section .parent_area .right .img_area {
    width: 270px;
    height: 270px;
    border-width: 24px;
  }
  .sport_cover_section {
    margin-bottom: 30px;
  }
  .sport_cover_section .parent_area h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .sport_cover_section .parent_area ul {
    gap: 15px;
  }
  .sport_cover_section .parent_area ul li {
    padding: 15px;
  }
  .sport_cover_section .parent_area ul li .content .img_area {
    width: 90px;
    height: 100px;
  }
  .sport_cover_section .parent_area ul li .content p {
    font-size: 16px;
  }
  .tech_section {
    margin-bottom: 30px;
  }
  .tech_section .parent_area h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .tech_section .parent_area ul {
    gap: 30px 40px;
  }
  .tech_section .parent_area ul li .img_area {
    width: 140px;
    height: 130px;
    padding: 25px;
    border-radius: 10px;
  }
  .tech_section .parent_area ul li p {
    font-size: 16px;
  }
}
/* Landscape phones and portrait tablets */
@media (min-width: 361px) and (max-width: 575px) {
  .tiles_section {
    margin-bottom: 25px;
  }
  .tiles_section .parent_area .tile_area h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area {
    margin-bottom: 15px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area .pp_main {
    margin-bottom: 15px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area .pp_main .img_area {
    height: 190px;
  }
  .pp_benefits_section {
    margin-bottom: 25px;
  }
  .pp_benefits_section .parent_area {
    padding-block: 15px;
  }
  .pp_benefits_section .parent_area .left {
    padding: 0;
  }
  .pp_benefits_section .parent_area .left h3 {
    font-size: 20px;
  }
  .pp_benefits_section .parent_area .left ul li:not(:last-child) {
    margin-bottom: 12px;
  }
  .pp_benefits_section .parent_area .left ul li span {
    font-size: 16px;
  }
  .pp_benefits_section .parent_area .right {
    place-items: center;
  }
  .pp_benefits_section .parent_area .right .img_area {
    width: 270px;
    height: 270px;
    border-width: 24px;
  }
  .sport_cover_section {
    margin-bottom: 25px;
  }
  .sport_cover_section .parent_area h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .sport_cover_section .parent_area ul {
    gap: 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sport_cover_section .parent_area ul li {
    padding: 15px;
  }
  .sport_cover_section .parent_area ul li .content .img_area {
    width: 90px;
    height: 100px;
  }
  .sport_cover_section .parent_area ul li .content p {
    font-size: 16px;
  }
  .tech_section {
    margin-bottom: 25px;
  }
  .tech_section .parent_area h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .tech_section .parent_area ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px 40px;
  }
  .tech_section .parent_area ul li .img_area {
    width: 140px;
    height: 130px;
    padding: 25px;
    border-radius: 10px;
  }
  .tech_section .parent_area ul li p {
    font-size: 16px;
  }
}
/* Smaller phones */
@media (max-width: 360px) {
  .tiles_section {
    margin-bottom: 25px;
  }
  .tiles_section .parent_area .tile_area h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area {
    margin-bottom: 15px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area .pp_main {
    margin-bottom: 15px;
  }
  .tiles_section .parent_area .tile_area .sliding_pp_area .pp_main .img_area {
    height: 190px;
  }
  .pp_benefits_section {
    margin-bottom: 25px;
  }
  .pp_benefits_section .parent_area {
    padding-block: 15px;
  }
  .pp_benefits_section .parent_area .left {
    padding: 0;
  }
  .pp_benefits_section .parent_area .left h3 {
    font-size: 20px;
  }
  .pp_benefits_section .parent_area .left ul li:not(:last-child) {
    margin-bottom: 12px;
  }
  .pp_benefits_section .parent_area .left ul li span {
    font-size: 16px;
  }
  .pp_benefits_section .parent_area .right {
    place-items: center;
  }
  .pp_benefits_section .parent_area .right .img_area {
    width: 270px;
    height: 270px;
    border-width: 24px;
  }
  .sport_cover_section {
    margin-bottom: 25px;
  }
  .sport_cover_section .parent_area h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .sport_cover_section .parent_area ul {
    gap: 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sport_cover_section .parent_area ul li {
    padding: 15px;
  }
  .sport_cover_section .parent_area ul li .content .img_area {
    width: 90px;
    height: 100px;
  }
  .sport_cover_section .parent_area ul li .content p {
    font-size: 16px;
  }
  .tech_section {
    margin-bottom: 25px;
  }
  .tech_section .parent_area h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .tech_section .parent_area ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px 40px;
  }
  .tech_section .parent_area ul li .img_area {
    width: 140px;
    height: 130px;
    padding: 25px;
    border-radius: 10px;
  }
  .tech_section .parent_area ul li p {
    font-size: 16px;
  }
}
/* Smaller phones */
/* Add CSS styles for Portrait orientation */
/* Add CSS styles for Landscape orientation */

/*# sourceMappingURL=custom.css.map */