@font-face {
  font-family: "Against";
  src: url("../fonts/against/against regular.otf") format("opentype"),
    url("../fonts/against/against regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Loew Next Arabic Font */
@font-face {
  font-family: "Loew Next Arabic";
  src: url("../fonts/loew-next-arabic/Loew Next Arabic Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Loew Next Arabic";
  src: url("../fonts/loew-next-arabic/Loew Next Arabic Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Loew Next Arabic";
  src: url("../fonts/loew-next-arabic/Loew Next Arabic Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Loew Next Arabic";
  src: url("../fonts/loew-next-arabic/Loew Next Arabic ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Loew Next Arabic";
  src: url("../fonts/loew-next-arabic/Loew Next Arabic Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Loew Next Arabic";
  src: url("../fonts/loew-next-arabic/Loew Next Arabic Heavy.ttf") format("truetype");
  font-weight: 950;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura LT";
  src: url("../fonts/futura-lt/FuturaLT-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura LT";
  src: url("../fonts/futura-lt/FuturaLT-Book.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura LT";
  src: url("../fonts/futura-lt/FuturaLT.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura LT";
  src: url("../fonts/futura-lt/FuturaLT-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura LT";
  src: url("../fonts/futura-lt/FuturaLT-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura LT";
  src: url("../fonts/futura-lt/FuturaLT-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Futura LT";
  src: url("../fonts/futura-lt/FuturaLT-Oblique.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura LT";
  src: url("../fonts/futura-lt/FuturaLT-BoldOblique.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

body {
  margin: 0px;
  padding: 0px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  font-style: normal;
  color: #282828;
  font-family: "Loew Next Arabic";
  background-color: #ffffff;
  text-rendering: optimizelegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

::selection {
  color: #ffffff;
  background-color: #ff4328;
}

::-moz-selection {
  color: #ffffff;
  background-color: #ff4328;
}

main {
  overflow: hidden;
  position: relative;
}

hr {
  height: 1px;
  border: none;
  background-color: #ededef;
}

ul {
  margin-bottom: 0;
}

ul li {
  list-style: none;
}

.row,
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 30px;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.container {
  max-width: 1200px;
}

.maxw_1420 {
  max-width: 1450px;
}

.maxw_1780 {
  max-width: 1810px;
}

.layer {
  position: relative !important;
}

[data-background] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.deco_wrap {
  z-index: 1;
  position: relative;
}

.deco_wrap .deco_image {
  z-index: -1;
  position: absolute;
}

a,
button {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}

a:hover,
button:hover {
  text-decoration: none;
}

button {
  margin: 0px;
  padding: 0px;
  border: none;
  background: none;
}

button:focus {
  outline: none;
}

img {
  height: auto;
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  color: #222222;
  font-family: "Raleway", sans-serif;
}

strong,
span,
small,
label,
i {
  /* font-family: "Reem Kufi", sans-serif; */
}

.sec_padding {
  padding: 80px 0;
}

.pb-0 {
  padding-bottom: 0;
}

.sec_margin {
  margin: 70px 0;
}



.form_item {
  position: relative;
  margin-bottom: 30px;
}

.form_item .input_icon {
  top: 50%;
  right: 30px;
  margin: 0px;
  line-height: 1;
  position: absolute;
  color: #ff4328;
  transform: translateY(-50%);
}

.form_item .input_title {
  display: block;
  line-height: 1;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
  color: #ff4328;
  /* font-family: "Reem Kufi", sans-serif; */
}

.form_item input,
.form_item textarea {
  width: 100%;
  border: none;
  outline: none;
  display: block;
  transition: all 0.3s ease-in-out;
}

.form_item input {
  height: 65px;
  padding: 0px 30px;
}

.form_item textarea {
  min-height: 130px;
  padding: 25px 30px;
}

.form_item .submit_btn {
  top: 50%;
  right: 0px;
  position: absolute;
  transform: translateY(-50%);
}

:-moz-placeholder {
  color: #616161;
  font-weight: 500;
  /* font-family: "Reem Kufi", sans-serif; */
  /* text-transform: capitalize; */
}

::-moz-placeholder {
  color: #616161;
  font-weight: 500;
  /* font-family: "Reem Kufi", sans-serif; */
  /* text-transform: capitalize; */
}

:-ms-input-placeholder {
  color: #616161;
  font-weight: 500;
  /* font-family: "Reem Kufi", sans-serif; */
  /* text-transform: capitalize; */
}

::-webkit-input-placeholder {
  color: #616161;
  font-weight: 500;
  /* font-family: "Reem Kufi", sans-serif; */
  /* text-transform: capitalize; */
}

.select_option {
  position: relative;
  margin-bottom: 30px;
}

.select_option .nice-select {
  float: none;
  width: 100%;
  height: 65px;
  border: none;
  display: block;
  font-size: 15px;
  text-align: left;
  line-height: 65px;
  padding: 0px 30px;
  border-radius: 0px;
  padding-right: 40px;
  background-color: #ffffff;
  /* font-family: "Reem Kufi", sans-serif; */
  transition: all 0.3s ease-in-out;
}

.select_option .nice-select:after {
  top: 55%;
  right: 0px;
  margin: 0px;
  width: auto;
  right: 30px;
  border: none;
  height: auto;
  line-height: 1;
  content: "\f107";
  font-weight: 400;
  color: #ff4328;
  transform: translateY(-55%);
  transition: all 0.3s ease-in-out;
  font-family: "Font Awesome 5 Free";
}

.select_option .nice-select>span {
  color: #616161;
  font-weight: 500;
  /* font-family: "Reem Kufi", sans-serif; */
  text-transform: capitalize;
}

.select_option .nice-select .list {
  width: 100%;
  border: none;
  margin-top: 1px;
  padding: 10px 0px;
  border-radius: 0px;
  background-color: #ffffff;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}

.select_option .nice-select .list li {
  font-weight: 400;
  padding: 0px 25px;
  color: #757575;
}

.select_option .nice-select .list li:hover,
.select_option .nice-select .list li.focus,
.select_option .nice-select .list li.selected.focus {
  color: #7276b3;
  background-color: #f5f6fa;
}

/* owl settings - start
================================================== */
.owl-theme .owl-dots {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.owl-theme .owl-dots .owl-dot {
  float: left;
  margin: 0px;
  padding: 0px;
  display: inline-block;
}

.owl-theme .owl-dots .owl-dot:not(:last-child) {
  margin-right: 12px;
}

.owl-theme .owl-dots .owl-dot span {
  margin: 0px;
  width: 10px;
  height: 10px;
  opacity: 0.4;
  background: #ff4328;
  transition: all 0.3s ease-in-out;
}

.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot.active span {
  opacity: 1;
  background: #ff4328;
}

.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev {
  margin: 0px;
  width: 65px;
  height: 65px;
  border: none;
  overflow: hidden;
  position: relative;
  border-radius: 0px;
}

.owl-theme .owl-nav .owl-next>span,
.owl-theme .owl-nav .owl-prev>span {
  display: none;
}

.owl-theme .owl-nav .owl-next:before,
.owl-theme .owl-nav .owl-prev:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  font-size: 18px;
  font-weight: 400;
  line-height: 65px;
  text-align: center;
  position: absolute;
  border-radius: 100%;
  color: #222222;
  border: 2px solid #dbdbdb;
  transition: all 0.3s ease-in-out;
  font-family: "Font Awesome 5 Free";
}

.owl-theme .owl-nav .owl-next:hover,
.owl-theme .owl-nav .owl-prev:hover {
  background: transparent;
}

.owl-theme .owl-nav .owl-next:hover:before,
.owl-theme .owl-nav .owl-prev:hover:before {
  color: #ffffff;
  background: #ff4328;
  border-color: #ff4328;
}

.owl-theme .owl-nav .owl-prev {
  margin-right: 5px;
}

.owl-theme .owl-nav .owl-prev:before {
  content: "\f060";
}

.owl-theme .owl-nav .owl-next:before {
  content: "\f061";
}

/* owl settings - end
================================================== */
/* list style settings - start 
================================================== */
.ul_li,
.ul_li_right,
.ul_li_center {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.ul_li>li,
.ul_li_right>li,
.ul_li_center>li {
  float: left;
  list-style: none;
  display: inline-block;
}

.ul_li {
  justify-content: flex-start;
}

.ul_li_center {
  justify-content: center;
}

.ul_li_right {
  justify-content: flex-end;
}

.ul_li_block {
  margin: 0px;
  padding: 0px;
  display: block;
}

.ul_li_block>li {
  display: block;
  list-style: none;
}

/* list style settings - end
================================================== */
/* rating star - start
================================================== */
.rating_star li {
  color: #ecb006;
  font-size: 12px;
}

.rating_star li:not(:last-child) {
  margin-right: 2px;
}

/* rating star - end
================================================== */
/* social links - start
================================================== */
.social_title {
  line-height: 1;
  font-size: 15px;
  font-weight: 500;
  margin-right: 20px;
  display: inline-block;
  color: #222222;
  text-transform: uppercase;
  /* font-family: "Reem Kufi", sans-serif; */
}

.primary_social_links li:not(:last-child) {
  margin-right: 5px;
}

.primary_social_links a {
  display: block;
  line-height: 1;
  font-size: 15px;
  color: #757575;
}

.primary_social_links a:hover {
  color: #ff4328;
}

.square_social_links li:not(:last-child) {
  margin-right: 10px;
}

.square_social_links a {
  width: 45px;
  height: 45px;
  display: block;
  color: #ffffff;
  font-size: 14px;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.square_social_links a i {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.3s ease-in-out;
}

.square_social_links a i:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%);
}

.square_social_links a i:nth-child(2) {
  top: 100%;
  opacity: 0;
}

.square_social_links a:hover i:nth-child(1) {
  top: -100%;
  opacity: 0;
  transform: translateX(-50%);
}

.square_social_links a:hover i:nth-child(2) {
  top: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
}

.circle_social_links li:not(:last-child) {
  margin-right: 8px;
}

.circle_social_links a {
  width: 45px;
  height: 45px;
  display: block;
  color: #878bd0;
  font-size: 14px;
  overflow: hidden;
  line-height: 49px;
  position: relative;
  text-align: center;
  border-radius: 100%;
  background-color: #1a1e5d;
}

.circle_social_links a i {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.3s ease-in-out;
}

.circle_social_links a i:nth-child(1) {
  top: 55%;
  transform: translate(-50%, -55%);
}

.circle_social_links a i:nth-child(2) {
  top: 100%;
  opacity: 0;
}

.circle_social_links a:hover i {
  color: #ffffff;
}

.circle_social_links a:hover i:nth-child(1) {
  top: -100%;
  opacity: 0;
  transform: translateX(-50%);
}

.circle_social_links a:hover i:nth-child(2) {
  top: 55%;
  opacity: 1;
  transform: translate(-50%, -55%);
}

.circle_social_links .bg_facebook:hover {
  background-color: #3b5998;
}

.circle_social_links .bg_twitter:hover {
  background-color: #1da1f2;
}

.circle_social_links .bg_youtube:hover {
  background-color: #ff0000;
}

.circle_social_links .bg_linkedin:hover {
  background-color: #007bb5;
}

/* social links - end
================================================== */
/* pagination - start
================================================== */
.pagination_nav li:not(:last-child) {
  margin-right: 10px;
}

.pagination_nav a {
  height: 65px;
  display: block;
  color: #222222;
  min-width: 65px;
  font-size: 18px;
  font-weight: 500;
  padding: 0px 15px;
  line-height: 63px;
  text-align: center;
  border-radius: 45px;
  border: 3px solid #dbdbdb;
  /* font-family: "Reem Kufi", sans-serif; */
}

.pagination_nav li:hover a,
.pagination_nav li.active a {
  color: #ffffff;
  border-color: #ff4328;
  background-color: #ff4328;
}

/* pagination - end
================================================== */
/* post meta - start
================================================== */
.post_meta>li:not(:last-child) {
  margin-right: 30px;
}

.post_meta a {
  display: block;
  line-height: 1;
  color: #757575;
}

.post_meta a:hover {
  color: #ff4328;
}

.post_meta i {
  margin-right: 10px;
  color: #ff4328;
}

/* post meta - end
================================================== */
/* info list with "check icon" - start
================================================== */
.check_info_list>li,
.outline_check_info_list>li {
  line-height: 1;
  position: relative;
  padding-left: 35px;
}

.check_info_list>li:not(:last-child),
.outline_check_info_list>li:not(:last-child) {
  margin-bottom: 20px;
}

.check_info_list>li:before,
.outline_check_info_list>li:before {
  top: 0px;
  left: 0px;
  transform: translateY(-4px);
  line-height: 1;
  font-weight: 400;
  padding: 4px;
  border-radius: 50%;
  position: absolute;
  color: #e36f1d;
  background: white;
  font-family: "Font Awesome 5 Free";
}

.check_info_list>li:before {
  content: "\f00c";
}

.outline_check_info_list>li:not(:last-child) {
  margin-bottom: 25px;
}

.outline_check_info_list>li:before {
  top: -1px;
  content: "\f058";
  color: #ff4328;
}

.circle_check_info_list>li {
  font-weight: 500;
  padding-top: 5px;
  position: relative;
  padding-left: 50px;
  color: #222222;
}

.circle_check_info_list>li:not(:last-child) {
  margin-bottom: 15px;
}

.circle_check_info_list>li:before {
  top: 0px;
  left: 0px;
  width: 35px;
  height: 35px;
  font-weight: 400;
  content: "\f00c";
  line-height: 37px;
  text-align: center;
  position: absolute;
  border-radius: 100%;
  color: #ff4328;
  background-color: #ffffff;
  font-family: "Font Awesome 5 Free";
}

/* info list with "check icon" - end
================================================== */
/* primary tag list - start
================================================== */
.primary_tag_list {
  margin: -3px;
}

.primary_tag_list li {
  padding: 3px;
  position: relative;
}

.primary_tag_list li:after {
  right: 0px;
  bottom: 2px;
  content: ",";
  line-height: 1;
  position: absolute;
}

.primary_tag_list li:last-child:after {
  display: none;
}

.primary_tag_list a {
  display: block;
  line-height: 1;
  color: #757575;
}

.primary_tag_list a:hover {
  color: #ff4328;
}

/* primary tag list - end
================================================== */
/* padding - margin setting - start 
================================================== */
.sec_ptb_130 {
  padding: 130px 0px;
}

.mt__30 {
  margin-top: -30px;
}

.mt__50 {
  margin-top: -50px;
}

.mb_15 {
  margin-bottom: 15px;
}

.mb_30 {
  margin-bottom: 30px;
}

.mb_50 {
  margin-bottom: 50px;
}

.mb_80 {
  margin-bottom: 80px;
}

/* padding - margin setting - end
================================================== */
/* button style - start
================================================== */
.custom_btn {
  z-index: 1;
  line-height: 1;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 35px 3px 23px;
  position: relative;
  align-items: center;
  display: inline-flex;
  text-transform: uppercase;
  /* font-family: "Reem Kufi", sans-serif; */
  justify-content: space-between;
}

.custom_btn:before {
  top: 0px;
  width: 0px;
  left: auto;
  right: 0px;
  z-index: -1;
  bottom: 0px;
  content: "";
  position: absolute;
  transition: all 0.3s ease-in-out;
}

.custom_btn:hover {
  color: #ffffff;
}

.custom_btn:hover:before {
  left: 0px;
  width: 100%;
  right: auto;
}

.custom_btn span {
  width: 45px;
  height: 45px;
  line-height: 47px;
  float: right;
  font-size: 15px;
  overflow: hidden;
  margin-left: 18px;
  text-align: center;
  position: relative;
  margin-right: -30px;
  color: #222222;
  display: inline-block;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.custom_btn.bg_default_yellow {
  color: #fff;
}

.custom_btn.bg_default_yellow:before {
  background: #1ca4b3;
}

.custom_btn.bg_default_yellow:hover {
  color: #ffffff;
}

.custom_btn.bg_default_orange:before {
  background: #e36f1d;
}

.custom_btn.bg_default_orange:hover {
  color: #222222;
}

.custom_btn.bg_white {
  color: #222222;
  background-color: #ffffff;
}

.custom_btn.bg_white span {
  color: #ffffff;
  background-color: #1a1e5d;
}

.custom_btn.bg_white:before {
  background: #000000;
}

.custom_btn.bg_white:hover {
  color: #ffffff;
}

.custom_btn.bg_white:hover span {
  color: #000000;
  background-color: #ffffff;
}

.custom_btn.btn_border {
  color: #222222;
  border: 2px solid #e8e8e8;
}

.custom_btn.btn_border:before {
  background: #e8e8e8;
}

.custom_btn.btn_border span {
  color: #ffffff;
}

.custom_btn.btn_border span.bg_default_orange {
  background-color: #ff4328;
}

.custom_btn.btn_border span.bg_default_yellow {
  background-color: #e36f1d;
}

.custom_btn.btn_border span.bg_default_lightblue {
  background-color: #209ffa;
}

.icon_btn {
  z-index: 1;
  width: 65px;
  height: 65px;
  font-size: 18px;
  line-height: 69px;
  position: relative;
  text-align: center;
  color: #fff;
  background-color: #e36f1d;
}

.icon_btn:before {
  top: 0px;
  width: 0px;
  left: auto;
  right: 0px;
  z-index: -1;
  bottom: 0px;
  content: "";
  position: absolute;
  transition: all 0.3s ease-in-out;
  background-color: #ff4328;
}

.icon_btn:hover {
  color: #ffffff;
}

.icon_btn:hover:before {
  left: 0px;
  width: 100%;
  right: auto;
}

.text_btn {
  line-height: 1;
  display: inherit;
}

.text_btn span {
  line-height: 1;
  font-size: 13px;
  font-weight: 500;
  position: relative;
  display: inline-block;
  color: #222222;
  text-transform: uppercase;
  /* font-family: "Reem Kufi", sans-serif; */
}

.text_btn span:before {
  width: 0px;
  left: auto;
  right: 0px;
  bottom: 0px;
  height: 1px;
  content: "";
  position: absolute;
  background: #ff4328;
  transition: width 0.2s linear;
}

.text_btn:hover span:before {
  left: 0px;
  width: 100%;
  right: auto;
}

.text_btn i {
  font-size: 12px;
  margin-left: 5px;
  color: #222222;
  transition: all 0.3s ease-in-out;
}

.text_btn:hover i {
  color: #ff4328;
  transform: translateX(5px);
}

.play_btn {
  z-index: 1;
  width: 100px;
  height: 100px;
  line-height: 100px;
  position: relative;
  text-align: center;
  border-radius: 100%;
  color: #ff4328;
  border: 3px solid rgba(255, 67, 40, 0.49);
}

.play_btn:before,
.play_btn:after {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  content: "";
  opacity: 0.4;
  display: block;
  position: absolute;
  border-radius: 100%;
  border: 3px solid rgba(255, 67, 40, 0.49);
}

.play_btn:before {
  animation: pulse 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
}

.play_btn:after {
  animation: pulse 2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
}

  .play_btn.bg_white {
    border-color: #ffffff;
    color: #ff4328;
    background-color: #ffffff;
}

.play_btn.bg_white:before,
.play_btn.bg_white:after {
  border: 3px solid rgba(255, 255, 255, 0.49);
}

@keyframes pulse {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.75);
  }
}

/* button style - end
================================================== */
/* title text - start
================================================== */
.section_title {
  z-index: 1;
  position: relative;
}

.section_title .small_title {
  line-height: 1;
  font-size: 24px;
  margin-bottom: 25px;
  color: #ff4328;
}

.section_title .big_title {
  font-size: 44px;
  font-weight: 400;
  line-height: 1.2;
  font-family: 'Biabic';
}


.section_title .biggest_title {
  top: 50%;
  left: -8px;
  z-index: -1;
  display: block;
  line-height: 1;
  font-size: 150px;
  position: absolute;
  transform: translateY(-50%);
  color: rgba(34, 34, 34, 0.102);
}

.section_title.text-center .biggest_title {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text-white .section_title .biggest_title {
  color: rgba(255, 255, 255, 0.051);
}

/* title text - end
================================================== */
/* title text - start
================================================== */
.plus_effect {
    height: 100%;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.plus_effect>img {
  transition: all 0.3s ease-in-out;
}

.plus_effect:after,
.plus_effect:before {
  top: 50%;
  left: 50%;
  z-index: 2;
  opacity: 0;
  content: "";
  position: absolute;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.77);
  transform: translateX(-50%) translateY(-50%);
}

.plus_effect:before {
  height: 1px;
  width: 160px;
}

.plus_effect:after {
  width: 1px;
  height: 160px;
}

/* .plus_effect:hover>img {
  opacity: 0.369;
} */

.plus_effect:hover:before,
.plus_effect:hover:after {
  opacity: 1;
  transition-delay: 0.2s;
}

.plus_effect:hover:before {
  width: 60px;
}

.plus_effect:hover:after {
  height: 60px;
}

/* title text - end
================================================== */
/* back to top - start
================================================== */
#thetop {
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  position: absolute;
}

#backtotop {
  right: 15px;
  width: 50px;
  height: 50px;
  z-index: 999;
  bottom: 40px;
  display: none;
  position: fixed;
  border-radius: 100%;
  background-color: #ffffff;
  box-shadow: 0px 10px 30px 1px rgba(0, 0, 0, 0.15);
}

#scroll {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  font-size: 16px;
  line-height: 52px;
  text-align: center;
  position: relative;
  color: #ff4328;
}

/* back to top - end
================================================== */
/* preloader - start
================================================== */
.preloader {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  z-index: 9000;
  cursor: default;
  position: fixed;
  align-items: center;
  justify-content: center;
}

.preloader.loaded {
  visibility: hidden;
}

.preloader .animation_preloader {
  z-index: 10000;
}

.preloader .spinner {
  width: 9em;
  height: 9em;
  margin: auto;
  margin-bottom: 30px;
  border-radius: 100%;
  animation: spinner 1s infinite linear;
  border: 3px solid rgba(255, 255, 255, 0.4);
  border-top-color: #ff4328;
}

.preloader p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 8px;
  text-transform: uppercase;
}

.preloader .loader {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  font-size: 0;
  position: fixed;
  pointer-events: none;
}

.preloader .loader_section {
  padding: 0px;
}

.preloader .bg {
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1e5d;
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

.preloader.loaded .animation_preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}

.preloader.loaded .loader_section .bg {
  width: 0;
  transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}

@-webkit-keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}

@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}

@media screen and (max-width: 767px) {
  .preloader .animation_preloader .spinner {
    height: 8em;
    width: 8em;
  }
}

@media screen and (max-width: 500px) {
  .preloader .animation_preloader .spinner {
    height: 7em;
    width: 7em;
  }
}

/* preloader - end
================================================== */
/* default color - start
================================================== */
.bg_default_orange {
  background-color: #ff4328;
}

.bg_default_blue {
  background-color: #00748b;
}

.bg_default_lightblue {
  background-color: #1ca4b3;
}

.bg_default_yellow {
  background-color: #e36f1d;
}

.bg_default_purple {
  background-color: #5f43c5;
}

.bg_default_pink {
  background-color: #e6498f;
}

.bg_default_past {
  background-color: #20ad96;
}

/* default color - end
================================================== */
/* custom default classes - start
================================================== */
.border_left_yellow,
.border_left_orange {
  padding-left: 28px;
}

.border_left_yellow {
  border-left: 3px solid #e36f1d;
}

.border_left_orange {
  border-left: 3px solid #ff4328;
}

/* custom default classes - end
================================================== */
/* custom animation css - start
================================================== */
.spin {
  animation: spin 1s infinite linear;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* custom animation css - end
================================================== */
/* transition - start
================================================== */
a,
button {
  transition: all 0.3s ease-in-out;
}

/* transition - end
================================================== */
/* global area - end
==================================================================================================== */
/* header - start
==================================================================================================== */
/* header section - start */

/* business inquiry button - start */
.business_inquiry_btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0px 16px;
  background: linear-gradient(45deg, #ff6b6b, #ff8e53);
  color: #ffffff !important;
  text-decoration: none !important;
  /* border-radius: 25px; */
  font-weight: 400;
  font-size: 14px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3);
  animation: blink 2s infinite;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.business_inquiry_btn:hover {
  background: linear-gradient(45deg, #ff8e53, #ff6b6b);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 107, 0.4);
  color: #ffffff !important;
  text-decoration: none !important;
}

@keyframes blink {

  0%,
  50%,
  100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3);
  }

  25%,
  75% {
    opacity: 0.8;
    /* transform: scale(1.05); */
    box-shadow: 0 6px 25px rgba(255, 107, 107, 0.5);
  }
}

.business_inquiry_btn i {
  font-size: 16px;
}

@media (max-width: 768px) {
  .business_inquiry_btn {
    font-size: 12px;
    padding: 6px 12px;
  }

  .business_inquiry_btn i {
    font-size: 14px;
  }
}

/* business inquiry button - end */

/* fixed action buttons - start */
.fixed_action_buttons {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-end;
}

.fixed_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  color: #ffffff !important;
  text-decoration: none !important;
  border-radius: 50%;
  font-weight: 600;
  font-size: 20px;
  transition: all 0.3s ease;
  /* border: 2px solid #ffffff; */
  position: relative;
  overflow: hidden;
}

.whatsapp_btn {
  background: linear-gradient(45deg, #25D366, #128C7E);
  /* box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4); */
  animation: pulse 2s infinite;
}

.whatsapp_btn:hover {
  background: linear-gradient(45deg, #128C7E, #25D366);
  transform: translateY(-3px) scale(1.1);
  /* box-shadow: 0 8px 30px rgba(37, 211, 102, 0.6); */
}

.call_btn {
  background: linear-gradient(45deg, #FF6B35, #FF8E53);
  /* box-shadow: 0 4px 20px rgba(255, 107, 53, 0.4); */
  animation: bounce 2s infinite;
}

.call_btn:hover {
  background: linear-gradient(45deg, #FF8E53, #FF6B35);
  transform: translateY(-3px) scale(1.1);
  /* box-shadow: 0 8px 30px rgba(255, 107, 53, 0.6); */
}

.fixed_btn i {
  font-size: 24px;
}

.whatsapp_btn i {
  font-size: 30px;
}

@keyframes pulse {

  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.05);
    opacity: 0.8;
  }
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-5px);
  }

  60% {
    transform: translateY(-3px);
  }
}

@media (max-width: 768px) {
  .fixed_action_buttons {
    bottom: 20px;
    right: 20px;
    gap: 12px;
  }

  .fixed_btn {
    width: 50px;
    height: 50px;
    font-size: 18px;
  }

  .fixed_btn i {
    font-size: 20px;
  }
}

/* fixed action buttons - end */

/* header_section - start */
.sticky_header {
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 999;
  position: absolute;
}

.sticky_header.stuck {
  position: fixed;
  box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
  animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
}
.sticky_header.stuck1 {
  box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
  animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
}
.header_section .select_option .nice-select {
  border: none;
  padding: 0px;
  height: auto;
  line-height: 1;
  padding-right: 15px;
  background-color: transparent;
}

.header_section .select_option .nice-select:after {
  right: 0px;
  color: #ff4328;
}

.header_section .select_option .nice-select .list {
  right: 0px;
  left: unset;
  min-width: 250px;
}

.header_section .action_btn {
  /* width: 55px; */
  /* height: 55px; */
  /* font-size: 20px; */
  /* line-height: 57px; */
  text-align: center;
}

.search_btn {
  text-transform: uppercase;
  padding: 0;
  color: white;
}

/* .search_btn i {
  height: 8px;
  width: 8px;
  margin-right: 14px;
  transform: translateY(1px);
} */

.header_section .action_btn.bg_default_purple {
  color: #d0c4ff;
}

.header_section .custom_btn {
  padding: 5.5px 30px;
}

.custom_btn {
  border-radius: 50px;
  overflow: hidden;
}

.header_section .custom_btn span {
  width: 40px;
  height: 40px;
  line-height: 42px;
  margin-left: 20px;
  margin-right: -22px;
}

.custom_btn span {
  border-radius: 50%;
}

.header_section .social_title {
  font-weight: 400;
  text-transform: capitalize;
}

.header_top {
  /* background: #1ca4b3; */
  display: flex;
  /* min-height: 50px; */
padding: 7px 0px;
  align-items: center;
}

.stuck .header_top {
  background: #1ca4b3;
}
.stuck1 .header_top {
  background: #1ca4b3;
}
.header_top.bg_light {
  background-color: rgb(245, 246, 250);
}

.header_top .primary_social_links a {
  color: #7276b3;
}

.header_top .primary_social_links a:hover {
  color: #fff;
}

.text-white .header_contact_info li {
  display: flex;
  align-items: center;
  color: #ffffff;
}

.text-white .header_contact_info i {
  color: #ffffff;
}
.header_contact_info .fa-whatsapp {
    font-size: 17px;
    transform: translateY(1px);
}
.text-white .select_option .nice-select>span {
  color: #ffffff;
}

.text-white .header_items_list>li:after {
  background-color: #38368a;
}

.text-white .primary_social_links a {
border: 1px solid white;
  height: 23px;
  width: 23px;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  border-radius: 50%;
}

.header_bottom {
  padding: 8px 0;
  display: flex;
  align-items: center;
}

.header_contact_info li {
  color: #7276b3;
  font-size: 15px;
  /* font-family: "Reem Kufi", sans-serif; */
}
.header_contact_info li a {
    /* padding: 4px 14px; */
    display: flex;
    align-items: center;
    color: #fff;
    border-radius: 50px;
    font-weight: 400;
    font-size: 14px;
    /* background: #1ca4b3; */
    font-family: "Poppins", sans-serif;
}
/* .header_contact_info li a span{
  
  line-height: 1;

} */

.header_contact_info li a i {
  margin-right: 5px;
}

/* .header_contact_info li a i{s
  transform: translateY(2px);
} */
.header_contact_info li .whatsapp i {
  font-size: 20px;
}

.header_contact_info li .email i {
  font-size: 16px;
}


.header_contact_info li:not(:last-child) {
  margin-right: 15px;
}

.header_contact_info li i {
  color: #ff4328;
}

.header_items_list>li {
  color: #7276b3;
  font-size: 15px;
  position: relative;
}

.header_items_list>li:not(:last-child) {
  margin-right: 30px;
  padding-right: 30px;
}

.header_items_list>li:after {
  top: 50%;
  width: 2px;
  content: "";
  right: -1px;
  height: 20px;
  position: absolute;
  background-color: #c6ccdc;
  transform: translateY(-50%);
}

.header_items_list>li:last-child:after {
  display: none;
}

.header_btns_group li:not(:last-child) {
  margin-right: 10px;
}

.header_icon_btns li {
  font-size: 16px;
}

.header_icon_btns li:not(:last-child) {
  margin-right: 35px;
}

.header_icon_btns li button {
  display: block;
  line-height: 1;
  color: #757575;
}

.header_icon_btns li button:hover,
.header_icon_btns li button.active {
  color: #ff4328;
}

.header_hotline {
  padding: 30px 70px;
}

.header_hotline.bg_gray {
  background-color: #f5f6fa;
}

.header_hotline .item_icon {
  float: left;
  width: 55px;
  height: 55px;
  line-height: 45px;
  margin: -10px 0px;
  margin-right: 10px;
  text-align: center;
  border-radius: 100%;
  border: 5px solid #ffffff;
  background-color: #ff4328;
  box-shadow: 0px 10px 30px 0px rgba(226, 226, 226, 0.78);
}

.header_hotline .item_content {
  display: table;
}

.header_hotline h4 {
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  color: #757575;
  font-family: "Hind", sans-serif;
  text-transform: uppercase;
}

.header_hotline span {
  display: block;
  line-height: 1;
  font-size: 18px;
  font-weight: 500;
  color: #1a1e5d;
}

.cart_btn {
  position: relative;
}

.cart_btn .cart_counter {
  top: -10px;
  right: -10px;
  height: 20px;
  color: #ffffff;
  font-size: 11px;
  min-width: 20px;
  line-height: 22px;
  position: absolute;
  border-radius: 45px;
  background-color: #ff4328;
}

/* header section - end
================================================== */
/* main menu - start
================================================== */
.main_menu>ul>li {
  padding: 12px 0px;
}

.main_menu>ul>li:not(:last-child) {
  margin-right: 25px;
}

.main_menu>ul>li>a {
text-transform: uppercase;
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  font-family: "Poppins", sans-serif;
}

/*.stuck .main_menu>ul>li>a {*/
/*  color: #323232;*/
/*}*/
.stuck1 .main_menu>ul>li>a {
  color: #323232;
}

.main_menu>ul>li:hover>a,
.main_menu>ul>li.active>a {
  color: #1ca4b3;
}

.main_menu .has_child {
  position: relative;
}

.main_menu .has_child>a:after {
  font-size: 12px;
  content: "\f107";
  margin-left: 5px;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.main_menu .has_child .submenu {
  top: 100%;
  left: 0px;
  opacity: 0;
  z-index: 99;
  margin: 0px;
  min-width: 220px;
  padding: 0px 0px;
  visibility: hidden;
  position: absolute;
  background: #ffffff;
  transform: translateY(15px);
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 2px 19px 3px rgba(0, 0, 0, 0.08);
}

.main_menu .has_child .submenu li {
  display: block;
}

.main_menu .has_child .submenu li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
  font-family: "Poppins", sans-serif;
}

.main_menu .has_child .submenu li a {
  width: 100%;
  display: block;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  padding: 15px 30px;
  white-space: nowrap;
  color: #4e4e4e;
}

.main_menu .has_child .submenu li:hover>a,
.main_menu .has_child .submenu li.active>a {
  color: #e36f1d;
  background-color: #f5f6fa;
}

.main_menu .has_child:hover>.submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.main_menu .has_child .submenu .has_child {
  position: relative;
}

.main_menu .has_child .submenu .has_child>a:after {
  float: right;
  font-size: 13px;
  content: "\f061";
  transform: translateY(0px);
}

.main_menu .has_child .submenu .submenu {
  top: -20px;
  left: 100%;
}

/* main menu - end
================================================== */
/* main search - start
================================================== */
.search_body_collapse .search_body {
  z-index: 999;
  position: absolute;
  padding: 0px 197px;
  background-color: rgba(0, 0, 0, 0.8);
  top: 98px;
  width: 100%;
}

/* .stuck .search_body_collapse .search_body {

  top: 64px;

} */

.search_body_collapse .form_item input {
  padding: 0px;
  border: none;
  height: 70px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  background-color: transparent;
}

.search_body_collapse .form_item input:-moz-placeholder {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}

.search_body_collapse .form_item input::-moz-placeholder {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}

.search_body_collapse .form_item input:-ms-input-placeholder {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}

.search_body_collapse .form_item input::-webkit-input-placeholder {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}

.search_body_collapse .form_item button {
  top: 50%;
  right: 0px;
  color: #ffffff;
  font-size: 24px;
  position: absolute;
  transform: translateY(-50%);
}

/* main search - end
================================================== */
/* default header - start
================================================== */
.header_default+main {
  margin-top: 150px;
}

/* .header_default.stuck .header_top {
  display: none;
} */

.header_default.stuck .header_bottom {
backdrop-filter: blur(5px) contrast(80%);
    background-color: #0000002e;
}

.header_default.stuck1 .header_bottom {
  background-color: #ffffff;
}
/* default header - end
================================================== */
/* primary header - start
================================================== */

/* .header_contact_info {
  padding-left: 18%;
} */

.brand_logo img {
  padding: 5px 0;
  width: 150px;
}

.primary_header {
  background-color: #ffffff;
}

.primary_header+main {
  margin-top: 100px;
}

.primary_header .main_menu,
.primary_header .brand_logo,
.primary_header .header_hotline {
  float: left;
  min-height: 100px;
  display: inline-block;
}

.primary_header .brand_logo {
  width: 330px;
}

.primary_header .brand_logo>a {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  line-height: 100px;
}

.primary_header .header_hotline {
  float: right;
  width: 360px;
}

.primary_header .main_menu>ul>li {
  padding: 0px;
  height: 100px;
  margin: 0px !important;
  border-right: 1px solid #e6e6e6;
}

.primary_header .main_menu>ul>li>a {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  padding: 0px 40px;
  line-height: 100px;
  color: #757575;
}

.primary_header .main_menu>ul>li:hover>a,
.primary_header .main_menu>ul>li.active>a {
  color: #ffffff;
  background-color: #ff4328;
}

.primary_header .main_menu>ul>.has_child>a:after {
  display: none;
}

.primary_header .search_btn {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 16px;
  min-width: 100px;
  padding: 0px 30px;
  line-height: 100px;
  color: #757575;
}

.primary_header .search_btn:hover,
.primary_header .search_btn.active {
  color: #ffffff;
  background-color: #ff4328;
}

.primary_header .search_body_collapse .search_body {
  background-color: #ffffff;
  border-top: 1px solid #e6e6e6;
}

.primary_header .search_body_collapse .form_item input {
  height: 55px;
  font-size: 16px;
  padding: 0px 35px;
  border-radius: 45px;
  color: #1a1e5d;
  background-color: #f5f6fa;
}

.primary_header .search_body_collapse .form_item input:-moz-placeholder {
  font-weight: 300;
  color: #757575;
}

.primary_header .search_body_collapse .form_item input::-moz-placeholder {
  font-weight: 300;
  color: #757575;
}

.primary_header .search_body_collapse .form_item input:-ms-input-placeholder {
  font-weight: 300;
  color: #757575;
}

.primary_header .search_body_collapse .form_item input::-webkit-input-placeholder {
  font-weight: 300;
  color: #757575;
}

.primary_header .search_body_collapse .form_item button {
  right: 30px;
  line-height: 1;
  font-size: 18px;
  color: #ff4328;
}

/* primary header - end
================================================== */
/* secondary header - start
================================================== */
.secondary_header+main {
  margin-top: 130px;
}

.secondary_header.stuck .header_top {
  display: none;
}
.secondary_header.stuck1 .header_top {
  display: none;
}

.secondary_header .brand_logo {
  height: 80px;
  width: 255px;
  display: flex;
  margin: -10px 0px;
  align-items: center;
  border-right: 1px solid #e2e2e2;
}

.secondary_header .header_icon_btns {
  width: 205px;
  float: right;
  height: 80px;
  display: flex;
  margin: -10px 0px;
  align-items: center;
  border-left: 1px solid #e2e2e2;
}

.secondary_header .header_contact_info li {
  color: #757575;
}

.secondary_header .header_items_list>li {
  padding: 0px;
}

.secondary_header .header_items_list>li:after {
  display: none;
}

.secondary_header .header_items_list>li:not(:last-child) {
  margin-right: 30px;
}

.secondary_header .select_option .nice-select {
  height: 35px;
  margin: -3px 0px;
  line-height: 35px;
  padding: 0px 20px;
  padding-right: 40px;
  border-radius: 45px;
  background-color: #ff4328;
}

.secondary_header .select_option .nice-select span {
  color: #ffffff;
}

.secondary_header .select_option .nice-select:after {
  right: 20px;
  color: #ffffff;
}

.secondary_header .header_bottom {
  display: flex;
  min-height: 80px;
  padding: 10px 0px;
  background-color: #ffffff;
}

.secondary_header .main_menu>ul>li>a {
  color: #757575;
}

.secondary_header .main_menu>ul>li:hover>a,
.secondary_header .main_menu>ul>li.active>a {
  color: #ff4328;
}

/* secondary header - end
================================================== */
/* sidebar mobile menu - start
================================================== */
.mobilemenu_btns_group {
  display: none;
}

.mobilemenu_btns_group>li:not(:last-child) {
  margin-right: 25px;
}

.mobilemenu_btns_group button {
  line-height: 1;
  display: block;
  color: #ffffff;
  font-size: 18px;
}

.sidebar-menu-wrapper {
  display: block;
}

.sidebar-menu-wrapper .overlay {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  transition: all 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.7);
}

.sidebar-menu-wrapper .overlay.active {
  opacity: 1;
  display: block;
}

.sidebar_mobile_menu {
  top: 0px;
  width: 300px;
  right: -320px;
  height: 100vh;
  z-index: 9999;
  position: fixed;
  padding: 100px 0px;
  overflow-y: scroll;
  background-color: #1a1e5d;
  transition: 0.6s cubic-bezier(1, 0, 0, 1);
}

.sidebar_mobile_menu.active {
  right: 0px;
}

.sidebar_mobile_menu .mCustomScrollBox {
  overflow: visible !important;
}

.sidebar_mobile_menu .close_btn {
  top: 15px;
  right: 20px;
  color: #ffffff;
  line-height: 1;
  font-size: 24px;
  border-radius: 0px;
  position: absolute;
}

.sidebar_mobile_menu .close_btn:hover {
  color: #ff4328;
}

.sidebar_mobile_menu .mobile_menu_list {
  width: 100%;
  display: block;
}

.sidebar_mobile_menu .mobile_menu_list ul {
  margin: 0px;
  padding: 0px;
}

.sidebar_mobile_menu .mobile_menu_list li,
.sidebar_mobile_menu .mobile_menu_list a {
  width: 100%;
  line-height: 1;
  display: block;
}

.sidebar_mobile_menu .mobile_menu_list>ul>li>a {
  font-size: 16px;
  padding: 17px 35px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
}

.sidebar_mobile_menu .mobile_menu_list>ul>li:hover>a,
.sidebar_mobile_menu .mobile_menu_list>ul>li.active>a {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.06);
}

.sidebar_mobile_menu .mobile_menu_list .dropdown-menu {
  margin: 0px;
  width: 100%;
  float: none;
  border: none;
  display: none;
  line-height: 1;
  padding: 15px 0px;
  padding-top: 0px;
  border-radius: 0px;
  transform: unset !important;
  position: static !important;
  background-color: rgba(255, 255, 255, 0.06);
}

.sidebar_mobile_menu .mobile_menu_list .dropdown-menu.show {
  display: block;
  position: unset !important;
}

.sidebar_mobile_menu .mobile_menu_list .dropdown-menu li,
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu a {
  width: 100%;
  display: block;
  line-height: 1;
}

.sidebar_mobile_menu .mobile_menu_list .dropdown-menu a {
  font-size: 15px;
  padding: 12px 35px;
  padding-left: 45px;
  color: rgba(255, 255, 255, 0.6);
}

.sidebar_mobile_menu .mobile_menu_list .dropdown-menu>li:hover>a,
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu>li.active>a {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.07);
}

.sidebar_mobile_menu .mobile_menu_list .dropdown-menu .dropdown-menu a {
  padding-left: 55px;
}

.sidebar_mobile_menu .mobile_menu_list .dropdown-toggle:after {
  float: right;
  margin-top: 8px;
}

.sidebar_mobile_menu::-webkit-scrollbar {
  width: 0px;
}

.cart_sidebar {
  top: 0px;
  width: 300px;
  right: -320px;
  height: 100vh;
  z-index: 9999;
  position: fixed;
  padding: 100px 0px;
  overflow-y: scroll;
  background-color: #ffffff;
  transition: 0.6s cubic-bezier(1, 0, 0, 1);
}

.cart_sidebar.active {
  right: 0px;
  box-shadow: 0px 10px 55px 1px rgba(137, 173, 255, 0.35);
}

.cart_sidebar .mCustomScrollBox {
  overflow: visible !important;
}

.cart_sidebar .close_btn {
  top: 15px;
  right: 20px;
  line-height: 1;
  font-size: 24px;
  text-align: center;
  border-radius: 0px;
  position: absolute;
  color: #1a1e5d;
}

.cart_sidebar .close_btn:hover {
  color: #ff4328;
}

.cart_sidebar .cart_items_list {
  padding-bottom: 30px;
  border-bottom: 1px solid #dbdbdb;
}

.cart_sidebar .cart_items_list>ul>li:not(:last-child) {
  margin-bottom: 20px;
}

.cart_sidebar .cart_item {
  display: flex;
  padding: 0px 30px;
  position: relative;
  align-items: center;
  justify-content: flex-start;
}

.cart_sidebar .cart_item .remove_btn {
  top: 0px;
  right: 10px;
  line-height: 1;
  font-size: 15px;
  margin-right: 10px;
  position: absolute;
  color: #757575;
}

.cart_sidebar .cart_item .remove_btn:hover {
  color: #ff4328;
}

.cart_sidebar .cart_item .item_image {
  width: 100px;
  margin-right: 10px;
}

.cart_sidebar .cart_item .item_title {
  font-size: 14px;
  margin-bottom: 3px;
}

.cart_sidebar .total_price {
  padding: 20px 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dbdbdb;
}

.cart_sidebar .total_price li {
  line-height: 1;
}

.cart_sidebar .total_price li:not(:last-child) {
  margin-bottom: 10px;
}

.cart_sidebar .total_price span {
  font-size: 18px;
  font-weight: 500;
  color: #222222;
}

.cart_sidebar .total_price small {
  float: right;
  font-size: 16px;
}

.cart_sidebar .btns_group {
  padding: 0px 5px;
}

.cart_sidebar .btns_group li {
  width: 50%;
  padding: 5px;
  text-align: center;
}

.cart_sidebar .btns_group a {
  height: 50px;
  display: block;
  line-height: 1;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 0px 15px;
  line-height: 52px;
  text-transform: uppercase;
}

.cart_sidebar .btns_group a.bg_default_yellow {
  color: #222222;
}

.cart_sidebar::-webkit-scrollbar {
  width: 0px;
}

/* sidebar mobile menu - end
================================================== */
/* header - end
==================================================================================================== */
/* footer - start
==================================================================================================== */
/* footer section - start */

.footer_section.bg_gray {
  background-color: #f5f6fa;
}

.footer_section {
  background-color: #212121;
}


.footer_widget_title {
  line-height: 1;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 35px;
}

.footer_widget_area {
  padding: 70px 0px;
}

.footer_bottom_boxed p {
  font-size: 14px;
  color: #d3d3d3;
  margin: 5px auto !important;
}

/* .footer_bottom_boxed {
  padding: 25px 50px;
} */

.footer_bottom_boxed.bg_white {
  background-color: #ffffff;
}

/* footer section - start */
/* footer brand list - start */
.footer_brand_area {
  padding: 60px 0px;
}

.footer_brand_area.border_bottom {
  border-bottom: 1px solid #e0e0e0;
}

/* footer brand list - end */
/* footer useful links - start */
.footer_useful_links li {
  line-height: 1;
  font-size: 14px;

}

.footer_useful_links li:not(:last-child) {
    margin-bottom: 25px;
}

.footer_useful_links a {
  color: #757575;
}

.footer_useful_links a:hover {
  color: #ff4328;
}

/* footer useful links - end */
/* footer contact form - start */

.footer_contact_form li {
    margin-bottom: 14px;
}

.footer_contact_form li a {
  color: #d3d3d3;
}

.footer_contact_form .form_item input {
  height: 55px;
  color: #ffffff;
  background-color: #1a1e5d;
}

.footer_contact_form .form_item input:-moz-placeholder {
  color: #d4d7ff;
}

.footer_contact_form .form_item input::-moz-placeholder {
  color: #d4d7ff;
}

.footer_contact_form .form_item input:-ms-input-placeholder {
  color: #d4d7ff;
}

.footer_contact_form .form_item input::-webkit-input-placeholder {
  color: #d4d7ff;
}

.footer_contact_form .form_item .submit_btn {
  height: 55.5px;
  min-width: 55px;
  line-height: 57px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  background-color: #ff4328;
}

/* footer contact form - end */
/* footer hotline - start */
.footer_hotline {
  display: block;
  line-height: 1;
  font-size: 18px;
  color: #222222;
  /* font-family: "Reem Kufi", sans-serif; */
}

.footer_hotline i {
  margin-right: 10px;
  color: #ff4328;
}

/* footer hotline - end */
/* author links - start */
.author_links {
  color: #ff4328;
}

/* author links - end */
/* footer about - start */
.footer_about.bg_black {
  background-color: #171717;
}

/* footer about - end */
/* footer contact info list - start */
.footer_contact_info li {
  display: flex;
  align-items: center;
}

.footer_contact_info li:not(:last-child) {
  margin-bottom: 30px;
}

.footer_contact_info .item_icon {
  width: 40px;
  height: 40px;
  color: #ffffff;
  line-height: 44px;
  border-radius: 5px;
  text-align: center;
  margin-right: 15px;
}

.footer_contact_info .item_icon.bg_default_yellow {
  color: #222222;
}

.footer_contact_info h4 {
  line-height: 1;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #757575;
  font-family: "Hind", sans-serif;
  text-transform: uppercase;
}

.footer_contact_info p {
  margin: 0px;
  line-height: 1;
  font-size: 18px;
  /* font-family: "Reem Kufi", sans-serif; */
}

/* footer contact info list - end */
/* footer newsletter boxed - start */
.footer_newsletter_boxed {
  padding: 35px 50px;
  background-color: #171717;
}

.footer_newsletter_boxed .newsletter_title {
  font-size: 22px;
  line-height: 1.273;
  margin-bottom: 0px;
}

.footer_newsletter_boxed .form_list>li:not(:last-child) {
  margin-right: 7px;
}

.footer_newsletter_boxed input {
  height: 55px;
  width: 280px;
  outline: none;
  display: block;
  color: #ffffff;
  padding: 0px 30px;
  border: 1px solid #272727;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}

.footer_newsletter_boxed input:focus {
  border-color: #e36f1d;
}

.footer_newsletter_boxed input:-moz-placeholder {
  color: #595959;
}

.footer_newsletter_boxed input::-moz-placeholder {
  color: #595959;
}

.footer_newsletter_boxed input:-ms-input-placeholder {
  color: #595959;
}

.footer_newsletter_boxed input::-webkit-input-placeholder {
  color: #595959;
}

.footer_newsletter_boxed .icon_btn {
  width: 55px;
  height: 55px;
  font-size: 18px;
  line-height: 59px;
}

/* footer newsletter boxed - end */
/* footer white content - start */


.footer_section {
  background-size: cover;
  background-blend-mode: multiply;
  background-color: #2e2e2e;
  background-position: center;
}

.footer_section .text-white p {
  color: #b2b5ec;
}

.text-white .footer_widget_title {
  color: #ffffff;
  margin-bottom: 35px;
}

.text-white .footer_brand_area.border_bottom {
  border-bottom: 1px solid #24296f;
}

.text-white .footer_useful_links a {
  color: #d3d3d3;
}

.text-white .footer_useful_links a:hover {
  color: #ff4328;
}

.text-white .small_blog .item_title>a {
  color: #ffffff;
}

.text-white .small_blog:hover .item_title>a {
  color: #ff4328;
}

.text-white .small_blog .post_date {
  color: #b2b5ec;
}

.text-white .footer_contact_form .form_item input {
  background-color: rgb(31, 35, 102);
}

.text-white .footer_hotline {
  color: #b2b5ec;
}

.text-white .footer_bottom_boxed {
  padding: 10px 0px;
  background-color: #0e0e0e;
}

.text-white .circle_social_links a {
  color: #ababab;
  background-color: rgb(41, 45, 119);
}

.text-white .circle_social_links a:hover i {
  color: #ffffff;
}

.text-white .author_links {
  color: #1ca4b3;
}

.text-white .footer_contact_info p {
  color: #ffffff;
}

.text-white .footer_newsletter_boxed {
  margin-top: 47px;
}

.text-white .footer_newsletter_boxed .newsletter_title {
  color: #ffffff;
}

/* footer white content - end */
/* secondary footer - start
================================================== */
.secondary_footer {
  z-index: 1;
  padding: 80px 0px;
  position: relative;
}

.secondary_footer .border_shapes {
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  width: 100%;
  position: absolute;
  background-size: auto;
  background-position: right center;
}

.secondary_footer.text-white p {
  color: #979797;
}

.secondary_footer.text-white a {
  color: #979797;
}

.secondary_footer.text-white a:hover {
  color: #e36f1d;
}

.secondary_footer.text-white .footer_contact_info p {
  color: #ffffff;
}

.secondary_footer .footer_about {
  margin-top: -80px;
  padding: 80px 45px 30px;
}

.secondary_footer .footer_about .brand_logo {
  display: none;
}

.secondary_footer .circle_social_links a {
  width: 50px;
  height: 50px;
  background-color: rgb(33, 33, 33);
}

.secondary_footer .copyright_text {
  padding: 22px 35px;
  background-color: #212121;
}

.secondary_footer .copyright_text .author_links {
  color: #e36f1d;
}

.secondary_footer .copyright_text .author_links:hover {
  color: #ff4328;
}

.secondary_footer .footer_widget_area {
  padding: 0px;
  padding-left: 40px;
}

.secondary_footer .small_blog .item_title>a {
  line-height: 1.556;
}

.secondary_footer .small_blog:hover .item_title>a {
  color: #e36f1d;
}

.secondary_footer .small_blog .post_date {
  color: #979797;
}

.secondary_footer .small_blog .post_date i {
  color: #e36f1d;
}

/* secondary footer - end
================================================== */
/* footer - end
==================================================================================================== */
/* breadcrumb - start
==================================================================================================== */
.breadcrumb_section {
  z-index: 1;
  min-height: 365px;
  padding: 80px 0px;
  position: relative;
}

.breadcrumb_section:before {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  content: "";
  z-index: -1;
  position: absolute;
  background-color: rgba(4, 7, 57, 0.4);
}

.page_title {
  color: #ffffff;
  line-height: 1;
  font-size: 70px;
  letter-spacing: -2.5px;
}

.breadcrumb_nav>li {
  line-height: 1;
  color: #ffffff;
  font-size: 24px;
  position: relative;
}

.breadcrumb_nav>li:not(:last-child) {
  margin-right: 25px;
  padding-right: 25px;
}

.breadcrumb_nav>li:after {
  top: 50%;
  right: -3px;
  font-size: 18px;
  font-weight: 400;
  content: "\f105";
  position: absolute;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
}

.breadcrumb_nav>li:last-child:after {
  display: none;
}

.breadcrumb_nav a {
  display: block;
  line-height: 1;
  color: #ffffff;
}

.breadcrumb_nav a:hover {
  color: #ff4328;
}

/* breadcrumb - end
==================================================================================================== */
/* sidebar - start
==================================================================================================== */
/* sidebar section - start */
.sidebar_section .widget {
  padding: 50px 40px;
  background-color: #ffffff;
}

.sidebar_section .widget:not(:last-child) {
  margin-bottom: 30px;
}

.sb_widget_title {
  line-height: 1;
  font-size: 24px;
  margin-bottom: 25px;
}

.sb_widget_title.bottom_line {
  font-size: 20px;
  position: relative;
  padding-bottom: 18px;
}

.sb_widget_title.bottom_line:after,
.sb_widget_title.bottom_line:before {
  bottom: 0px;
  height: 2px;
  content: "";
  position: absolute;
  background-color: #ff4328;
}

.sb_widget_title.bottom_line:before {
  left: 0px;
  width: 10px;
}

.sb_widget_title.bottom_line:after {
  left: 17px;
  width: 25px;
}

/* sidebar section - end */
/* service category - start */
.sb_service_category li:not(:last-child) {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eaeaea;
}

.sb_service_category a {
  display: block;
  line-height: 1;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  padding-right: 70px;
  color: #222222;
  /* font-family: "Reem Kufi", sans-serif; */
}

.sb_service_category a:before {
  top: 0px;
  bottom: 0px;
  right: 70px;
  content: "";
  width: 1px;
  position: absolute;
  background-color: #dcdcdc;
}

.sb_service_category a:after {
  top: 50%;
  right: 0px;
  content: "\f178";
  font-weight: 400;
  position: absolute;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
}

.sb_service_category a:hover {
  color: #ff4328;
}

/* service category - end */
/* download btns - start */
.sb_download_btns .btns_group li:not(:last-child) {
  margin-bottom: 10px;
}

.sb_download_btns .custom_btn {
  width: 100%;
}

.sb_download_btns .share_links {
  margin-top: 24px;
}

/* download btns - end */
/* search box - start */
.sb_search_box .form_item input {
  padding: 0px 35px;
  border-radius: 45px;
  background-color: #f5f6fa;
}

.sb_search_box .form_item .input_icon {
  right: 35px;
}

.sb_search_box_2 .submit_btn {
  width: 65px;
  height: 65px;
  color: #ffffff;
  font-size: 16px;
  line-height: 67px;
  text-align: center;
  position: absolute;
  border-radius: 5px;
}

/* search box - end */
/* service list - start */
.sb_service_list li:not(:last-child) {
  border-bottom: 5px solid #f5f6fa;
}

.sb_service_list a {
  line-height: 1;
  display: block;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  padding: 23.5px 35px;
  color: #757575;
}

.sb_service_list a:before {
  top: 50%;
  right: 35px;
  line-height: 1;
  font-weight: 400;
  content: "\f105";
  position: absolute;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
}

.sb_service_list a:hover {
  color: #ffffff;
  background-color: #ff4328;
}

/* service list - end */
/* service list - start */
.sb_recent_works li:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dbdbdb;
}

.sb_recent_works .small_blog .item_image {
  width: 85px;
}

/* service list - end */
/* photo gallery - start */
.sb_photo_gallery ul {
  margin: -10px;
}

.sb_photo_gallery li {
  padding: 10px;
  flex: 0 0 50%;
  max-width: 50%;
}

.sb_photo_gallery a {
  display: block;
  overflow: hidden;
  position: relative;
  background-color: #1a1e5d;
}

.sb_photo_gallery a>img {
  transition: all 0.3s ease-in-out;
}

.sb_photo_gallery a i {
  top: 50%;
  left: 50%;
  z-index: 1;
  opacity: 0;
  color: #ffffff;
  line-height: 1;
  font-size: 35px;
  margin-top: 15px;
  position: absolute;
  transition: all 0.3s ease-in-out;
  transform: translate(-50%, -50%);
}

.sb_photo_gallery a:hover>img {
  opacity: 0.3;
}

.sb_photo_gallery a:hover i {
  opacity: 1;
  margin-top: 0px;
}

/* photo gallery - end */
/* tag list - start */
.sb_tag_list ul {
  margin: -3px;
}

.sb_tag_list li {
  padding: 3px;
}

.sb_tag_list a {
  height: 32px;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 34px;
  padding: 0px 12px;
  color: #757575;
  background-color: #ffffff;
  box-shadow: 0px 0px 30px 0px rgba(162, 162, 162, 0.27);
}

.sb_tag_list a:hover {
  color: #ffffff;
  background-color: #ff4328;
}

.sb_tag_list_2 ul {
  margin: -3px;
}

.sb_tag_list_2 li {
  padding: 3px;
}

.sb_tag_list_2 a {
  height: 40px;
  display: block;
  font-size: 14px;
  line-height: 42px;
  padding: 0px 20px;
  border-radius: 5px;
  text-align: center;
  color: #757575;
  background-color: rgb(245, 246, 250);
}

.sb_tag_list_2 a:hover {
  color: #ffffff;
  background-color: #ff4328;
}

/* tag list - end */
/* tag list - start */
.sb_cta {
  z-index: 1;
  display: flex;
  min-height: 455px;
  position: relative;
  align-items: center;
  justify-content: center;
}

.sb_cta:before {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  content: "";
  z-index: -1;
  opacity: 0.851;
  position: absolute;
  background-color: #1a1e5d;
}

.sb_cta .title_text {
  font-size: 38px;
  padding-top: 35px;
  line-height: 1.053;
  position: relative;
  margin-bottom: 22px;
}

.sb_cta .title_text:before {
  top: 0px;
  left: 50%;
  width: 50px;
  height: 3px;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  background-color: #e36f1d;
}

.sb_cta p {
  margin-bottom: 23px;
}

.sb_cta .custom_btn {
  padding: 10px 30px;
}

.sb_cta .custom_btn span {
  width: 35px;
  height: 35px;
  line-height: 39px;
  margin-left: 30px;
  margin-right: -20px;
}

/* tag list - end */
/* category list - start */
.sb_category_list li:not(:last-child) {
  margin-bottom: 8px;
}

.sb_category_list a {
  font-weight: 500;
  color: #757575;
}

.sb_category_list a:hover {
  color: #ff4328;
}

/* category list - end */
/* pricing range - start */
.price-range-area {
  padding-top: 7px;
}

.price-range-area .slider-range {
  height: 6px;
  border: none;
  border-radius: 45px;
  background-color: #ededee;
}

.price-range-area .ui-slider-range {
  border: none;
  border-radius: 45px;
  background-color: #ff4328;
}

.price-range-area .ui-state-default {
  top: -7px;
  width: 20px;
  height: 20px;
  border: none;
  outline: none;
  border-radius: 100%;
  border: 6px solid #ffffff;
  background-color: #ff4328;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}

.price-range-area .price-text {
  font-size: 14px;
  font-weight: 600;
  margin-top: 25px;
  color: #757575;
}

.price-range-area .price-text span {
  float: left;
  margin-right: 15px;
}

.price-range-area .price-text input {
  border: none;
  font-weight: 600;
  color: #222222;
  display: inline-block;
}

/* pricing range - end */
/* sidebar - end
==================================================================================================== */
/* testimonial page - start
==================================================================================================== */
/* testimonial section - start */
.testimonial_section {
  z-index: 1;
  position: relative;
}


.testimonial_section .decoration_images_1 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  width: 545px;
  position: absolute;
}

.testimonial_section .decoration_images_1:before {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  content: "";
  z-index: -1;
  position: absolute;
  background-color: #1a1e5d;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 110px 100%);
}

.testimonial_section .deco_image {
  z-index: 2;
  position: absolute;
}

.testimonial_section .deco_image_1 {
  top: -71px;
  right: 70px;
  max-width: 283px;
}

.testimonial_section .deco_image_2 {
  top: 143px;
  left: -68px;
  max-width: 212px;
}

.testimonial_section .deco_image_3 {
  top: 294px;
  right: 29px;
  max-width: 245px;
}

.testimonial_section .deco_image_4 {
  top: 457px;
  left: -33px;
  max-width: 215px;
}

.testimonial_section .shape_image_1 {
  top: 90px;
  left: 280px;
  z-index: -1;
  max-width: 80px;
}

.testimonial_section .shape_image_2 {
  left: 88px;
  top: 421px;
  z-index: -1;
  max-width: 115px;
}

.testimonial_auto_wrap {
  margin: auto;
  max-width: 530px;
}

.testimonial_section {
  background: #efefef;
  padding: 80px 0;
}

/* testimonial section - end */
/* testimonial primary - start */
.testimonial_primary .content_wrap {
  border-radius: 0 50px 0 50px;
  padding: 30px;
  min-height: 200px;
  position: relative;
  margin-bottom: 40px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgb(203 203 203 / 65%) 0px 10px 30px 0px;
}

.testimonial_primary .content_wrap:before {
  left: 40px;
  bottom: -30px;
  width: 0px;
  height: 0px;
  content: "";
  position: absolute;
  border-top: 30px solid transparent;
  border-left: 30px solid #ffffff;
  border-right: 30px solid transparent;
  border-bottom: 30px solid transparent;
}

.testimonial_primary p {
  margin: 0px;
  color: #222222;
}

.testimonial_primary p.font_24 {
  font-size: 24px;
  line-height: 1.458;
  color: #222222;
}

.testimonial_primary p strong {
  display: block;
  color: #1a1e5d;
  margin-top: 15px;
  font-weight: 500;
}

.testimonial_primary .quote_icon {
  right: 32px;
  bottom: 35px;
  opacity: 0.04;
  max-width: 72px;
  position: absolute;
}

.testimonial_primary .hero_info_wrap {
  display: flex;
  padding-left: 25px;
  align-items: center;
}

.testimonial_primary .hero_thumbnail {
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 100%;
}

.testimonial_primary .hero_name {
  line-height: 1;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  letter-spacing: -0.48px;
}

.testimonial_primary .hero_title {
  line-height: 1;
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #e36f1d;
  text-transform: uppercase;
}

/* testimonial primary - end */
/* testimonial carousel - start */
.testimonial_carousel {
  z-index: 1;
  /* margin-top: 40px; */
  position: relative;
}

/* .testimonial_carousel:before {
  top: 0px;
  left: -10px;
  content: "";
  z-index: -1;
  width: 135px;
  height: 135px;
  position: absolute;
  background-color: #ff4328;
} */

.testimonial_carousel .owl-stage-outer {
  padding-top: 10px;
}

.testimonial_carousel .owl-nav,
.testimonial_carousel .owl-dots {
  display: none;
}

/* testimonial carousel - end */
/* creative testimonial carousel - start */
.testimonial_person_image {
  z-index: 2;
  float: left;
  width: 500px;
  position: relative;
  margin-top: -235px;
  margin-left: -120px;
  border: 15px solid #ffffff;
}

.creative_testimonial_carousel {
  padding: 50px 70px;
  margin-right: -19px;
  margin-bottom: 55px;
  padding-bottom: 130px;
  background-color: #f5f6fa;
}

.creative_testimonial_carousel .testimonial_primary {
  margin: 0px;
  max-width: 530px;
  padding-top: 30px;
  padding-left: 40px;
}

.creative_testimonial_carousel .testimonial_primary .content_wrap {
  z-index: 1;
  padding: 0px;
  box-shadow: none;
  min-height: auto;
  margin-bottom: 30px;
  background-color: transparent;
}

.creative_testimonial_carousel .testimonial_primary .content_wrap:before {
  top: -30px;
  left: -40px;
  z-index: -1;
  width: 75px;
  height: 75px;
  border: none;
  bottom: unset;
  background-color: #ffffff;
}

.creative_testimonial_carousel .testimonial_primary p {
  font-size: 30px;
  line-height: 1.333;
  color: #222222;
}

.creative_testimonial_carousel .testimonial_primary .hero_info_wrap {
  padding-left: 0px;
}

.creative_testimonial_carousel .testimonial_primary .quote_icon {
  right: 45px;
  bottom: -85px;
  max-width: 255px;
}

.creative_testimonial_carousel .owl-nav {
  width: 100%;
  display: flex;
  margin-top: 50px;
  padding-left: 40px;
}

.creative_testimonial_carousel .owl-nav button {
  float: left;
  display: inline-block;
}

.creative_testimonial_carousel .owl-nav button:not(:last-child) {
  margin-right: 5px;
}

.creative_testimonial_carousel .owl-nav .owl-next,
.creative_testimonial_carousel .owl-nav .owl-prev {
  width: 45px;
  height: 45px;
}

.creative_testimonial_carousel .owl-nav .owl-next:before,
.creative_testimonial_carousel .owl-nav .owl-prev:before {
  border: none;
  font-size: 15px;
  line-height: 45px;
  border-radius: 0px;
  color: #222222;
  background-color: #e36f1d;
}

.creative_testimonial_carousel .owl-nav .owl-next:hover:before,
.creative_testimonial_carousel .owl-nav .owl-prev:hover:before {
  color: #ffffff;
  background-color: #ff4328;
}

.orange_shape {
  right: -67px;
  bottom: 0px;
  z-index: -1;
  width: 727px;
  height: 588px;
  position: absolute;
  background-color: #ff4328;
}

/* creative testimonial carousel - end */
/* testimonial page - end
==================================================================================================== */
/* feature section - start
==================================================================================================== */
/* feature section - start */
.feature_section.bg_gray {
  background-color: #f5f6fa;
}

.triangle_shape {
  top: 0px;
  left: 0px;
  width: 50%;
  bottom: 0px;
  position: absolute;
  background-color: #ecedf2;
  clip-path: polygon(0 0, 100% 100%, 0% 100%);
}

.feature_image_1 {
  z-index: 1;
  max-width: 505px;
  padding: 0px 15px;
  position: relative;
  margin: 50px auto 0px;
}

.feature_image_1:before {
  top: 17px;
  left: 0px;
  right: 0px;
  bottom: 17px;
  z-index: -1;
  content: "";
  position: absolute;
  border: 3px solid #1a1e5d;
}

.feature_content p {
  color: #222222;
}

.stairs_wrap .stair_col:nth-child(1) {
  padding-top: 160px;
}

.stairs_wrap .stair_col:nth-child(2) {
  padding-top: 80px;
}

/* feature section - end */
/* feature primary - start */
.feature_primary,
.feature_primary_2 {
  max-width: 300px;
}

.feature_primary .item_icon,
.feature_primary_2 .item_icon {
  width: 60px;
  height: 60px;
  color: #ffffff;
  font-size: 22px;
  line-height: 66px;
  text-align: center;
  border-radius: 100%;
}

.feature_primary .item_title,
.feature_primary_2 .item_title {
  line-height: 1;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 17px;
}

.feature_primary p,
.feature_primary_2 p {
  font-size: 14px;
  margin-bottom: 13px;
}

.feature_primary {
  margin-top: 50px;
}

.feature_primary .item_icon {
  float: left;
  margin-right: 20px;
}

.feature_primary .item_content {
  display: table;
}

.feature_primary_2 {
  margin-top: 40px;
}

.feature_primary_2 .item_icon {
  margin-bottom: 20px;
}

/* feature primary - end */
/* feature list layout boxed - start */
.feature_listlayout_boxed {
  max-width: 370px;
  padding: 30px 35px;
  margin: 30px auto 0px;
  background-color: #ffffff;
}

.feature_listlayout_boxed .item_icon {
  float: left;
  width: 75px;
  height: 75px;
  color: #ffffff;
  display: flex;
  font-size: 32px;
  text-align: center;
  margin-right: 25px;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}

.feature_listlayout_boxed .item_content {
  display: table;
}

.feature_listlayout_boxed .item_title {
  line-height: 1;
  font-size: 22px;
  margin-bottom: 11px;
}

.feature_listlayout_boxed p {
  line-height: 1.6;
  margin-bottom: 12px;
}

/* feature list layout boxed - end */
/* feature list layout boxed 2 - start */
.feature_listlayout_boxed2 {
  max-width: 600px;
  overflow: hidden;
  position: relative;
  padding: 80px 100px;
  transition: all 0.3s ease-in-out;
}

.feature_listlayout_boxed2 .deco_image {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.feature_listlayout_boxed2 .shape_1 {
  top: 0px;
  right: 0px;
  max-width: 119px;
  transform: translateX(40px);
}

.feature_listlayout_boxed2 .shape_2 {
  left: 92px;
  bottom: 0px;
  max-width: 340px;
  transform: translateX(-40px);
}

.feature_listlayout_boxed2:hover .deco_image {
  opacity: 1;
  transform: translateX(0px);
}

.feature_listlayout_boxed2 .item_icon {
  float: left;
  width: 100px;
  height: 100px;
  display: flex;
  margin-right: 30px;
  align-items: center;
  border-radius: 100%;
  justify-content: center;
  border: 7px solid #ffffff;
  background-color: #ff4328;
  box-shadow: 0px 10px 60px 0px rgba(194, 194, 194, 0.4);
}

.feature_listlayout_boxed2 .item_content {
  display: table;
}

.feature_listlayout_boxed2 .item_type {
  display: block;
  line-height: 1;
  font-size: 15px;
  margin-bottom: 15px;
  color: #ff4328;
  font-family: "Pacifico", cursive;
}

.feature_listlayout_boxed2 .item_title {
  font-size: 24px;
  margin-bottom: 15px;
}

.feature_listlayout_boxed2 p {
  margin-bottom: 15px;
}

.feature_listlayout_boxed2 p,
.feature_listlayout_boxed2 .item_icon,
.feature_listlayout_boxed2 .item_type,
.feature_listlayout_boxed2 .item_title {
  transition: all 0.3s ease-in-out;
}

.feature_listlayout_boxed2 .text_btn span {
  transition: all 0.3s ease-in-out;
}

.feature_listlayout_boxed2 .text_btn span:before {
  background: #ffffff;
}

.feature_listlayout_boxed2:hover {
  background-color: #ff4328;
}

.feature_listlayout_boxed2:hover p,
.feature_listlayout_boxed2:hover .item_icon,
.feature_listlayout_boxed2:hover .item_type,
.feature_listlayout_boxed2:hover .item_title {
  color: #ffffff;
}

.feature_listlayout_boxed2:hover .item_icon {
  background-color: #e36f1d;
}

.feature_listlayout_boxed2:hover .text_btn span {
  color: #ffffff;
}

.feature_listlayout_boxed2:hover .text_btn i {
  color: #ffffff;
}

/* feature list layout boxed 2 - end */
/* feature list layout boxed - start */
.feature_card {
  z-index: 1;
  max-width: 370px;
  padding: 0px 18px;
  text-align: center;
  position: relative;
  margin: 30px auto 0px;
}

.feature_card:before {
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  content: "";
  height: 50%;
  position: absolute;
  background-color: #ffffff;
  box-shadow: 0px 10px 60px 0px rgba(236, 236, 236, 0.78);
}

.feature_card .item_image {
  display: block;
  overflow: hidden;
  position: relative;
}

.feature_card .plus_effect:after,
.feature_card .plus_effect:before {
  background-color: #ffffff;
}

.feature_card .plus_effect:before {
  width: 120px;
}

.feature_card .plus_effect:after {
  height: 120px;
}

.feature_card .plus_effect:hover>img {
  opacity: 0.369;
}

.feature_card .plus_effect:hover:before,
.feature_card .plus_effect:hover:after {
  opacity: 1;
  transition-delay: 0.2s;
}

.feature_card .plus_effect:hover:before {
  width: 85px;
}

.feature_card .plus_effect:hover:after {
  height: 85px;
}

.feature_card:hover .plus_effect>img {
  opacity: 0.369;
}

.feature_card:hover .plus_effect:before,
.feature_card:hover .plus_effect:after {
  opacity: 1;
  transition-delay: 0.2s;
}

.feature_card:hover .plus_effect:before {
  width: 85px;
}

.feature_card:hover .plus_effect:after {
  height: 85px;
}

.feature_card .item_content {
  padding: 30px 15px;
}

.feature_card .item_type {
  line-height: 1;
  display: block;
  margin-bottom: 15px;
  color: #ff4328;
  font-family: "Pacifico", cursive;
}

.feature_card .item_title {
  line-height: 1;
  font-size: 24px;
  margin-bottom: 0px;
}

/* feature list layout boxed - end */
/* feature section - end
==================================================================================================== */
/* brand section - start
==================================================================================================== */
/* brand section - start */
.brand_section.bg_gray {
  background-color: #f5f6fa;
}

/* brand section - start */
/* primary brand section - start */
.brands_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.primary_brand_section .brand_logo {
  display: flex;
  min-height: 150px;
  align-items: center;
  justify-content: center;
}

/* primary brand section - end */
/* brand section - end
==================================================================================================== */
/* funfact - start
==================================================================================================== */
/* funfact section - start */
.funfact_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #ffffff;
}

.funfact_item {
  flex: 0 0 25%;
  max-width: 25%;
  display: flex;
  min-height: 335px;
  padding: 50px 30px;
  align-items: center;
  justify-content: center;
}

.funfact_item:not(:last-child) {
  border-right: 1px solid #ececec;
}

.funfact_item .item_icon {
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  margin: 0px auto 30px;
  justify-content: center;
  border: 1px solid #dfdfdf;
}

.funfact_item .item_icon span {
  width: 80px;
  height: 80px;
  display: flex;
  color: #ffffff;
  font-size: 30px;
  align-items: center;
  justify-content: center;
}

.funfact_item .item_icon span.bg_default_yellow {
  color: #222222;
}

.funfact_item .counte_text {
  display: block;
  line-height: 1;
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 14px;
  color: #222222;
  /* font-family: "Reem Kufi", sans-serif; */
}

.funfact_item .item_title {
  line-height: 1;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0px;
  color: #757575;
  font-family: "Hind", sans-serif;
}

.funfact_bordered {
  background-color: transparent;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}

.funfact_bordered .funfact_item {
  display: flex;
  min-height: 465px;
  align-items: center;
  justify-content: center;
}

/* funfact section - start */
/* funfact - end
==================================================================================================== */
/* about page - start
==================================================================================================== */
/* about section - start */
.about_section {
  z-index: 1;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.about_section.bg_gray {
  background-color: #f5f6fa;
}

.about_section .cricle_border {
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
  display: block;
  text-align: center;
  position: absolute;
}

.about_image_1 {
  height: 565px;
  width: 100%;
  overflow:hidden;
  border-radius: 40px 0;
  transition: .9s ease-in-out;
}
.cus_mr{
    padding-right: 20px;
    height: 100%;
  width: 100%;
}
.about_image_1 img {
    height: 100%;
  width: 100%;
  transform: scale(1.0);
  transition: .9s ease-in-out;
  object-fit: cover;
  /* filter: brightness(1.1); */
  /* border-radius: 0 0 400px 200px; */

}
.about_image_1:hover img{
    transform: scale(1.1);
  transition: .9s ease-in-out;
}
.about_image_2 {
  z-index: 1;
  position: relative;
  background-color: #1a1e5d;
}

.about_image_2:before {
  top: -10px;
  left: -10px;
  z-index: -1;
  width: 250px;
  height: 250px;
  content: "";
  position: absolute;
  background-color: #ff4328;
}

.about_image_2:after {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  content: "";
  opacity: 0.2;
  position: absolute;
  background-color: #1a1e5d;
}

.about_image_2 img {
  width: 100%;
  display: block;
}

.about_image_2 .play_btn {
  top: 50%;
  left: 50%;
  z-index: 2;
  position: absolute;
  transform: translate(-50%, -50%);
  border: 3px solid rgba(255, 255, 255, 0.49);
}

.about_image_2 .play_btn:before,
.about_image_2 .play_btn:after {
  border: 3px solid rgba(255, 255, 255, 0.49);
}


.about_content .section_title {
  margin-bottom: 15px;
}


.about_content p {
  margin-bottom: 20px;
}

.about_content p span {
  font-size: 18px;
  color: #222222;
}

.about_content .experience_image {
  float: left;
  max-width: 190px;
  margin-right: 30px;
}

.avatar_wrap {
  display: flex;
  align-items: center;
}

.avatar_wrap .avatar_image {
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 100%;
}

.avatar_wrap .avatar_name {
  line-height: 1;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}

.avatar_wrap .avatar_title {
  line-height: 1;
  display: block;
  font-weight: 600;
  color: #ff4328;
  text-transform: uppercase;
}

.about_certificate {
  max-width: 250px;
  margin-top: 40px;
}

.about_certificate .item_icon {
  float: left;
  margin-right: 15px;
}

.about_certificate .item_content {
  display: table;
}

.about_certificate .item_title {
  font-size: 22px;
  margin-bottom: 5px;
}

.about_certificate p {
  margin: 0px;
  font-size: 15px;
  line-height: 1.6;
}

.custom-about-btn {
  background-color: #0e6d77;
  color: white;
  font-size: 20px;
  padding: 9px 25px 12px 25px;
  border-radius: 50px;
}

.custom-about-btn i {
  transform: rotate(-40deg);
}


/* about section - start */
/* about page - end
==================================================================================================== */
/* service page - start
==================================================================================================== */
/* service section - start */
.service_section.bg_gray {
  background-color: #f5f6fa;
}

/* service section - end */
/* service grid - start */
.service_grid .item_image {
  overflow: hidden;
  position: relative;
}

.service_grid .item_content {
  z-index: 1;
  max-width: 330px;
  padding: 40px 35px;
  position: relative;
  text-align: center;
  margin: -40px auto 0px;
  background-color: #ffffff;
}

.service_grid .item_content.bg_gray {
  background-color: #f5f6fa;
}

.service_grid .bg_icon {
  top: 50%;
  left: 50%;
  z-index: -1;
  opacity: 0.04;
  max-width: 155px;
  position: absolute;
  transform: translate(-50%, -50%);
}

.service_grid .item_title {
  line-height: 1;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 12px;
}

.service_grid p {
  margin: 0px;
  line-height: 1.867;
}

.service_grid .icon_btn {
  top: -20px;
  right: 15px;
  z-index: 2;
  width: 40px;
  height: 40px;
  color: #ffffff;
  font-size: 13px;
  line-height: 42px;
  position: absolute;
  background-color: #1ca4b3;
}

.service_grid .icon_btn:before {
  background: #e36f1d;
}

.service_grid .icon_btn:hover .icon_btn:before {
  left: 0px;
  width: 100%;
  right: auto;
}

/* service grid - end */
/* service grid 2 - start */
.service_grid_2 {
  max-width: 570px;
  margin: 30px auto 0px;
  background-color: #f5f6fa;
}

.service_grid_2 .item_image {
  display: block;
  overflow: hidden;
  position: relative;
}

.service_grid_2 .item_content_wrap {
  padding: 60px 50px 68px;
}

.service_grid_2 .item_icon {
  float: left;
  width: 90px;
  height: 90px;
  line-height: 92px;
  margin-right: 30px;
  text-align: center;
  border-radius: 100%;
}

.service_grid_2 .item_content {
  display: table;
}

.service_grid_2 .item_title {
  line-height: 1;
  font-size: 24px;
  margin-bottom: 15px;
}

/* service grid 2 - end */
/* service boxed - start */
.service_boxed {
  max-width: 270px;
  padding: 45px 35px;
  margin: 30px auto 0px;
}

.service_boxed .item_icon {
  height: 80px;
  display: flex;
  align-items: center;
  margin-bottom: 27px;
  justify-content: center;
}

.service_boxed .item_title {
  line-height: 1;
  font-size: 22px;
  margin-bottom: 15px;
}

.service_boxed p {
  margin-bottom: 18px;
  color: #222222;
}

.service_boxed .text_btn span:before {
  background: #222222;
}

.service_boxed .text_btn i {
  color: #222222;
}

.service_boxed.text-white p,
.service_boxed.text-white .item_title {
  color: #ffffff;
}

.service_boxed.text-white .text_btn span {
  color: #ffffff;
}

.service_boxed.text-white .text_btn span:before {
  background: #ffffff;
}

.service_boxed.text-white .text_btn i {
  color: #ffffff;
}

/* service boxed - end */
/* service list layout boxed - start */
.service_listlayout_boxed {
  display: flex;
  max-width: 570px;
  padding: 50px 55px;
  align-items: center;
  margin: 30px auto 0px;
  background-color: #ffffff;
}

.service_listlayout_boxed .item_image {
  float: left;
  max-width: 140px;
  min-width: 140px;
  overflow: hidden;
  margin-right: 30px;
  border-radius: 100%;
}

.service_listlayout_boxed .item_content {
  display: table;
}

.service_listlayout_boxed .item_title {
  line-height: 1;
  font-size: 22px;
  margin-bottom: 15px;
}

.service_listlayout_boxed p {
  margin-bottom: 15px;
}

/* service list layout boxed - end */
/* service split - start */
.service_split {
  max-width: 590px;
  margin: 0px auto;
}

.service_split .item_image,
.service_split .item_content {
  width: 50%;
  float: left;
  display: inline-block;
}

.service_split .item_image {
  display: flex;
  height: 330px;
}

.service_split .item_image img {
  object-fit: cover;
}

.service_split .service_boxed {
  margin: 0px;
  max-width: 100%;
  padding: 48.5px 35px;
}

/* service split - end */
/* service card - start */

.service_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 18px;

}

.service_card .item_image {
  display: block;
  overflow: hidden;
  position: relative;
}

.service_card .item_image>img {
  height: 400px;
  width: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.service_card:hover .item_image>img {
  transform: scale(1.05);
}

.service_card .item_content {
  z-index: 2;
  max-width: 260px;
  position: relative;
  padding: 16px 16px;
  padding-right: 52px;
  margin: -30px auto 0px;
  background-color: #ffffff;
  box-shadow: 2px 2px 10px #00000029;
}

.service_card .item_type {
  display: block;
  line-height: 1;
  font-size: 15px;
  margin-bottom: 10px;
  color: #ff4328;
  font-family: "Pacifico", cursive;
}

.service_card .item_title {
  line-height: 1;
  font-size: 16px;
  font-weight: 600;
}

.service_card .icon_btn {
  top: 50%;
  right: 8px;
  width: 35px;
  height: 35px;
  font-size: 14px;
  line-height: 37px;
  position: absolute;
  transform: translateY(-50%);
}

/* service card - end */
/* service page - end
==================================================================================================== */
/* portfolio page - start
==================================================================================================== */
/* portfolio section - start */
.portfolio_section.bg_gray {
  background-color: #f5f6fa;
}

/* portfolio section - end */
/* metro portfolio grid - start */
.metro_portfolio_grid .grid-item,
.metro_portfolio_grid .grid-sizer {
  width: 25%;
  float: left;
  display: inline-block;
}

.metro_portfolio_grid .w_50 {
  width: 50%;
}

/* metro portfolio grid - end */
/* masonry portfolio grid - start */
/* .masonry_portfolio_grid {
  margin: 15px 40px;
  margin-bottom: -15px;
} */

.masonry_portfolio_grid .grid-item,
.masonry_portfolio_grid .grid-sizer {
  width: 25%;
}

.masonry_portfolio_grid .w_50 {
  width: 50%;
}

.masonry_portfolio_grid .grid-item--width2 {
  width: 50%;
}

/* .masonry_portfolio_grid .grid-item {
  padding: 15px;
} */

/* masonry portfolio grid - end */

/* brands_section - start */

.brands_carousel .brand_item {
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 20px; */
  background: #ffffff;
  margin: 0 0px;
  border-radius: 8px;
  /* box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); */
  transition: all 0.3s ease;
}


.brands_carousel .brand_item img {
  max-width: 120px;
  max-height: 60px;
  object-fit: contain;
  transition: all 0.3s ease;
}


.brands_carousel .owl-stage {
  display: flex;
  align-items: center;
}

.brands_carousel .owl-nav {
  display: none;
}

.brands_carousel .owl-dots {
  display: none;
}

/* brands_section - end */

/* contact_section - start */
.contact_section {
  position: relative;
}

.contact_info_card {
background: #ffffff;
  padding: 30px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
  display: flex;
  border: 1px solid #0000001f;
  border-radius: 40px 0 40px 0;
}

.contact_info_card .item_icon {
  margin-right: 20px;
}

.contact_info_card .item_icon span {
display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px;
  color: #ffffff;
}

.contact_info_card .item_title {
font-size: 18px;
  font-weight: 600;
  margin-bottom: 7px;
  color: #2c3e50;
  font-family: "Poppins", sans-serif;
}

.contact_info_card p {
  color: #6c757d;
  line-height: 1.6;
  margin-bottom: 0;
}

.contact_form_wrapper {
  background: #ffffff;
  /* padding: 35px; */
  padding-left: 35px;
  border-radius: 10px;
  /* box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); */
}

.contact_form .form_group {
  margin-bottom: 25px;
}

.contact_form .form_control {
  width: 100%;
  height: 50px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 0 20px;
  font-size: 14px;
  color: #2c3e50;
  font-family: "Poppins", sans-serif;
  background: #f3f5f6;
  transition: all 0.3s ease;
}

.contact_form .form_control:focus {
  /* border-color: rgb(167 167 167); */
  /* background: rgb(255, 255, 255); */
  outline: none;
  /* box-shadow: rgba(254, 201, 49, 0.1) 0px 0px 0px 3px; */
}

.contact_form textarea.form_control {
  height: 120px;
  padding: 15px 20px;
  resize: vertical;
}



.contact_section .deco_image {
  position: absolute;
  top: 50px;
  right: 50px;
  z-index: -1;
  opacity: 0.1;
}

@media (max-width: 767px) {
  .contact_form_wrapper {
    padding: 0;
  }

  .contact_info_card {
    padding: 20px;
  }

  .contact_section .deco_image {
    display: none;
  }
}

/* contact_section - end */

/* portfolio fullimage - start */
.portfolio_carousel.w_1545 {
  float: left;
  width: 1545px;
}

.portfolio_carousel .owl-nav {
  margin-top: 60px;
}

.portfolio_carousel .owl-nav .owl-next,
.portfolio_carousel .owl-nav .owl-prev {
  width: 45px;
  height: 45px;
}

.portfolio_carousel .owl-nav .owl-next:before,
.portfolio_carousel .owl-nav .owl-prev:before {
  font-size: 14px;
  line-height: 44px;
}

.portfolio_fullimage {
  position: relative;
  overflow: hidden;
}

.portfolio_fullimage img {
  padding: 6px;
  height: 310px;
  width: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.portfolio_fullimage:hover img {
  transform: scale(1.05);
}

.portfolio_fullimage .portfolio_title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  color: white;
  padding: 30px 20px 20px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
}

.portfolio_fullimage:hover .portfolio_title {
  opacity: 1;
  transform: translateY(0);
}

.portfolio_fullimage .portfolio_title h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #ffffff;
  font-family: 'Cosmetic', sans-serif;
}

.portfolio_fullimage .portfolio_title p {
  font-size: 14px;
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
}

.portfolio_fullimage a {
  height: 100%;
  width: 100%;
}

.portfolio_fullimage .title_wrap {
  right: 20px;
  bottom: 20px;
  padding: 10px;
  padding-left: 25px;
  position: absolute;
  align-items: center;
  display: inline-flex;
  background-color: #ffffff;
  justify-content: space-between;
}

.portfolio_fullimage .icon_btn {
  width: 45px;
  height: 45px;
  color: #ffffff;
  font-size: 14px;
  line-height: 49px;
  margin-left: 25px;
  background-color: #ff4328;
}

.portfolio_fullimage .icon_btn:before {
  background: #e36f1d;
}

.portfolio_fullimage .icon_btn:hover {
  color: #222222;
}

.portfolio_fullimage .item_title {
  font-size: 20px;
}

/* portfolio fullimage - end */
/* portfolio page - end
==================================================================================================== */
/* blog page - start
==================================================================================================== */
/* blog section - start */
.blog_section.bg_gray {
  background-color: #f5f6fa;
}

/* blog section - end */
/* small blog - start */
.recent_works_list li:not(:last-child) {
  margin-bottom: 30px;
}

.small_blog {
  max-width: 320px;
}

.small_blog .item_image {
  float: left;
  width: 70px;
  display: block;
  overflow: hidden;
  position: relative;
  margin-right: 20px;
}

.small_blog .item_content {
  display: table;
}

.small_blog .item_title {
  margin-bottom: 6px;
}

.small_blog .item_title>a {
  font-size: 18px;
  font-weight: 500;
  color: #222222;
  /* font-family: "Reem Kufi", sans-serif; */
}

.small_blog:hover .item_title>a {
  color: #ff4328;
}

.small_blog .post_date,
.small_blog .post_admin {
  display: block;
  line-height: 1;
}

.small_blog .post_date i,
.small_blog .post_admin i {
  margin-right: 6px;
  color: #ff4328;
}

.small_blog .post_meta>li {
  font-size: 14px;
}

.small_blog .post_meta>li:not(:last-child) {
  margin-right: 15px;
}

.small_blog .post_meta i {
  margin-right: 5px;
}

/* small blog - end */
/* blog standard - start */
.blog_standard {
  max-width: 770px;
  margin: 30px auto 0px;
  background-color: #ffffff;
}

.blog_standard .item_image {
  display: block;
  overflow: hidden;
  position: relative;
  background-color: #1a1e5d;
}

.blog_standard .item_image>img {
  transition: all 0.3s ease-in-out;
}

.blog_standard:hover .item_image>img {
  opacity: 0.4;
}

.blog_standard .item_content {
  padding: 40px;
}

.blog_standard .post_type {
  height: 30px;
  color: #ffffff;
  min-width: 87px;
  font-size: 14px;
  font-weight: 500;
  line-height: 34px;
  padding: 0px 20px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 26px;
  text-transform: uppercase;
}

.blog_standard .item_title {
  margin-bottom: 20px;
}

.blog_standard .item_title>a {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.333;
  color: #222222;
}

.blog_standard:hover .item_title>a {
  color: #ff4328;
}

.blog_standard .post_meta {
  margin-bottom: 20px;
}

.blog_standard p {
  margin-bottom: 22px;
}

/* blog standard - end */
/* blog grid 1 - start */
.blog_grid_1 {
  max-width: 370px;
  margin: 30px auto 0px;
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
}

.blog_grid_1 .item_image {
  display: block;
  position: relative;
}

.blog_grid_1 .post_admin {
  height: 80px;
  display: flex;
  padding: 10px 40px;
  position: relative;
  padding-right: 80px;
  align-items: center;
  border-bottom: 1px solid #e9e9e9;
}

.blog_grid_1 .admin_image {
  width: 55px;
  height: 55px;
  overflow: hidden;
  margin-right: 15px;
  border-radius: 100%;
}

.blog_grid_1 .abmin_name {
  line-height: 1;
  font-size: 18px;
}

.blog_grid_1 .post_date {
  line-height: 1;
  display: block;
}

.blog_grid_1 .post_date i {
  margin-right: 6px;
  color: #ff4328;
}

.blog_grid_1 .icon_btn {
  top: 0px;
  right: 0px;
  width: 80px;
  height: 80px;
  font-size: 24px;
  line-height: 86px;
  position: absolute;
}

.blog_grid_1:hover .icon_btn {
  color: #ffffff;
}

.blog_grid_1:hover .icon_btn:before {
  left: 0px;
  width: 100%;
  right: auto;
}

.blog_grid_1 .item_content {
  padding: 33px 40px 37px;
}

.blog_grid_1 .item_title {
  margin-bottom: 20px;
}

.blog_grid_1 .item_title>a {
  display: block;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.455;
  letter-spacing: -1px;
  color: #222222;
  /* font-family: "Reem Kufi", sans-serif; */
}

.blog_grid_1:hover .item_title>a {
  color: #ff4328;
}

/* blog grid 1 - end */
/* blog grid 2 - start */
.blog_grid_2 {
  max-width: 370px;
  margin: 30px auto 0px;
  border: 1px solid #e9e9e9;
  background-color: #ffffff;
}

.blog_grid_2 .item_image {
  display: block;
  overflow: hidden;
  position: relative;
}

.blog_grid_2 .item_image>img {
  transition: all 0.3s ease-in-out;
}

.blog_grid_2:hover .item_image>img {
  transform: scale(1.05);
}

.blog_grid_2 .item_content {
  padding: 39px 40px 35px;
  border-bottom: 1px solid #e9e9e9;
}

.blog_grid_2 .post_category {
  height: 25px;
  color: #ffffff;
  font-size: 13px;
  min-width: 80px;
  font-weight: 700;
  line-height: 27px;
  padding: 0px 12px;
  text-align: center;
  border-radius: 45px;
  margin-bottom: 18px;
  display: inline-block;
  text-transform: uppercase;
}

.blog_grid_2 .item_title {
  margin-bottom: 0px;
}

.blog_grid_2 .item_title>a {
  display: block;
  font-size: 22px;
  line-height: 1.455;
  letter-spacing: -1px;
  color: #222222;
  /* font-family: "Reem Kufi", sans-serif; */
}

.blog_grid_2:hover .item_title>a {
  color: #ff4328;
}

.blog_grid_2 .post_meta {
  position: relative;
}

.blog_grid_2 .post_meta:before {
  top: 0px;
  left: 50%;
  bottom: 0px;
  width: 1px;
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #e9e9e9;
  transform: translateX(-50%);
}

.blog_grid_2 .post_meta li {
  margin: 0px;
  height: 50px;
  flex: 0 0 50%;
  max-width: 50%;
  text-align: center;
}

.blog_grid_2 .post_meta a {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 50px;
}

/* blog grid 2 - end */
/* blog full image - start */
.blog_fullimage {
  z-index: 1;
  max-width: 370px;
  overflow: hidden;
  position: relative;
  margin: 30px auto 0px;
}

.blog_fullimage:before {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  content: "";
  position: absolute;
  background-image: linear-gradient(0deg, rgba(26, 30, 93, 0.9), transparent);
}

.blog_fullimage .item_content {
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  position: absolute;
  padding: 33px 40px 37px;
}

.blog_fullimage .post_admin {
  position: relative;
  padding: 17.5px 40px;
  padding-right: 80px;
  margin-bottom: 33px;
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.blog_fullimage .abmin_name {
  line-height: 1;
  font-size: 18px;
}

.blog_fullimage .post_date {
  line-height: 1;
  display: block;
}

.blog_fullimage .post_date i {
  margin-right: 6px;
  color: #e36f1d;
}

.blog_fullimage .icon_btn {
  top: -1px;
  right: -1px;
  width: 80px;
  height: 80px;
  font-size: 24px;
  line-height: 86px;
  position: absolute;
}

.blog_fullimage:hover .icon_btn {
  color: #ffffff;
}

.blog_fullimage:hover .icon_btn:before {
  left: 0px;
  width: 100%;
  right: auto;
}

.blog_fullimage .item_title {
  margin-bottom: 20px;
}

.blog_fullimage .item_title>a {
  display: block;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.455;
  letter-spacing: -1px;
  color: #222222;
  /* font-family: "Reem Kufi", sans-serif; */
}

.blog_fullimage:hover .item_title>a {
  color: #e36f1d;
}

.blog_fullimage.text-white .abmin_name {
  color: #ffffff;
}

.blog_fullimage.text-white .item_title>a {
  color: #ffffff;
}

.blog_fullimage.text-white:hover .item_title>a {
  color: #e36f1d;
}

.blog_fullimage.text-white .post_meta a {
  color: #ffffff;
}

.blog_fullimage.text-white .post_meta a:hover {
  color: #e36f1d;
}

.blog_fullimage.text-white .post_meta i {
  color: #e36f1d;
}

/* blog full image - end */
/* blog full image 2 - start */
.blog_fullimage_2 {
  max-width: 370px;
  overflow: hidden;
  position: relative;
  margin: 30px auto 0px;
}

.blog_fullimage_2:before {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  content: "";
  position: absolute;
  background-color: rgba(26, 30, 93, 0.749);
}

.blog_fullimage_2 .absolute_btn {
  top: 40px;
  z-index: 2;
  right: 40px;
  position: absolute;
}

.blog_fullimage_2 .text_btn span {
  color: #ffffff;
}

.blog_fullimage_2 .text_btn span:before {
  background: #e36f1d;
}

.blog_fullimage_2 .text_btn i {
  color: #ffffff;
}

.blog_fullimage_2 .item_content {
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  position: absolute;
  padding: 33px 40px 35px;
}

.blog_fullimage_2 .post_meta {
  margin-bottom: 12px;
}

.blog_fullimage_2 .post_meta a {
  color: #ffffff;
}

.blog_fullimage_2 .post_meta a:hover {
  color: #e36f1d;
}

.blog_fullimage_2 .post_meta i {
  color: #ffffff;
}

.blog_fullimage_2 .item_title {
  margin-bottom: 0px;
}

.blog_fullimage_2 .item_title>a {
  color: #ffffff;
  display: block;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.455;
  letter-spacing: -1px;
  /* font-family: "Reem Kufi", sans-serif; */
}

.blog_fullimage_2:hover .item_title>a {
  color: #e36f1d;
}

/* blog full image 2 - end */
/* blog quote - start */
.blog_quote {
  padding: 50px;
  padding-left: 70px;
  max-width: 770px;
  margin: 30px auto 0px;
}

.blog_quote .item_title {
  margin-bottom: 20px;
}

.blog_quote .item_title>a {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.333;
  color: #222222;
}

.blog_quote .item_title>a:hover {
  opacity: 0.7;
}

.blog_quote.text-white .item_title>a {
  color: #ffffff;
}

.blog_quote .post_admin {
  display: block;
  line-height: 1;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  padding-left: 70px;
}

.blog_quote .post_admin:before {
  top: 50%;
  left: 0px;
  width: 50px;
  height: 2px;
  content: "";
  line-height: 1;
  position: absolute;
  background-color: #ededef;
  transform: translateY(-50%);
}

/* blog quote - end */
/* blog page - end
==================================================================================================== */
/* shop page - start
==================================================================================================== */
/* shop section - start */
.shop_section.bg_gray {
  background-color: #f5f6fa;
}

/* shop section - end */
/* product selection bar - start */
.product_selection_bar {
  padding: 16px 30px;
  background-color: #ffffff;
}

.product_selection_bar .select_option.float_right {
  float: right;
}

.product_selection_bar .select_option.float_right .list {
  right: 0px;
  left: unset;
}

.product_selection_bar .select_option .nice-select {
  width: auto;
  padding: 0px;
  height: auto;
  line-height: 1;
  padding-right: 20px;
  display: inline-block;
  background: transparent;
}

.product_selection_bar .select_option .nice-select:after {
  right: 0px;
}

.product_selection_bar .select_option .nice-select span {
  color: #222222;
}

.product_selection_bar .select_option .nice-select .list {
  width: auto;
  min-width: 230px;
}

.product_selection_bar .result_text {
  margin: 0px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #222222;
}

/* product selection bar - end */
/* product card layout - start */
.product_card {
  max-width: 370px;
  margin: 30px auto 0px;
  background-color: #ffffff;
}

.product_card.bg_gray {
  background-color: #f5f6fa;
}

.product_card .item_image {
  display: block;
  overflow: hidden;
  position: relative;
  background-color: #1a1e5d;
}

.product_card .item_image>img {
  width: 100%;
  display: block;
  transition: all 0.3s ease-in-out;
}

.product_card:hover .item_image>img {
  opacity: 0.4;
}

.product_card .item_content {
  padding: 21.5px 20px;
}

.product_card .item_title {
  line-height: 1;
  font-size: 20px;
  margin-bottom: 10px;
}

.product_card .item_price {
  display: block;
  line-height: 1;
  font-weight: 500;
  color: #ff4328;
  /* font-family: "Reem Kufi", sans-serif; */
}

/* product card layout - end */
/* shop page - end
==================================================================================================== */
/* details pages - start
==================================================================================================== */
/* details section - start */
.details_section.bg_gray {
  background-color: #f5f6fa;
}

.details_section .details_content {
  padding: 50px;
  background-color: #ffffff;
}

.details_section .details_content.p-0 {
  background-color: transparent;
}

.details_section .details_content hr {
  height: 2px;
  margin-top: 60px;
  margin-bottom: 60px;
}

.details_section .details_content .item_title {
  font-size: 48px;
}

.details_section .details_content .title_text {
  font-size: 30px;
}

.details_section .details_content .post_type {
  height: 30px;
  color: #ffffff;
  min-width: 87px;
  font-size: 14px;
  font-weight: 500;
  line-height: 34px;
  padding: 0px 20px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.details_section .details_content .share_links,
.details_section .details_content .primary_tag_list {
  display: flex;
  margin-top: 30px;
  align-items: center;
}

.details_section .details_content .share_links {
  justify-content: flex-end;
}

.details_section .details_content .addtocart_btn {
  height: 40px;
  display: flex;
  padding: 0px 26px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.details_section .details_content .price_text {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1px;
  color: #ff4328;
}

.details_section .details_content .price_text del {
  font-size: 15px;
  font-weight: 500;
  color: #757575;
}

.details_section .details_image>img {
  width: 100%;
  display: block;
}

blockquote {
  margin: 40px 0px;
  padding: 32px 45px 38px;
}

blockquote .blockquote_title {
  font-size: 24px;
  line-height: 1.458;
  margin-bottom: 20px;
}

blockquote .blockquote_admin {
  display: block;
  line-height: 1;
  font-size: 15px;
  font-weight: 600;
}

blockquote .blockquote_admin i {
  font-size: 18px;
  margin-right: 10px;
}

.author_information {
  padding: 40px;
  background-color: #f5f6fa;
}

.author_information .author_thumbnail {
  float: left;
  width: 160px;
  height: 160px;
  overflow: hidden;
  margin-right: 35px;
  border-radius: 100%;
}

.author_information .author_content {
  display: table;
}

.author_information .author_name {
  line-height: 1;
  font-size: 22px;
  margin-bottom: 10px;
}

.author_information p {
  margin-bottom: 18px;
}

.related_post .small_blog {
  margin-top: 30px;
}

.related_post .small_blog .item_image {
  width: 80px;
}

/* details section - end */
/* service details - start */
.service_details .details_content .title_text,
.service_details .details_content .item_title {
  font-size: 35px;
}

.design_guideline_info {
  display: flex;
  flex-wrap: wrap;
  margin-left: -50px;
  margin-right: -50px;
  justify-content: space-between;
}

.design_guideline_info .guideline_content {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0px 50px;
}

.design_guideline_info .guideline_content:not(:last-child) {
  border-right: 1px solid #e1e1e1;
}

.design_guideline_info .btns_group li:not(:last-child) {
  margin-bottom: 10px;
}

.design_guideline_info .btns_group .custom_btn {
  width: 100%;
}

.guideline_list li {
  line-height: 1;
  font-size: 18px;
}

.guideline_list li:not(:last-child) {
  margin-bottom: 20px;
}

/* service details - end */
/* portfolio details - start */
.masonry_details_images {
  margin: -15px;
}

.masonry_details_images .grid-item,
.masonry_details_images .grid-sizer {
  float: left;
  width: 33.333%;
  display: inline-block;
}

.masonry_details_images .w_66 {
  width: 66.666%;
}

.masonry_details_images .grid-item {
  padding: 15px;
}

.portfolio_details_info {
  padding: 50px 0px;
  border-bottom: 2px solid #efefef;
}

.portfolio_details_info h4 {
  line-height: 0.8;
  font-size: 35px;
  margin-bottom: 15px;
}

.portfolio_details_info p {
  line-height: 1;
  font-weight: 500;
  margin-bottom: 0px;
}

.portfolio_details_info .square_social_links a {
  width: 60px;
  height: 60px;
  font-size: 18px;
}

/* portfolio details - end */
/* blog details - start */
.blog_details .details_content .item_title {
  font-size: 30px;
  line-height: 1.333;
}

/* blog details - end */
/* comment area - start */
.comment_area .title_title,
.comment_form .title_title {
  font-size: 30px;
}

.comment_area ul {
  margin: 0px;
  padding: 0px;
}

.comment_area li {
  display: block;
}

.comment_area>ul>li:not(:last-child) {
  margin-bottom: 50px;
}

.comment_area>ul>li li {
  margin-top: 40px;
  padding-left: 105px;
}

.comment_area .admin_thumbnail {
  width: 80px;
  float: left;
  height: 80px;
  overflow: hidden;
  margin-right: 25px;
  border-radius: 100%;
}

.comment_area .admin_thumbnail>img {
  width: 100%;
  display: block;
}

.comment_area .admin_content {
  display: table;
}

.comment_area .admin_name {
  line-height: 1;
  font-size: 18px;
  margin-bottom: 10px;
}

.comment_area .admin_title {
  line-height: 1;
  display: block;
  font-weight: 500;
  margin-bottom: 13px;
  color: #ff4328;
}

.comment_area p {
  margin-bottom: 10px;
}

.comment_area .reply_btn {
  line-height: 1;
  font-size: 13px;
  font-weight: 500;
  color: #757575;
  text-transform: uppercase;
  /* font-family: "Reem Kufi", sans-serif; */
}

.comment_area .reply_btn:hover {
  color: #ff4328;
}

.comment_area .reply_btn i {
  margin-left: 5px;
}

/* comment area - end */
/* comment form - start */
.comment_form .form_item input,
.comment_form .form_item textarea {
  background-color: #f5f6fa;
  border: 2px solid #f5f5f5;
}

.comment_form .form_item input:focus,
.comment_form .form_item textarea:focus {
  background-color: #ffffff;
  border-color: #ff4328;
}

.comment_form .form_item input {
  height: 70px;
}

/* comment form - end */
/* shop detsild - start */
.shop_details hr {
  height: 2px;
  margin-top: 80px;
  margin-bottom: 80px;
  background-color: #eaeaea;
}

.shop_details .shop_container {
  padding: 55px;
  padding-top: 130px;
  max-width: 1310px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}

.shop_details .details_image {
  margin-right: -30px;
}

.shop_details .details_image .tab-content {
  float: left;
  width: 605px;
}

.shop_details .details_image .nav {
  width: 195px;
  float: right;
  padding-left: 30px;
}

.shop_details .details_image .nav li:not(:last-child) {
  margin-bottom: 30px;
}

.shop_details .details_content {
  padding: 0px;
  padding-left: 55px;
}

.shop_details .details_content .item_title {
  font-size: 30px;
}

.shop_details .details_content .share_links {
  justify-content: flex-start;
}

.shop_details .quantity_cart>li:not(:last-child) {
  margin-right: 35px;
}

.quantity_input {
  display: flex;
  position: relative;
  align-items: center;
}

.quantity_input input {
  height: 40px;
  outline: none;
  font-size: 15px;
  max-width: 80px;
  font-weight: 500;
  margin: 0px 10px;
  padding: 0px 10px;
  text-align: center;
  color: #ff4328;
  border: 1px solid #dddddd;
}

.quantity_input span {
  line-height: 1;
  cursor: pointer;
  font-size: 24px;
  text-align: center;
  color: #222222;
  display: inline-block;
}

.description_tabnav {
  margin-bottom: 35px;
  display: inline-block;
  border-bottom: 2px solid #eaeaea;
}

.description_tabnav li {
  margin-bottom: -2px;
}

.description_tabnav li:not(:last-child) {
  margin-right: 50px;
}

.description_tabnav a {
  display: block;
  line-height: 1;
  font-size: 24px;
  font-weight: 500;
  position: relative;
  padding-bottom: 20px;
  color: #222222;
  /* font-family: "Reem Kufi", sans-serif; */
}

.description_tabnav a:before {
  width: 0px;
  left: auto;
  right: 0px;
  bottom: 0px;
  height: 2px;
  content: "";
  position: absolute;
  background: #ff4328;
  transition: width 0.3s linear;
}

.description_tabnav a:hover,
.description_tabnav a.active {
  color: #ff4328;
}

.description_tabnav a:hover:before,
.description_tabnav a.active:before {
  left: 0px;
  width: 100%;
  right: auto;
}

/* shop detsild - end */
/* details pages - end
==================================================================================================== */
/* pricing page - start
==================================================================================================== */
/* pricing section - start */
.pricing_section.bg_gray {
  background-color: #f5f6fa;
}

.pricing_section .shape_1 {
  left: 0px;
  bottom: 0px;
  max-width: 352px;
}

.pricing_section .shape_2 {
  top: 0px;
  right: 0px;
  max-width: 189px;
}

/* pricing section - end */
/* pricing plan - start */
.pricing_plan {
  max-width: 370px;
  padding: 60px 50px;
  margin: 30px auto 0px;
  background-color: #ffffff;
}

.pricing_plan .sub_title {
  display: block;
  line-height: 1;
  font-size: 24px;
  margin-bottom: 15px;
  color: #ff4328;
  font-family: "Pacifico", cursive;
}

.pricing_plan .item_title {
  line-height: 1;
  font-size: 35px;
}

.pricing_plan .item_body {
  padding: 30px 0px;
}

.pricing_plan .item_icon {
  display: flex;
  min-height: 165px;
  align-items: center;
  margin-bottom: 40px;
  justify-content: center;
}

.pricing_plan .item_icon>img {
  margin: auto;
  max-width: 220px;
}

.pricing_plan .pricing_text {
  display: block;
  line-height: 0.8;
  font-size: 55px;
  font-weight: 500;
  margin-bottom: 35px;
  color: #1a1e5d;
  /* font-family: "Reem Kufi", sans-serif; */
}

.pricing_plan .pricing_text sup {
  top: -19px;
  line-height: 1;
  font-size: 24px;
  font-weight: 400;
  color: #ff4328;
}

.pricing_plan .price_info {
  padding-top: 37px;
  border-top: 1px solid #e5e5e5;
}

.pricing_plan .price_info li {
  line-height: 1;
  font-size: 18px;
}

.pricing_plan .price_info li:not(:last-child) {
  margin-bottom: 20px;
}

.pricing_plan .custom_btn {
  padding: 10px 20px;
}

.pricing_plan .custom_btn span {
  width: 35px;
  height: 35px;
  line-height: 39px;
  margin-right: -10px;
}

/* pricing plan - end */
/* pricing page - end
==================================================================================================== */
/* team page - start
==================================================================================================== */
/* team grid - start */
.team_grid {
  max-width: 270px;
  margin: 30px auto 0px;
  border: 1px solid #e4e4e4;
}

.team_grid .item_content {
  padding: 35px;
}

.team_grid .member_name {
  line-height: 1;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}

.team_grid .member_title {
  line-height: 1;
  display: block;
  margin-bottom: 18px;
  color: #ff4328;
}

.team_grid .square_social_links li:not(:last-child) {
  margin-right: 7px;
}

.team_grid .square_social_links a {
  width: 30px;
  height: 30px;
  line-height: 34px;
}

/* team grid - end */
/* team page - end
==================================================================================================== */
/* faq page - start
==================================================================================================== */
.faq_content_wrap,
.skill_content_wrap {
  max-width: 500px;
}

.faq_accordion.mr__30 {
  margin-right: -30px;
}

.faq_accordion.ml__30 {
  margin-left: -30px;
}

.faq_accordion .card {
  border: none;
  border-radius: 0px;
  background-color: transparent;
}

.faq_accordion .card:not(:last-child) {
  margin-bottom: 35px;
}

.faq_accordion .card-header {
  padding: 0px;
  background-color: transparent;
  border-bottom: 2px solid #e3e3e3;
}

.faq_accordion .card-header button {
  width: 100%;
  display: block;
  line-height: 1;
  font-size: 18px;
  text-align: left;
  font-weight: 500;
  position: relative;
  padding-bottom: 20px;
  color: #222222;
  /* font-family: "Reem Kufi", sans-serif; */
}

.faq_accordion .card-header button:before {
  top: 0px;
  right: 0px;
  font-weight: 500;
  content: "\f067";
  position: absolute;
  color: #ff4328;
  transition: all 0.3s ease-in-out;
  font-family: "Font Awesome 5 Free";
}

.faq_accordion .card-header button[aria-expanded=true]:before {
  content: "\f068";
  transform: rotate(360deg);
}

.faq_accordion.text-white .card-header {
  border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}

.faq_accordion.text-white .card-header button {
  color: #ffffff;
}

.faq_accordion.text-white .card-header button:before {
  color: #ffffff;
}

.faq_accordion .card-body {
  padding: 0px;
  padding-top: 22px;
}

.faq_accordion .card-body p {
  font-size: 15px;
  line-height: 1.867;
}

.text-white .faq_accordion .card-header {
  border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}

.text-white .faq_accordion .card-header button {
  color: #ffffff;
}

.text-white .faq_accordion .card-header button:before {
  color: #ffffff;
}

.circle_progress_item {
  max-width: 210px;
  text-align: center;
  margin: 50px auto 0px;
}

.circle_progress_item .circle_progress {
  position: relative;
}

.circle_progress_item canvas {
  width: 155px;
  height: 155px;
  display: table;
  margin: 0px auto 30px;
  transform: rotate(90deg);
}

.circle_progress_item .percentage_text {
  top: 50%;
  left: 50%;
  line-height: 1;
  font-size: 50px;
  font-weight: 500;
  position: absolute;
  color: #222222;
  /* font-family: "Reem Kufi", sans-serif; */
  transform: translate(-50%, -50%);
}

.circle_progress_item .percentage_text sub {
  bottom: 0px;
  font-size: 24px;
}

.circle_progress_item .item_title {
  line-height: 1;
  font-size: 22px;
  margin-bottom: 15px;
}

.faqcontact_section.bg_gray {
  background-color: #f5f6fa;
}

.faq_contact_form {
  margin: auto;
  max-width: 500px;
}

.faq_contact_form .form_item,
.faq_contact_form .select_option {
  margin-bottom: 10px;
}

.faq_contact_form .form_item input {
  height: 75px;
  padding: 0px 35px;
}

.faq_contact_form .form_item textarea {
  min-height: 150px;
  padding: 25px 35px;
}

.faq_contact_form .select_option .nice-select {
  height: 75px;
  line-height: 75px;
  padding: 0px 35px;
  padding-right: 45px;
}

.faq_contact_form .custom_btn {
  padding: 10px 35px;
}

.faq_contact_form .custom_btn span {
  width: 55px;
  height: 55px;
  line-height: 57px;
  margin-left: 35px;
  margin-right: -25px;
}

/* faq page - end
==================================================================================================== */
/* contact page - start
==================================================================================================== */
/* contact section - start */
.contact_section.bg_gray {
  background-color: #f5f6fa;
}

.contact_content {
  padding-right: 70px;
}

.contact_information_list {
  border-top: 1px solid #e8e8e8;
}

.contact_information_list li {
  display: flex;
  padding: 35px 0px;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}

.contact_information_list .item_icon {
  width: 60px;
  height: 60px;
  color: #ffffff;
  font-size: 24px;
  line-height: 66px;
  text-align: center;
  margin-right: 20px;
  border-radius: 100%;
}

.contact_information_list h4 {
  line-height: 1;
  font-size: 24px;
  margin-bottom: 12px;
}

.contact_information_list p {
  line-height: 1;
  margin-bottom: 0px;
}

.contact_form .form_item {
  margin-bottom: 40px;
}

.contact_form .form_item input,
.contact_form .form_item textarea {
  background-color: #f5f6fa;
}

.contact_form .form_item input {
  height: 70px;
  padding: 0px 40px;
  padding-right: 60px;
}

.contact_form .form_item textarea {
  min-height: 140px;
  padding: 30px 40px;
}

.contact_form .form_item .input_icon {
  right: 40px;
}

.map_section #mapBox {
  height: 750px;
}

/* contact section - end */
/* newsletter boxed - start */
.newsletter_boxed {
  z-index: 1;
  margin-top: -160px;
  position: relative;
  padding: 75.5px 70px;
}

.newsletter_boxed .newsletter_form {
  padding: 35px;
  background-color: #ffffff;
}

.newsletter_boxed .form_item {
  z-index: 2;
  padding-right: 85px;
}

.newsletter_boxed .form_item input {
  height: 75px;
  border: 1px solid #dbdbdb;
}

.newsletter_boxed .icon_btn {
  width: 75px;
  height: 75px;
  color: #ffffff;
  font-size: 24px;
  line-height: 81px;
  background-color: #ff4328;
}

.newsletter_boxed .icon_btn:before {
  background: #e36f1d;
}

.newsletter_boxed .icon_btn:hover {
  color: #222222;
}

/* newsletter boxed - end */
/* contact page - end
==================================================================================================== */
/* home pages - start
==================================================================================================== */
/* home one - start
================================================== */
/* banner section - start */

.banner_video_section {
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner_video_section video {
  width: 100%;
}



.home_one_banner .banner_image,
.home_one_banner .banner_contant_wrap {
  display: flex;
  min-height: 830px;
  align-items: center;
}

.home_one_banner .banner_contant {
  margin: auto;
  width: 470px;
  position: relative;
  margin-right: 100px;
}

.home_one_banner .sub_title {
  line-height: 1;
  font-size: 24px;
  position: relative;
  padding-left: 60px;
  margin-bottom: 40px;
  color: #e36f1d;
  font-family: "Pacifico", cursive;
}

.home_one_banner .sub_title:before {
  top: 50%;
  left: 0px;
  height: 3px;
  width: 30px;
  content: "";
  line-height: 1;
  position: absolute;
  transform: translateY(-50%);
  background-color: #e36f1d;
}

.home_one_banner .item_title {
  display: block;
  line-height: 0.9;
  font-size: 120px;
  font-weight: 500;
  margin-bottom: 50px;
  letter-spacing: -2px;
}

.home_one_banner .decoration_text {
  top: 100px;
  left: -280px;
  line-height: 1;
  font-size: 220px;
  position: absolute;
  transform: rotate(-45deg);
  font-family: "Pacifico", cursive;
  -webkit-text-stroke-width: 1px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.03);
}

/* banner section - end */
/* cta section - start */

/* .why-choose-us-section {
  padding: 0 80px 0 0;
} */

.why-choose-us-section .cta_content {
  padding-left: 20px;
}

.cta_section.bg_gray {
  background-color: #f5f6fa;
}

.cta_section .deco_image_1 {
  right: 103px;
  bottom: 103px;
  max-width: 255px;
}

.cta_section .hand_image {
  bottom: 0px;
  right: 252px;
  max-width: 345px;
}


.cta_image_1 {
  z-index: 2;
  width: 791px;
  float: right;
  position: relative;
  margin-right: -269px;
  margin-bottom: -212px;
}


.cta_image_3 {
  z-index: 1;
  width: 650px;
  float: right;
  position: relative;
  margin: -63px -128px -81px 0px;
}

.cta_image_3:before {
  left: 175px;
  top: -160px;
  content: "";
  z-index: -1;
  width: 590px;
  height: 590px;
  position: absolute;
  border-radius: 100%;
  background-color: #ff4328;
}

/* cta section - end */
/* what we do section - start */
.whatwedo_section.bg_gray {
  background-color: #f5f6fa;
}

.whatwedo_content {
  max-width: 500px;
  margin-left: 85px;
}

.whatwedo_content p {
  margin-bottom: 40px;
}

.whatwedo_content p span {
  display: inherit;
}

.whatwedo_content p .big_text {
  float: left;
  font-size: 80px;
  margin-top: 5px;
  line-height: 0.9;
  margin-right: 20px;
  color: #ff4328;
  font-family: "Pacifico", cursive;
}

/* what we do section - end */
/* home one - end
================================================== */
/* home two - start
================================================== */
/* banner section - start */
.home_two_banner .banner_image {
  z-index: 1;
  float: right;
  width: 710px;
  height: 710px;
  position: relative;
  margin-right: -120px;
}

.home_two_banner .banner_image:before {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  content: "";
  z-index: -1;
  position: absolute;
  border-radius: 100%;
  border: 2px dashed #6d59c1;
  animation: spin 1s infinite linear;
}

.home_two_banner .banner_image:after {
  top: 50%;
  left: 50%;
  z-index: -1;
  content: "";
  width: 530px;
  height: 530px;
  position: absolute;
  border-radius: 100%;
  background-color: #5734c9;
  transform: translate(-50%, -50%);
}

.home_two_banner .image_1 {
  top: 45px;
  left: 40px;
  max-width: 445px;
  position: absolute;
}

.home_two_banner .image_2 {
  z-index: 1;
  bottom: 35px;
  right: -45px;
  max-width: 435px;
  position: absolute;
}

.home_two_banner .image_3 {
  top: 142px;
  right: 18px;
  max-width: 190px;
  position: absolute;
}

.home_two_banner .sub_title {
  line-height: 1;
  font-size: 24px;
  position: relative;
  padding-left: 60px;
  margin-bottom: 40px;
  color: #e36f1d;
  font-family: "Pacifico", cursive;
}

.home_two_banner .sub_title:before {
  top: 50%;
  left: 0px;
  height: 3px;
  width: 30px;
  content: "";
  line-height: 1;
  position: absolute;
  transform: translateY(-50%);
  background-color: #e36f1d;
}

.home_two_banner .item_title {
  display: block;
  line-height: 0.9;
  font-size: 120px;
  font-weight: 500;
  margin-bottom: 50px;
  letter-spacing: -2px;
}

.home_two_banner .decoration_text {
  top: 100px;
  left: -280px;
  line-height: 1;
  font-size: 220px;
  position: absolute;
  transform: rotate(-45deg);
  font-family: "Pacifico", cursive;
  -webkit-text-stroke-width: 1px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.03);
}

.whoweare_section_top_content-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  text-align: center;
  margin-left: 26%;
}

.whoweare_section_top_content-grid a {
  color: white;
  text-align: c;
  font-weight: 600;
  width: max-content;
}

.whoweare_content {
  position: relative;
}

.whoweare_content p {
  line-height: 1.2;

  color: white;
}

.whoweare_content .text-1 {
  left: 33%;
  top: 50px;
  font-size: 46px;
  position: absolute;
}

.whoweare_content .text-2 {
  right: 2%;
  bottom: 0;
  position: absolute;
  font-size: 60px;
}

.whoweare_content .left-image {
  height: 550px;
  width: 100%;
  margin-left: 200px;
  object-fit: cover;
  border-radius: 0 150px 0 150px;
}

.whoweare_content .woman-image {
  height: 730px;
  position: absolute;
  bottom: 0;
}

.whoweare_section_top_content {
  padding: 50px 0;
  background-color: #1ca4b3;
}

.whoweare_about_content {
  padding: 35px;
  background-color: #ffffff;
}

.whoweare_about_content p {
  margin-bottom: 20px;
}


.slider_section .btns_group>li:not(:last-child) {
  margin-right: 10px;
}

.home_three_slider .item {
  z-index: 1;
  display: flex;
  min-height: 1024px;
  position: relative;
  align-items: center;
}


.home_three_slider .owl-dots {
  left: 50%;
  bottom: 40px;
  margin-top: 0px;
  position: absolute;
  transform: translateX(-50%);
}

.home_three_slider .owl-dots .owl-dot span {
  opacity: 0.2;
  background: #ffffff;
}

.home_three_slider .owl-dots .owl-dot:hover span,
.home_three_slider .owl-dots .owl-dot.active span {
  background: #ffffff;
}

.home_three_slider .slider_image {
  float: left;
  width: 737px;
}

.home_three_slider .slider_content {
  padding-right: 60px;
}

.home_three_slider .small_title {
  line-height: 1;
  font-size: 24px;
  position: relative;
  padding-left: 60px;
  margin-bottom: 30px;
  color: #e36f1d;
  font-family: "Pacifico", cursive;
}

.home_three_slider .small_title:before {
  top: 50%;
  left: 0px;
  height: 3px;
  width: 30px;
  content: "";
  line-height: 1;
  position: absolute;
  transform: translateY(-50%);
  background-color: #e36f1d;
}

.home_three_slider .item_title {
  line-height: 1;
  font-size: 100px;
  font-weight: 700;
  letter-spacing: -7px;
  font-family: "Hind", sans-serif;
}

.home_three_slider p {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
}

.home_three_slider .slider_image {
  opacity: 0;
  transform: translateX(80px);
  transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

.home_three_slider .small_title,
.home_three_slider .item_title,
.home_three_slider .btns_group,
.home_three_slider p {
  opacity: 0;
  transform: translateY(20px);
  transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

.home_three_slider .owl-item.active .slider_image {
  opacity: 1;
  transition-delay: 0.8s;
  transform: translateX(0px);
}

.home_three_slider .owl-item.active .small_title,
.home_three_slider .owl-item.active .item_title,
.home_three_slider .owl-item.active .btns_group,
.home_three_slider .owl-item.active p {
  opacity: 1;
  transform: translateY(0px);
}

.home_three_slider .owl-item.active .small_title {
  transition-delay: 1s;
}

.home_three_slider .owl-item.active .item_title {
  transition-delay: 1.1s;
}

.home_three_slider .owl-item.active p {
  transition-delay: 1.2s;
}

.home_three_slider .owl-item.active .btns_group {
  transition-delay: 1.3s;
}

.why-choose-us-image {
  height: 650px;
  object-fit: cover;
  /* filter: hue-rotate(326deg); */
  width: 100%;
  /* padding-right: 50px; */
}


.faq_image img {
  height: 700px;
  object-fit: cover;
}


.brand_icons_side_section {
  background-color: #f8f9fa;
  padding: 60px 0;
}

.brand_icons_wrapper {
  text-align: center;
}

.brand_icons_title {
  font-size: 32px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 40px;
  position: relative;
  display: inline-block;
}

.brand_icons_title:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: linear-gradient(45deg, #3498db, #2ecc71);
}


.brand_icons_carousel .owl-stage {
  display: flex;
}

.brand_icons_carousel .owl-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand_icon_item {
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
}

.brand_icon_item img {
  max-width: 100%;
  max-height: 80px;
  object-fit: contain;
}


/* Responsive Design */
@media (max-width: 768px) {
  .brand_icons_carousel {
    padding: 0 20px;
  }

  .brand_icons_title {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .brand_icons_side_section {
    padding: 40px 0;
  }
}

@media (max-width: 480px) {
  .brand_icons_carousel {
    padding: 0 10px;
  }

  .brand_icon_item {
    padding: 15px;
    min-height: 100px;
    margin: 0 5px;
  }

  .brand_icon_item img {
    max-height: 60px;
  }
}

.search_box_wrapper {
  display: flex;
  align-items: center;
  /* background: #ffffff; */
  /* border-radius: 25px; */
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
  /* padding: 2px; */
  transition: all 0.3s ease;
  border: 1px solid #ffffff;
  margin-right: 20px;
  padding-left: 12px;
  border-radius: 5px;
  padding: 7px 12px;
}

.stuck .search_box_wrapper {
  border: 1px solid #fff;
}
.stuck1 .search_box_wrapper {
  border: 1px solid #1ca4b3;
}
.other_page .stuck1.stuck .search_box_wrapper {
 border: 1px solid #fff;
}
.other_page .stuck1.stuck .search_box_wrapper .search_btn {
 color: #fff;
}
/* 
.search_box_wrapper:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
} */

.search_input {
  border: none;
  background: transparent;
  font-size: 13px;
  color: #ffffff;
  outline: none;
  font-weight:400;
  width: 260px;
  font-family: "Poppins", sans-serif;
  transition: width 0.3s ease;
}
.search_input::placeholder{
    color: #ffffff;
}
.stuck .search_input::placeholder{
    color: #fff;
}
.other_page .header_default.stuck .header_bottom {
  backdrop-filter: blur(2px) contrast(100%);
  background-color: #0000005c;
}
.other_page .stuck1 .main_menu > ul > li > a {
  color: #323232;
}
.other_page .stuck1 .search_input::placeholder {
  color: #333;
}
.other_page .stuck1 .main_menu > ul > li > a {
  color: #323232;
}

.stuck1 .search_input {
  color: #333;
}
.other_page .stuck1.stuck .main_menu > ul > li > a {
  color: #fff;
}
.other_page .stuck1.stuck .search_input::placeholder {
  color: #fff;
}
.stuck.stuck .search_input {
  color: #fff;
}
/* .search_input:focus {
  width: 300px;
} */

.search_box_wrapper .search_btn {
border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  transition: all 0.3s ease;
  padding-right: 8px;
}

.stuck .search_box_wrapper .search_btn {
  color: #fff;
}
.stuck2 .search_box_wrapper .search_btn {
  color: #1ca4b3;
}

.business-login-btn {
  background-color: #06b9d0;
color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 53px;
  transition: .5s ease-in-out;
}
.business-login-btn:hover {
  background-color: #fff;
color: #06b9d0;
transition: .5s ease-in-out;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.stuck .business-login-btn {
  background-color: #1ca4b3;
  color: #ffffff;
}
.stuck1 .business-login-btn {
  background-color: #1ca4b3;
  color: #ffffff;
}

.business-login-btn i {
  font-size: 18px;
  margin-right: 10px;
}

.printing-content {
    margin: 40px 0 60px 0;
    text-align: justify;
    color: #0e6d77c7;
}

.printing-content h4 {
  font-family: "Cinzel", serif;
  color: #0e6d77;
  margin-bottom: 35px;
}

.home-about .section_title h3 {
  font-weight: 400;
  margin-bottom: 0;
  font-size: 32px;
  font-family: "Cinzel", serif;
  color: #0e6d77;
}

.home-about .section_title h2 {
    font-family: "Against";
    font-size: 70px;
    color: #0e6d77;
    position: relative;
}
/* .home-about .section_title h2::after {
  content: "";
  height: 2px;
  width: 140px;
  background: #222;
  position: absolute;
  bottom: -2px;
  left: 0;
} */

/* .home-about .section_title h2::before {
  content: "";
  height: 2px;
  width: 60px;
  background: #1ca4b3;
  position: absolute;
  bottom: -2px;
  left: 140px;
} */


.product-service-grid .cus-service-name {
  background-color: #1ca4b3;
  color: white;
  border: none;
}


.cus-products-section {
  background-size: cover;
  background-position: center;
  width: 100%;
  /* padding: 35px 0 40px; */
}

.cus-container {
  max-width: 1360px;
  margin: auto;
  padding: 0 20px;
}

.cus-section-title {
  text-align: center;
  color: #1fa4b7;
  font-size: 35px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
}
.footer-col.footer-about {
  text-align: center;
}
/* .cus-section-title::after {
  content: "";
  width: 230px;
  height: 2px;
  background: #1fa4b7;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
} */

.border-top {
  border-top: 1px solid #1ca4b3 !important;
}

.cus-top-text {
  text-align: center;
  color: #404040;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
  font-size: 21px;
  margin: 25px 0;
}

.cus-service-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  padding-left: 40px;
  margin-top: 80px;
}

.cus-service-box {
  /* background: #fff; */
  /* border: 2px solid #29b0c1; */
  /* border-radius: 18px 18px 0 0; */
  overflow: hidden;
  height: 330px;
  display: flex;
  flex-direction: column;
}

.cus-service-image {
    height: 200px;
    background-color: white;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111;
    font-size: 18px;
    font-weight: 700;
    object-fit: cover;
    text-transform: uppercase;
}

.image-gallery-grid .cus-service-image {
    height: 100%;
    width: 100%;
}
.cus-products-categroy-grid .cus-service-name {
  border: 1px solid white;
}

.cus-service-name {
  border: 1px solid #606060;
  /* background: #28aabd; */
  color: #606060;
  text-align: center;
  font-size: 16px;
  padding: 12px 8px;
  text-transform: uppercase;
  border-top: none;
  font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.cus-heading-content {
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 25px;
}


.cus-comon-heading {
  width: max-content;
  color: #188c99;
}

.cus-specialize-title {
color: #1f7a84;
  font-size: 25px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}

/* .cus-comon-heading::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, transparent, #1fa4b7, transparent);
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
} */

.product-category-section {
  margin-bottom: 80px;
}

.cus-products-categroy-grid {
  padding: 40px 0;
  background-color: #1ca4b3;
}

@media(max-width:1200px) {
  .cus-service-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media(max-width:900px) {
  .cus-section-title {
    font-size: 34px;
  }

  .cus-top-text {
    font-size: 18px;
  }

  .cus-service-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}

@media(max-width:600px) {
  .cus-section-title {
    font-size: 28px;
  }
  .other_page .mobile_header{
      position: relative;
  }

  .cus-section-title::after {
    width: 170px;
  }

  .cus-top-text {
    font-size: 15px;
    line-height: 1.7;
  }

  .cus-service-grid {
    grid-template-columns: 1fr;
  }

  .cus-service-box {
    height: 230px;
  }

}

.cus-products-categroy-grid .cus-service-box {
  border-radius: 0;
}

.cus-product-category-more-btn {
  margin-top: 8px;
  background-color: #1ca4b3;
  width: 100%;
  text-align: center;
  padding: 15px 0;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
  display: block;

}
.packaging-section{
  padding: 90px 0;
}
.packaging-section .cus-service-box {
  border: none;
  border-radius: 0;
  background-color: #f1f1f1;

}

.packaging-section .cus-service-name {
  padding-top: 24px;
  border: none;
  border-radius: 0;
  color: #1ca4b3;
  font-size: 20px;
  background-color: white;
  margin-bottom: 0;
}

/* Video Section Styles */
.video-section {
  width: 100%;
  height: 1024px;
  overflow: hidden;
  position: relative;
}
 
/* .video-section .overlay {
    height: 100%;
    width: 100%;
    background-color: rgb(7 57 62);
    position: absolute;
    opacity: 0.4;
} */
.video-section video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.service-product-section {

  background-size: cover;
}


.cus-image-grid {
  gap: 30px;
}

.cus-image-grid .cus-service-box {
  border-radius: 0;
  height: 340px;
}

.cus-brand-section {
  margin-bottom: 20px;
}

.printing-box-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  margin-top: 30px;
}

.print-box {
    width: 100%;
    font-family: "Cinzel", serif;
    display: inline-block;
    background: #56c1cb;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 0px 20px 15px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
}
.print-box p {
  margin-bottom: 0;

}

/* .print-box:after {
  content: "";
  position: absolute;
  top: 0;
  right: -39px;
  width: 40px;
  background: #56c1cb;
  height: 100%;
  transform-origin: bottom right;
  clip-path: polygon(100% 0, 0 0, 0 100%);
} */

.cus-specialize-offter-title {
  font-size: 28px;
  font-weight: 900;
  color: #158793;
  text-align: center;
  margin: 60px 0;
  line-height: 1.2;
  font-family: Arial, Helvetica, sans-serif;
}

.cus-specialize-offter-title span {
  display: block;
  font-size: 35px;
  font-weight: 900;
  /* color: #1ca4b3; */
  text-align: center;
  margin: 0px 0;
  line-height: 1.2;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 10px;
}

.cus-specialize-offter-content {
  text-align: center;
}

.cus-specialize-offter-content img {
  height: 700px;
}

/* production process section starts */

.production-section {
  padding: 60px 0;
}

.production-heading {
  margin-bottom: 0;
}

/* production process section ends */


/* category section starts */

.cus-products-categroy-grid-new {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px;
}

/* category section ends */

/* product packaging starts */
.product-packaging-grid .cus-service-image {
  background-color: #e9eaeb;
}

/* product packaging ends */


/* image gallery starts */

.image-gallery-grid {
  gap: 20px;
}

.image-gallery-grid .cus-service-image {
  border: 2px solid #1ca4b3;
}

.image-gallery-grid .cus-service-box {
  height: 400px;
}



/* image gallery ends */


/* cta section starts */
.cta-section {
  background-size: cover;
  background-position: center;
  width: 100%;
  position: relative;
  padding: 34px 0;
}

.cta-content {
  color: white;
}

.cta-content h3 {
font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 20px;
  color: white;
  font-size: 18px;
  font-family: "Loew Next Arabic";
}

.cta-content h2 {
margin-bottom: 30px;
  color: white;
  font-size: 50px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

.cta-content p {
font-size: 16px;
  font-family: "Cinzel", serif;
  line-height: 1.5;
}

.cta-features-grid {
  margin-top: 30px;
  width: 80%;
  padding: 0;
  font-size: 20px;
  display: grid;
  gap: 12px 20px;
  grid-template-columns: repeat(3, 1fr);
}

.cta-features-grid {
  margin-top: 30px;
  width: 80%;
  padding: 0;
  font-size: 20px;
  display: grid;
  gap: 12px 20px;
  grid-template-columns: repeat(3, 1fr);
}

.cta-features-grid li {
  font-weight: 300;
  font-family: "Futura LT";
}

.cta-features-grid li::before {
  content: "";
  height: 10px;
  width: 10px;
  background-color: white;
  display: inline-block;
  margin-right: 10px;
}

.cta-offer-man {
  position: absolute;
  bottom: 0;
  height: 530px;
}

/* cta section ends */


.video-section-main {
  padding: 60px 0;
}

/* gallery section starts */

.gallery-heading {
  margin-bottom: 40px;
}

.image-section {
  margin-top: 30px;
}

.brands-section {
  padding: 80px 0;
}

/* gallery section ends */


/* contact section starts */

.contact-us-section-heading {
  margin-bottom: 60px;
}

/* contact section ends */







.cus_newsletter_section {
  margin-top: 30px;
    background: #021338;
    padding: 14px 18px;
    border-radius: 4px;
    color: #fff;
}

.cus_newsletter_title {
  font-size: 15px;
  color: white;
  margin-bottom: 15px;
}

.cus_newsletter_text {
    width: 100%;
    font-size: 12px;
    line-height: 1.6;
    color: #f2f2f2;
    /* max-width: 200px; */
    margin-bottom: 18px;
}

.cus_newsletter_form {

  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}


.cus_input_label {
    display: block;
    color: #fff;
    font-size: 12px;
    margin-bottom: 10px;
}

.cus_input_label span {
  color: red;
}

.cus_input_wrap {
  position: relative;
}

.cus_newsletter_input {
    width: 100%;
    height: 40px;
    border: 2px solid rgba(255, 255, 255, 0.8);
    background: transparent;
    border-radius: 8px;
    padding: 0 38px 0 15px;
    /* text-transform: lowercase; */
    font-size: 12px;
    color: #fff;
    outline: none;
}
.cus_newsletter_input::placeholder {
  color: #777;
}

.cus_mail_icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #2d56c2;
}

.cus_submit_btn {
    width: 100px;
    height: 40px;
    border: none;
    line-height: 26px;
    border-radius: 40px;
    background: #2f56b9;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    transition: 0.3s;
}
.cus_submit_btn:hover {
  background: #3e67d1;
}

.cus_input_group {
    width: 75%;
}
@media(max-width:768px) {

  .cus_newsletter_title {
    font-size: 34px;
  }

  .cus_newsletter_text {
    font-size: 18px;
  }

  .cus_newsletter_input,
  .cus_submit_btn {
    height: 60px;
    font-size: 22px;
  }

  .cus_submit_btn {
    width: 100%;
  }
}

/* map section starts */
.map-section iframe{
  width: 100%;
  height: 350px;
  margin-bottom: -5px;
}
/* map section ends */

.fixed_icon{
  display: flex;
  position: fixed;
  bottom: 90px;
  right: 20px;
  flex-direction: column;
  z-index: 999;
}
.fixed_icon a{
  width: 70px;
  height: 70px;
  display: block;
}
.fixed_icon a img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.back_to_top {
position: fixed;
  right: 27px;
  bottom: 30px;
  width: 53px;
  height: 53px;
  background: #1ca4b3;
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  z-index: 999;
}
.back_to_top:hover {
  transform: translateY(-5px);
  background: #e46f10;
}

.back_to_top.show {
  opacity: 1;
  visibility: visible;
}


.programmes_block{
  width: 100%;
  height: 230px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 0;
}
/* .programmes_block  */
.programmes_block img {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.programmes_block .programmes_img1 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translateX(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.programmes_block:hover .programmes_img1 {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translateX(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.programmes_block:hover .programmes_img2 {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}



.new-effect {
  position: relative;
  overflow: hidden;
  height: 230px;
}

/* Both images */
.new-effect img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
  transition: all 0.6s ease;
}

/* Front image (hidden initially) */
.new-effect .img-front {
  clip-path: polygon(0 0, 0 0, 0 50%, 0 100%);
  opacity: 0;
  filter: blur(8px);
}

/* 🔥 Hover Effect */
.new-effect:hover .img-front {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
  filter: blur(0);
}

.new-effect:hover .img-back {
  opacity: 0;
  filter: blur(6px);
}




.strip-effect {
  position: relative;
  overflow: hidden;
  height: 230px;
}

/* Images */
.strip-effect img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  object-fit: cover;
}

/* Front hidden */
.strip-effect .img-front {
  opacity: 0;
  transition: 0.4s ease;
}

/* Strip container */
.strip-wrap {
  position: absolute;
  inset: 0;
  display: flex;
  z-index: 2;
}

/* Each strip */
.strip-wrap span {
  flex: 1;
  background: #1ca4b3;
  transform: scaleY(1);
  transform-origin: bottom;
  transition: transform 0.5s ease;
  transition-delay: calc(var(--i) * 0.08s);
}

/* 🔥 Hover */
.strip-effect:hover .strip-wrap span {
  transform: scaleY(0);
}
.strip-effect:hover .strip-wrap{
    z-index:9;
}
.strip-effect:hover .img-front {
  opacity: 1;
}

.strip-effect:hover .img-back {
  opacity: 0;
}


.brand_icon_item {
  perspective: 800px; /* depth */
}

.brand_icon_item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
}

/* 🔥 Hover Flip */
.brand_icon_item:hover img {
  transform: rotateY(360deg);
}










/*
--------------------------------------
Pratyaya Paul Css Code Start From Here
--------------------------------------
*/



/* =========================
ABOUT PAGE CSS
========================= */

.abt_page_title_sec{
    position:relative;
    padding: 185px 0 120px;
    overflow:hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.abt_page_overlay{
    position:absolute;
    inset:0;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0.73),rgba(0, 0, 0, 0.5));
}

.abt_page_title_wrap{
    position:relative;
    z-index:2;
    text-align:center;
}

.abt_page_title_wrap .abt_subtitle{
    display:inline-block;
    color:#47d7de;
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    margin-bottom:18px;
}

.abt_page_title_wrap h1{
    font-size:60px;
    color:#fff;
    line-height:1.1;
    margin:0 0 18px;
    font-family:"Against";
}

.abt_breadcrumbs{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    gap:12px;
    justify-content:center;
    align-items:center;
}

.abt_breadcrumbs li{
    color:#fff;
    font-size:15px;
}

.abt_breadcrumbs a{
    color:#47d7de;
    text-decoration:none;
}


/* ABOUT COMPANY */

.abt_company_sec{
    padding:100px 0;
    background:#f8fdff;
}

.abt_company_grid{
    display:grid;
    grid-template-columns:1fr 1.05fr;
    gap:70px;
    align-items:center;
}

.abt_company_img_col{
    position:relative;
}

.abt_company_img_main img{
    width:100%;
    border-radius:28px;
    box-shadow:0 25px 60px rgba(0,0,0,.08);
}

.abt_company_floating_card{
    position:absolute;
    right:-20px;
    bottom:30px;
    background:#13b7c7;
    color:#fff;
    padding:25px 30px;
    border-radius:20px;
    box-shadow:0 20px 40px rgba(19,183,199,.25);
}

.abt_company_floating_card h4{
    margin:0;
    font-size:42px;
    font-weight:900;
    line-height:1;
}

.abt_company_floating_card p{
    margin:5px 0 0;
}

.abt_small_title{
    color:#13b7c7;
    font-weight:800;
    letter-spacing:2px;
    font-size:14px;
}

.abt_company_content h2{
    font-size:54px;
    margin:10px 0;
    line-height:1.1;
    font-family:"Against";
    color:#092c35;
}

.abt_company_content h3{
    font-size:24px;
    color:#13b7c7;
    margin-bottom:20px;
}

.abt_company_content p{
    font-size:16px;
    line-height:1.9;
    color:#5f6b72;
    margin-bottom:18px;
}

.abt_company_points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    margin:28px 0;
}

.abt_point_box{
    background:#fff;
    border-radius:14px;
    padding:15px 18px;
    box-shadow:0 10px 25px rgba(0,0,0,.04);
    font-weight:600;
}

.abt_point_box i{
    color:#13b7c7;
    margin-right:8px;
}

.abt_company_btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:16px 28px;
    background:#13b7c7;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:700;
    transition:.3s;
}

.abt_company_btn:hover{
    transform:translateY(-4px);
    background:#0ea0af;
}



/* MISSION VISION */

.abt_mv_sec{
  position: relative;
}

.abt_sec_heading{
    text-align:center;
    margin-bottom:40px;
}

.abt_sec_heading span{
color: #13b7c7;
  font-size: 14px;
  font-weight: 600;
}

.abt_sec_heading h2{
font-size: 45px;
  margin-top: 10px;
  color: #092c35;
  font-family: "Against";
}

.abt_mv_grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:35px;
}

.abt_mv_card{
    position:relative;
    padding:50px;
    border-radius: 28px 0;
    overflow:hidden;
    background:#fff;
    box-shadow:0 20px 45px rgba(0,0,0,.05);
    position: relative;
  z-index: 1;
}

.abt_mission_card{
    border-top:6px solid #13b7c7;
}

.abt_vision_card{
    border-top:6px solid #ff9f43;
}

.abt_mv_icon{
width: 55px;
  height: 55px;
    border-radius:50%;
    background:#eefcff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    color:#13b7c7;
    margin-bottom:15px;
}

.abt_mv_card h3{
    font-size:27px;
    margin-bottom:15px;
    color:#092c35;
}

.abt_mv_card p{
color: #404040;
  line-height: 1.5;
  font-weight: 400;
  font-size: 16px;
  margin: 0;
}



/* RESPONSIVE */

@media(max-width:991px){

.abt_company_grid,
.abt_mv_grid{
    grid-template-columns:1fr;
}

.abt_page_title_wrap h1{
    font-size:52px;
}

.abt_company_content h2{
    font-size:42px;
}

.abt_sec_heading h2{
    font-size:42px;
}

.abt_company_points{
    grid-template-columns:1fr;
}

}

@media(max-width:576px){

.abt_page_title_sec{
    padding:100px 0;
}

.abt_page_title_wrap h1{
    font-size:38px;
}

.abt_company_content h2{
    font-size:34px;
}

.abt_mv_card{
    padding:30px;
}

.abt_sec_heading h2{
    font-size:34px;
}

}

.abt_page_title{
position: relative;
  background: linear-gradient(135deg,#f5fdff,#f0f0f0);
  overflow: hidden;
}

.abt_page_title:before{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    background:#42c9d3;
    opacity:.15;
    border-radius:50%;
    top:-120px;
    right:-100px;
}

.abt_page_title:after{
    content:'';
    position:absolute;
    width:280px;
    height:280px;
    background:#42c9d3;
    opacity:.12;
    border-radius:50%;
    bottom:-90px;
    left:-80px;
}

.abt_mv_card_heading{
display: flex;
  align-items: center;
  gap: 15px;
}


/* =========================
BUSINESS LOGIN PAGE CSS
========================= */

.biz_login_page_sec{
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    font-family:"Loew Next Arabic";
}


/* LEFT SIDE */

.biz_login_left_panel{
    position:relative;
    background:url('./images/about-bg.webp') center center/cover no-repeat;
    padding-right: 70px;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.biz_login_overlay{
    position:absolute;
    inset:0;
    background: #1ca4b3;
}
.biz_login{
    background: #1ca4b3;
}
.biz_login_brand_wrap{
    position:relative;
    z-index:2;
}

.biz_login_tag{
display: inline-block;
  color: #67f6ff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
}

.biz_login_brand_wrap h2{
    font-size:50px;
    line-height:1.25;
    color:#fff;
    margin:0 0 22px;
    font-family:"Against";
}

.biz_login_brand_wrap p{
    color:rgba(255,255,255,.88);
    line-height: 1.5;
    font-weight: 400;
    font-size: 16px;
    margin-bottom:35px;
    font-family: "Poppins", sans-serif;
}

.biz_login_feature_list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.biz_login_feature_item{
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(10px);
    color:#fff;
    font-family: "Poppins", sans-serif;
    padding:16px 18px;
    border-radius:6px;
    font-weight:600;
    border:1px solid rgba(255,255,255,.08);
    line-height: 1.5;
  font-weight: 400;
  font-size: 16px;
}

.biz_login_feature_item i{
    color:#67f6ff;
    margin-right:8px;
}



/* RIGHT SIDE */

.biz_login_right_panel{
    background:#f8fcfd;
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 80px 50px;
}

.biz_login_form_box{
    width:100%;
    background:#fff;
    border-radius:28px;
    padding:45px;
    box-shadow:0 25px 55px rgba(0,0,0,.06);
}

.biz_login_logo{
    margin-bottom:18px;
}

.biz_login_logo img{
    max-width:170px;
}

.biz_login_small_title{
color: #13b7c7;
  font-size: 14px;
  font-weight: 600;
}

.biz_login_form_box h2{
font-size: 35px;
  line-height: 1.4;
  color: #0b2f39;
  margin: 10px 0 30px;
  font-family: "Against";
}

.biz_login_input_group{
    margin-bottom:20px;
}

.biz_login_input_group label{
    display:block;
    margin-bottom:10px;
    font-size:14px;
    color:#49555b;
    font-weight: 500;
  font-family: "Poppins", sans-serif;
}

.biz_login_input_group input{
    width:100%;
    height:56px;
    border:1px solid #ddeef1;
    border-radius:14px;
    padding:0 18px;
    outline:none;
    font-size:15px;
    transition:.3s;
}

.biz_login_input_group input:focus{
    border-color:#14b9c8;
    box-shadow:0 0 0 4px rgba(20,185,200,.08);
}

.biz_login_row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:5px 0 28px;
    gap:15px;
}

.biz_login_check{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    color:#5b666c;
    font-family: "Poppins", sans-serif;
}

.biz_login_forgot{
    color:#14b9c8;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    font-family: "Poppins", sans-serif;
}

.biz_login_btn{
    width:100%;
    height:58px;
    border:none;
    border-radius:50px;
    background:#14b9c8;
    color:#fff;
    font-size:16px;
    font-weight:800;
    cursor:pointer;
    transition:.3s;
}

.biz_login_btn i{
    margin-left:8px;
}

.biz_login_btn:hover{
    background:#0ea6b4;
    transform:translateY(-2px);
}

.biz_login_bottom_text{
    margin-top:25px;
    text-align:center;
    color:#5c666b;
    font-weight: 500;
  font-family: "Poppins", sans-serif;
    font-size:15px;
}

.biz_login_bottom_text a{
    color:#14b9c8;
    text-decoration:none;
    font-weight:800;
}
.service_img{
  transition: .5s ease-in-out;
  overflow: hidden;
}
.service_img img{
  transition: .5s ease-in-out;
  transform: scale(1.0);
}
.service_img:hover img{
  transition: .5s ease-in-out;
  transform: scale(1.2);
}



/* RESPONSIVE */

@media(max-width:1100px){

.biz_login_page_sec{
    grid-template-columns:1fr;
}

.biz_login_left_panel{
    min-height:480px;
}

}

@media(max-width:767px){

.biz_login_left_panel{
    padding:30px 10px;
}
.biz_login_right_panel{
    padding:20px ;
}
.biz_login_brand_wrap h1{
    font-size:44px;
}

.biz_login_feature_list{
    grid-template-columns:1fr;
}

.biz_login_form_box{
    padding:30px;
}

.biz_login_form_box h2{
    font-size:25px;
}

.biz_login_row{
    flex-direction:column;
    align-items:flex-start;
}

}

.cus_bg {
  background-size: cover;
  background-position: center;
  width: 100%;
}





.header_top_inner{
display: flex;
  gap: 25px;
  width: 100%;
  justify-content: flex-end;
}


.about_section {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
  background: linear-gradient(180deg, #fff 0%, #c8e8f4 50%, #fff 100%);
}

/* Common circle style */
.about_section::before,
.about_section::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #51c5cf;
}

/* Circle 1 (top left small) */
.about_section::before {
width: 100px;
  height: 100px;
  top: 30px;
  left: 290px;
}

/* Circle 2 (top right big) */
.about_section::after {
width: 280px;
  height: 280px;
  top: 20px;
  right: -40px;
}

/* Circle 3 (bottom right medium) */
.about_section .circle-3 {
position: absolute;
  width: 120px;
  height: 120px;
  bottom: 50px;
  right: 230px;
  background: #94dae8;
  border-radius: 50%;
}
/* 51c5cf */



/* SECTION */
.product-categories {
    background: linear-gradient(180deg, #fff 0%, #c8e8f4 50%, #fff 100%);
    text-align: center;
}
/* GRID */
.product-categories .category-grid {
display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 50px;
}

/* CARD */
.product-categories .category-card {
    cursor: pointer;
    transition: 0.3s ease;
}

/* IMAGE BOX */
.product-categories .cat-img {
width: 100%;
  height: 250px;
  border-radius: 0;
  overflow: hidden;
  font-family: "Poppins", sans-serif;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
  transition: 0.3s ease;
}

/* IMAGE */
.product-categories .cat-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.8s ease;
    transform: scale(1.0);
}
.category-card:hover .cat-img img {
    transition: 0.8s ease;
    transform: scale(1.1);
}
/* TEXT */
.product-categories .category-card p {
    margin-top: 12px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    transition: 0.3s;
    font-family: "Poppins", sans-serif;
}


.product-categories .category-card:hover .cat-img img {
    transform: scale(1.08);
}

.product-categories .category-card:hover p {
    color: #1f9bb3;
}

.cus_heading h2{
color: #188c99;
  text-transform: uppercase;
  font-size: 50px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 30px;
  font-size: 35px;
  font-weight: bold;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .product-categories .category-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (max-width: 480px) {
    .product-categories .category-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}




/* SECTION */
.finishing-techniques {
    text-align: center;
}

/* GRID (4 column) */
.finishing-techniques .finishing-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px 30px;
}

/* CARD */
.finishing-techniques .finishing-card {
    transition: 0.3s ease;
    cursor: pointer;
}

/* IMAGE BOX */
.finishing-techniques .finishing-img {
    width: 100%;
    height: 200px;
    background: #ddd;
    overflow: hidden;
    transition: 0.3s ease;
}
/* TOP LEFT (1st item) */
.finishing-techniques .finishing-card:nth-child(1) .finishing-img {
    border-top-left-radius: 40px;
}




/* BOTTOM RIGHT (8th item) */
.finishing-techniques .finishing-card:nth-child(8) .finishing-img {
    border-bottom-right-radius: 40px;
}
/* IMAGE */
.finishing-techniques .finishing-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s ease;
}

/* TEXT */
.finishing-techniques .finishing-card p {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #1f9bb3;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.5px;
}

/* HOVER */
.finishing-techniques .finishing-card:hover .finishing-img img {
    transform: scale(1.1);
}

/* SPECIAL CORNER (last item bottom-right rounded like design) */
.finishing-techniques .finishing-card:nth-child(8) .finishing-img {
    border-bottom-right-radius: 40px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .finishing-techniques .finishing-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 480px) {
      .finishing-techniques .finishing-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}


/* WRAPPER */
.category-list-box {
  margin-top: 30px;
}

/* GRID LIST */
.category-list {
    list-style: none;
    padding: 0;
    margin: 0;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 40px;
}

/* LIST ITEM */
.category-list li {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    padding-left: 18px;
}

/* SMALL SQUARE BULLET */
.category-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;

    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 2px;
}

/* HOVER (optional but premium feel) */
.category-list li:hover {
    color: #e6f7fb;
    transform: translateX(3px);
    transition: 0.2s ease;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .category-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .category-list {
       grid-template-columns: repeat(2, 1fr);
    }
    .footer-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

/* First item full width */
.footer-grid > div:first-child{
    grid-column: 1 / -1;
}
.footer-grid > div:last-child{
    grid-column: 1 / -1;
}


}



/* SECTION */
.gallery-section {
    background: linear-gradient(180deg, #fff 0%, #c8e8f4 50%, #fff 100%);
    text-align: center;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

/* COMMON */
.gallery-item {
    overflow: hidden;
    border-radius: 0px;
    display: block;
    cursor: url('../../images/zoom.png') 5 5, zoom-in;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.gallery-item:hover img {
    transform: scale(1.1);
}

/* ===== LAYOUT CONTROL ===== */

/* 1 */
.gallery-item:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

/* 2 */
.gallery-item:nth-child(2) {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

/* 3 (BIG CENTER) */
.gallery-item:nth-child(3) {
    grid-column: 2 / 4;
    grid-row: 1 / 3;
}

/* 4 */
.gallery-item:nth-child(4) {
    grid-column: 4 / 5;
    grid-row: 1 / 2;
}

/* 5 */
.gallery-item:nth-child(5) {
    grid-column: 4 / 5;
    grid-row: 2 / 3;
}

/* 6 */
.gallery-item:nth-child(6) {
    grid-column: 1 / 3;
    grid-row: 3 / 4;
}

/* 7 */
.gallery-item:nth-child(7) {
    grid-column: 3 / 5;
    grid-row: 3 / 4;
}

/* ITEM */
.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 0px;
    display: block;
}

/* IMAGE */
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s ease;
}

/* HOVER EFFECT */
.gallery-item:hover img {
    transform: scale(1.1);
}

/* OVERLAY */
.gallery-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.15);
    opacity: 0;
    transition: 0.3s;
}

.gallery-item:hover::after {
    opacity: 1;
}

/* SPECIAL SIZES */
.gallery-item.big {
    grid-column: span 2;
    grid-row: span 2;
}

.gallery-item.tall {
    grid-row: span 2;
}

.gallery-item.wide {
    grid-column: span 2;
}

/* ENTRY ANIMATION */
.gallery-item {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp 0.6s ease forwards;
}

.gallery-item:nth-child(1) { animation-delay: 0.1s; }
.gallery-item:nth-child(2) { animation-delay: 0.2s; }
.gallery-item:nth-child(3) { animation-delay: 0.3s; }
.gallery-item:nth-child(4) { animation-delay: 0.4s; }
.gallery-item:nth-child(5) { animation-delay: 0.5s; }
.gallery-item:nth-child(6) { animation-delay: 0.6s; }
.gallery-item:nth-child(7) { animation-delay: 0.7s; }

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.contact_form_wrapper .cus_heading h2{
  text-align: left;
}




/* FOOTER */
.main-footer {
    font-family: "Poppins", sans-serif;
}

/* TOP AREA */
.footer-top {
padding: 70px 0;
  background: linear-gradient(75deg, #fff 0%, #c8e8f4 50%, #fff 100%);
}

/* GRID */
.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr repeat(4, 1fr) 2fr ;
    gap: 30px;
}
.footer-grid2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}
/* LOGO */
.footer-logo {
    width: 140px;
    margin-bottom: 15px;
}

/* SOCIAL */
.footer-social a {
    display: inline-block;
    margin-right: 8px;
    font-size: 14px;
    color: #1f9bb3;
}

/* TEXT */
.footer-about p {
font-size: 14px;
  color: #555;
  margin: 40px 0 10px;
  text-align: center;
}
.footer-dots {
text-align: center;
  border-bottom: 2px solid #00000012;
  padding-bottom: 10px;
}
/* DOTS */
.footer-dots span {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #1f9bb3;
    border-radius: 50%;
    margin-right: 5px;
}
.footer-dots span:nth-child(2) {
  background: #0d404a;
}
/* HEADINGS */
.footer-col h4 {
font-size: 16px;
  font-weight: 600;
  color: #1f9bb3;
  margin-bottom: 15px;
  letter-spacing: -0.3px;
}

/* LIST */
.footer-col ul {
    list-style: none;
    padding: 0;
}

.footer-col ul li {
   margin-bottom: 3px;
}

.footer-col ul li a {
    text-decoration: none;
    color: #444;
    font-size: 13px;
    transition: 0.3s;
}

.footer-col ul li a:hover {
    color: #1f9bb3;
}

/* CONTACT */
.contact-info li {
    font-size: 13px;
    color: #444;
    display: flex;
    gap: 5px;
}

/* NEWSLETTER */
.newsletter {
    background:rgba(192, 192, 192, 0.4);
    padding: 30px 20px 30px 30px;
    border-radius: 6px;
}

.newsletter p {
    font-size: 13px;
    margin-bottom: 10px;
}

.newsletter-form {
    display: flex;
    gap: 10px;
}

.newsletter-form input {
    flex: 1;
    padding: 10px;
    border: none;
    border-radius: 6px;
    font-size: 13px;
}

.newsletter-form button {
    padding: 10px 18px;
    border: none;
    background: #1f9bb3;
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
}

/* BOTTOM */
.footer-bottom {
    background: #0f6d73;
    text-align: center;
    padding: 10px 0;
}
.footer-col ul li i {
  margin-right: 3px;
  color: #1f9bb3;
}
.footer-bottom p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 0;
}
.footer-social{
    display: flex;
    align-items: center;
}

.footer_social_links{
    display: flex;
    align-items: center;
    gap: 0px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer_social_links li{
  margin-right: 0px;
}
.footer_social_links li a{
    width: 25px;
    height: 25px;
    border: 1.5px solid #49bfd1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #49bfd1;
    font-size: 10px!important;
    text-decoration: none;
    transition: all .35s ease;
    background: transparent;
}
.footer_social_links li a i{
  padding-right: 0!important;
  margin-right: 0px!important;
}
.footer_social_links li a:hover{
    color: #fff!important;
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(73,191,209,0.35);
}
/* RESPONSIVE */
@media (max-width: 1080px) {
    .footer-grid {
         display: grid;
    grid-template-columns: repeat(2, 1fr); /* max 2 column */
    justify-content: center;
    flex-direction: column;
    text-align: center;
    }
    
.footer-grid > *:nth-child(1) {
    grid-column: span 2;
}
.footer_social_links {
  justify-content: center;
  width: 100%;
}
/* 2nd row (2 items normal) */
.footer-grid > *:nth-child(3n+2),
.footer-grid > *:nth-child(3n+3) {
    grid-column: span 1;
}
.footer-grid > *:nth-child(6) {
    grid-column: span 2;
    margin-bottom:20px;
}
.contact-info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}


}
/* RESPONSIVE */
@media (max-width: 580px) {
    .footer-grid {
        /* grid-template-columns: repeat(2, 1fr); */
        display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    }
    .footer-grid2 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {

    .footer-grid2 {
       grid-template-columns: 1fr;
    }
}



/* SECTION */
.about-hero {
    background: url("../../images/bg.png") repeat;
    padding: 80px 20px;
    background-size: 250px;
}

/* WRAPPER */
.about-hero .about-hero-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

/* LEFT CONTENT */
.about-hero .about-hero-content {
    max-width: 700px;
}

/* HEADING */
.about-hero .about-hero-content h2 {
    font-size: 55px;
    line-height: 1.2;
    color: #4fa3b0;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    margin-bottom: 15px;
}

/* SUBTEXT */
.about-hero .about-hero-content p {
font-size: 24px;
  color: #505050;
  text-align: center;
  margin: 20px 0 0 0;
  font-family: "Cinzel", serif;
}

/* RIGHT IMAGE */
.about-hero .about-hero-img img {
    max-width: 100%;
    width: 600px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .about-hero .about-hero-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .about-hero .about-hero-img img {
        width: 100%;
        max-width: 400px;
    }

    .about-hero .about-hero-content h2 {
        font-size: 32px;
    }
}

@media (max-width: 480px) {
    .about-hero {
        padding: 50px 15px;
    }

    .about-hero .about-hero-content h2 {
        font-size: 26px;
    }

    .about-hero .about-hero-content p {
        font-size: 14px;
    }
}

/* .other_page .stuck{
  position: static!important;
}
.other_page .stuck1{
  position: static!important;
} */

/* SECTION */
.mission-vision {
    padding: 80px 20px;
}

/* ROW */
.mission-vision .mv-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 60px;
}

/* REVERSE */
.mission-vision .mv-row.reverse {
    flex-direction: row-reverse;
}

/* CONTENT */
.mission-vision .mv-content {
    flex: 1;
}

/* HEADING */
.mission-vision .mv-content h3 {
    font-size: 32px;
    margin-bottom: 15px;
    color: #222;
    font-weight: 600;
}

/* TEXT */
.mission-vision .mv-content p {
font-size: 17px;
  color: #666;
  line-height: 1.5;
  margin-bottom: 12px;
  font-family: "Poppins", sans-serif;
  text-align: justify;
}

/* LIST */
.mission-vision .mv-content ul {
    padding-left: 18px;
    margin-bottom: 12px;
}

.mission-vision .mv-content ul li {
    color: #555;
    margin-bottom: 2px;
    font-size: 17px;
  font-family: "Poppins", sans-serif;
  list-style: disc;
}
.mission-vision .mv-content ul li::marker {
    color: #000;
    font-size: 20px;
}
/* IMAGE */
.mission-vision .mv-img {
    text-align: center;
}

.mission-vision .mv-img img {
    width: 100%;
    max-width: 420px;
    transition: 0.4s ease;
}

/* HOVER ANIMATION */
.mission-vision .mv-row:hover img {
    transform: translateY(-6px);
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .mission-vision .mv-row,
    .mission-vision .mv-row.reverse {
        flex-direction: column;
        text-align: center;
    }

    .mission-vision .mv-content {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
.mission-vision {
    padding: 40px 0;
  }

    .mission-vision .mv-content h3 {
        font-size: 22px;
    }

    .mission-vision .mv-content p,
    .mission-vision .mv-content ul li {
        font-size: 14px;
    }
}



/* SECTION */
.team_section {
background: linear-gradient(180deg, #fff 0%, #c8e8f4 50%, #fff 100%);

}

/* CARD */
.team_section .team_card {
padding: 20px;
  border-radius: 10px;
  /* box-shadow: 0 8px 20px rgba(0,0,0,0.06); */
  transition: 0.3s ease;
  background: linear-gradient(to bottom, #fff0 38%, #fff 12%);
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  margin-bottom: 10px;
}

/* IMAGE */
.team_section .team_img {
width: 160px;
  height: 160px;
  margin: 0 auto 20px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: inset 4px 8px 8px #0000001a,4px 8px 8px #0000001a;
  background: #fff;
}

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

/* NAME */
.team_section .team_card h4 {
font-size: 20px;
  font-weight: 600;
  color: #222;
  margin-bottom: 12px;
  font-family: "Poppins", sans-serif;
  text-align: center;
}

/* DESIGNATION */
.team_section .team_card p {
font-size: 15px;
  color: #616161;
  font-family: "Poppins", sans-serif;
  text-align: center;
  margin-bottom: 0px;
  padding: 7px;
  background: #d7eef7;
  border-radius: 20px;
}

/* HOVER */
.team_section .team_card:hover {
    transform: translateY(-6px);
}

.cus_arrow .owl-next{
  font-size: 45px!important;
  top: 50%;
  position: absolute;
  right: -30px;
}

.cus_arrow .owl-prev{
  font-size: 45px!important;
  top: 50%;
  position: absolute;
  left: -30px;
}

.video_part{
  position: relative;
  width: 100%;
}
.ram-video-3 {
	position: relative;
	/* max-width: 800px;
	padding: 15px 15px 30px 15px; */
	margin: 0 0;
	/* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	background: #fff; */
  }
  .ram-video-3 .tv-wrap  {
	margin: 6% 14% 16%;
	position: relative;
  }    
  .ram-video-3 .tv-ram  {
	position: absolute;
	z-index: 1;
	top: -8%;
	left: -17.5%;
	width: 135%;
	height: 143%;
	pointer-events: none;
  }
  .ram-video-3 .tv-ram img  {
	width: 100%;
	height: 100%;
  }
  .ram-video-3 .tv-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	background: #000;
	cursor: pointer;
  }
  
  .ram-video-3 .tv-video iframe,
  .ram-video-3 .tv-video img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }



  .service-hero {
    background: url("../../images/bg.png") repeat;
    position: relative;
    background-size: 250px;
    overflow: hidden;
}

/* WRAPPER */
.service-hero-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* LEFT */
.service-hero-content {
    z-index: 2;
    padding: 120px;
}

.service-hero-content h5 {
font-size: 35px;
  color: #6aaeb8;
  margin-bottom: 8px;
  text-align: center;
}

.service-hero-content h2 {
font-size: 70px;
  color: #4fa3b0;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 25px;
  font-family: "Poppins", sans-serif;
  text-align: center;
}

.service-hero-content p {
font-size: 25px;
  color: #555;
  text-align: center;
  font-family: "Raleway", sans-serif;
}



.service-hero-img {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: end;
}
/* .service-hero-img::after{
 position: absolute;
 top: 0;
 right: 0;
 background-color: #fff;
 content: '';
 width: 100%;
 height: 100%;
} */
.service-hero-img img {
width: 900px;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .service-hero-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .service-hero-right {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 30px;
    }

    .hero-shape {
        display: none;
    }

    .service-hero-content h2 {
        font-size: 34px;
    }
}






.service-tabs .tabs-wrapper {
    display: flex;
    gap: 40px;
}

/* LEFT */
.service-tabs .tabs-menu {
    width: 260px;
}

.service-tabs .tab-title {
background: #4fa3b0;
  color: #fff;
  padding: 10px 20px;
  font-size: 16px;
  margin-bottom: 8px;
  font-family: "Poppins", sans-serif;
  margin-top: 8px;
}

.service-tabs .tab-btn {
    width: 100%;
    padding: 15px 20px;
    border: none;
    background: #e9f3f6;
    text-align: left;
    font-size: 16px;
    border-bottom: 1px solid #cfe3ea;
    cursor: pointer;
    font-family: "Poppins", sans-serif;
}

.service-tabs .tab-btn.active {
color: #4fa3b0;
  box-shadow: #4fa3b0 inset 0 0 0 1px;
}

/* RIGHT */
.service-tabs .tabs-content {
    flex: 1;
}

.service-tabs .tab-pane {
    display: none;
}

.service-tabs .tab-pane.active {
    display: block;
}

/* TEXT */
.service-tabs h3 {
font-size: 22px;
  margin-bottom: 10px;
  font-weight: 600;
}

.service-tabs p {
    font-size: 15px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 20px;
    font-family: "Poppins", sans-serif;
}

/* GALLERY */
.service-tabs .tab-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.service-tabs .img-box {
overflow: hidden;
  transform: scale(1.0);
  transition: .5s ease-in-out;
height: 280px;
}

.service-tabs .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.0);
    transition: .5s ease-in-out;
}

.service-tabs .img-box:hover img {
    transform: scale(1.1);
    transition: .5s ease-in-out;
}

/* BIG IMAGE */
.service-tabs .img-box.wide {
    grid-column: span 2;
}
.service-hero-content {
  max-width: 54%;
}

@media (max-width: 1500px) {
  .service-hero-content h5 {
  font-size: 20px;
}
.service-hero-content {
  padding: 75px;
}
.service-hero-content h2 {
  font-size: 46px;
}
.service-hero-content p {
  font-size: 15px;
}
.service-hero-img img {
  width: 700px;
}

}

.custom-about-btn:hover{
  color: #fff;
}

/* ================= TABLET ================= */
@media (max-width: 767px) {

    .service-tabs .tabs-wrapper {
        flex-direction: column;
    }

    /* MENU → horizontal scroll tabs */
    .service-tabs .tabs-menu {
        width: 100%;
        display: flex;
        overflow-x: auto;
        gap: 8px;
        padding-bottom: 10px;
    }

    /* .service-tabs .tab-title {
        display: none; 
    } */



    .service-tabs .tab-btn.active {
        background: #4fa3b0;
        color: #fff;
    }

    /* CONTENT */
    .service-tabs .tabs-content {
        margin-top: 0px;
    }

    /* GALLERY → still 2 col */
    .service-tabs .tab-gallery {
        grid-template-columns: repeat(2, 1fr);
    }

}


 .service-tabs h3{
    text-align: justify;
  }
   .service-tabs p {
    text-align: justify;
  }


/* ================= MOBILE ================= */
@media (max-width: 576px) {

    /* TEXT */
    .service-tabs h3 {
        font-size: 20px;
    }

    .service-tabs p {
        font-size: 14px;
    }

    /* GALLERY → 1 column */
    .service-tabs .tab-gallery {
grid-template-columns: repeat(2, 1fr);
    }

    .service-tabs .img-box {
        height: 160px;
    }

    .service-tabs .img-box.wide {
        grid-column: span 1;
        height: 160px;
    }

}


/* .tab-loader-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.7);
    display: none;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(5px) contrast(80%);
    z-index: 10;
}

.tab-loader {
    width: 35px;
    height: 35px;
    border: 3px solid #ddd;
    border-top: 3px solid #4fa3b0;
    border-radius: 50%;
    animation: spin 0.7s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.tabs-content {
    position: relative;
} */




/* ROW */
.printing-section .print-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 80px;
}

/* REVERSE */
.printing-section .print-row.reverse {
    flex-direction: row-reverse;
}

/* IMAGE */
.printing-section .print-img {
    flex: 1;
    text-align: center;
}

.printing-section .print-img img {
    max-width: 100%;
}

/* CONTENT */
.printing-section .print-content {
    flex: 1;
    max-width: 600px;
}

/* HEADING */
.printing-section .print-content h2 {
font-size: 30px;
  color: #4fa3b0;
  margin-bottom: 5px;
  font-weight: 600;
  text-align: end;
}

/* SUB HEADING */
.printing-section .print-content h4 {
    font-size: 18px;
    color: #777;
    margin-bottom: 15px;
    text-align: end;
}

.printing-section .print-row.reverse .print-content h2 {
    text-align: left;
}
.printing-section .print-row.reverse .print-content h4 {
    text-align: left;
}
/* TEXT */
.printing-section .print-content p {
font-size: 15px;
  color: #555;
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: justify;
  font-family: "Poppins", sans-serif;
}
.printing-section .print-row {
    transition: 0.4s ease;
}
.printing-section .print-row img {
    transition: 0.4s ease;
}
/* HOVER (subtle premium) */
.printing-section .print-row:hover img {
    transform: translateY(-5px);
    transition: 0.4s ease;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .printing-section .print-row,
    .printing-section .print-row.reverse {
        flex-direction: column-reverse;
        text-align: center;
    }

    .printing-section .print-content {
        max-width: 100%;
    }

}

@media (max-width: 480px) {
    .printing-section .print-content h2 {
        font-size: 23px;
    }

     .printing-section .print-content p {
    font-size: 14px;
  }
}

 .other_page .search_box_wrapper .search_btn {
    color: #1ca4b3;
  }
.other_page .header_section.stuck.stuck1 {
  position: fixed !important;
}



/* PREV NEXT BUTTONS */
.tab-navigation{
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 15px;
  padding-top: 25px;
}

.tab-nav-btn{
border: none;
  outline: none;
  background: #1ca4b3;
  color: #fff;
  padding: 14px 28px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}

.tab-nav-btn:hover{
    background: #111;
}

.tab-nav-btn:disabled{
    opacity: .4;
    cursor: not-allowed;
    transform: none;
}
.print_row_img{
  width: 100%;
  overflow: hidden;
  margin-bottom: 70px;
}
.print_row_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.0);
  transition: .5s ease-in-out;
}
.print_row_img:hover img{
  transform: scale(1.1);
  transition: .5s ease-in-out;
}



@media(max-width: 575px){

    .tab-nav-btn{
        width: 100%;
        justify-content: center;
    }

}



/* Job Search Input */
.job-search-input {
width: 100%;
  max-width: 100%;
  padding: 15px 25px;
  border-radius: 0px;
  border: 1px solid #ccc;
  margin: 0px 0 10px;
  font-size: 14px;
  outline: none;
  transition: all 0.3s ease;
  background: #fff;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}

.job-search-input:focus {
    border-color: #ff4c60;
    box-shadow: 0 0 10px rgba(255,76,96,0.3);
}
.job-item{
  margin-bottom: 30px;
}


/* Job Card */
.job-card {
    background: #fff;
    padding: 20px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.job-card:hover {
    box-shadow: 0 15px 30px rgba(0,0,0,0.12);
}

.job-title {
font-size: 18px;
  font-weight: 600;
  margin-bottom: 13px;
  color: #333;
  border-bottom: 1px dashed;
  padding-bottom: 12px;
  font-family: "Poppins", sans-serif;
}

.job-desc {
font-size: 16px;
  color: #666;
  font-family: "Poppins", sans-serif;
}

.apply-btn {
padding: 10px 18px;
  border-radius: 25px;
  color: #fff;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: #1ca4b3;
  font-weight: 500;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
}

.apply-btn:hover {
    background-color: #1c6c75;
}

/* Responsive */
@media (max-width: 767px) {
    .job-card {
        padding: 15px;
    }
}

.job-vacancy-area {
  background: linear-gradient(180deg, #fff 0%, #c8e8f4 50%, #fff 100%);
}



.contact-inner-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.contact-inner-area .maps-area iframe {
  height: 654px;
  width: 100%;
}
.contact-inner-area .contact-header-area {
  padding: 0 0 0 50px;
}
@media (max-width: 767px) {
  .contact-inner-area .contact-header-area {
    padding: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-inner-area .contact-header-area {
    padding: 0;
    margin-top: 30px;
  }
}
.contact-inner-area .contact-header-area .input-area {
  margin-bottom: 15px;
}
.contact-inner-area .contact-header-area .input-area input {
  width: 100%;
  border-radius: 0px;
  border: 1px solid rgba(6, 29, 25, 0.1);
  background: var(--ztc-bg-bg-1);
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  padding: 16px;
  font-family: "Poppins", sans-serif;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
label {
  font-family: "Poppins", sans-serif;
  margin-bottom: 10px;
}
.contact-inner-area .contact-header-area .input-area input::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  opacity: 70%;
}
.contact-inner-area .contact-header-area .input-area input::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  opacity: 70%;
}
.contact-inner-area .contact-header-area .input-area textarea {
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(6, 29, 25, 0.1);
  background: var(--ztc-bg-bg-1);
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  padding: 16px;
  height: 120px;
  font-family: "Poppins", sans-serif;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.contact-inner-area .contact-header-area .input-area textarea::-moz-placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  opacity: 70%;
}
.contact-inner-area .contact-header-area .input-area textarea::placeholder {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 16px;
  opacity: 70%;
}
.contact-inner-area .contact-header-area .input-area button {
  border: none;
  outline: none;
}
.contact-inner-area .contact-bottom-box {
  position: relative;
  z-index: 1;
  background: #EDF2F7;
  padding: 32px;
  border-radius: 8px;
  transition: all 0.4s;
  margin-bottom: 30px;
  min-height: 220px;
}
.contact-inner-area .contact-bottom-box:hover {
  transform: translateY(-5px);
  transition: all 0.4s;
}
.contact-inner-area .contact-bottom-box:hover .contact-box .icons {
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  transform: rotateY(-180deg);
}
.contact-inner-area .contact-bottom-box .contact-box {
  display: flex;
  align-items: center;
}
.contact-inner-area .contact-bottom-box .contact-box .icons {
height: 60px;
  width: 60px;
  text-align: center;
  line-height: 54px;
  display: inline-block;
  transition: all 0.4s;
  border-radius: 8px;
  background: var(--ztc-bg-bg-2);
}
.contact-inner-area .contact-bottom-box .contact-box .text {
  padding-left: 24px;
}
.contact-inner-area .contact-bottom-box .contact-box .text span {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
  display: block;
}
.contact-inner-area .contact-bottom-box .contact-box .text h4 {
color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s22);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 1.4;
  display: inline-block;
  padding-top: 4px;
}
.contact-inner-area .contact-bottom-box .call {
  padding-top: 20px;
  border-top: 1px solid var(--ztc-text-text-1);
}
.contact-inner-area .contact-bottom-box .call a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 1.3;
  display: block;
  transition: all 0.4s;
}
.contact-inner-area .contact-bottom-box .call a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}


.cus_btn_center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.cus_btn_center .business-login-btn{
padding: 15px 25px;
border: 1px solid #06b9d0!important;

}
.cus_btn_center .input-area {
  margin-bottom: 0px;
}
.product_page_img{
  width: 100%;
  padding-top: 50px;
  height: 640px;
}
.product_page_img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product_page_txt h5{
color: #1ca4b3;
  font-family: "Poppins", sans-serif;
  text-align: center;
  margin-top: 20px;
  font-size: 30px;
  line-height: 1.6;
  margin-bottom: 0;
  padding-bottom: 50px;
}




.product_image_grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 15px;
}

.product_image {
	position: relative;
	display: block;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
	cursor: url('../../images/zoom.png') 5 5, zoom-in;
  height: 200px;
}

.product_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

/* Hover Effect */
.product_image:hover img {
	transform: scale(1.1);
}



/* Responsive */
@media (max-width: 1200px) {
	.product_image_grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 992px) {
	.product_image_grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 600px) {
	.product_image_grid {
		grid-template-columns: repeat(2, 1fr);
	}
}



.custom_pagination {
	display: flex;
	justify-content: end;
	align-items: center;
	margin-top: 40px;
	font-family: Arial, sans-serif;
}

.custom_pagination a {
	text-decoration: none;
	padding: 12px 22px;
	border: 1px solid #5fa3ad;
	color: #5fa3ad;
	background: #fff;
	transition: all 0.3s ease;
	font-size: 16px;
  font-family: "Poppins", sans-serif;
}

/* Previous & Next */
.custom_pagination .page_btn {
background: #1ca4b3;
  color: #fff;
  font-weight: 500;
  min-width: 110px;
  text-align: center;
}

/* Numbers */
.custom_pagination .page_number {
	border-left: none;
}

/* Active Page */
.custom_pagination .active {
background: #1ca4b3;
  color: #fff;
  font-weight: 600;
}

/* Hover Effect */
.custom_pagination a:hover {
	background: #1ca4b3;
	color: #fff;
}

/* Fix Border Overlap */
.custom_pagination a:first-child {
	border-radius: 3px 0 0 3px;
}

.custom_pagination a:last-child {
	border-radius: 0 3px 3px 0;
}

.ptb_0{
margin-top: 20px;
  margin-bottom: 20px;
}
.home_page .header_section {
border-bottom: 1px solid #ffffff5c;
}
.page_title{
  width: 100%;
  height: 100%;
  overflow: visible;
}
.page_title img{
  width: 100%;
  height: 100%;
  overflow: visible;
}
.contact_page .cus_heading h2{
  margin-bottom: 10px;
} 
.contact_page .contact_form_wrapper p{
  font-size: 15px;
  color: #555;
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: justify;
  font-family: "Poppins", sans-serif;
  margin-bottom: 18px;
}





/* TERMS SECTION */
.terms-section{
background: #fff;
}

.terms-container{
    max-width:1100px;
    margin:auto;
    padding:0 15px;
}

.terms-wrapper{
}

.terms-title{

}

.terms-title h2{
color: #1ca4b3;
  margin-bottom: 18px;
  line-height: 1.2;
  font-size: 35px;
  font-weight: bold;
  text-transform: uppercase;
}

.terms-title p{
font-size: 17px;
  color: #1ca4b3;
  line-height: 1.5;
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  background: #fff;
  padding: 12px;
  border-radius: 10px;
}

.terms-box{
    margin-bottom:30px;
    padding-bottom:25px;
    border-bottom:1px solid #eaeaea;
}

.terms-box:last-child{
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}

.terms-box h3{
font-size: 20px;
  color: #000;
  margin-bottom: 9px;
  font-weight: 600;
}

.terms-box p{
font-size: 17px;
  color: #666;
  line-height: 1.5;
  margin-bottom: 12px;
  font-family: "Poppins", sans-serif;
  text-align: justify;
}

.terms-box ul{
    margin:0;
    padding-left:20px;
}

.terms-box ul li{
margin-bottom: 5px;
  color: #555;
  line-height: 1.4;
  list-style: disc;
  font-family: "Poppins", sans-serif;

}

@media(max-width:767px){

    .terms-wrapper{
        padding:0;
    }

    .terms-title h2{
        font-size:23px;
    }

    .terms-box h3{
        font-size:18px;
    }
    .terms-box p {
  font-size: 14px;}
.job-desc p{
font-size: 14px;
}

}







/* ==========================================
MOBILE HEADER
========================================== */

.mobile_header,
.mobile_sidebar,
.mobile_search_popup{
    display:none;
}

/* ==========================================
MOBILE ONLY
========================================== */

@media only screen and (max-width: 1200px){

/* DESKTOP HIDE */

.header_top,
.main_menu,
.header_btns_group{
    display:none !important;
}

/* IMPORTANT */
.header_bottom{
    padding:0 !important;
    min-height:auto !important;
    display: none;
}

/* BODY */

body{
    padding-top:0px;
}

/* MOBILE HEADER */

.mobile_header{
display: block;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #ffffff05;
    padding: 8px 15px;
    position: absolute;
}

.mobile_header_inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.mobile_logo img{
    width:110px;
}

/* RIGHT BUTTONS */

.mobile_header_right{
    display:flex;
    align-items:center;
    gap:10px;
}

.mobile_action_btn{
    width:32px;
    height:32px;
    border:none;
    border-radius:50%;
    background:linear-gradient(135deg,#1ca4b3,#0f7d89);
    color:#fff;
    font-size:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:0.3s;
}

.mobile_action_btn:hover{
    transform:translateY(-2px);
}

/* ==========================================
SEARCH POPUP
========================================== */

.mobile_search_popup{
    display:block;
    position:fixed;
    inset:0;
    z-index:999999;
    opacity:0;
    visibility:hidden;
    transition:0.4s;
}

.mobile_search_popup.active{
    opacity:1;
    visibility:visible;
}

.mobile_search_overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.7);
}

.mobile_search_wrapper{
    position:absolute;
    top:50%;
    left:50%;
    width:90%;
    max-width:500px;
    transform:translate(-50%,-50%) scale(.8);
    transition:.4s;
}

.mobile_search_popup.active .mobile_search_wrapper{
    transform:translate(-50%,-50%) scale(1);
}

.mobile_search_input{
    position:relative;
}

.mobile_search_input input{
    width:100%;
    height:60px;
    border:none;
    border-radius:60px;
    padding:0 70px 0 20px;
    font-size:15px;
}

.mobile_search_input button{
    position:absolute;
    top:50%;
    right:6px;
    transform:translateY(-50%);
    width:48px;
    height:48px;
    border:none;
    border-radius:50%;
    background:#1ca4b3;
    color:#fff;
}

.mobile_search_close{
    position:absolute;
    top:-60px;
    right:0;
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#fff;
    color:#000;
}

/* ==========================================
SIDEBAR
========================================== */

.mobile_sidebar{
    display:block;
    position:fixed;
    inset:0;
    z-index:999999;
    visibility:hidden;
}

.mobile_sidebar.active{
    visibility:visible;
}

.mobile_sidebar_overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.55);
    opacity:0;
    transition:.4s;
}

.mobile_sidebar.active .mobile_sidebar_overlay{
    opacity:1;
}

.mobile_sidebar_inner{
    position:absolute;
    top:0;
    right:-100%;
    width: 250px;
    max-width:85%;
    height:100%;
    transition:.45s ease;
    overflow-y:auto;
    padding:25px;
    backdrop-filter: blur(5px) contrast(80%);
    background-color: #000000a1;
}

.mobile_sidebar.active .mobile_sidebar_inner{
    right:0;
}

/* TOP */

.mobile_sidebar_top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:25px;
}

.mobile_sidebar_top img{
    width:130px;
}

.mobile_sidebar_close{
width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
    background: #f1f5f9;
    font-size: 12px;
}

/* MENU */

.mobile_auto_menu{
    margin:0;
    padding:0;
    list-style:none;
}

.mobile_auto_menu li{
    position:relative;
    border-bottom: 1px solid #f1f1f12b;
}

.mobile_auto_menu li a{
display: block;
    padding: 12px 0;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

/* DROPDOWN */

.mobile_dropdown_btn{
position: absolute;
    top: 10px;
    right: 0;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 50%;
    background: #f3f5f9;
    font-size: 10px;
}

.mobile_auto_menu .submenu{
    display:none;
    padding-left:15px;
}

.mobile_auto_menu .submenu li a{
padding: 12px 0;
    font-size: 13px;
    color: #fff;
}

/* BOTTOM */

.mobile_sidebar_bottom{
    margin-top:30px;
}

.mobile_sidebar_bottom a{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
    color:#fff;
    text-decoration:none;
    font-size:14px;
}

/* BODY LOCK */

body.mobile_menu_open{
    overflow:hidden;
}

}


.print-box{
  transition: .5s ease-in-out;
}
.print-box:hover{
  transition: .5s ease-in-out;
  color: #fff;
  background-color: #0f9faf;
}


.search_box_wrapper .search_autocomplete_wrap{
    display:flex;
}


.phone_wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.country_code {
width: 90px;
  height: 50px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 3px 10px;
  background: #f3f5f6;
}

.phone_input {
    flex: 1;
}
@media (max-width: 1200px){
    .video-section{
        height: auto!important;
    }
    .video-section video {
        height: auto!important;
    }
    .footer-grid2 {
          grid-template-columns: repeat(1, 1fr);
        }




}

@media (max-width: 768px){

    .tabs-menu {
        overflow: hidden;
    }

    /* Category Title */
    .tab-title {
        padding: 12px 15px;
        background: #f1f1f1;
        font-weight: 600;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
        position: relative;
    }

    .tab-title::after {
        content: "+";
        position: absolute;
        right: 15px;
        font-size: 18px;
    }

    .tab-title.active::after {
        content: "-";
    }

    /* Hide all services initially */
    .tab-btn {
        display: none;
        width: 100%;
        text-align: left;
        padding: 10px 15px;
        border: none;
        background: #fff;
        border-bottom: 1px solid #eee;
        cursor: pointer;
    }

    /* Active category show buttons */
    .tab-btn.show {
        display: block;
    }
 .service-tabs .tabs-menu {
    gap: 0px;
  }
  .service-tabs .tab-title {
  margin-top: 0;
}
  
}

@media (max-width: 480px){
    .printing-content h4 {
  text-align: left;
  font-size: 20px;
}
 .cus-service-name {
    font-size: 12px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
.new-effect {
    height: 140px;
  }
 .print-box {
    font-size: 12px!important;
 }
.footer-bottom p {
  font-size: 11px!important;
}
.cus-section-title {
font-size: 25px!important;
}
  .service-tabs .tab-btn {
    padding: 8px 12px!important;
    font-size: 13px!important;
  }
.cus_arrow .owl-prev {
  left: -20px!important;
} 
.cus_arrow .owl-next {
  right: -20px!important;
}

}
@media (max-width: 390px){
.finishing-techniques .finishing-img {
  height: 150px!important;
}




}


.mobile_header.sticky_active {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    transition: 0.3s;
}

.mobile_search_box {
    width: 90%;
    background: #fff;
    padding: 0px;
    display: flex;
    border-top: 1px solid #eee;

    max-height: 0;
    overflow: hidden;
    opacity: 0;
    top: 60px;
    font-family: "Raleway", sans-serif;
    transition: all 0.3s ease;
    position: absolute;
}

/* active state */
.mobile_search_box.active {
    max-height: 45px;
    opacity: 1;
}

.mobile_search_box input {
    flex: 1;
    border: none;
    outline: none;
    padding: 8px;
}

.mobile_search_box button {
background: none;
  border: none;
  float: right;
  padding: 8px;
  color: #148c99;
}