/*!NOTE:###################global################## */
/* !?##############+++++++++++++++################## */
@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&family=Lato:wght@100;400;700;900&display=swap');

/* html {
   scroll-padding-top: var(--scroll-padding, 180px);
} */

:root {
   --text: #333333;
   --w_text: #e9e7e7;
   --body_color: #e9e7e7;
   --footerBackground: #cccccc;
   --white: #ffffff;
   --button_color: #333333;
   --guide_top_color: #333333;
   --flight_about: #333333;
   --gray: rgba(128, 128, 128, 0.632);
}

* {
   margin: 0;
   padding: 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   scroll-behavior: smooth;

}

body {
   background-color: var(--body_color);
}

h2,
h1,
h3,
h4,
h5,
h6 {

   font-family: 'Cardo',
      serif;

}

p,
a,
text,
ul li a {
   font-family: 'Lato',
      sans-serif;
}


ul li {
   list-style: none;

}

a {
   text-decoration: none;
   cursor: pointer;
}

body {
   overflow-x: hidden;
}

a:hover {
   cursor: pointer;
   color: var(--gray);
}

.button:hover {
   -webkit-box-shadow: 0px 15px 20px rgba(85, 110, 100, 0.203);
   box-shadow: 0px 15px 20px rgba(85, 110, 100, 0.203);
   color: #fff;
   transform: translateY(-2px);
   -webkit-transform: translateY(-2px);
   -moz-transform: translateY(-2px);
   -ms-transform: translateY(-2px);
   -o-transform: translateY(-2px);
}

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




/*!NOTE:###################reuseable################## */
/* !?##############+++++++++++++++################## */
.button {
   padding: .8rem 3rem;
   text-align: center;
   display: inline-block;
   border-radius: 5px;
   background: var(--button_color);
   font-size: 20.83px;
   color: var(--white);
   font-weight: 900 !important;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   font-family: 'Lato', sans-serif;
}

button {
   border: none;
}

.button {
   font-size: 16px;
}


.card {
   background-color: #fff;
   color: #333;
   border-radius: 10px;
   -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
   padding: 20px;
}

.of_hidden {
   overflow: hidden;
}

.transition {
   -webkit-transition: -webkit-transform .8s;
   transition: -webkit-transform .8s;
   transition: transform .8s;
   transition: transform .8s, -webkit-transform .8s;
   -webkit-transition: transform .8s;
   -moz-transition: transform .8s;
   -ms-transition: transform .8s;
   -o-transition: transform .8s;
}

.height_scale img:hover {
   transform: scale(1.3);
   -webkit-transform: scale(1.3);
   -moz-transform: scale(1.3);
   -ms-transform: scale(1.3);
   -o-transform: scale(1.3);
}

.text_style {
   font-size: 16.16px;
   line-height: 1.3;
   color: var(--text);
}

.heading_style {
   text-align: center;
   font-size: 25px;
   font-weight: 700;
   line-height: 1.1;
   color: var(--text);

}

.md_heading_style {
   font-size: 22.36px;
   font-weight: 700;
   line-height: 1.1;
   color: var(--text);
   cursor: pointer;
}

.sm_heading {
   font-size: 20px;
   /* font-size: 24.99px; */
   font-weight: 700;
   cursor: pointer;

}

@-webkit-keyframes float {
   0% {
      transform: translateY(50px);
      -webkit-transform: translateY(50px);
      -moz-transform: translateY(50px);
      -ms-transform: translateY(50px);
      -o-transform: translateY(50px);
   }

   50% {
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
   }

   100% {
      transform: translateY(50px);
      -webkit-transform: translateY(50px);
      -moz-transform: translateY(50px);
      -ms-transform: translateY(50px);
      -o-transform: translateY(50px);
   }
}

@keyframes float {
   0% {
      transform: translateY(50px);
      -webkit-transform: translateY(50px);
      -moz-transform: translateY(50px);
      -ms-transform: translateY(50px);
      -o-transform: translateY(50px);
   }

   50% {
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
   }

   100% {
      transform: translateY(50px);
      -webkit-transform: translateY(50px);
      -moz-transform: translateY(50px);
      -ms-transform: translateY(50px);
      -o-transform: translateY(50px);
   }
}

.image-box {
   overflow: hidden;
   -webkit-transition: -webkit-transform .5s;
   transition: -webkit-transform .5s;
   transition: transform .5s;
   transition: transform .5s, -webkit-transform .5s;
   -webkit-transition: transform .5s;
   -moz-transition: transform .5s;
   -ms-transition: transform .5s;
   -o-transition: transform .5s;
}


.guide_card:hover .overlay ul {
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   transform: translateX(0%);

}

.guide_card:hover .overlay::after {
   -webkit-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: -webkit-transform .5s ease-in-out;
   transition: -webkit-transform .5s ease-in-out;
   transition: transform .5s ease-in-out;
   transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
   -webkit-transition: transform .5s ease-in-out;
   -moz-transition: transform .5s ease-in-out;
   -ms-transition: transform .5s ease-in-out;
   -o-transition: transform .5s ease-in-out;
}

.overlay ul {
   position: absolute;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
   -webkit-transform: translateX(150%);
   -ms-transform: translateX(150%);
   transform: translateX(150%);
   -webkit-transition: -webkit-transform .5s;
   transition: -webkit-transform .5s;
   transition: transform .5s;
   transition: transform .5s, -webkit-transform .5s;
   -webkit-transition: transform .5s;
   -moz-transition: transform .5s;
   -ms-transition: transform .5s;
   -o-transition: transform .5s;
   z-index: 10;
}

.overlay::after {
   content: "";
   height: 60%;
   top: 18%;
   bottom: 0%;
   left: 5%;
   right: 0%;
   background-color: rgba(0, 0, 0, 0.271);
   max-width: 90%;
   position: absolute;
   -webkit-transform: scaleY(0);
   -ms-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transition: -webkit-transform .5s;
   transition: -webkit-transform .5s;
   transition: transform .5s;
   transition: transform .5s, -webkit-transform .5s;
   -webkit-transition: transform .5s;
   -moz-transition: transform .5s;
   -ms-transition: transform .5s;
   -o-transition: transform .5s;
}

.hide_content ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   height: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding-left: 0;
}



.hide_content ul i {
   margin: 5px;
}

.hide_content ul li i {
   border-radius: 100%;
   background-color: #cccccc;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   padding: 10px;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
}

.hide_content ul li i:hover {
   background-color: rgba(222, 184, 135, 0.735);

}

.hide_content ul li a {
   color: var(--gray);

}

.hide_content ul li i:hover {
   transform: translateY(-3px);
   -webkit-transform: translateY(-3px);
   -moz-transform: translateY(-3px);
   -ms-transform: translateY(-3px);
   -o-transform: translateY(-3px);
}

.hide_content ul li a {
   cursor: pointer;
}

.hide_content ul li i:hover {
   background: var(--body_color);
}


/* ! placement items*/

.flex {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 100%;
}

.low-z {
   z-index: -10;
}

.high-z {
   z-index: 10;
}

.absolute {
   position: absolute;
}

.sticky {
   position: sticky;
}

.relative {
   position: relative;
}

.fixed {
   position: fixed;
}

/* #home {

   background-color: red;
} */

/*?NOTE: typography  */
/*! nav */
nav ul li a {
   -webkit-transition: .2s ease-in-out;
   -o-transition: .2s ease-in-out;
   transition: .2s ease-in-out;
   color: var(--green);
   font-size: 1rem;
}


/* !NOTE:===============================*/
/**+++++++++ main navbar +++++++++++*/
/* ?NOTE:===============================  */

.header {
   transition: all .2s ease-in-out;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -ms-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
}

.header .nav_left li a {
   font-size: 20.83px;
   font-weight: 400;


}

.header .nav_left li a.active {
   font-weight: 900;
}

.header .nav_right .button {
   background-color: transparent;
   padding: .5rem 1rem;
   border: 2px solid var(--button_color);
   color: var(--button_color);
   transition: all .5ms ease;
   -webkit-transition: all .5ms ease;
   -moz-transition: all .5ms ease;
   -ms-transition: all .5ms ease;
   -o-transition: all .5ms ease;
}

.header .nav_right .button:hover {
   background: var(--button_color);
   color: var(--w_text);
}

/* !NOTE:===============================*/
/**+++++++++ main nav +++++++++++*/
/* ?NOTE:===============================  */
.header {
   position: relative;
   z-index: 100 !important;
}

/*?SECTION:===============================*/
/**+++++++++ home section +++++++++++*/
/* ?SECTION:===============================  */
#home {
   overflow: hidden;
}

.home_contents {
   padding: 10px 10px;
   text-align: center;
}

.home_contents .home_button .button {
   width: 80%;
}

.home_contents .home_left_shape {
   display: none;

}

.home_contents .home_right_shape {
   display: none;

}

/* !?SECTION:===============================*/
/**+++++++++ guide section +++++++++++*/
/* ?SECTION:===============================  */
#guide {
   overflow: hidden;
}

.guide_top {
   background: var(--guide_top_color);
   text-align: center;
   padding: 50px 0;
}

.guide_top .heading_style,
.guide_top .text_style {
   color: var(--w_text);
}

.guide_top .button {
   background: transparent;
   border: 2px solid var(--white);
}

.guide_top .button {
   width: 80%;
}

.guide_left_shape,
.guide_right_shape {
   display: none;
}

.guide_bottom {
   text-align: center;
}

.guide_bottom .guide_card {
   overflow: hidden;
}

.guide_bottom .guide_card img {
   margin-bottom: 25px;


}

.guide_bottom .guide_card .md_heading_style:hover {
   color: var(--gray);
   text-decoration: underline;
}

.guide_bottom_left_shape,
.guide_bottom_right_shape {
   display: none;

}

/* !?SECTION:===============================*/
/**+++++++++ flight section +++++++++++*/
/* ?SECTION:===============================  */

.flight_top {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.flight_top_title {
   color: var(--text);
}

.flight_top_title:hover,
.flight_top_links a:hover {
   color: var(--gray);
}

.flight_top ul {
   padding-left: 0px !important;
}

.flight_top li {
   padding-top: 15px;
}

.flight_top_links a {
   font-weight: 700;
   color: var(--text);
   padding: 5px;
}

.flight_top_links a:hover {
   text-decoration: underline;

}

.flight_top h2 {
   font-size: 25px;
   font-weight: 900;
   padding: 10px 30px;
}

.flight_top h2 span {
   text-decoration: underline;
}

.flight_icon {
   margin-bottom: 50px;
   animation: float 5s ease-in-out infinite;
   -webkit-animation: float 5s ease-in-out infinite;
}

.flight_top .flight_top_right_shape,
.flight_top .flight_top_bottom_shape {
   display: none;
}

.flight_top {
   margin-bottom: 80px;
}

.flight_bottom_contents {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.flight_bottom_contents .md_heading_style {
   padding: 15px 0;
   text-decoration: underline;
}

.flight_bottom_contents .md_heading_style:hover {
   color: var(--gray);
}

.flight_bottom_contents .flight_bottom_image {
   -webkit-box-ordinal-group: 3;
   -ms-flex-order: 2;
   order: 2;

}

.flight_bottom_contents .flight_bottom_text {
   -webkit-box-ordinal-group: 2;
   -ms-flex-order: 1;
   order: 1;
}

.flight_bottom_arrow,
.flight_bottom_left_shape {
   display: none;
}

.flight_about {
   background: var(--flight_about);
}

.flight_about .left_content .heading_style,
.flight_about .left_content .sm_heading,
.flight_about .left_content .text_style {
   color: var(--white);
   line-height: 1.2;
}

.flight_about .left_content .heading_style,
.flight_about .left_content .sm_heading {
   padding-bottom: 15px;
   text-align: left;

}

.flight_about .left_content .sm_heading:hover {
   text-decoration: underline;
   color: var(--gray);
}

.flight_about {
   padding: 50px 0;
   overflow: hidden;
}

.flight_about .about_bottom_shape {
   bottom: -30%;
   left: -10%;
   display: none;
}

div.flight_bottom_image:nth-child(1) {
   max-width: 560px;
}

/* !?SECTION:===============================*/
/**+++++++++ about section +++++++++++*/
/* ?SECTION:===============================  */
.about_top_contents {
   padding: 50px 0;

}

.about_top_contents .accordion .accordion-button {
   border-top: 3px solid var(--button_color);
   padding: 50px 0;
   background-color: var(--gray);
}

.about_top_contents .accordion .collapsed {

   background-color: var(--body_color);
}

.about_top_contents .accordion .accordion-item:last-child .accordion-button {
   border-bottom: 3px solid var(--button_color);
}


.about_top_contents .accordion .accordion-button:hover {
   background-color: var(--gray);
}

.accordion-button:not(.collapsed) {
   border: none;
}

.accordion-button:focus {
   -webkit-box-shadow: none;
   box-shadow: none;
   border-color: rgba(0, 0, 0, .125);
}

.about_top_contents .accordion .accordion-body {
   background-color: var(--gray);
   border: none;

}

.about_top_contents .accordion .accordion-button .text_style {
   position: absolute;
   top: 10%;


}

.about_top_contents .right_image {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   height: 100%;
}



.left_accordion_header,
.bottom_about_header {
   color: var(--text);
   padding-bottom: 30px;
   font-size: 25px;
   font-weight: 700;
}

.about_top_contents .accordion .accordion-item .accordion-button::after {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 1.25rem;
   /* height: 1.25rem;
   margin-left: auto;
   position: static; */
   position: absolute;
   bottom: 0%;
   content: "";
   right: 50%;
}

.owl-prev {

   content: "";
   height: 62px;
   width: 70px;
   background-image: url('../images/about/left_arrow.png') !important;
   background-repeat: no-repeat !important;
   background-size: 70px !important;
   position: absolute !important;
   left: -3%;
   top: 40%;
}

.owl-next {

   content: "";
   height: 62px;
   width: 70px;
   background-image: url('../images/about/right_arrow.png') !important;
   background-repeat: no-repeat !important;
   background-size: 70px !important;
   position: absolute !important;
   right: -3%;
   top: 40%;
}



.owl-prev span,
.owl-next span {
   display: none !important;
}

.owl-dots {
   display: none !important;
}


.about_carousel .img_container img {
   height: 100px;
   width: 100px;
   margin: 0 auto;
}

.about_carousel .item {
   padding: 10px;

   /* background-color: red; */
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}

.about_carousel .item .profile {
   border: 2px solid #333333;
   max-width: 392px;
   min-height: 425px;
   padding: 0 10px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}

.about_carousel .item:hover .profile {
   border: 3px solid #333333;
}

.about_carousel .item a:hover {
   color: var(--gray);
}

.about_carousel .item .sm_heading {
   color: #333333;
}

.about_carousel .content p {
   color: #666666;
}

.about_bottom_left_shape,
.about_bottom_right_shape {
   display: none;
}

/* !?SECTION:===============================*/
/**+++++++++ contact section +++++++++++*/
/* ?SECTION:===============================  */

.contact_content .heading_style {
   font-weight: 700;
   margin-bottom: 30px;
}

.contact_content input::-webkit-input-placeholder {
   color: var(--text);

}

.contact_content input::-moz-placeholder {
   color: var(--text);

}

.contact_content input:-ms-input-placeholder {
   color: var(--text);

}

.contact_content input::-ms-input-placeholder {
   color: var(--text);

}

.contact_content input::placeholder {
   color: var(--text);

}

.contact_content input {
   padding: 15px;
   background: transparent;
   font-size: 20.87px;
   margin-bottom: 20px;
   border: 3px solid #333;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;

}

.contact_content input:focus {
   background: #cccccc;
   outline: none !important;
   border: 4px solid #333;

}

.contact_content form button {
   font-size: 20.87px;
   padding: 15px 0;
   text-align: center;
   width: 100%;
}

.contact_content form button:hover {
   -webkit-box-shadow: 0px 15px 20px rgba(85, 110, 100, 0.203);
   box-shadow: 0px 15px 20px rgba(85, 110, 100, 0.203);
   color: #fff;
   transform: translateY(-4px);
   -webkit-transform: translateY(-4px);
   -moz-transform: translateY(-4px);
   -ms-transform: translateY(-4px);
   -o-transform: translateY(-4px);
}

#write_something {
   padding-bottom: 100px;
}

.contact_right_img {
   display: none;
}

.contact_content {
   padding-bottom: 20px;
}

/* ?SECTION:===============================*/
/**+++++++++ footer+++++++++++*/
/* ?SECTION:===============================  */

#footer {
   background: var(--footerBackground);
   width: 100%;
   overflow: hidden;
}

.footer_top_contents {
   padding: 80px 0;
}

.footer_top_contents ul {
   padding-left: 0 !important;
}

.footer_top_contents .footer_heading {
   font-size: 25px;
   font-weight: 900;
   margin: 10px 0;
   font-family: 'Lato',
      sans-serif;
}


.footer_top_contents ul li a {
   color: var(--text);
   font-size: 21px;
}

.footer_top_contents ul li a:hover {
   color: var(--gray);
   text-decoration: underline;
}

.footer_top_contents .flex {
   -ms-flex-pack: distribute;
   justify-content: space-around;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

.footer_top_contents .footer_logo {
   width: 100%;
}

.footer_top_contents .footer_links-1 ul {
   /* margin-left: 50px; */
   margin-left: 10px;
}

.footer_top_contents .footer_links-2 ul,
.footer_top_contents .footer_links-3 ul {
   margin-left: 10px;
}

.footer_top_contents .footer_links-2 ul,
.footer_top_contents .footer_links-3 ul,
.footer_top_contents .footer_links-4 ul {
   margin-top: 20px;
}

.footer_top_contents .flex>* {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   margin-top: 30px;
   min-width: 200px;
   /* padding-left: 80px; */
}

.footer_bottom_contents {
   font-size: 20px;
   padding: 20px 0;
}


.footer_top_contents ul li {
   margin-bottom: 20px;
}



.footer_bottom_contents {
   font-weight: 700;
}

.footer_bottom_shape {
   top: 28%;
   left: 0%;
   display: none;
}