/* @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap"); */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap");
/* @import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap'); */

*,
*::before,
*::after {
   margin: 0;
   padding: 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   scroll-behavior: smooth;
}

:root {
   --primary: rgb(230, 7, 30);
   --popp: "Poppins", sans-serif;
   --play: "Playfair Display", serif;

   --gradient: linear-gradient(225deg, var(--primary) 0%, rgba(253, 101, 91, 1) 100%);
}

body {
   /* font-family: Garamond; */
   /* font-family: "Kaushan Script", cursive; */
   font-family: "Poppins", sans-serif;
   font-size: 1.6rem;
   font-weight: 400;
}

html {
   font-size: 10px;
}

html::-webkit-scrollbar {
   width: 8px;
   height: 1px;
}

html::-webkit-scrollbar-track {
   background-color: transparent;
}

html::-webkit-scrollbar-thumb {
   background-color: #ec3237;
   border-radius: 50px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin-top: 0;
   margin-bottom: 0.75rem;
   font-weight: 500;
   line-height: 1.2;
   color: #222;
   /* font-family: "Playfair Display", serif; */
}

h1 {
   font-size: calc(2.2rem + 1.5vw);
}
h2 {
   font-size: calc(2.15rem + 0.9vw);
}
h3 {
   font-size: calc(2.1rem + 0.6vw);
}
h4 {
   font-size: calc(2.05rem + 0.3vw);
}
h5 {
   font-size: 2rem;
}
h6 {
   font-size: 1.8rem;
}

section {
   padding-block: 5rem 4rem;
}

@media (min-width: 1560px) {
   html {
      font-size: 11px;
   }
}

@media (min-width: 1200px) {
   h1 {
      font-size: 3.5rem;
   }
   h2 {
      font-size: 3.2rem;
   }
   h3 {
      font-size: 2.8rem;
   }
   h4 {
      font-size: 2.4rem;
   }
}
@media (max-width: 567px) {
   html {
      font-size: 9px;
   }
   section {
      padding-block: 2rem 2rem;
   }
}

p {
   margin-bottom: 0.8rem;
}

a:hover {
   text-decoration: none;
}

ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

.space_left {
   padding-left: 0;
}
.space_right {
   padding-right: 0;
}
.space_all {
   padding: 0;
}
.active_1 {
   color: #ec3237 !important;
}
.navbar-default .navbar-nav > li > .active_1::before {
   content: "";
   position: absolute;
   left: 0;
   top: 100%;
   width: 100%;
   height: 2px;
   background-color: #ec3237;
   transition: 0.3s linear;
}

.border_right_1 {
   border-right: 1px solid #ec3237;
}
.border_left_1 {
   border-left: 1px solid #ec3237;
}
.border_none_1 {
   border: none !important;
}
.margin_top_1 {
   margin-top: 0 !important;
   padding-bottom: 140px !important;
}
/*********************top****************/
#top {
   background: #ec3237;
   padding-top: 6px;
   padding-bottom: 5px;
}
.top_left p {
   font-size: 18px;
   color: #fff;
}

.top_left .head-top-right a {
   margin: 0px 2px;
}

.top_left .head-top-right i.fab {
   color: #fff;
   font-size: 18px;
   display: inline-block;
   transition: all 0.2s;
   width: 34px;
   aspect-ratio: 1/1;
   /* border-radius: 50%; */
   padding-top: 8px;
   border: 1.5px solid red;
   border-radius: 50%;
   opacity: 0.9;
}

.top_left .head-top-right i.fab:hover {
   color: #fff;
   transform: scale(1.04);
   -webkit-transform: scale(1.04);
   -moz-transform: scale(1.04);
   -ms-transform: scale(1.04);
   -o-transform: scale(1.04);
   opacity: 1;
}

.top_left .head-top-right i.fa-whatsapp {
   background-color: #03c503;
}

.top_left .head-top-right i.fa-facebook-f {
   border-color: #1877f2;
   background-color: #1877f2;
}

.top_left .head-top-right i.fa-instagram {
   background: -moz-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
   background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
   background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);

   border-color: #d6249f;
}
.top_left .head-top-right i.fa-twitter {
   color: #55acee;
}

.top_left .head-top-right i.fa-youtube {
   border-color: #fff;
   background-color: #fff;
   color: #f00;
}
.top_left .head-top-right i.fa-youtube:hover {
   color: #f00;
}

.top_right span,
.top_right span a {
   font-size: 16px;
   color: #fff;
   font-weight: 400;
   line-height: 29px;
   -webkit-transition: all 0.4s;
   -moz-transition: all 0.4s;
   -ms-transition: all 0.4s;
   -o-transition: all 0.4s;
   transition: all 0.4s;
   text-decoration: none;
}

.top_right span a:hover {
   color: #000;
}
.top_right span i {
   vertical-align: middle;
   font-size: 18px;
   margin-right: 3px;
}
.top_right .span_2 i {
   color: #25d366;
}

.top_right .span_1 {
   padding-right: 10px;
}

.top_right .span_1 i {
   color: #fff;
}

@media (max-width: 991px) {
   .top_left .head-top-right i.fa {
      font-size: 16px;
      width: 30px;
      height: 30px;
      padding-top: 6px;
   }

   .top_right span,
   .top_right span a {
      font-size: 14px;
      line-height: 29px;
   }
}
/*********************top****************/
/*********************header****************/
.cd-secondary-nav {
   position: static;
}
.cd-secondary-nav .is-visible {
   visibility: visible;
   transform: scale(1);
   transition: transform 0.3s, visibility 0s 0s;
}
.cd-secondary-nav.is-fixed {
   z-index: 9998;
   position: fixed;
   left: auto;
   top: 0;
   width: 100%;
   background-color: #fff;
   box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px;
}
#header {
   padding-block: 2px;
   background: #fff;
   box-shadow: 0 1px 4px #dddd;
}
#header .navbar-default {
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
   background: none !important;
   color: #ee0b42 !important;
}
.navbar-default {
   background: none;
   border: none;
   background: #fff;
   margin-bottom: 0;
}

.navbar-brand {
   display: inline-block;
   margin-right: 1rem;
   white-space: nowrap;
   padding: 0;
   height: auto;
}

.navbar-brand span {
   font-size: 1.8rem;
}

.navbar-brand img {
   height: 70px;
}

.navbar-brand:hover,
.navbar-brand:focus {
   text-decoration: none;
}

.navbar-default .color_1 {
   font-size: 16px;
   padding-bottom: 5px;
   font-weight: 500;
}

.navbar-default .navbar-nav > li {
   position: relative;
   padding: 8px 0.94rem;
}

.navbar-nav > li > a {
   color: #222;
   transition: 0.4s linear;
   padding: 0;
   padding-bottom: 4px;
}

.navbar-default .color_1:hover {
   color: #ec3237;
}
.navbar-default ul li ul {
   left: 0 !important;
   background: #fff;
   border-top: 1px solid #ec3237;
   min-width: 180px;
   padding: 0;
}
.navbar-default ul li ul li:hover {
   background: #ec3237;
}

.navbar-default ul li ul li a {
   color: #000;
   font-size: 16px;
   padding-block: 8px;
   transition: 0.2s linear;
}
.navbar-default ul li ul li a:hover {
   background: none;
   color: #fff !important;
}
.nav li .color_1:hover {
   /* background: url(../img/1.png) center bottom no-repeat; */
}
#header .navbar-nav > li > .dropdown-menu {
   text-align: center;
}

.navbar-nav .open .dropdown-menu {
   transition: 0.4s;
   -webkit-transition: 0.4s;
   -moz-transition: 0.4s;
   -ms-transition: 0.4s;
   -o-transition: 0.4s;
}
#header .navbar-nav > li > .dropdown-menu li {
   border-bottom: 1px solid #eee;
}

.navbar-default .navbar-nav > li > a {
   position: relative;
   color: #222;
   transition: 0.4s linear;
}
.navbar-default .navbar-nav > li:not(.nav-btn) > a::before {
   content: "";
   position: absolute;
   left: 0;
   top: 100%;
   width: 0;
   height: 3px;
   background-color: #000;
   transition: 0.3s linear;
}
.navbar-default .navbar-nav > li > a:hover::before {
   width: 100%;
   background-color: #ec3237;
}

.navbar-default .navbar-nav > li.nav-btn {
   /*background-color: #fff;*/
   border: 2px solid var(--primary);
   padding-inline: 1.4rem;
   border-radius: 12px;
   margin-left: 1rem;
}
.navbar-default .navbar-nav > li.nav-btn > a {
   color: var(--primary);
   /* text-transform: uppercase; */
   letter-spacing: 0.5px;
   padding-bottom: 0;
   padding-right: 0;
}

.navbar-default .navbar-nav > li.nav-btn:hover {
   border-color: #000;
}

.navbar-default .navbar-nav > li.nav-btn:hover > a {
   color: #000;
}
.navbar-default .navbar-nav > li.login_link {
   position: relative;
   display: flex;
   gap: 6px;
   margin-left: 1rem;
   padding-inline: 1rem 0;
}
.navbar-default .navbar-nav > li.login_link::before {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   width: 1px;
   height: 70%;
   background-color: #555;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
}

@media (max-width: 1200px) {
   .cd-secondary-nav .container {
      width: 100%;
   }

   .navbar-default .navbar-nav > li {
      padding: 8px 10px;
   }
}

@media (max-width: 991px) {
   .navbar-default .navbar-nav > li {
      padding: 0px 0px;
   }
   .navbar-default .navbar-nav > li.nav-btn {
      padding-inline: 0px;
   }

   .navbar-default .navbar-nav > li > a {
      padding: 10px;
      padding-bottom: 4px;
   }
}
/*********************header_end****************/
/*********************center****************/
.center_main {
   position: relative;
   margin-bottom: 30px;
}
#center_bottom {
   background: url(../img/5.png) left top repeat-x;
   position: absolute;
   bottom: -5px;
   width: 100%;
   height: 30px;
}

#center_top {
   background: url(../img/5.png) left top repeat-x;
   position: absolute;
   top: -5px;
   width: 100%;
   height: 30px;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
.main-text {
   position: absolute;
   top: 70%;
   color: #fff;
   background-color: #a52a2aa6;
   width: 80%;
   left: 10%;
}

.main-text h1 {
   font-size: 80px;
   font-weight: 700;
   letter-spacing: 2px;
}
.main-text p {
   font-size: 20px;
   letter-spacing: 2px;
   padding-bottom: 15px;
}
#center .carousel-indicators {
   display: block;
}

#center .carousel-indicators {
   position: absolute;
   bottom: 10%;
   left: 0%;
   z-index: 15;
   width: 20%;
   margin-left: 0%;
   padding-left: 0;
   list-style: none;
   text-align: center;
}

#center .carousel-indicators li {
   display: inline-block;
   width: 15px;
   height: 15px;
   margin: 1px 6px;
   text-indent: -999px;
   border: 1px solid #fff;
   border-radius: 50%;
   cursor: pointer;
   background-color: transparent;
}
#center .carousel-indicators .active,
#photo_gallery .carousel-indicators .active {
   background-color: #ec3237;
   border: 1px solid #ec3237;
   outline: 1px solid #ec3237;
   outline-offset: 3px;
}

@media (max-width: 567px) {
   #center .carousel-indicators {
      bottom: 0;
      left: 4%;
      width: 5%;
   }

   #center .carousel-indicators li {
      width: 12px;
      height: 12px;
      margin: 1px 4px;
   }
   #center .carousel-indicators .active {
      background-color: #ec3237;
      border: 1px solid #ec3237;
      outline: 1px solid #ec3237;
      outline-offset: 2px;
   }
}
/*********************center_end****************/

/*********************arrange****************/
#arrange {
   padding-bottom: 40px;
}
.arrange {
   margin: 30px 10px;
}
.arrange h2 {
   font-size: 40px;
   color: #ec3237;
   font-weight: bold;
   font-style: oblique;
}
.arrange h2 span {
   color: #0a9fda;
}
.arrange h3 {
   font-size: 30px;
}
.arrange h4 {
   font-size: 20px;
   color: #060303;
   font-weight: bold;
}
.arrange p {
   margin-top: 10px;
   color: #000;
   line-height: 22px;
   font-size: 16px;
}
.arrange_1 ul {
   padding-top: 30px;
   padding-bottom: 50px;
   text-align: center;
}
.well_2 {
   vertical-align: text-top;
}
.arrange_1 li {
   display: inline;
}
.arrange_1 li {
   font-size: 18px;
   /* font-weight: bold; */
}
.arrange_1 .span_5 {
   color: #ee0b42;
}
.arrange_1 .span_3 {
   color: #ee0b42;
   font-size: 40px;
   vertical-align: middle;
   line-height: 40px;
}
.arrange_2_inner {
   background: #0a9fda;
   padding: 30px;
   text-align: center;
}
.arrange_2_inner:hover {
   background: #0a9fda;
}
.arrange_2_inner h2 {
   color: #fdfdfd;
   font-size: 70px;
   margin-bottom: 15px;
   font-weight: bold;
}
.arrange_2_inner img {
   border: 2px solid #fff;
}
.arrange_2_inner p {
   color: #fff;
   margin-top: 10px;
   font-size: 18px;
}
.arrange_2_inner h3 {
   color: #fff;
   margin-top: 10px;
   font-size: 34px;
   font-style: oblique;
}

.arrange_2_inner_1 {
   background: #ee0b42;
   padding: 30px;
   text-align: center;
}
.arrange_2_inner_1:hover {
   background: #cc0b39;
}
.arrange_2_inner_1 h2 {
   color: #fdfdfd;
   font-size: 70px;
   margin-bottom: 15px;
   font-weight: bold;
}
.arrange_2_inner_1 img {
   border: 2px solid #fff;
}
.arrange_2_inner_1 p {
   color: #fff;
   margin-top: 10px;
   font-size: 18px;
}
.arrange_2_inner_1 h3 {
   color: #fff;
   margin-top: 10px;
   font-size: 34px;
   font-style: oblique;
}

/*********************arrange_end****************/

/*********************services_home****************/

#services_home {
   background: #f4f4f4;
   padding-top: 30px;
   padding-bottom: 10px;
   overflow: hidden;
}
.services_home {
   margin: 10px 10px 30px;
   overflow: hidden;
}

.services_home h2 {
   font-size: 32px;
   color: #ec3237;
   /* font-weight: bold; */
   /* font-style: oblique; */
}
.services_home h2 span {
   color: #0a9fda;
}

.services_home h3 {
   font-size: 60px;
   transform: scaleX(2);
   margin: 0px;
   margin-top: -8px;
   padding: 0;
   color: #ec3237;
   overflow: hidden;
}
.services_home h3 i {
   animation: flip 10s infinite;
}

@keyframes flip {
   from {
      transform: rotate(0deg);
   }
   to {
      transform: rotateY(180deg);
   }
}
@-webkit-keyframes flip {
   from {
      transform: rotate(0deg);
   }
   to {
      transform: rotateY(180deg);
   }
}

@-moz-keyframes flip {
   from {
      transform: rotate(0deg);
   }
   to {
      transform: rotateY(180deg);
   }
}

.services_home_1 {
   background: #fff;
   padding: 40px 30px 40px 30px;
   margin: auto;
   margin-bottom: 15px;
   width: 90%;
}
.services_home_1 h2 {
   color: #ec3237;
   font-weight: bold;
   font-size: 34px;
   font-style: oblique;
}
.services_home_1 h5 {
   background: #03c0cc;
   width: 30%;
   padding: 5px 20px 5px 27px;
   border-radius: 5px;
   margin-top: 10px;
   color: #fff;
   font-weight: bold;
   font-size: 15px;
   margin-bottom: 13px;
}
.services_home_1 p {
   font-size: 16px;
   margin-top: 20px;
   letter-spacing: 1px;
}
.services_right {
   margin-top: 60px;
}
#services_home .timeline-body > p {
   font-size: 16px;
   /* font-weight: bold; */
}
#services_home .timeline {
   list-style: none;
   padding: 0px 0 0px;
   position: relative;
   margin-top: 80px;
}
#services_home .timeline:before {
   top: 0;
   bottom: 20%;
   position: absolute;
   content: " ";
   width: 4px;
   background-color: #ec3237;
   left: 50%;
   margin-left: -1.5px;
}
#services_home .timeline > li {
   margin-bottom: 20px;
   position: relative;
   width: 50%;
   float: left;
   clear: left;
}
#services_home .timeline > li:before,
#services_home .timeline > li:after {
   content: " ";
   display: table;
}
#services_home .timeline > li:after {
   clear: both;
}
#services_home .timeline > li:before,
#services_home .timeline > li:after {
   content: " ";
   display: table;
}
#services_home .timeline > li:after {
   clear: both;
}
#services_home .timeline > li > .timeline-panel {
   width: 95%;
   float: left;
   border: 2px solid #ec3237;
   position: relative;
}

#services_home .timeline > li > .timeline-panel:before {
   position: absolute;
   top: 26px;
   right: -15px;
   display: inline-block;
   border-top: 15px solid transparent;
   border-left: 15px solid #ccc;
   border-right: 0 solid #ccc;
   border-bottom: 15px solid transparent;
   content: " ";
}
#services_home .timeline > li > .timeline-panel:after {
   position: absolute;
   top: 27px;
   right: -14px;
   display: inline-block;
   border-top: 14px solid transparent;
   border-left: 14px solid #ec3237;
   border-right: 0 solid #ec3237;
   border-bottom: 14px solid transparent;
   content: " ";
}

#services_home .timeline > li > .timeline-panel:hover {
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
#services_home .timeline > li > .timeline-badge {
   color: #fff;
   width: 24px;
   height: 24px;
   line-height: 50px;
   font-size: 1.4em;
   text-align: center;
   position: absolute;
   top: 16px;
   right: -12px;
   /*background-color: #999999;*/
   z-index: 100;
   /*
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  */
}
#services_home .timeline > li.timeline-inverted > .timeline-panel {
   float: right;
   border: 2px solid #ec3237;
}

#services_home .timeline > li.timeline-inverted > .timeline-panel:before {
   border-left-width: 0;
   border-right-width: 15px;
   left: -15px;
   right: auto;
}
#services_home .timeline > li.timeline-inverted > .timeline-panel:after {
   border-left-width: 0;
   border-right-width: 14px;
   left: -14px;
   right: auto;
}
#services_home .timeline-badge > a {
   color: #000 !important;
}
#services_home .timeline-badge a:hover {
   color: #000 !important;
}
#services_home .timeline-title {
   margin-top: 0;
   color: inherit;
}
#services_home .timeline-body > p,
#services_home .timeline-body > ul {
   padding: 20px 16px 10px;
   margin-bottom: 0;
   text-align: justify;
   cursor: context-menu;
}
#services_home .timeline-body > p + p {
   margin-top: 5px;
}
#services_home .timeline-footer {
   padding: 20px;
   background-color: #131212;
}
#services_home .timeline-footer > a {
   cursor: pointer;
   text-decoration: none;
   color: #fff;
   font-size: 17px;
   margin-right: 3px;
}
#services_home .tooltip {
   position: absolute;
   z-index: 1020;
   display: block;
   visibility: visible;
   padding: 5px;
   font-size: 11px;
   opacity: 0;
   filter: alpha(opacity=0);
}
#services_home .tooltip.in {
   /*opacity:0;
    filter:alpha(opacity=80);*/
}
#services_home .tooltip.top {
   margin-top: -2px;
}
#services_home .tooltip.right {
   margin-left: 2px;
}
#services_home .tooltip.bottom {
   margin-top: 2px;
}
#services_home .tooltip.left {
   margin-left: -2px;
}
#services_home .tooltip.top .tooltip-arrow {
   bottom: 0;
   left: 0;
   margin-left: 0;
   border-left: 0 solid transparent;
   border-right: 5px solid transparent;
   border-top: 0 solid #000;
}
#services_home .tooltip.left .tooltip-arrow {
   bottom: 0;
   left: 0;
   margin-left: 0;
   border-left: 0 solid transparent;
   border-right: 5px solid transparent;
   border-top: 0 solid #000;
}
#services_home .tooltip.bottom .tooltip-arrow {
   bottom: 0;
   left: 0;
   margin-left: 0;
   border-left: 0 solid transparent;
   border-right: 5px solid transparent;
   border-top: 0 solid #000;
}
#services_home .tooltip.right .tooltip-arrow {
   bottom: 0;
   left: 0;
   margin-left: 0;
   border-left: 0 solid transparent;
   border-right: 5px solid transparent;
   border-top: 0 solid #000;
}
#services_home .tooltip-inner {
   width: 200px;
   padding: 3px 8px;
   color: #fff;
   text-align: center;
   text-decoration: none;
   background-color: #313131;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}
#services_home .tooltip-arrow {
   position: absolute;
   width: 0;
   height: 0;
}
#services_home .timeline > li.timeline-inverted {
   float: right;
   clear: right;
   margin-top: 30px;
   margin-bottom: 30px;
}
#services_home .timeline > li:nth-child(2) {
   margin-top: 60px;
}
#services_home .timeline > li.timeline-inverted > .timeline-badge {
   left: -12px;
}

@media (max-width: 767px) {
   ul.timeline:before {
      left: 40px;
   }

   ul.timeline > li {
      margin-bottom: 20px;
      position: relative;
      width: 100%;
      float: left;
      clear: left;
   }
   ul.timeline > li > .timeline-panel {
      width: calc(100% - 90px);
      width: -moz-calc(100% - 90px);
      width: -webkit-calc(100% - 90px);
   }

   ul.timeline > li > .timeline-badge {
      left: 28px;
      margin-left: 0;
      top: 16px;
   }

   ul.timeline > li > .timeline-panel {
      float: right;
   }

   ul.timeline > li > .timeline-panel:before {
      border-left-width: 0;
      border-right-width: 15px;
      left: -15px;
      right: auto;
   }

   ul.timeline > li > .timeline-panel:after {
      border-left-width: 0;
      border-right-width: 14px;
      left: -14px;
      right: auto;
   }

   #services_home .timeline > li.timeline-inverted {
      float: left;
      clear: left;
      margin-top: 30px;
      margin-bottom: 30px;
   }

   #services_home .timeline > li.timeline-inverted > .timeline-badge {
      left: 28px;
   }
}
/*********************services_home_end****************/
/*********************outdoor****************/
#outdoor {
   background: #f4f4f4;
   padding-bottom: 40px;
}
.outdoor {
   /* background: #fff; */
   width: 76%;
   margin: auto;
   padding: 30px 20px 0px;
}
.outdoor_1 h2 {
   color: #ec3237;
   font-size: 26px;
   margin-bottom: 10px;
}
.outdoor_1 h5 {
   background: #03c0cc;
   width: 20%;
   margin: auto;
   padding: 5px 20px 5px 27px;
   border-radius: 5px;
   margin-top: 10px;
   color: #fff;
   font-size: 15px;
   margin-bottom: 13px;
}
.outdoor_2 {
   margin-top: 0px;
   background-color: #fff;
   max-width: 700px;
   width: 100%;
   margin-inline: auto;
   border-radius: 10px;
   overflow: hidden;
}
/* Common style */
.grid {
   display: grid;
}
.grid figure {
   position: relative;
   float: left;
   overflow: hidden;
   width: 100%;
   background: #3085a3;
   text-align: center;
   cursor: pointer;
}

.grid figure img {
   position: relative;
   display: block;
   min-height: 100%;
   max-width: 100%;
   opacity: 1;
}

.grid figure figcaption {
   padding: 1.5em;
   color: #fff;
   text-transform: uppercase;
   font-size: 1.25em;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
   pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
   z-index: 1000;
   text-indent: 200%;
   white-space: nowrap;
   font-size: 0;
   opacity: 0;
}

.grid figure h2 {
   word-spacing: -0.15em;
   font-weight: 300;
}

.grid figure h2 span {
   font-weight: 800;
}

.grid figure h2,
.grid figure p {
   margin: 0;
}

.grid figure p {
   letter-spacing: 1px;
   font-size: 68.5%;
}

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
   background: transparent;
}

figure.effect-apollo-img {
   width: 100%;
   height: 100%;
}

.ads_sec figure.effect-apollo {
   padding: 2rem;
}
figure.effect-apollo img {
   height: 100%;
   transform: scale3d(1.05, 1.05, 1);
   transition: transform 0.35s;
   -webkit-transition: transform 0.35s;
   -moz-transition: transform 0.35s;
   -ms-transition: transform 0.35s;
   -o-transition: transform 0.35s;
}

figure.effect-apollo figcaption::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.5);
   -webkit-transition: -webkit-transform 0.6s;
   transition: transform 0.6s;
   -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
   transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

figure.effect-apollo p {
   position: absolute;
   right: 0;
   bottom: 0;
   margin: 3em;
   padding: 0 1em;
   max-width: 150px;
   border-right: 4px solid #333;
   color: #ec3237;
   font-weight: 500;
   text-align: right;
   opacity: 0;
   -webkit-transition: opacity 0.35s;
   transition: opacity 0.35s;
}

figure.effect-apollo h2 {
   text-align: center;
   font-size: 30px;
}

figure.effect-apollo:hover img {
   opacity: 0.6;
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
}

figure.effect-apollo:hover figcaption::before {
   -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
   transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

figure.effect-apollo:hover p {
   opacity: 1;
   -webkit-transition-delay: 0.1s;
   transition-delay: 0.1s;
}

/*********************outdoor_end****************/

/*********************photo_gallery****************/
#photo_gallery {
   padding-top: 60px;
   padding-bottom: 30px;
}
#photo_gallery img:hover {
   opacity: 0.8;
}
#photo_gallery .carousel {
   margin-bottom: 0;
   padding: 0 40px 30px 40px;
}
/* The controlsy */
.carousel-control {
   left: -12px;
   height: 40px;
   width: 40px;
   background: none repeat scroll 0 0 #222222;
   border: 4px solid #ffffff;
   border-radius: 23px 23px 23px 23px;
   margin-top: 90px;
}

#photo_gallery .carousel-control {
   height: 42px;
   width: 42px;
   opacity: 0.9;
   font-size: 30px;
   border: none;
   padding: 0;
   background-image: linear-gradient(to right, #ec3237 0px, rgba(0, 0, 0, 0.4) 100%);
}

#photo_gallery .carousel-control.right {
   right: -12px;
   top: 5%;
   background-color: #ec3237;
}
#photo_gallery .carousel-control.left {
   right: -12px;
   top: 5%;
   background-color: #ec3237;
}
/* The indicators */
#photo_gallery .carousel-indicators {
   right: 50%;
   top: auto;
   bottom: -10px;
   margin-right: -19px;
}

/* The colour of the indicators */
#photo_gallery .carousel-indicators li {
   width: 12px;
   height: 12px;
   margin: 0px 4px;
   background: #ccc;
   border-radius: 50%;
   cursor: pointer;
}

#photo_gallery .item .thumbnail {
   overflow: hidden;
   height: auto;
   border-radius: 10px;
   cursor: auto;
}

#photo_gallery .item .thumbnail img {
   border-radius: 10px;
   height: 250px;
}

@media (max-width: 991px) {
   #photo_gallery .carousel {
      padding: 0 20px 10px;
   }
   #photo_gallery .item .thumbnail img {
      height: 220px;
   }
}

@media (max-width: 768px) {
   #photo_gallery .item .thumbnail {
      margin-bottom: 10px;
      padding: 0;
      border: none;
   }
   #photo_gallery .item .thumbnail img {
      height: 180px;
   }
}

@media (max-width: 567px) {
   #photo_gallery .carousel {
      padding: 0 14px 0px;
   }
   #photo_gallery .carousel-indicators {
      bottom: -25px;
   }
}

/*********************photo_gallery_end****************/

/********************* success ****************/
#success {
   padding-top: 30px;
   padding-bottom: 100px;
}
.success_3 h2 {
   padding-top: 10px;
   padding-bottom: 7px;
}
.success_3 h2 a {
   font-size: 27px;
   font-weight: bold;
   color: #000;
}
.success_3 p a {
   font-size: 16px;
   font-weight: bold;
   color: #000;
}
.success_inner {
   background-color: #fff;
   padding: 20px 20px 20px 20px;
   border: 1px solid #ccc;
   border-radius: 15px;
}
.success_4 p {
   padding-top: 20px;
}
.success_4 p a {
   color: #ec3237;
   font-size: 24px;
}
.success_4 p a:hover {
   border-bottom: 1px solid #ec3237;
}
/********************* success_end ****************/
/*********************footer****************/
.footer_main {
   position: relative;
}
#footer {
   position: absolute;
   top: -35px;
   width: 100%;
   padding: 0;
   overflow: hidden;
}
.footer_right {
   padding-block: 20px;
   text-align: center;
}
.footer {
   background: #f4f4f4;
   border-radius: 10px;
   border: 1px solid #ddd;
}
.footer_right p {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
}
.footer_right p a {
   font-size: 1.8rem;
   color: #444;
   padding-right: 30px;
   transition: 0.5s;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -ms-transition: 0.5s;
   -o-transition: 0.5s;
}
.footer_right p a:hover {
   color: #ec3237;
   text-decoration-line: underline;
   -moz-text-decoration-line: underline;
   text-underline-offset: 4px;
}
/* footer social icons */
ul.social-network {
   list-style: none;
   display: inline;
   margin-left: 0 !important;
   padding: 0;
}
ul.social-network li {
   display: inline;
   margin: 0 5px;
}
/* footer social icons */

.social-network a {
   border: 2px solid transparent;
   box-sizing: border-box;
}

.social-network a.icoFacebook {
   background-color: #3b5998;
}
.social-network a.icoTwitter {
   background-color: #33ccff;
}
.social-network a.icoInstagram {
   background: -moz-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
   background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
   background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
   border-color: #fff;
}
.social-network a.icoyt {
   background-color: #f00;
}

.social-network a.icoFacebook:hover,
.social-network a.icoTwitter:hover,
.social-network a.icoInstagram:hover,
.social-network a.icoyt:hover {
   background-color: #fff;
   background: #fff;
}

.social-network a.icoFacebook:hover {
   border: 2px solid #3b5998;
}
.social-network a.icoFacebook:hover i {
   color: #3b5998;
}

.social-network a.icoInstagram:hover {
   border: 2px solid #d6249f;
}
.social-network a.icoInstagram:hover i {
   color: #d6249f;
}
.social-network a.icoTwitter:hover {
   border: 2px solid #33ccff;
}
.social-network a.icoTwitter:hover i {
   color: #33ccff;
}

.social-network a.icoyt:hover {
   border: 2px solid #f00;
}
.social-network a.icoyt:hover i {
   color: #f00;
}

a.socialIcon:hover,
.socialHoverClass {
   color: #44bcdd;
}

.social-circle li a {
   display: inline-block;
   position: relative;
   margin: 0 auto 0 auto;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   text-align: center;
   width: 50px;
   height: 50px;
   font-size: 20px;
}
.social-circle li i {
   margin: 0;
   line-height: 50px;
   text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
   -moz-transform: rotate(360deg);
   -webkit-transform: rotate(360deg);
   -ms--transform: rotate(360deg);
   transform: rotate(360deg);
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -o-transition: all 0.2s;
   -ms-transition: all 0.2s;
   transition: all 0.2s;
}
.social-circle i,
.social-network a {
   color: #fff;
   -webkit-transition: all 0.4s;
   -moz-transition: all 0.4s;
   -o-transition: all 0.4s;
   -ms-transition: all 0.4s;
   transition: all 0.4s;
}

/* .footer_right_inner a {
   background-color: #f16587;
} */
.footer_right_inner {
   margin-top: 20px;
}
#footer_bottom {
   background: #ec3237;
   padding-top: 110px;
   padding-bottom: 1.5rem;
   text-align: center;
}
#footer_bottom .footer_bottom_left {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.footer_bottom_left p {
   color: #fff;
   font-size: 1.5rem;
   padding-top: 2rem;
   margin-left: 10px;
}
.footer_bottom_left p a {
   color: #eee;
}
.footer_bottom_left p a:hover {
   color: #ffcc2a;
}

.footer_bottom_right p {
   color: #fff;
   font-size: 14px;
}
.footer_bottom_right p a {
   color: #fff;
}
.footer_bottom_right p a:hover {
   color: #e1e1e1;
}
.footer_bottom_right p a span {
   font-size: 24px;
   color: #ccc;
   font-weight: bold;
}
.footer_left img {
   width: 100%;
   margin-top: -120px;
}
#footer .col-sm-3 {
   padding-left: 0px;
   padding-right: 0px;
}
/*********************footer_end****************/
/*********************about****************/

.about_main {
   position: relative;
   background-color: #000;
}
#about_bottom {
   background: url(../img/5.png) left top repeat-x;
   position: absolute;
   bottom: -5px;
   width: 100%;
   height: 30px;
   padding: 0;
}

#about_top {
   background: url(../img/5.png) left top repeat-x;
   position: absolute;
   top: -5px;
   width: 100%;
   height: 30px;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
/*********************about_end****************/
/*********************about_heading_main****************/
#about_heading_main {
   padding-top: 20px;
   padding-bottom: 20px;
}
.about_heading_main_1 h5 {
   font-size: 16px;
   font-weight: bold;
   color: #ee0b42;
}
.about_heading_main_1 h5 a {
   font-size: 16px;
   font-weight: bold;
   color: #000;
}
.about_heading_main_1 h5 a:hover {
   color: #ee0b42;
}
.about_heading_main_1 h5 span {
   padding-left: 10px;
   padding-right: 10px;
}
.about_heading_main_1 h1 {
   margin-top: 20px;
   font-size: 40px;
   font-style: oblique;
   font-weight: bold;
   color: #04b1bc;
   font-size: 50px;
}
.about_heading_main_1 h1 span {
   color: #ec3237;
}
/*********************about_heading_main_end****************/
/*********************about_heading****************/
#about_heading {
   padding-top: 6rem;
   padding-bottom: 5rem;
}
.about_heading h5 {
   font-size: 16px;
   font-weight: bold;
   color: #ec3237;
}
.about_heading h5 a {
   font-size: 16px;
   font-weight: bold;
   color: #000;
}
.about_heading p {
   font-size: 1.6rem;
   line-height: 26px;
}
.about_heading h5 a:hover {
   color: #ec3237;
}
.about_heading h5 span {
   padding-left: 10px;
   padding-right: 10px;
}
.about_heading h2 {
   margin: 20px auto;
   font-weight: 600;
   font-size: 3.4rem;
}
.about_heading h2 span {
   color: #ec3237;
}
/*********************about_heading_end****************/
/********************* about_inner ****************/
#about_inner {
   padding-top: 30px;
   padding-bottom: 30px;
   background-color: #f2f2f2;
}
.about_1 h2 {
   font-size: 30px;
   font-weight: bold;
   color: gray;
}
.about_2 {
   float: right;
}
.about_2 a i {
   font-size: 40px;
   color: #ec3237;
}
.about_3 h4 {
   text-align: center;
   font-size: 25px;
   font-weight: bold;
   padding-bottom: 30px;
}
.about_4 p {
   font-size: 16px;
   color: #000;
   line-height: 25px;
   padding-top: 10px;
   font-weight: bold;
}
/********************* about_inner_end ****************/
/*********************about_middle****************/
#about_middle {
   background: #cd0737;
   padding-top: 50px;
   padding-bottom: 50px;
}
.about_middle_right {
   background: url(../img/34.jpg) right -70px top 0 no-repeat;
   padding-top: 350px;
   padding-bottom: 350px;
}
.about_middle_left h3 {
   font-size: 23px;
   color: #fff;
}
.about_middle_left h2 {
   margin-top: 5px;
   color: #fff;
   font-size: 35px;
}
.about_middle_left hr {
   border-width: 3px;
   width: 80px;
   float: left;
}
.about_middle_left p {
   clear: left;
   color: #fff;
   font-size: 16px;
}
.about_middle_left_inner {
   margin-top: 20px;
}
.about_middle_left_inner h4 {
   font-size: 21px;
   color: #f0d276;
   font-weight: bold;
}
.about_middle_left_inner h4 i {
   color: #fff;
   padding-right: 8px;
}
.about_middle_left_inner p {
   padding-left: 30px;
}
/*********************about_middle_end****************/
/*********************about_last****************/
#about_last {
   padding-top: 20px;
   padding-bottom: 300px;
}
.about_last h1 {
   margin-top: 20px;
   font-size: 40px;
   font-style: oblique;
   font-weight: bold;
   color: #ec3237;
   font-size: 45px;
   margin-bottom: 10px;
}
.about_last h1 span {
   color: #04b1bc;
}
.about_last p {
   font-size: 16px;
}
.team {
   margin-top: 35px;
}
/* Common style */
#about_last .grid figure {
   position: relative;
   float: left;
   overflow: hidden;
   min-width: 100%;
   max-width: 480px;
   max-height: 405px;
   background: #0a9fda;
   text-align: center;
   cursor: pointer;
}

#about_last .grid figure img {
   position: relative;
   display: block;
   min-height: 100%;
   min-width: 100%;
   max-width: 100%;
   opacity: 0.8;
   max-height: 405px;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
   pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
   z-index: 1000;
   text-indent: 200%;
   white-space: nowrap;
   font-size: 0;
   opacity: 0;
}

.grid figure h2 {
   display: none;
   font-size: 30px;
   font-weight: 500;
   background-color: #0001;
   color: #000;
   margin-top: 80px;
   margin-inline: 60px 0;
   padding-block: 8px;
}

.grid figure h2 span {
   font-weight: 800;
}

.grid figure p a {
   letter-spacing: 1px;
   font-size: 68.5%;
   color: #ec3237;
   font-weight: 500;
   font-size: 1.1rem;
}

/*---------------*/
/***** Jazz *****/
/*---------------*/

figure.effect-jazz {
   background: -webkit-linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
   background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
}

figure.effect-jazz img {
   opacity: 0.9;
}

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
}

figure.effect-jazz figcaption::after {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
   content: "";
   opacity: 0;
   -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
   transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
   -webkit-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
}

figure.effect-jazz h2,
figure.effect-jazz p {
   opacity: 1;
   -webkit-transform: scale3d(0.8, 0.8, 1);
   transform: scale3d(0.8, 0.8, 1);
}

figure.effect-jazz h2 {
   padding-top: 26%;
   -webkit-transition: -webkit-transform 0.35s;
   transition: transform 0.35s;
}

figure.effect-jazz p {
   padding: 0.5em 2em;
   text-transform: none;
   font-size: 0.85em;
   opacity: 0;
}

figure.effect-jazz:hover img {
   opacity: 0.7;
   -webkit-transform: scale3d(1.05, 1.05, 1);
   transform: scale3d(1.05, 1.05, 1);
}

figure.effect-jazz:hover figcaption::after {
   opacity: 1;
   -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
   transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}

figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
   opacity: 1;
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
}
.team_inner {
   box-shadow: 0 0 5px 0px #ee0b42;
   padding: 10px;
}
.team_inner h3 {
   color: #000;
   font-size: 18px;
   font-weight: bold;
}

.team_inner h4 {
   color: #000;
   font-size: 16px;
   margin-top: 5px;
}
.team_inner ul {
   padding-top: 10px;
}
.team_inner li {
   display: inline;
   margin-right: 10px;
}
.team_inner a {
   font-size: 17px;
   color: #ec3237;
}
/*********************about_last_end****************/
/*********************services****************/
.services {
   border-top: 1px solid #dcd5c6;
   border-bottom: 1px solid #dcd5c6;
   margin-top: 30px;
   padding-top: 40px;
   padding-bottom: 50px;
}
.services_inner h2 {
   color: #ec3237;
   font-weight: bold;
   font-size: 34px;
   font-style: oblique;
}
.services_inner h5 {
   background: #03c0cc;
   width: 22%;
   padding: 5px 20px 5px 27px;
   border-radius: 5px;
   margin-top: 10px;
   color: #fff;
   font-weight: bold;
   font-size: 15px;
   margin-bottom: 13px;
}
.services_inner_1_inner img {
   border: 5px solid #dcd5c6;
}
.services_inner_1_inner_1 p {
   font-size: 16px;
   padding-top: 25px;
   letter-spacing: 1px;
}
/*********************services_end****************/
/*********************register****************/
#register {
   padding-bottom: 260px;
   border-top: 1px solid #dcd5c6;
}
.about_register {
   padding: 0 !important;
   padding-top: 20px !important;
   padding-bottom: 20px !important;
}
.register {
   border-bottom: 1px solid #dcd5c6;
}
.register_right {
   padding-top: 30px;
}
.register_right h3 {
   color: #000;
   font-weight: bold;
   font-size: 30px;
}
.register_right hr {
   border-color: #ebebeb;
   border-width: 3px;
   width: 90px;
   float: left;
}
.register_right_inner {
   clear: left;
   border: 1px solid #dcd5c6;
   padding: 20px;
   width: 85%;
   background: #f9f9f9;
}
.register_right_inner_1 .form-control {
   background: #fff;
   border: 2px solid #dbcec9;
   color: #848484;
   font-size: 16px;
   border-radius: 0;
   height: 50px;
}
.clear_1 {
   margin-bottom: 15px;
}
.register_right_inner_1 h4 {
   height: 50px;
   border: 2px solid #dbcec9;
   text-align: center;
   font-size: 20px;
   color: #000;
   width: 45%;
   padding-top: 11px;
}
.clear_2 p {
   margin-top: 10px;
   margin-bottom: 10px;
}
.clear_2 p a {
   background: #03c0cc;
   border: 2px solid #fff;
   padding: 8px 35px;
   color: #fff;
   font-size: 14px;
   font-weight: bold;
   border-radius: 8px;
   text-transform: uppercase;
}
.clear_2 p a:hover {
   background: #ee0b42;
}
/*********************register_end****************/
/*********************contact****************/

#contact {
   padding-top: 80px;
   padding-bottom: 80px;
   background: #00bcd5;
}
.contact_inner h1 {
   font-size: 80px;
   margin-bottom: 30px;
}
.contact_inner h1 i {
   background: #fff;
   padding: 25px 45px 25px 45px;
   border-radius: 100%;
   color: #cc3300;
}
.contact_inner h2 {
   font-size: 30px;
   text-transform: uppercase;
   color: #fff;
   margin-bottom: 15px;
}
.contact_inner h3 {
   font-size: 22px;
   color: #fff;
}
.contact_inner p {
   color: #f4f4f4;
   font-size: 19px;
   margin-top: 3px;
}
.contact_inner p a {
   color: #f4f4f4;
}
.contact_inner p a:hover {
   text-decoration: underline;
   color: #e1e1e1;
}
.icon_2 h1 i {
   background: #fff;
   padding: 0 !important;
   border-radius: 100%;
   padding: 25px 30px 25px 30px !important;
   color: #cc3300;
}
.contact_inner span {
   font-size: 20px;
   color: #fff;
   display: block;
   margin-bottom: 10px;
}
.contact_inner span i {
   vertical-align: middle;
   font-size: 30px;
   margin-right: 3px;
}
.contact_inner .span_2 i {
   color: #006600;
}
.contact_inner .span_1 {
   padding-right: 10px;
}
.icon_3 h1 i {
   padding: 25px 33px 25px 33px;
}
/*********************contact_end****************/
/********************* contact_us****************/
#contact_us {
   padding-top: 40px;
   padding-bottom: 280px;
}
#contact_us h1 {
   margin-bottom: 20px;
   font-size: 45px;
   font-weight: bold;
}
#contact_us .btn {
   background: #03c0cc;
   border-color: #03c0cc;
   font-weight: 900;
}
#contact_us .btn:hover {
   background: #ee0b42;
   border-color: #ee0b42;
}

#contact_home {
   padding: 20px 0 60px;
}

.contact_home_main .contact_home_1_inner input {
   font-size: 16px;
   color: #222;
   margin: 6px;
   border: 1px solid #999;
   border-bottom: 2px solid #bbb;
   padding: 20px 16px;
   border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
}

.contact_home_main .contact_home_2 textarea {
   border-radius: 10px;
   padding: 10px;
   font-size: 15px;
   color: #222;
   resize: none;
}

.contact_home_main .inputBox input[type="submit"] {
   border: 1px solid #ccc;
   border-radius: 10px;
   padding: 10px 25px;
   margin: 6px 16px;
   text-transform: uppercase;
}

.contact_home_main .home-contact {
   background-color: #ffffffb4;
   padding: 5px 0;
}

.contact_home_main .home-contact-content {
   font-family: "Poppins", sans-serif;
   display: flex;
   flex-direction: row;
   margin: 1rem 0.5rem 1.5rem 1rem;
}
.contact_home_main .home-contact-content i {
   color: #ec3237;
   font-size: 26px;
   padding: 5px 10px;
   margin-right: 5px;
   width: 40px;
   height: 40px;
   /* background-color: #000; */
}
.contact_home_main .home-contact-content i.fa-send {
   font-size: 22px;
}

.contact_home_main .home-contact-content .contact-detail p a {
   color: #000;
}
.contact_home_main .home-contact-content .contact-detail p a:hover {
   color: #ec3237;
}

@media (max-width: 991px) {
   .contact_home_main .contact_home_1_inner input {
      padding: 18px 14px;
      margin: 4px;
      font-size: 14px;
      border-radius: 8px;
   }
}
@media (max-width: 567px) {
   #contact_home {
      padding: 20px 0 0px;
   }
   .contact_home_main .home-contact-content {
      margin: 20px 10px;
      padding: 5px;
   }
}
/********************* contact_us_end****************/
/*********************pages****************/
#pages {
   padding-bottom: 260px;
   padding-top: 20px;
   background: #f1efef;
}
#pages h1 {
   margin-bottom: 20px;
}
#pages h2 {
   margin-bottom: 20px;
}
#pages h3 {
   margin-bottom: 20px;
}
#pages h4 {
   margin-bottom: 20px;
}
#pages h5 {
   margin-bottom: 20px;
}
#pages h6 {
   margin-bottom: 20px;
}

#pages p {
   margin-bottom: 20px;
}
#pages .typo {
   font-size: 46px;
   font-weight: bold;
   letter-spacing: 1px;
}
/*********************pages_end****************/
/********************* top_button****************/
#toTop {
   position: fixed;
   bottom: 50px;
   right: 16px;
   cursor: pointer;
   padding: 12px 14px;
   display: none;
   border-radius: 50%;
   border: 2px solid var(--primary);
   color: var(--primary);
}
/********************* top_button_end****************/

@media screen and (max-width: 991px) {
   .navbar-default .navbar-collapse,
   .navbar-default .navbar-form {
      border: none;
      overflow: hidden;
      padding: 0;
   }

   #header .navbar-nav {
      background-color: var(--primary);
      /* text-align: center; */
      margin-inline: 0;
      margin-top: 10px;
   }

   .navbar-default .navbar-nav > li {
      padding: 0px 10px;
   }

   .navbar-default .navbar-nav > li > a {
      padding: 10px;
      padding-bottom: 4px;
   }
   .navbar-collapse {
      max-height: none;
      box-shadow: none;
   }
   #header {
      padding-top: 7px;
   }
   #header .navbar-default {
      display: block;
   }
   #header .navbar-default .color_1 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 15px;
      padding-inline: 0.75rem;
   }
   #header .navbar-nav > li > .dropdown-menu {
      text-align: left;
      background-color: #fff;
   }
   #header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #222;
      padding: 8px 20px;
   }

   .navbar-default .color_1 {
      padding: 8px;
      border-bottom: 2px solid #ff4343 !important;
      color: #fff !important;
      margin-bottom: 1px;
   }
   .navbar-default .color_1:hover {
      background: #ff4343 !important;
      color: #fff !important;
   }
   .navbar-default .navbar-nav > .open > a,
   .navbar-default .navbar-nav > .open > a:hover,
   .navbar-default .navbar-nav > .open > a:focus {
      background: #ff4343 !important;
      color: #fff !important;
   }
}

@media screen and (max-width: 767px) {
   .footer_bottom_left p {
      font-size: 14px;
      padding-top: 1rem;
      margin-left: 0;
   }

   .space_right {
      padding-right: 15px;
   }
   .space_all {
      padding-left: 15px;
      padding-right: 15px;
   }

   .center_main {
      margin-bottom: 0px;
   }
   .arrange_1 ul {
      padding-top: 10px;
      padding-bottom: 20px;
   }
   .arrange_2_inner h2 {
      font-size: 40px;
   }
   #arrange {
      padding-bottom: 30px;
   }
   #services_home .timeline {
      margin-top: 0px;
      padding-inline: 1rem 1rem;
   }
   .contact_home_3 img {
      width: 100%;
   }
   .success_2 img {
      width: 100%;
   }

   #pages p .btn {
      margin-bottom: 10px;
   }
   #pages .label {
      font-size: 50%;
   }
   #pages img {
      width: 100%;
      margin-top: 10px;
   }
   #pages .typo {
      font-size: 35px;
   }

   .text-right {
      text-align: left;
      margin-top: 10px;
   }
   .navbar-brand {
      padding: 0;
   }
   .nav li .color_1:hover {
      background: none;
   }
   .top_right .span_1 {
      display: block;
      text-align: center;
      margin-bottom: 10px;
      padding-right: 0;
   }
   .top_right .span_2 {
      display: block;
      text-align: center;
   }
   #top {
      display: none;
   }

   #center_top {
      display: none;
   }
   #center_bottom {
      display: none;
   }
   .arrange_1 .span_3 {
      display: none;
   }
   .arrange_2_inner {
      margin-bottom: 20px;
   }
   .arrange_2_inner img {
      width: 100%;
   }
   .arrange_2_inner_1 img {
      width: 100%;
   }
   .services_home_1 h5 {
      width: 100%;
      text-align: center;
   }

   .border_left_1 {
      border: none;
   }
   .outdoor {
      width: 100%;
      padding: 0;
      padding: 20px;
   }
   .grid figure {
      min-width: 100%;
   }
   .outdoor_1 h5 {
      width: 100%;
   }
   figure.effect-apollo p {
      margin: 0;
      margin: 5px;
   }
   #contact_top {
      display: none;
   }
   #contact_bottom {
      display: none;
   }
   .form-control {
      margin-bottom: 10px;
   }
   #footer {
      position: static;
      padding-top: 40px;
      padding-bottom: 40px;
      background: #f4f4f4;
   }
   .footer {
      background: none;
   }
   #stories {
      padding-bottom: 0;
      padding-bottom: 40px;
   }
   .footer_left {
      text-align: center;
   }
   .footer_right p a {
      padding: 6px 10px;
      font-size: 15px;
   }

   #about_bottom {
      display: none;
   }
   #about_top {
      display: none;
   }
   #about_middle {
      background: #cd0737;
   }
   .team_inner {
      margin-bottom: 20px;
   }
   #about_last {
      padding: 0;
   }
   .services_inner h5 {
      width: 100%;
   }
   .services_inner_1 {
      margin-bottom: 20px;
   }
   .margin_top_1 {
      padding-bottom: 0 !important;
   }
   .services_inner_1 {
      margin-bottom: 0;
   }
   .register_right_inner_1 h4 {
      width: 100%;
   }
   #register {
      padding-bottom: 0;
      padding-top: 20px;
   }
   .register_right {
      padding-bottom: 20px;
   }
   .contact_inner {
      margin-bottom: 20px;
   }
   #contact {
      padding: 0;
      padding-top: 40px;
      padding-bottom: 20px;
   }
   #contact_us {
      padding-bottom: 0;
      padding-bottom: 30px;
   }
   #pages {
      padding-bottom: 0;
      padding-bottom: 20px;
   }
   .active_1 {
      color: #fff !important;
   }
   #services_home .timeline {
      position: static;
      margin-top: 0px;
   }
   #services_home .timeline-badge > a {
      display: none;
   }
   #services_home .timeline > li {
      margin-bottom: 20px;
      width: 90%;
   }
   #services_home .timeline > li.timeline-inverted > .timeline-panel {
      float: left;
   }
   #outdoor .grid figure h2 {
      font-size: 25px;
   }
   #outdoor {
      padding-bottom: 20px;
   }
   #photo_gallery {
      padding-top: 30px;
      padding-bottom: 30px;
   }
   .contact_home_2 p {
      text-align: center;
   }
   .success_3 {
      text-align: center;
   }
   .success_4 p {
      padding-top: 10px;
      text-align: center;
   }
   .success_inner {
      margin-top: 10px;
   }
   .footer_left img {
      margin-top: 0px;
   }
   #success {
      padding-top: 30px;
      padding-bottom: 25px;
   }
   #services_home .timeline:before {
      background: none;
   }
   #about_heading_main {
      text-align: center;
   }
   .about_3 h4 {
      font-size: 17px;
      padding-bottom: 0px;
   }
   .about_5 img {
      width: 100%;
   }
   #about_inner {
      text-align: center;
   }
   #about_middle {
      text-align: center;
   }
   .about_middle_left hr {
      width: 100px;
      float: none;
   }
   #about_last {
      text-align: center;
   }
   .footer_right {
      padding-block: 10px;
      text-align: center;
   }
   .social-circle li a {
      width: 35px;
      height: 35px;
   }
   .social-circle li i {
      line-height: 36px;
   }
   .footer_right_inner {
      margin-top: 8px;
   }
   #footer {
      padding-top: 0px;
      padding-bottom: 0px;
   }
   #about_heading {
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
   }
   .register_right_inner {
      width: 100%;
      padding: 10px;
   }
   #footer_bottom {
      padding-top: 10px;
      padding-bottom: 10px;
      text-align: center;
   }
   #footer_bottom .footer_bottom_left {
      justify-content: center;
   }
   #about_middle {
      padding-top: 20px;
      padding-bottom: 20px;
   }
   .clear_2 p {
      text-align: center;
   }
   .register_right {
      text-align: center;
   }
   .register_right hr {
      float: none;
   }
   .contact_main img {
      width: 100%;
   }
   .page-header {
      margin: 20px 0 20px;
   }
   #photo_gallery .carousel-control.right {
      right: -1px;
   }
   #photo_gallery .carousel-control.left {
      left: 1px;
   }
   .about_middle_right {
      background-size: cover;
      margin-top: 10px;
   }
}

@media (min-width: 470px) and (max-width: 767px) {
   #services_home .timeline > li > .timeline-panel {
      width: auto;
      margin-left: 20px;
   }
   .footer_bottom_right p {
      text-align: center;
   }
}
@media (max-width: 470px) {
   #services_home .timeline > li {
      margin-bottom: 0px;
      width: 100%;
   }
   #services_home .timeline > li > .timeline-panel {
      width: 100%;
   }
}

@media (min-width: 768px) and (max-width: 970px) {
   .top_left p {
      font-size: 16px;
   }
   .top_right .span_1 {
      font-size: 14px;
   }
   .top_right .span_2 {
      font-size: 14px;
   }
   .navbar-default .color_1 {
      padding: 0;
      font-size: 14px;
      padding-right: 10px;
      padding-bottom: 10px;
   }
   .navbar-default ul li ul li a {
      font-size: 14px;
   }

   .navbar-brand {
      font-size: 30px;
      padding: 0;
   }
   #header {
      padding-bottom: 0;
   }
   .nav li .color_1:hover {
      background: none;
   }

   /* .navbar-default ul li ul {
      left: -100px !important;
      min-width: 100px;
   } */
   .main-text h1 {
      font-size: 40px;
   }
   .main-text p {
      font-size: 16px;
   }
   .arrange_1 .span_3 {
      display: none;
   }

   .arrange_2_inner img {
      width: 80%;
   }
   .arrange_2_inner_1 img {
      width: 80%;
   }
   .services_home_1 h5 {
      width: 60%;
   }
   .outdoor_1 h5 {
      width: 30%;
   }
   .contact_home_1_inner_1 h4 {
      padding: 0;
      padding-top: 15px;
      font-size: 14px;
      padding-left: 8px;
   }

   .footer_right p a {
      padding-right: 20px;
   }
   .grid figure figcaption {
      padding: 0;
      padding: 5px;
   }
   .grid figure h2 {
      font-size: 20px;
   }
   .grid figure p {
      font-size: 12px;
   }
   .services_inner h5 {
      width: 50%;
   }
   .services_inner_1_inner_1 p {
      font-size: 14px;
      padding-top: 0;
      letter-spacing: 0px;
   }
   .register_right_inner_1 h4 {
      width: 100%;
   }
   .register_right {
      padding-bottom: 20px;
   }
   .contact_home_3 img {
      width: 100%;
   }
   #contact_home .col-sm-6 {
      padding-left: 0px;
      padding-right: 2px;
   }
   #contact_home .col-sm-5 {
      padding-left: 0px;
      padding-right: 2px;
   }
   #photo_gallery .carousel-control.right {
      top: -18%;
   }
   #photo_gallery .carousel-control.left {
      top: -18%;
   }
   #photo_gallery {
      padding-top: 30px;
   }
   .success_2 img {
      width: 100%;
   }
   .success_3 h2 a {
      font-size: 21px;
   }
   .success_4 p a {
      font-size: 20px;
   }

   .footer_right {
      padding-top: 10px;
   }
   .social-circle li a {
      width: 40px;
      height: 40px;
      font-size: 18px;
   }
   .social-circle li i {
      line-height: 40px;
   }
   .footer_left img {
      margin-top: -80px;
   }
   #footer_bottom {
      padding-top: 20px;
      padding-bottom: 10px;
   }
   #success {
      padding-bottom: 40px;
   }
   .about_5 img {
      width: 100%;
   }
   .about_middle_right img {
      width: 100%;
   }
   .main-text {
      top: 55%;
   }
   .team_inner h4 {
      font-size: 14px;
   }
   #about_last {
      padding-bottom: 220px;
   }
   .margin_top_1 {
      padding-bottom: 80px !important;
   }
   #register {
      padding-bottom: 200px;
   }
   #contact_us {
      padding-bottom: 230px;
   }
   #pages {
      padding-bottom: 210px;
   }
   #contact {
      padding-top: 30px;
      padding-bottom: 30px;
   }
}

@media (min-width: 960px) and (max-width: 1200px) {
   .top_left p {
      font-size: 16px;
   }
   .top_right .span_1 {
      font-size: 14px;
   }
   .top_right .span_2 {
      font-size: 16px;
   }
   .navbar-default .color_1 {
      padding: 0;
      font-size: 14px;
      padding-right: 12px;
      padding-bottom: 10px;
   }

   .navbar-brand {
      padding: 0;
   }
   #header {
      padding-bottom: 0;
   }
   .nav li .color_1:hover {
      background: none;
   }

   /* .navbar-default ul li ul {
      left: -100px !important;
      min-width: 100px;
   } */
   .main-text h1 {
      font-size: 40px;
   }
   .main-text p {
      font-size: 16px;
   }
   .arrange_1 .span_3 {
      display: none;
   }

   .arrange_2_inner img {
      width: 80%;
   }
   .arrange_2_inner_1 img {
      width: 80%;
   }
   .services_home_1 h5 {
      width: 60%;
   }
   .outdoor_1 h5 {
      width: 30%;
   }
   .contact_home_1_inner_1 h4 {
      padding: 0;
      padding-top: 15px;
      font-size: 14px;
      padding-left: 8px;
   }

   .footer_right p a {
      padding-right: 20px;
   }
   .grid figure figcaption {
      padding: 0;
      padding: 5px;
   }
   .grid figure h2 {
      font-size: 20px;
   }
   .grid figure p {
      font-size: 12px;
   }
   .services_inner h5 {
      width: 50%;
   }
   .services_inner_1_inner_1 p {
      font-size: 14px;
      padding-top: 0;
      letter-spacing: 0px;
   }
   .register_right_inner_1 h4 {
      width: 100%;
   }
   .register_right {
      padding-bottom: 20px;
   }
   .contact_home_3 img {
      width: 100%;
   }
   #contact_home .col-sm-6 {
      padding-left: 0px;
      padding-right: 2px;
   }
   #contact_home .col-sm-5 {
      padding-left: 0px;
      padding-right: 2px;
   }

   #photo_gallery {
      padding-top: 30px;
   }
   .success_2 img {
      width: 100%;
   }
   .success_3 h2 a {
      font-size: 21px;
   }
   .success_4 p a {
      font-size: 20px;
   }

   .footer_right {
      padding: 15px;
   }
   .social-circle li a {
      width: 40px;
      height: 40px;
      font-size: 18px;
   }
   .social-circle li i {
      line-height: 40px;
   }
   .footer_left img {
      margin-top: -80px;
   }

   #success {
      padding-bottom: 60px;
   }
   .about_5 img {
      width: 100%;
   }
   .about_middle_right img {
      width: 100%;
   }
   .main-text {
      top: 55%;
   }
   .team_inner h4 {
      font-size: 14px;
   }
   #about_last {
      padding-bottom: 220px;
   }
   .margin_top_1 {
      padding-bottom: 80px !important;
   }
   #register {
      padding-bottom: 200px;
   }
   #contact_us {
      padding-bottom: 230px;
   }
   #pages {
      padding-bottom: 210px;
   }
   #contact {
      padding-top: 30px;
      padding-bottom: 30px;
   }
}
@media (min-width: 1200px) and (max-width: 1440px) {
   /* .navbar-default ul li ul {
      left: -100px !important;
      min-width: 100px;
   } */
   .register_right {
      padding-bottom: 20px;
   }
}

@media (min-width: 1500px) {
   .custom-container {
      width: 1500px;
   }
}

@media (max-width: 991px) {
   .custom-container {
      width: 100%;
   }
}

@media (max-width: 564px) {
   #photo_gallery .carousel-control {
      display: none;
      opacity: 0;
   }
}

@media (max-width: 400px) {
   #header .navbar-default {
      padding: 0;
      margin: 0;
   }
   #header {
      padding: 0;
   }
   .navbar-brand .span {
      font-size: 1.7rem;
   }
}

.hero-wrap {
   width: 100%;
   /* min-height: 380px; */
   position: relative;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
}

.hero-wrap .overlay {
   content: "";
   position: absolute;
   inset: 0;
   opacity: 0.5;
   background: #000;
}

.slider-text {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   color: #fff;
   height: 35rem;
}
.slider-text h1 {
   font-size: 46px;
   color: #fff;
   line-height: 1.2;
   font-weight: 400;
   z-index: 2;
}

.slider-text p {
   font-size: 20px;
   line-height: 1.5;
   font-weight: 300;
   color: #ffffffcc;
}
.slider-text p a {
   color: #fff;
   border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
.slider-text p a span {
   color: #fff;
}
.slider-text .breadcrumbs {
   text-transform: uppercase;
   font-size: 14px;
   letter-spacing: 1px;
   margin-bottom: 20px;
   z-index: 2;
}
.slider-text .breadcrumbs span {
   border-bottom: 2px solid #ffffff80;
   color: #ffffff;
}
.slider-text .breadcrumbs span a {
   color: #fff;
}

@media (max-width: 991.98px) {
   .slider-text h1 {
      font-size: 30px;
   }
}

@media (max-width: 767px) {
   .hero-wrap {
      min-height: 360px;
   }

   .hero-wrap,
   .slider-text {
      height: 360px;
   }
}
@media (max-width: 564px) {
   .hero-wrap,
   .slider-text {
      height: 300px;
      min-height: 300px;
   }
}

/*********************  Contact Page CSS Start****************/

.ajeet_contact {
   position: relative;
   /* min-heigt: 100vh; */
   padding: 50px 100px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   /* background-image: linear-gradient(105deg, #ddd, #fff), url(Img/backimg.jpg); */
   background-size: 100% 100%;
   background: #fff;
}

.ajeet_contact .content {
   max-width: 800px;
   text-align: center;
}

.ajeet_contact .content h2 {
   font-size: 36px;
   font-weight: 500;
   color: #000;
}

.ajeet_contact .container {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 30px;
}

.ajeet_contact .container .contactInfo {
   width: 50%;
   display: flex;
   flex-direction: column;
   margin: 10px 10px;
}

.ajeet_contact .container .contactInfo .box {
   position: relative;
   padding: 1.5rem 0px 1rem;
   display: flex;
}

.ajeet_contact .container .contactInfo .box .icon {
   min-width: 56px;
   height: 56px;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   font-size: 24px;
   outline-offset: -4px;
}

.ajeet_contact .container .contactInfo .box .icon1 {
   outline: 1px solid tomato;
}
.ajeet_contact .container .contactInfo .box .icon2 {
   outline: 1px solid #03c503;
}
.ajeet_contact .container .contactInfo .box .icon3 {
   outline: 1px solid #ff2424;
}

.ajeet_contact .container .contactInfo .box .icon .fa-map-marker {
   color: tomato;
}
.ajeet_contact .container .contactInfo .box .icon .fa-phone {
   color: #03c503;
}
.ajeet_contact .container .contactInfo .box .icon .fa-envelope {
   color: #ff2424;
}

.ajeet_contact .contactInfo .box .text {
   display: flex;
   margin-left: 20px;
   font-size: 16px;
   color: #000;
   flex-direction: column;
   font-weight: 400;
}

.ajeet_contact .contactInfo .box .text a {
   color: #000;
}
.ajeet_contact .contactInfo .box .text a:hover {
   color: #ec3237;
}

.ajeet_contact .contactInfo .box .text h3 {
   font-size: 2.2rem;
   font-weight: 400;
   color: #099ed9;
}

.contactForm {
   width: 50%;
   padding: 30px 30px 10px;
   background: #eee;
}

.contactForm h3 {
   /* font-size: 30px; */
   color: #333;
   font-weight: 500;
   margin-bottom: 20px;
}

.contactForm .inputBox {
   position: relative;
   width: 100%;
   margin-top: 10px;
}

.contactForm .inputBox input,
.contactForm .inputBox textarea {
   width: 100%;
   padding: 8px 10px;
   font-size: 16px;
   margin: 10px 0 10px;
   border: none;
   border-bottom: 1px solid #333;
   outline: none;
   resize: none;
}

.contactForm .inputBox span {
   position: absolute;
   left: 10px;
   top: 20px;
   /* padding: 4px 0; */
   font-size: 16px;
   /* margin: 10px 0; */
   transition: 0.5s;
   color: #666;
}

.contactForm .inputBox input:focus ~ span,
.contactForm .inputBox input:valid ~ span,
.contactForm .inputBox textarea:focus ~ span,
.contactForm .inputBox textarea:valid ~ span {
   color: #ec3237;
   font-size: 14px;
   transform: translateY(-28px);
}

.inputBox input[type="submit"] {
   width: 200px;
   background: #0b9fdb;
   color: #fff;
   border: none;
   cursor: pointer;
   padding: 10px;
   font-size: 18px;
   border-radius: 8px;
}

@media (max-width: 991px) {
   .ajeet_contact {
      padding: 50px 30px;
   }

   .container .contactInfo {
      margin-bottom: 40px;
   }
}

@media (max-width: 768px) {
   .container {
      flex-direction: column;
   }
   .ajeet_contact .container .contactInfo {
      width: 80%;
   }

   .ajeet_contact .container .contactInfo .box {
      padding: 10px 0;
   }
   .contactForm {
      width: 100%;
   }
   .ajeet_contact .content h2 {
      font-size: 30px;
   }
}

@media (max-width: 440px) {
   .ajeet_contact {
      padding: 15px 5px;
      background-size: cover;
   }
   .ajeet_contact .container .contactInfo {
      width: 100%;
   }
   .ajeet_contact .contactInfo .box .text {
      margin-left: 10px;
   }
   .contactForm {
      padding-inline: 10px;
   }
}

/* Registration Form CSS Start  */
.step {
   display: none;
}
.step.active {
   display: block;
}

.form-section {
   position: relative;
   /* display: flex;
  font-family: "Poppins", sans-serif;
  align-items: center;
  justify-content: center;
  margin-block: 50px 80px; */
   /* background-image: linear-gradient(10deg, #000, transparent), url(../image/himgate2.JPG); background-size: cover; */
}

.ajeet-fcontainer {
   position: relative;
   max-width: 960px;
   width: 100%;
   border-radius: 0 0 20px 20px;
   padding: 30px 10px;
   background-color: #fff;
   box-shadow: 2px 3px 10px -1px rgba(0, 0, 0, 0.2);
}

.form-section .ajeet-fcontainer header {
   position: relative;
   font-size: 22px;
   font-weight: 500;
   color: #222;
   margin-left: 10px;
   margin-bottom: 20px;
}
.form-section .ajeet-fcontainer header:before {
   content: "";
   position: absolute;
   left: 0;
   bottom: -3px;
   height: 3px;
   width: 120px;
   border-radius: 20px;
   background-color: var(--primary);
}

.form-section form {
   position: relative;
   margin-top: 15px;
   background-color: #fff;
   overflow: hidden;
}
.form-section form .form {
   position: relative;
}

.form-section form .title {
   display: inline-block;
   font-size: 1.7rem;
   font-weight: 500;
   margin: 6px 0;
   color: #333;
   background-color: #fff;
   padding-inline: 1rem;
}
.form-section form .title::before {
   content: "";
   position: absolute;
   inset: 0;
   top: 50%;
   width: 100%;
   height: 2px;
   background-color: #eee;
   z-index: -1;
}

.form-section form .fields {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
}
.form-section form .fields .input-field {
   display: flex;
   box-sizing: border-box;
   width: calc(100% / 3 - 1rem);
   flex-direction: column;
   border-radius: 10px;
   padding: 15px 1rem 10px;
   transition: 0.6s ease;
}

.form-section form .fields .input-field2 {
   width: calc(100% / 2 - 1.5rem);
   padding: 15px 1rem 12px;
}

.form-section form .fields .input-field3 {
   width: calc(100% / 1);
   padding: 15px 10px 12px;
}

.form-section form .fields .custom-field {
   display: flex;
   flex-direction: row;
   width: 60%;
   /* width: calc(100% / 2); */
}

.fields .input-field:hover {
   /* background-color: #f1f5ff; */
   background-color: #f0f4ff;
}

.input-field label {
   font-size: 15px;
   margin: 0;
   padding-left: 10px;
   font-weight: 400;
   color: #222;
   user-select: none;
}
.input-field label span {
   color: red;
   padding-left: 0.5rem;
}

.form-section .input-field input,
.input-field select,
.input-field datalist {
   outline: none;
   font-size: 15px;
   font-weight: 400;
   border-radius: 5px;
   border: 1px solid #aaa;
   padding: 0 15px;
   width: 100%;
   height: 40px;
   margin: 6px 0;
   transition: all 0.4s linear;
}

.form-section .input-field.no_appear input[type="number"],
.form-section .input-field.no_appear input[type="number"]::-webkit-outer-spin-button,
.form-section .input-field.no_appear input[type="number"]::-webkit-inner-spin-button {
   margin: 0;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: textfield;
}

.form-section .input-field input.input-file {
   border: none;
   height: auto;
   cursor: pointer;
}
.input-field input.input-file::-webkit-file-upload-button {
   box-sizing: border-box;
   background-color: #ec3238be;
   color: #fff;
   padding: 8px 15px;
   border-radius: 6px;
   outline: none;
   margin-block: 5px 2px;
   transition: 0.2s;
   font-weight: 500;
   letter-spacing: 1px;
   cursor: pointer;
   outline: none;
   /* border: none; */
}
.input-field input.input-file::-webkit-file-upload-button:hover {
   transform: translateY(2px);
   background-color: #fff;
   color: #000;
   /* border-top: 2px solid #000; */
   /* border-bottom-width: 1px; */
   box-shadow: 2px -2px 10px #0005;
}

#img-preview {
   display: none;
   visibility: hidden;
   opacity: 0;
   position: absolute;
   top: 90%;
   padding-top: 5px;
   border-radius: 10px;
   overflow: hidden;
   display: none;
   width: 230px;
   border: 1px dashed #ccc;
   margin-bottom: 20px;
   transition: 1s;
}
#img-preview img {
   display: none;
   visibility: hidden;
   opacity: 0;
   width: 100%;
   height: auto;
   border-radius: 10px;
   display: block;
   transition: 3s;
}

.hover-preview #img-preview,
.hover-preview #img-preview img {
  display: block;
  visibility: visible;
  opacity: 1;
  /* transition: 2s; */
}

.form-section .input-field textarea {
   outline: none;
   font-size: 15px;
   font-weight: 400;
   border-radius: 5px;
   border: 1px solid #aaa;
   padding: 5px 15px 2px;
   width: 100%;
   margin: 6px 0;
   resize: none;
}

.form-section .input-field input:focus,
.form-section .input-field select:focus,
.input-field textarea:focus,
.input-field datalist:focus {
   /* box-shadow: 0 0 0 3px #c9d8fe;
   border: 1.5px solid #2e69ff; */

   box-shadow: 0 0 0 3px #ceecf8;
   border: 1.5px solid #0a9fda;
}

.form-section .input-field select,
.input-field textarea,
.input-field datalist,
.form-section .input-field input[type="date"] {
   color: #333;
   background: #fff;
}

.form-section form .fields .input-field-radio {
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
}

.form-section form .fields .input-radio {
   flex: 1;
   display: flex;
   gap: 1rem;
   justify-content: space-evenly;
}

.form-section form .fields .input-field-radio label {
   padding-left: 6px;
}

.form-section .fields .input-field input[type="radio"] {
   cursor: pointer;
   height: 30px;
   width: 18px;
   border-radius: 50%;
}

.form-section form .fields .multi-input {
   display: flex;
   width: calc(100% / 1);
   justify-content: space-between;
}

.form-section form .fields .multi-input-field {
   display: flex;
   width: calc(100% / 2 - 20px);
   /* margin: auto; */
}

.form-section .input-field input,
.input-field textarea {
   caret-color: #ec3237;
}

.input-field input[type="date"]:valid {
   color: #333;
}

.input-field input:required:focus {
   box-shadow: 0 0 0 3px #ceecf8;
   border: 1.5px solid #0a9fda;
   background-color: #fff;
}

.form-section .input-field input.error,
.form-section .input-field input:user-invalid,
.form-section .input-field select.error,
.form-section .input-field select:user-invalid {
   color: tomato;
   border-color: red;
   box-shadow: 0 0 0 3px #ffcdd2;
   animation: shake 0.5s;
   -webkit-animation: shake 0.5s;
}

@keyframes shake {
   25% {
      transform: translateX(5px);
   }
   50% {
      transform: translateX(-5px);
   }
   75% {
      transform: translateX(5px);
   }
   100% {
      transform: translateX(-5px);
   }
}
.form-section .input-field input:user-valid,
.form-section .input-field select:user-valid {
   color: inherit;
   border-color: #999;
   box-shadow: 0 0 0 3px transparent;
   animation: none;
   -webkit-animation: none;
}

.form-section form .nextStep {
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 16px;
   max-width: 20rem;
   width: 100%;
   border: none;
   color: #fff;
   border-radius: 10px;
   margin: 1rem 0 2rem;
   background-color: royalblue;
   cursor: pointer;
   outline-offset: -3px;
   outline: 1px solid #fff8;
   transition: 0.2s;
}

.form-section form .nextStep:hover {
   background-color: royalblue;
   transform: translate(4px, 2px);
   box-shadow: 0 -4px 6px #0004;
}

.form-section form .nextStep i,
.form-section form .previous-btn i {
   margin: 0 6px;
}

.form-section form .buttons {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
}
.form-section form .buttons button,
.form-section .previous-btn {
   margin-right: 14px;
}

.input-field .right-val {
   margin-left: -80px;
   font-weight: 400;
   font-size: 1.5rem;
}

.hidden {
   display: none;
   transition: 1s linear;
}
.show {
   display: block;
   transition: 1s linear;
}

@media (max-width: 768px) {
   .form-section form {
      overflow-y: scroll;
   }
   .form-section form::-webkit-scrollbar {
      display: none;
   }
   .form-section form .fields .input-field {
      width: calc(100% / 2 - 15px);
   }

   .form-section .input-field input,
   .input-field select,
   .input-field datalist {
      font-size: 14px;
      padding: 0 10px;
      width: 100%;
      height: 40px;
      margin: 5px 0;
   }
   .form-section .input-field input {
      font-size: 14px;
      padding: 4px 8px 2px;
      width: 100%;
      margin: 2px 0 6px;
   }

   .form-section form .fields .multi-input-field {
      display: flex;
      width: calc(100% / 1);
   }

   .form-section form .fields .multi-input {
      flex-direction: column;
   }
   .form-section form .fields .custom-field {
      width: 90%;
   }
}

@media (max-width: 564px) {
   .form-section form .fields .input-field {
      width: 100%;
      padding: 1rem 1rem 5px;
   }
   .form-section form .fields .input-field.mb-input-field {
      width: calc(100% / 2);
      padding: 10px 6px 5px;
   }
   .form-section form .fields .custom-field {
      flex-direction: column;
   }
}

/* Mission And Vision Section CSS  Start */

.custom-flex {
   display: flex;
   align-items: end;
   justify-content: center;
   flex-wrap: wrap;
}

.custom-section {
   position: relative;
   display: block;
   padding: 50px 0 40px;
}
.mission-container .mission-left {
   position: relative;
   background-color: #fff;
   border-radius: 25px;
   overflow: hidden;
}

.mission-container .mission-left .mission-img {
   position: relative;
   margin: auto;
   display: flex;
   justify-content: center;
   overflow: hidden;
}

.mission-container .mission-left .mission-img img {
   border: none;
   width: 100%;
   height: auto;
}

.mission-container .mission-right .mb-4 {
   margin-bottom: 2rem;
}

.mission-container .mission-right p {
   font-size: 16px;
   text-align: justify;
   font-weight: 400;
   line-height: 28px;
}

.mission-container .mission-right ul,
.mission-container .mission-right ol,
.mission-container .mission-right li {
   color: #000;
   font-size: 16px;
   font-weight: 400;
   font-family: "Poppins", sans-serif;
   padding: 10px 0 0 10px;
   line-height: 1.4;
}
.mission-container .mission-right span {
   font-size: 28px;
   color: #ec3237;
   opacity: 0.8;
}

.mission-container .mission-right .fa-quote-right {
   vertical-align: bottom;
}

.mission-container .mission-right .fa-quote-right {
   vertical-align: top;
}

@media (max-width: 991px) {
   .custom-section {
      padding: 50px 0 30px;
   }

   .mission-container .mission-left .mission-img {
      width: 100%;
   }
}

@media (max-width: 575px) {
   .custom-section {
      padding: 40px 0 20px;
   }

   .container-fluid.ghatak-sec {
      padding-inline: 0;
   }
}

/* Team Section CSS start */

.team {
   padding: 60px 0;
}

.team .custom-flex h4 {
   font-size: 2.4rem;
   font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
   font-weight: 500;
   margin-bottom: 20px;
}

.team .box {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); */
   background: #fff;
   transition: all 0.3s linear;
   border-radius: 10px 10px 0 0;
   overflow: hidden;
   margin-bottom: 35px;
   margin-inline: auto;
   font-family: "Poppins", sans-serif;
}

.team .box .image {
   position: relative;
   height: 100%;
   border-radius: 12px;
   overflow: hidden;
}

.team .box .image img {
   border: 1px solid #666;
   border-bottom: none;
   height: auto;
   max-height: 280px;
   max-width: 260px;
   width: 100%;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
}

.team .box:hover .image img {
   transform: scale(1.06);
   filter: grayscale(0.5);
}

.team .box h3 {
   margin: 0;
   font-size: 20px;
   /* font-weight: 600; */
   color: var(--primary);
   text-align: center;

   background: linear-gradient(to bottom, transparent, #fff 50%);
   transition: 0.3s;
   padding: 12px 0;
}

.team .box:hover h3 {
   opacity: 1;
   transform: translateY(-14px);
   box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.1);
}

@media (max-width: 567px) {
   .team .box {
      max-width: 320px;
      width: 100%;
      margin-bottom: 25px;
   }

   .team .box h3 {
      padding: 14px 0;
      font-size: 18px;
   }
}

/* About Section CSS Start */

.about-page p {
   font-size: 15px;
}

.about-container {
   z-index: 1;
   display: block;
   overflow: hidden;
   /* padding: 80px 0px 60px; */
}

.about-container .about-sec-left {
   position: relative;
   display: block;
   margin-right: 50px;
   padding: 0 65px 48px 0;
   overflow: hidden;
}

.about-container .about-sec-left .about-img-box {
   position: relative;
   display: block;
   z-index: 3;
   width: 100%;
   /* border: 5px solid #f93; */
   border-bottom-left-radius: 335px;
   border-bottom-right-radius: 335px;

   background: #fff;
   /* border: solid 2px #555; */
   box-shadow: 20px 20px 0px -3px #fff, 20px 20px #e21c2499;
   -webkit-box-shadow: 20px 20px 0px -3px #fff, 20px 20px #e21c2499;
}

.about-container .about-sec-left .about-img-box img {
   width: 100%;
   border-bottom-left-radius: 335px;
   border-bottom-right-radius: 335px;
   /* border-radius: 20px 0 20px 0; */
   height: auto;
   background-size: contain;
}

.about-container .about-sec-left .about-img-border {
   position: absolute;
   top: -32px;
   left: -30px;
   height: 100%;
   background-color: transparent;
   width: 100%;
   /* border: 4px solid #e21c24; */
   /* border-bottom-left-radius: 335px;
   border-bottom-right-radius: 335px; */
   /* opacity: 0.6; */
   /* z-index: -1; */
   animation: orbit2 14s infinite;
   animation-direction: alternate;
}

.custom-section .box {
   /* position: absolute;
   top: -25px;
   left: -25px; */
   width: 50px;
   height: 50px;
   border: 4px solid #e21c24;
   background-color: #fff;
   border-radius: 50%;
   opacity: 1;
}

.about-container .about-sec-right {
   position: relative;
   display: block;
   max-width: 600px;
   width: 100%;
}

.about-container .about-sec-right h2 {
   margin: 0;
   color: #ec3237;
   /* font-size: 40px; */
   line-height: 60px;
   font-weight: 600;
   /* margin-top: 6px; */
   font-style: oblique;
}
.about-container .about-sec-right h2 span {
   color: #0a9fda;
}

.arrange h2 {
   font-size: 40px;
   color: #ec3237;
   font-weight: bold;
   font-style: oblique;
}
.arrange h2 span {
   color: #0a9fda;
}

.about-container .about-sec-right p {
   font-size: 1.6rem;
   color: #222;
   line-height: 2.8rem;
   padding-bottom: 10px;
}

@media (max-width: 1200px) {
   .about-container .about-sec-left .about-img-box img {
      width: 100%;
      height: auto;
   }

   .about-container .about-sec-left .about-img-border {
      height: 100%;
      width: 100%;
   }

   .about-container .about-sec-left {
      margin-right: 20px;
      padding: 0 55px 50px 0;
   }
}

@media (max-width: 991px) {
   .about-container .about-sec-left .about-img-box {
      text-align: center;
   }
   .about-container .about-sec-left .about-img-border {
      height: 380px;
   }

   .about-container .about-sec-left .about-img-box img {
      width: 100%;
      height: 340px;
   }

   .about-container .about-sec-left {
      margin: 0 auto;
   }

   .arrange h2 {
      font-size: 30px;
   }

   .custom-section .box {
      width: 40px;
      height: 40px;
      border: 3px solid #e21c24;
   }
}

@media (max-width: 767px) and (min-width: 500px) {
   .about-container .about-sec-left {
      margin: 0 auto;
      width: 80%;
   }
}

@media (max-width: 767px) {
   .about-container .about-sec-left .about-img-box img {
      width: 100%;
      height: 360px;
      margin-top: 10px;
   }
   .about-container .about-sec-left .about-img-border {
      height: 380px;
      width: 100%;
   }

   .about-container .about-sec-right ul li {
      margin-bottom: 2px;
   }
   .about-container .mb_row {
      flex-direction: column-reverse;
   }
}

@media (max-width: 575px) {
   .about-container .about-sec-left {
      margin: 0 auto;
      padding: 0 40px 30px 0;
   }
   .custom-section .box {
      width: 35px;
      height: 35px;
      border: 3px solid #e21c24;
   }

   .about-container .about-sec-left .about-img-box {
      box-shadow: 14px 14px 0px -2.6px #fff, 14px 14px #e21c2499;
      -webkit-box-shadow: 14px 14px 0px -2.6px #fff, 14px 14px #e21c2499;
   }

   .about-container .about-sec-left .about-img-box img {
      width: 100%;
      height: 310px;
   }
   .about-container .about-sec-left .about-img-border {
      height: 310px;
      left: -15px;
   }

   .about-container .about-sec-right h2 {
      font-size: 28px;
      line-height: 45px;
   }
   .about-container .about-sec-right p {
      font-size: 1.55rem;
   }
}

@media (max-width: 400px) {
   .about-container .about-sec-left .about-img-border {
      height: 270px;
      top: -6px;
      left: -10px;
   }

   .about-container .about-sec-left .about-img-box img {
      width: 100%;
      height: auto;
   }
}

@keyframes orbit {
   0% {
      transform: translate(0);
   }
   25% {
      transform: translate(100%, 0);
   }
   50% {
      transform: translate(100%, 100%);
   }
   75% {
      transform: translate(0%, 100%);
   }
   100% {
      transform: translateX(0);
   }
}
@keyframes orbit2 {
   from {
      transform: rotate(-10deg);
   }
   to {
      transform: rotate(220deg);
   }
}

.ad-box {
   width: 100%;
   /* height: 310px; */
   background: #fff;

   -webkit-box-shadow: 0px 1.6px 4px 2px #334d723a;
   box-shadow: 0px 1.6px 4px 2px #334d723a;
   margin: 0px 0px 45px 0px;
   padding: 0px 25px 15px;
   border-radius: 10px;
   text-align: center;
}

.ad-box:hover {
   box-shadow: 0px 2px 10px 4px #334d723f;
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.ad-box .ad-icon {
   display: block;
   line-height: 1;
   transition: all 0.3s;
   color: #818a91;
   font-size: 50px;
   overflow: hidden;

   background: #fff;
   border-radius: 100%;
   /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
   width: 120px;
   height: 120px;
   margin: -55px auto 1px;
   padding-top: 10px;
}

.ad-box .ad-icon img {
   /* border-style: none; */
   /* vertical-align: -webkit-baseline-middle; */
   width: 80px;
   height: auto;
}

.ad-box .rec-icon img {
   width: auto;
   height: 100%;
   position: relative;
   display: block;
}

.ad-box .rec-flex {
   display: flex;
   justify-content: space-evenly;
   align-items: center;
   margin: 5px 0 10px;
}

.ad-box h4 {
   font-size: 2.2rem;
   display: inline;
   color: #ec3237;
   position: relative;
}

.ad-box h4::after {
   content: "";
   position: absolute;
   height: 2px;
   background-color: #ec3237;
   width: 0;
   margin-top: 25px;
   left: 50%;
   /* top: 0; */
   transform: translateX(-50%);
   opacity: 0.8;
   transition: 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) all;
}

.ad-box:hover h4::after {
   width: 100%;
}
@media (min-width: 1520px) {
   #services_home .timeline-body > p {
      font-size: 17px;
      /* font-weight: bold; */
   }
}

@media (max-width: 991px) {
   #services_home .timeline-body > p,
   #services_home .timeline-body > ul {
      padding: 10px 0 4px;
   }
   #services_home .timeline-body > p {
      font-size: 15px;
   }

   .ad-box {
      margin: 0px 0px 45px 0px;
      padding: 0px 20px 10px;
   }

   .ad-box h4 {
      font-size: 2rem;
   }
}

@media (max-width: 576px) {
   #services_home .timeline-body > p,
   #services_home .timeline-body > ul {
      padding: 10px 0 4px;
   }

   .services_home h2 {
      font-size: 26px;
   }

   .services_home h3 {
      font-size: 40px;
      transform: scaleX(1.8);
      margin: -6px 0 20px;
   }

   .ad-box {
      margin: 0px 0px 40px 0px;
      padding: 0px 15px 10px;
   }
   .ad-box h4 {
      font-size: 1.8rem;
   }

   .ad-box .ad-icon {
      overflow: hidden;
      width: 100px;
      height: 100px;
      margin: -50px auto 1px;
      padding-top: 10px;
   }

   .ad-box .ad-icon img {
      width: 60px;
      height: auto;
   }
}

/*  ## Registration Form POPUP  start ##  */

.Popup-box {
   font-size: 15px;
   background: #fff;
   opacity: 0;
   visibility: hidden;
   width: 100%;
   max-width: 600px;
   border-radius: 20px;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: 1s linear;
   -webkit-box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.85);
   box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.85);
   z-index: 9999;
}

.PopScript .Popup-box {
   visibility: visible;
   /* margin-top: 60px; */
   opacity: 1;
}

.Popup-box .popup-content {
   padding: 30px 18px 10px 25px;
}
.Popup-box .popup-content h1 {
   color: #111;
   font-size: 24px;
   margin: 0 0 16px;
   border-bottom: 1px solid #ddd;
}

.Popup-box .popup-content h3 {
   color: #ec3237;
   font-size: 18px;
   margin: 12px 0 8px;
}

.Popup-box .popup-content p {
   padding: 0 12px 5px;
   font-size: 16px;
   line-height: 26px;
   color: #000;
}
.Popup-box .popup-content p.p-bold {
   font-weight: 500;
}

.Popup-box .popup-content ul {
   color: #000;
   list-style-position: inside;
   padding: 0px 0 0 20px;
   list-style: decimal;
   /* line-height: 1.4; */
}
.Popup-box .popup-content li {
   float: left;
   width: 50%;
   margin-bottom: 12px;
}

.login-submit {
   width: 60%;
   background-color: #ec3237;
   margin-top: 20px;
   margin-inline: auto;
   padding: 10px 0;
   text-align: center;
   border-radius: 25px;
   font-size: 16px;
   border: none;
   text-transform: uppercase;
   cursor: pointer;
   color: #fff;
}

.login-submit:hover {
   transform: translateY(2px);
   box-shadow: 0 -3px 5px #0006;
   background-color: #d42d32;
}

.popup-content .close {
   position: absolute;
   right: 25px;
   top: 10px;
   font-size: 46px;
   font-weight: 600;
   cursor: pointer;
   opacity: 0.8;
}

.popup-content .close a {
   color: #000;
   opacity: 1;
   text-decoration: none;
}
.Popup-box a:hover {
   text-decoration: none;
   color: #f00;
}
#close_btn {
   display: block;
}
@media (max-width: 991px) {
   .Popup-box .popup-content {
      padding: 25px 20px;
   }
}

@media (max-width: 768px) {
   .mb-padding {
      padding: 0 5px;
   }
}

@media (max-width: 576px) {
   .Popup-box .popup-content {
      padding: 20px 10px;
   }

   .Popup-box .popup-content h1 {
      font-size: 20px;
      margin: 0 0 12px;
   }

   .Popup-box .popup-content h3 {
      font-size: 16px;
   }

   .Popup-box .popup-content p {
      padding: 0 8px 4px 8px;
      font-size: 14px;
      line-height: normal;
   }
}

/* Gallery PAge CSS Start */

.gallery-page .gallery-sec {
   display: flex;
   gap: 14px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   margin: 5rem 0px;
}

.gallery-page .gallery_product {
   display: inline-block;
   width: 27rem;
   aspect-ratio: 4/3;
   border-radius: 10px;
   overflow: hidden;
   cursor: zoom-in;
}

.gallery-page .gallery_product img {
   min-height: 100%;
   object-fit: cover;
   -webkit-transition: ease-out 0.4s;
   -moz-transition: ease-out 0.4s;
   -ms-transition: ease-out 0.4s;
   -o-transition: ease-out 0.4s;
   transition: ease-out 0.4s;
}

.gallery-page .gallery_product img:hover {
   transform: scale(1.1);
}

.show {
   display: block;
}

.closeBtn {
   box-sizing: border-box;
   font-size: 18px;
   letter-spacing: 2px;
   color: #fff;
   padding: 8px 45px;
   border-radius: 25px;
   border: 1px solid #fff;
   outline-offset: -4px;
   outline: 1px solid #fff;
   margin-top: 15px;
   cursor: pointer;

   background: transparent;
   box-shadow: inset 0 0 0 50px transparent;
   -webkit-transition: ease-out 0.5s;
   -moz-transition: ease-out 0.5s;
   -ms-transition: ease-out 0.5s;
   -o-transition: ease-out 0.5s;
   transition: ease-out 0.5s;
}
.closeBtn:hover {
   cursor: auto;
   color: #f00;
   /* padding: 8px 42px; */
   outline-offset: 0px;
   outline: 1px solid #fff;
   border: 1px solid transparent;

   box-shadow: inset 0 0 0 0 #ec3237;
}

.openDiv {
   width: 100%;
   height: 100vh;
   background: #000000e7;
   position: fixed;
   top: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   left: 0;
   z-index: 9999;
}
.imgPreview {
   /*    width: 70%;  */
   object-fit: scale-down;
   max-height: 75vh;
   height: auto;
   border-radius: 10px;
   outline-offset: 3px;
   outline: 1px solid #fff8;
}

.sets .hide,
.sets .pophide {
   width: 0%;
   opacity: 0;
}

@media (max-width: 576px) {
   .gallery-page .gallery-sec {
      margin: 60px 10px;
      gap: 8px;
   }
   .gallery-page .gallery_product img {
      max-width: 176px;
      height: 150px;
   }
}

@media (max-width: 440px) {
   .gallery-page .gallery-sec {
      margin: 40px 0px;
      gap: 6px;
   }
   .gallery-page .gallery_product img {
      max-width: 176px;
      height: 150px;
   }
}

.error {
   border: 1px solid #ff0000 !important;
   background-color: #fff0f0 !important;
}

.error:focus {
   box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.25) !important;
}

.pagination > li.page-item.disabled {
    cursor: not-allowed;
}