/************ Default Css ************/

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

html {

  scroll-behavior: smooth;

  scroll-padding-top: 90px;

}


.card_sm_text
{
    font-size: 15px !important;
    font-weight: 400 !important;
}

.card_imggge
{
    height: 238px;
    width: 100%;
    object-fit: cover;
    transition: transform 0.7s ease-in-out;
}
.card_imggge:hover
{
      transform: scale(1.1);
      transition: transform 0.7s ease-in-out;
      
}



/* 

==================================================

- custom color variables 

==================================================

*/

:root {

  /* text colors  */

  --text-white: #fff;

  --heading-color: #23262f;

  --text-p: #777e90;

  --text-black: #23262f;



  /* btn  */

  --btn-color: #fff;

  --btn-color2: #fff;

  --bg-btn: #3b71fe;

  --btn-hover-bg: #4492e1;



  /* font-weight  */

  --weight-light: 300;

  --weight-regular: 400;

  --weight-medium: 500;

  --weight-semi-bold: 600;

  --weight-bold: 700;

  --weight-black: 900;



  /* background colors  */

  --bg-body: #fff;

  --sec-bg: #f4f5f6;

  --bg-transparent: transparent;

}



body {

  font-weight: var(--weight-regular);

  overflow-x: hidden;

  position: relative;

  background-color: var(--bg-white);

  font-family: "DM Sans";

  scroll-padding-top: 90px;

  color: var(--text-black);

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: var(--weight-bold);

  color: var(--heading-color);

  line-height: 1.2em;

  transition: 0.3s ease;

  text-transform: initial;

}

p {

  line-height: 1.5em;

  color: var(--text-p);

  font-weight: var(--weight-regular);

}

a:hover,

a,

button,

li,

input,

select,

textarea {

  text-decoration: none;

  transition: 0.3s ease-in-out;

}

button:focus {

  outline: none;

}

.btn-check:focus + .btn,

.btn:focus {

  outline: 0;

  box-shadow: none;

}

input:focus {

  outline: none;

  box-shadow: none;

}



img {

  width: 100%;

  max-width: 100%;

  height: auto;

  object-fit: contain;

}



input:focus,

textarea:focus,

select:focus {

  outline: none;

}

ul,

li {

  list-style: none;

}

ul {

  margin: 0;

  padding: 0;

}

section {

  overflow-x: clip;

}

/* 

==================================================

- css for removing default button fron input[type: number]



  Chrome, Safari, Edge, Opera



==================================================

*/

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

/* Firefox */

input[type="number"] {

  -moz-appearance: textfield;

}



/* 

  ==================================================

  - cta button css

  ==================================================

  */

.CTA1 {

  font-size: 18px;

  color: var(--btn-color);

  font-weight: var(--weight-regular);

  line-height: 1;

  background: #ffc720;

  position: relative;

  padding: 17px 40px;

  border-radius: 6rem;

  text-transform: capitalize;

  text-align: center;

  transition: 0.5s ease;

  overflow: hidden;

  display: inline-block;

  border: 0;

  z-index: 1;

}
.CTA {

  font-size: 18px;

  color: var(--btn-color);

  font-weight: var(--weight-regular);

  line-height: 1;

  background: var(--bg-btn);

  position: relative;

  padding: 17px 40px;

  border-radius: 6rem;

  text-transform: capitalize;

  text-align: center;

  transition: 0.5s ease;

  overflow: hidden;

  display: inline-block;

  border: 0;

  z-index: 1;

}



.CTA:hover {

  background: var(--btn-hover-bg);

  box-shadow: inset 320px 0px 0px 0px #23262fe0;

}

/* 

==================================================

- nav bar css

==================================================

*/

.container-fluid {

  max-width: 1700px;

  padding: 0 20px;

}

.start-header {

  opacity: 1;

  transform: translateY(0);

  padding: 16px 0px;

  height: auto;

  -ms-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

.start-header.scroll-on {

  box-shadow: 0 0px 20px 0 #42424257;

  padding: 10px 0;

  -ms-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

  background: var(--bg-body);

}

.start-header.scroll-on .navbar-brand img {

  -ms-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

.pop_dest
{
    font-size: 20px;
}

.popular_destinations
{
    color: var(--text-p);
    font-size: 15px;
}





.navigation-wrap {

  position: fixed;

  width: 100%;

  top: 0;

  left: 0;

  z-index: 99;

  -ms-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}



.navbar-brand img {

  display: block;

  -ms-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

  width: 100%;

  width: 250px;

}

a.navbar-brand {

  padding: 0;

}



.nav__list li a {

  position: relative;

  transition: all 200ms linear;

  color: var(--text-p);

  font-size: 18px;

}

ul.nav__list {

  display: flex;

  align-items: center;

  gap: 45px;

}

.navigation-wrap .navbar {

  padding: 0 6rem;

  justify-content: space-between;

  gap: 10px;

}

/*.nav__list-item a {*/

/*  margin: 0;*/

/*}*/

/*.nav__list-item a:hover,*/

/*.nav__list-item a.active {*/

/*  color: var(--text-black);*/

/*}*/


.nav__list-item {


    overflow: hidden;
}

.nav__list-item a {
     margin: 0;
    float: left;
    display: block;
    color: var(--text-black);
    text-align: center;
    padding: 2px 4px;
    text-decoration: none;
    position: relative;
}

.nav__list-item a::before {

    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background:  #000;
    transition: width 0.3s ease-in-out;
}

.nav__list-item a.active,
.nav__list-item a:hover {
    color: var(--text-black); /* Change the text color on hover and active */
}


.nav__list-item a.active::before,
.nav__list-item a:hover::before {
    width: 100%;

}




.Drop_nav {

  position: relative;

  z-index: 1;

}

.Drop_nav:before,

.Drop_nav:after {

  display: none;

}



.navigation-wrap.nav__list-item {

  position: relative;

  display: inline-block;

  margin-right: 50px;

}

.button_wrap a.CTA {

  padding: 12px 24px;

}

.button_wrap a.CTA {

  padding: 16px 28px;

  display: flex;

  align-items: center;

  gap: 10px;

}

.button_wrap a.CTA svg {

  width: 20px;

  height: 20px;

}



/* 

==================================================

- hero banner section 

==================================================

*/

main {

  padding-top: 7rem;

}

.banner_main {

  padding: 6rem 6rem 12rem;

  min-height: 650px;

  border-radius: 50px;

}

.Home_banner {

  background: url("../img/airplane-flying.webp");

  background-repeat: no-repeat;

  background-position: bottom center;

  background-size: cover;

}

.Hero .main_Heading {

  width: 60%;

  text-align: left;

}

.main_Heading h1 {

  font-size: 70px;

  color: #fcfcfd;

  text-shadow: 9px 10px 7px rgba(0, 0, 0, 0.25);

  letter-spacing: -1.92px;

  text-transform: capitalize;

  width: 690px;

}



/* 

==================================================

-booking form   section  css

==================================================

*/

.flight_type {

  padding: 0 6rem;

  margin-top: -13rem;

}

.form_data {

  border-radius: 24px;

  background: var(

    --linear,

    linear-gradient(30deg, #fcfcfd 0%, rgba(252, 252, 253, 0.73) 100%)

  );

  box-shadow: 0px 40px 64px -32px rgba(15, 15, 15, 0.1);

  /*backdrop-filter: blur(16px);*/

  padding: 3rem;

  position: relative;

}

.form_data .resulterrd {

  position: absolute;

  bottom: 10px;

  left: 0;

  right: 0;

  margin: 0 auto;

  width: fit-content;

}

.form_area {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-wrap: wrap;

  padding: 2rem 1rem 0;

}

.form_fields {

  flex: 0 0 20%;

  padding: 14px 14px 8px 14px;

  text-align: end;

}

.form_fields:nth-child(6) {

  border: 0;

}

.form_fields:nth-child(7) {

  border: 0;

}

.form_fields:nth-child(8) {

  border: 0;

}

.form_fields:nth-child(9) {

  border: 0;

}

.form_fields.form_btn {

  border: 0;

}

.form_fields label {

  font-size: 18px;

  display: flex;

  align-items: center;

  gap: 16px;

  font-weight: var(--weight-bold);

  text-transform: capitalize;

}

.form_fields input, .form_fields select {

  width: 100%;

  border: 0;

  background: transparent;

  padding: 10px;

  padding-left: 2.3rem;

  height: 46px;

  font-size: 16px;

  color: var(--text-black);

}

.form_fields select {

appearance: none;

-webkit-appearance: none;

background: url('../img/select-arrow.svg');

background-repeat: no-repeat;

background-size: 12px;

background-position: right center;

}

.form_fields label img {

  width: 20px;

  height: 20px;

}

.switch_btns {

  display: flex;

  align-items: center;

  gap: 70px;

}

.Flight_chk {

  position: relative;

  display: flex;

  align-items: center;

  gap: 16px;

  cursor: pointer;

  user-select: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  font-size: 20px;

  font-weight: var(--weight-bold);

  color: var(--text-black);

}



.Flight_chk input {

  position: absolute;

  width: 0;

  left: 50px;

  height: 0;

  opacity: 0;

  cursor: pointer;

}



.Flight_chk .checkmark {

  position: relative;

  display: block;

  top: 0;

  left: 0;

  width: 25px;

  height: 25px;

  border-radius: 3px;

  outline: 1px solid #23262f;

  transition: all 0.2s ease;

}



.Flight_chk:hover .checkmark {

  background: #f4f4f5;

  transition: all 0.2s ease;

}



.Flight_chk input:checked ~ .checkmark {

  background: #3f7fed;

  outline: 1px solid rgb(95, 126, 240);

}



.Flight_chk input ~ .checkmark {

  border-radius: 8px;

}



.Flight_chk .checkmark::after {

  position: absolute;

  display: block;

  content: "";

  left: 50%;

  top: 46%;

  width: 6px;

  height: 15px;

  border: solid white;

  border-width: 0 2px 2px 0;

  transform: translate(-50%, -50%) rotate(45deg);

  -webkit-transform: translate(-50%, -50%) rotate(45deg);

  -moz-transform: translate(-50%, -50%) rotate(45deg);

  -ms-transform: translate(-50%, -50%) rotate(45deg);

  opacity: 0;

  transition: all 0.2s ease;

}



.Flight_chk input:checked ~ .checkmark::after {

  opacity: 1;

  transition: all 0.2s ease;

}



/* 

==================================================

- why us  section  css

==================================================

*/

.why_us .text_block {

  padding-left: 0;

}
.why_us .block_img{padding:0;}

h2.sub_heading {

  font-size: 45px;

}

.sm_txt_bx {

  padding-top: 2.5rem;

}

.sm_txt_bx h5 {

  font-size: 24px;

  margin-bottom: 1.1rem;

}

.sm_txt_bx p {

  font-size: 18px;

  width: 90%;

}

.block_img {

  padding: 0 2.5rem;

}
.video-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 56.2%;
    /*aspect-ratio: 16/9;*/
}
.video-container video, .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.why_us .container-fluid {

  padding: 0 7rem;

}

.why_us {

  padding: 7rem 0 7rem;

}

.abt_cont {

  padding: 4rem 0 4rem;

}

.unique_service ul {

  padding-left: 40px;

}

.unique_service li {

  list-style: disc;

  color: var(--text-p);

  font-size: 17px;

  margin: 10px 0px;

}

.our_mission ul {

  padding-left: 40px;

}

.our_mission li {

  list-style: disc;

  color: var(--text-p);

  font-size: 17px;

  margin: 10px 0px;

}



/* 

==================================================

- top cities  section  css

==================================================

*/

.top_cities {

  background: var(--sec-bg);

}

.inner_box {

  background: var(--sec-bg);

  border-radius: 16px;

  padding: 4rem 6rem;

}

.heading_box {

  text-align: center;

  margin-bottom: 3rem;

}

.heading_box p {

  font-size: 18px;

  font-weight: var(--weight-medium);

  max-width: 1090px;

  margin: 1rem auto 0;

}

.gall_row {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));

  gap: 5px;

  row-gap: 28px;

}



.gall_col {

  display: flex;

  flex-direction: column;

  border-radius: 16px;

  overflow: hidden;

}



.cities_img {

  position: relative;

  width: 100%;

  padding-bottom: 87%;

  overflow: hidden;

  border-top-left-radius: 16px;

  border-top-right-radius: 16px;

}

.cities_img img {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  object-fit: cover;

  object-position: center;

}

.city_name {

  flex: 1;

  display: flex;

  flex-direction: column;

  text-align: left;

  background: var(--bg-body);

  padding: 1rem;

  border-bottom-left-radius: 16px;

  border-bottom-right-radius: 16px;

}

.city_name h6 {

  font-size: 23px;

  font-weight: var(--weight-medium);

  text-transform: capitalize;

  margin-bottom: 15px;

}

.city_name p {

  color: var(--text-p);

  font-size: 16px;

  line-height: 1.4em;

}

.city_name p:last-child{

  margin-bottom: 10px;

}

a.Viewall {

  font-size: 18px;

  padding: 16px 32px;

  border-radius: 4rem;

  border: 1px solid #777e90;

  text-transform: capitalize;

  color: #777e90;

  width: fit-content;

  display: block;

  line-height: 1.1;

  margin: 3rem auto 0;

}

a.Viewall:hover {

  color: var(--text-white);

  border-color: var(--btn-hover-bg);

  background: var(--bg-btn);

}



/* 

==================================================

- why choose us section  css

==================================================

*/

.choose_us {

  padding: 3rem 0;

}

.choose_us .row {

  row-gap: 20px;

}

.choose_us .inner_box {

  background: transparent;

  width: 76%;

  margin: 0 auto;

}



.fly_box {

  padding: 2rem 1rem;

  height: 100%;

  text-align: center;

  background: transparent;

  border-radius: 16px;

  transition: 0.3s ease;

}

.fly_box:hover {

  background: var(--sec-bg);

}

.vector-img {

  margin-bottom: 1.8rem;

}

.vector-img img {

  width: 36%;

  margin: 0 auto;

  display: block;

}

.choose_txt h6 {

  font-size: 24px;

}



/* 

==================================================

- choose with confidence css

==================================================

*/

.why_us.confid {

  padding: 4rem 0 5rem;

}

.why_us.confid .heading_box {

  margin-bottom: 5rem;

}

.text_block .sm_txt_bx.with_num {

  padding-top: 1rem;

}

.text_block .sm_txt_bx.with_num:first-child {

  padding-top: 0;

}

.text_block .with_num .num_point {

  border-radius: 20px;

  padding: 8px;

  line-height: 1;

  font-size: 14px;

  font-weight: var(--weight-regular);

  color: var(--text-white);

  width: fit-content;

  min-width: 38px;

  height: 24px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 15px;

}

.text_block .with_num:first-child .num_point {

  background: #8bc5e5;

}

.text_block .with_num:nth-child(2) .num_point {

  background: #92a5ef;

}

.text_block .with_num:nth-child(3) .num_point {

  background: #58c27d;

}

.text_block .with_num:nth-child(4) .num_point {

  background: #f4cf6f;

}

.man_img {

  padding: 0 3.5rem;

}

.text_block {

  padding-left: 4rem;

}



/* 

==================================================

-About page css

==================================================

*/



.About_banner {

  background: url("../img/about-banner.webp");

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}

.About_banner .main_Heading h1 {

  font-size:65px;

}

.About_banner.banner_main {

  padding-top: 5rem;

}

.banner_main.About_banner {

  min-height: 370px;

}

.About_box p {

  font-size: 18px;

  margin-bottom: 1.8rem;

}

.About_box p:last-child {

  margin-bottom: 0;

}



.aeroplane_img {

  text-align: center;

  padding: 0 1.5rem;

  max-width: 270px;

  margin: 0 auto;

}

.flight_type.About_ {

  margin-top: -10rem;

}

.text_block.blk p {

  font-size: 18px;

  margin-bottom: 2rem;

}

.text_block.blk p:last-child {

  margin-bottom: 0;

}

.text_block.blk {

  padding-left: 3rem;

}



.man_img.mob_img img {

  width: 80%;

  display: block;

  margin: 0 auto;

}



.sec_2 {

  margin-top: 60px;

}

/* .text_block h2 {

  font-size: 24px;

  margin-bottom: 1.1rem;

} */



/* 

==================================================

- contact page css

==================================================

*/



.banner_main.cont_banner {

  background: #3b71fe;

  padding-top: 3rem;

  padding-bottom: 3rem;

  min-height: unset;

}

.main_Heading.cont_head h1 {

  font-size: 65px;

}

.main_Heading p {

  font-size: 18px;

  color: var(--text-white);

  max-width: 720px;

  font-weight: var(--weight-regular);

  margin-top: 1.2rem;

}

.Hero .main_Heading.cont_head {

  width: 54%;

}

.cont_detail {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: space-between;

  column-gap: 15px;

  row-gap: 32px;

  padding-top: 2.5rem;

}

.cont_detail a img {

  width: 30px;

}

.cont_detail a {

  display: flex;

  align-items: center;

  gap: 10px;

  color: var(--text-white);

  flex: 1 1;

  font-size: 18px;

}

.cont_detail a:last-child {

  flex: 100%;

}

.Form_sectn .container-fluid {

  padding: 3rem 7rem 0;

}

.Fill_form .form_fields input {

  height: 65px;

  padding: 10px 20px;

  font-size: 18px;

  color: var(--text-black);

  border-radius: 10px;

  width: 100%;

  border: 1px solid #777e9038;

  margin: 0;

}

.Fill_form .form_fields textarea {

  padding: 10px 20px;

  font-size: 18px;

  color: var(--text-black);

  border-radius: 10px;

  width: 100%;

  border: 1px solid #777e9038;

}

.Fill_form {

  padding-right: 2rem;

}

.Fill_form .form_fields {

  padding: 0;

  margin-bottom: 10px;

}

.Fill_form h2 {

  margin-bottom: 2rem;

}

.Fill_form .CTA {

  padding: 20px 40px;

  margin-top: 1.5rem;

}

.CD_full {

  position: relative;

  padding-bottom: 8rem;

}

.Google_Maps {

  position: absolute;

  right: 240px;

  top: 4rem;

  height: 960px;

  width: 32%;

  filter: drop-shadow(0px 40px 64px rgba(15, 15, 15, 0.1));

  backdrop-filter: blur(16px);

  border-radius: 24px;

  overflow: hidden;

}

.Google_Maps iframe {

  width: 100%;

  height: 100%;

}





/* 

==================================================

- Business class page css

==================================================

*/

.banner_main.cont_banner.bb {

  min-height: 270px;

  display: flex;

  align-items: center;

}

.Google_Maps.bb_map {

  height: calc(100% - 10rem);

}

.form_data.busn_data {

  padding: 0;

  background: transparent;

  box-shadow: none;

}

.busn_data .form_fields {

  flex: 0 0 49%;

  border-bottom: 0 !important;

}

.busn_data .form_area {

  padding: 1.5rem 1.5rem 0;

}

.form_fields  button {

  display: flex;

  align-items: center;

  gap: 12px;

}

.form_fields button .spinner-border {

  width: 16px;

  height: 16px;

  border-width: 3px;

}





/* 

==================================================

- footer  section  css

==================================================

*/



img.footer-logo {

  max-width: 235px;

  display: block;

  margin: 28rem auto 0;

}

.Footer_inner {

  background: var(--sec-bg);

  border-radius: 48px;

  padding: 4rem 6rem;

}

img.footer-logo-main {

  max-width: 215px;

}

img.footer-logo2 {

  max-width: 108px;

  display: block;

  margin: 1.5rem 0 0;

}

.footer_nv {

  display: flex;

  align-items: center;

  justify-content: center;

  /*padding: 0 1.5rem;*/
  
  padding-top: 20px;

  gap: 30px;

  flex-wrap: wrap;

}

.footer_nv {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  /*padding: 1.3rem 1.5rem 0 2.5rem;*/

  column-gap: 0;

  flex-wrap: wrap;

  row-gap: 30px;

}

.footer_nv a {

  flex: 0 0 33%;

  /*padding: 0 12px;*/

}

.footer_nv a {

  flex: 0 0 33%;

  /*padding: 0 12px;*/

  font-size: 16px;

  color: var(--text-p);

  font-weight: var(--weight-regular);

  text-transform: capitalize;

}



.footer_nv a:hover {

  color: var(--text-black);

  
}

.Socials {

  padding: 2rem 2.5rem 0 0rem;

}

.Email_box a {

  display: flex;

  gap: 20px;

  align-items: center;

  color: var(--text-p);

  font-size: 16px;

  margin: 0 0px;

}

.ftr_icons {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  gap: 22px;

  padding: 2rem 0px 0;

}

.ftr_icons a {

  display: flex;

  width: 35px;

  height: 35px;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  transition: 0.3s ease;

}

.ftr_icons a:hover {

  background: var(--bg-btn);

}

.ftr_icons a:hover svg path {

  fill: var(--bg-body);

}

.newsletter {

  padding: 1.3rem 1rem 1rem;

}

.newsletter h6 {

  font-size: 24px;

}

.newsletter p {

  font-size: 16px;

  margin-bottom: 1.5rem;

}

.email_contact input {

  font-size: 14px;

  color: var(--heading-color);

  font-weight: var(--weight-regular);

  border-radius: 50px;

  width: 100%;

  height: 48px;

  padding: 10px 60px 10px 15px;

  border: 2px solid #e6e8ec;

  background: transparent;

}

.email_contact input:focus {

  background: var(--bg-body);

}

.email_contact {

  position: relative;

}

.email_contact button {

  width: 32px;

  height: 32px;

  border-radius: 50%;

  border: 0;

  background: var(--bg-btn);

  position: absolute;

  right: 9px;

  top: 0;

  bottom: 0;

  margin: auto;

}

.email_contact button:hover {

  background: var(--btn-hover-bg);

}

.copyright {

  text-align: center;

  padding: 1.5rem 0;

}



.copyright p {

  font-size: 16px;

  color: var(--text-p);

  margin: 0;
  
  font-weight: 500 !important;

}

.footer_msg {

  padding: 1.5rem 0;

}



.footer_msg p {

  font-size: 16px;

  color: var(--text-p);

}

.pac-container:after{

  content:none !important;

}



/*Business Class*/



.choose_us.cccxxx {

    text-align: left;

}

.Form_sectn.buss.cwwww .Google_Maps.bb_map {

    height: 100%;

    position: relative;

    right: 0;

    top: -25px;

    width: 100%;

    filter: none;

    backdrop-filter: none;

}

.choose_us.cccxxx .heading_box strong {

    font-size: 19px;

}

.choose_us.cccxxx .heading_box {

    text-align: left;

}

.choose_us.cccxxx .inner_box {

    width: 100%;

}

.choose_us.cccxxx .inner_box p {

    max-width: 100%;

}

.dealsxxxx {

    border-top: 1px solid #e6ebfb;

    padding: 43px 0;

    border-bottom: 1px solid #e6ebfb;

}

.c-xs img {

    width: 126px;

}

.c-xs {

    display: flex;

    flex-wrap: wrap;

    gap: 13px;

    margin-top: 27px;

}



/*Business Class*/

/* whatsapp btn css  */
a.chat_with_us {
  position: fixed;
  right: 12px;
  bottom: 70px;
  z-index: 11;
  width: 73px;
  transition: 0.3s ease;
  animation: upDown 1.2s infinite alternate;
}

#scrollButton {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 27px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}




@keyframes upDown{
  0%{
    transform: translateY(-3px);
  }
  100%{
    transform: translateY(3px);
  }
}