/* =========================== preset css start =========================== */
h1, h2, h3, h4, h5, h6, p, a, span, li, button, input, select, textarea{font-family: "poppins", sans-serif !important;}
ul{margin: 0 !important;padding: 0 !important;list-style: none !important;}
a{text-decoration: none !important; }
p, a{margin: 0 !important;font-size: 18px;line-height: 1.5;font-family: popppins;}


.container {
  width: 100% !important;
  max-width: 1600px !important;
}


.modal-header {padding: 0 !important;border: none !important;margin-bottom: 20px;}
.modal-body {padding: 0 !important; }
.modal {background: #0000008c; }
.modal-dialog {position: absolute; left: 0; right: 0; margin: auto; }
.popup_form_wrp {padding: 0 15px;  text-align: center;  }
.popup_form_wrp h2 {font-weight: 800; font-size: 35px; color: #494949; margin: 0 0 10px 20px; position: relative; }
.modal-content {padding: 30px 0; }
.popup_form_wrp p {color: #343434; font-weight: 500; }
.popup_form_wrp form input, .popup_form_wrp form select, .popup_form_wrp form textarea {width: 100%;background: #fff;border-radius: 20px;height: 45px;margin: 0 0 15px 0;padding: 0 0 0 20px;font-family: 'ClashGrotesk-Regular';font-weight: 500;outline: none;color: #000;border: 1px solid #fca80f;}
.popup_form_wrp form {margin: 30px 0 0 0; }
.popup_form_wrp form input::placeholder, .popup_form_wrp form textarea::placeholder {color: #000; font-size: 14px; }
.popup_form_wrp form textarea {border-radius: 15px; height: 130px; padding: 15px 18px; }
.popup_form_wrp form select {font-size: 14px; font-weight: 500; }
.modal-content {border-radius: 20px; }
.modal-content {border: 2px solid #fca80f !important;z-index: 9;}
.popup_form_wrp h2:before {content: '';display: block;position: absolute;background: #fca80f;width: 10px;height: 40px;left: -20px;border-radius: 5px;}

span.color_form {color: #fca80f;}
button.btn-close {position: absolute;right: 8px;top: 8px;background: #f8ae18;opacity: 1;border-radius: 0;width: 30px;height: 25px;border-bottom-left-radius: 20px;border-top-right-radius: 20px;}
button.btn-close:after {content: ''; display: block; position: absolute; background: #fff; width: 4px; height: 26px; top: 5px; transform: rotate(42deg); left: 25px; border-radius: 5px; }
button.btn-close:before {content: ''; display: block; position: absolute; background: #fff; width: 4px; height: 26px; top: 5px; transform: rotate(129deg); left: 24px; border-radius: 5px; }
button.btn-close:hover {background: #F3AD16; opacity: 1; }

button.popup_button {background: linear-gradient(180deg, #39AFF9 0%, #007CCA 100%);box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);border-radius: 20px;border: none;font-style: normal;font-weight: 700;font-size: 20px;line-height: 23px;color: #FFFFFF;text-transform:capitalize;width: 200px;height: 50px;font-family: 'Raleway';}
button.popup_button:hover {background: #f3ad16; }

.popup_form_wrp input[type="submit"] {
  margin: 0 !important;
  padding: 0 !important;
  height: 55px !important;
  font-family: 'ClashGrotesk-Medium' !important;
  text-transform: uppercase;
  color: #000 !important;
  background: #f8ae18 !important;
  font-size: 20px;
  letter-spacing: 1px;
  width: 40% !important;
}

/* =========================== preset css end =========================== */
/* =========================== header css start =========================== */
.top_header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  padding-top: 40px;
}
  .heder_info ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .heder_info ul li {
    display: flex;
    align-items: center;
    margin: 0 5px 0 10px;
  }
  .heder_info ul li span:nth-child(1) {
    background: #F8AE18;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 15px 0 0;
  }

  .heder_info ul li span:nth-child(1) svg {
    color: #fff;
    font-size: 18px;
  }

  .heder_info ul li p {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
  }

  .heder_info ul li a {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
  }

  .header_inner p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
  }

  .header_btn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 30px;
  }

  .header_btn span button {
    width: 187px;
    height: 60px;
    margin: 0 auto;
    border: none;
    border-radius: 50px;
    font-size: 20px;
    line-height: 25px;
    transition: .5s ease;
    text-align: center;
    font-weight: 500;
  }

  .header_btn span:nth-child(1) button {
    background: #f8ae18;
    color: #000;
  }

  .header_btn span:nth-child(2) button {
    background: #fff;
    color: #000;
  }
  .logo_wrap img {
    width: 70%;
    display: block;
}
/* =========================== header css end =========================== */
/* =========================== Footer css start =========================== */
footer {background: #111;padding: 30px 0 30px 0;position: relative;overflow: hidden;margin: 0 0 0 0;}

.footer_inner a img {
    width: 30%;
    margin-bottom: 50px;
    margin: 0 0 40px;
    display: block;
}

.footer_iner h5, .footer_inner.right h5 {
    font-size: 21px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}

ul.merchant {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: baseline;
    gap: 30px;
}
.footer_inner a {
    width: 100%;
}
.row.second_row:before {
    content: '';
    display: block;
    position: absolute;
    background: #272727;
    height: 1px;
    top: 0;
    left: -300px;
    width: 1990px;
}

.book_img, .book_rotate, .contact_form form span, .row.second_row {
    position: relative;
}

.row.second_row .col-md-6:first-child {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}

.footer_content h2 {
    font-size: 100px;
    line-height: 100px;
    color: #fff;
    margin: 0;
    font-weight: 400 !important;
    width: 80%;
}

.row.second_row .col-md-6:first-child:after {
    content: '';
    display: block;
    position: absolute;
    background: #272727;
    width: 1px;
    height: 100%;
    right: 30px;
    top: 0;
}
.footer_iner ul li {
    margin: 0 0 15px 0 !important;
}

.footer_iner ul li svg {
    margin: 0 15px 0 0;
    color: #fff;
}

.info_wrap ul li {
    margin: 0 20px 0 0
}

.info_wrap ul li a {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px
}

.footer_iner ul li a, .footer_inner p, .icon_box:hover li h2 {
    color: #fff;
    font-weight: 400;
}

.footer_iner ul li i {
    margin: 0 15px 0 0;
    color: #FF6F00;
}

.row.footer_bottom {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

.row.footer_bottom:before {
    content: '';
    display: block;
    position: absolute;
    background: #272727;
    width: 1920px;
    height: 1px;
    left: -240px;
    top: 0;
}

.bottom_wrapr {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bottom_wrapr p,.bottom_wrapr span,.form_info ul li span,.icon_box ul li,.testimonial_box ul li:nth-child(2) {
    flex: 0 0 50%
}

.bottom_wrapr p {
    display: flex;
    align-items: center;
    color: #bbb
}

.bottom_wrapr p a {
    margin: 0 0 0 5px !important;
    color: #f5f5f5;
    font-weight: 500
}

.bottom_wrapr span {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.bottom_wrapr span a {
    margin: 0 0 0 10px;
    color: #bbb;
    font-weight: 400;
}

.row.footer_bottom {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative
}

.row.footer_bottom:before {
    content: '';
    display: block;
    position: absolute;
    background: #272727;
    width: 1920px;
    height: 1px;
    left: -240px;
    top: 0
}

/* =========================== Footer css end =========================== */
/* =========================== section 1 css start =========================== */
.sec_1 .col-md-12:nth-child(1) {
  overflow: hidden;
}
.sec_1 {
  width: 100%;
  height: 100%;
  background: url('../images/banner_bg.webp') no-repeat top center;
  background-size: 100% 100%;
  padding: 11% 0px 160px;
  position: relative;
}
.banner_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-align: center;
  width: 60%;
  margin: auto;
}
.banner_inner p {
  width: 70%;
  margin: 0 auto;
}
.title {
  font-size: 70px;
  line-height: 1.2;
  font-weight: 300;
  font-family: poppins;
  text-transform: capitalize;
}
.title span {
  font-weight: 900;
}
.banner_inner p,
.banner_inner .title {
  color: #fff;
}
.banner_form {
  background: #fff;
  border-radius: 50px;
  padding: 79px 50px 40px;
  position: absolute;
  bottom: -329px;
  box-shadow: 0px 0px 20px 0px #00000045;
  width: 100%;
}
.banner_imgwrap img {
  position: relative;
  z-index: 1;
}
h4.form_title {
  font-size: 80px;
  font-weight: 600;
  font-family: poppins;
  line-height: 1.2;
}
form span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.input_wrap {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  border: 1px solid #000;
  padding: 10px 15px;
  position: relative;
  isolation: isolate;
}
form span * {
  flex: 1 0 30%;
}
.input_wrap input:active, .input_wrap textarea:active,
.input_wrap input:focus, .input_wrap textarea:focus ,
.input_wrap input, .input_wrap textarea {
  width: 100%;
  height: 100%;
  border: none !important;
  position: relative;
  outline: none ;
}
.input_wrap label {
  position: absolute;
  left: 19px;
  top: 13px;
  transform: translateY(-26px);
  width: fit-content;
  background: #fff;
  transition: .5s ease;
  z-index: 9;
  padding: 0px 5px;
}
.form_wrap form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
}
.banner_form input[type="submit"] {
  cursor: pointer;
  width: 100%;
  padding: 20px;
  border-radius: 40px;
  border: none;
  outline: none;
  background: #f8ae18;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  font-family: poppins;
  line-height: 1;
  text-align: center;
}
.form_content img {
  margin-top: 12px;
}
/* =========================== section 1 css end =========================== */
/* =========================== section 2 css start =========================== */
.sec_2 {
  padding: 280px 0 50px;
  background: #FFF4EB;
}
.sec_2 .img_wrap img {
  max-width: 100%;
}
.sec_2 .title {
  font-size: 55px;
  line-height: 1.2;
}
.sec_2  .btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
  width: 100%;
  padding: 20px;
  text-align: center;
  border-radius: 50px;
  margin-top: 20px;
}
/* =========================== section 2 css end =========================== */
/* =========================== section 3 css start =========================== */
.sec_3 .content_wrap {
  width: 70%;
  text-align: center;
  margin: auto;
}
.sec_3 p {
  text-transform: capitalize;
}
.sec_3{
  background: url('../images/sec3_bg.webp') no-repeat top center;
  padding: 120px 0px;
  background-size: 100% 100%;
}
.sec_3 ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 70px 0px 0px !important;
}
.sec_3 ul li{
  flex: 1 0 17%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  height: 410px;
  gap: 15px;
  position: relative;
}
.sec_3 .header_btn {
  justify-content: center;
  margin-top: 20px;
}
.sec_3 .header_btn span:nth-child(2) button {
  background: #000;
  color: #fff;
}
.erap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  text-align: center;
  height: 202px;
  padding: 10px;
}
.erap h6 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    font-family: 'Poppins';
}
.sec_3 ul li:nth-child(4):after ,
.sec_3 ul li:nth-child(3):after ,
.sec_3 ul li:nth-child(2):after ,
.sec_3 ul li:nth-child(1):after {
  content: "";
  position: absolute;
  width: 100px;
  height: 59px;
  background: url(../images/rightarw.webp) no-repeat center;
  background-size: 100%;
  top: 20%;
  right: -16%;
}
.sec_3 ul li:nth-child(4):after ,
.sec_3 ul li:nth-child(2):after {
  transform: rotateX(185deg);
  top: 15%;
}

/* =========================== section 3 css end =========================== */
/* =========================== section 4 css start =========================== */
.sec_4 {
  background: #FFF4EB;
  padding: 100px 0;
}
.sec_4 .content_wrap {
  width: 70%;
  margin: auto;
  text-align: center;
}
.sec_4 .wrap {
  background: #E3E3E3;
  padding: 20px;
  border-radius: 20px;
  height: 275px;
  min-height: 100%;
  transition: .5s ease;
}
.sec_4 .wrap img {
  margin-left: auto;
  display: block;
}
.wrap .btn-dark {
  width: 80%;
  padding: 5px;
  border-radius: 20px;
  margin-right: auto;
  margin-top: 10px;
  border: none ;
  outline: none;
}
.mdtitle {
  font-size: 40px;
  line-height: 1.2;
  font-weight: bold;
  font-family: poppins;
}

.sec_4  .wrap:hover {
  background: #F8AE18;
}
/* =========================== section 4 css end =========================== */
/* =========================== section 5 css start =========================== */
.sec_5{
  padding: 100px 0px;
  background: #fff4eb;
}
.sec5_bg {
  background: url("../images/sec5_bg.webp") no-repeat right;
  background-size: 100% 100%;
  padding: 60px 20px;
  position: relative;
  isolation: isolate;
}
.sec_5 .title {
  font-size: 50px;
  font-weight: bold;
  line-height: 1.2;
  font-family: 'Poppins';
}
.email_wrap .input_wrap {
  padding: 0px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.email_wrap {
    width: 67%;
}
.email_wrap .input_wrap input::placeholder{
  color: #000;
}
.email_wrap .input_wrap input {
  
  background: transparent ;
  padding-left:20px;
  font-size: 20px;
  line-height: 1;
  color: #000;
}

.email_wrap .input_wrap input[type="submit"] {
  background: #000;
  padding: 20px;
  border-radius: 50px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-family: 'Poppins';
  width: 50%;
}
.sec5_bg .content_wrap {
  width: 70%;
  margin-bottom: 20px;
}
.sec5_bg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('../images/sec5_img.webp') no-repeat right bottom;
  background-size: contain;
  top: 156px;
  left: 0;
  z-index: -1;
}
/* =========================== section 5 css end =========================== */
/* =========================== section 6 css start =========================== */
.sec_6{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff4eb;
  padding: 0px 0px 100px;
  isolation: isolate;
}
.sec_6 .img_wrap img {
  position: absolute;
  width: 87%;
  left: 5%;
  top: 21%;
  z-index: -1;
}
.sec_6 .content_wrap {
  width: 60%;
  margin: auto auto auto 0;
  height: 200px;
  align-content: center;
  text-align: right;
  position: relative;
}
.sec_6 .content_wrap a {
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    color: #f8ae18;
}
.sec_6 .content_wrap.rs {
  width: 63%;
  margin: auto 0 auto auto;
  text-align: left;
}
.content_head {
  text-align: center;
  width: 75%;
  margin: 0 auto;
}
.sec_6 .row:nth-child(2) {
  padding-top: 189px;
}
.smtitle {
  font-size: 25px;
  line-height: 1;
  font-weight: bold;
  font-family: 'Poppins';
}
.sec_6 .content_wrap:nth-child(1):after{
  content: "";
  position: absolute;
  width: 130px;
  height: 100px;
  background: url(../images/sm_link.webp) no-repeat center;
  background-size: 100%;
  top: 9%;
  right: -52%;
}
.sec_6 .content_wrap:nth-child(2):after{
  content: "";
  position: absolute;
  width: 185px;
  height: 100px;
  background: url(../images/md_link.webp) no-repeat center;
  background-size: 100%;
  top: -7%;
  right: -70%;
}
.sec_6 .content_wrap:nth-child(3):after{
  content: "";
  position: absolute;
  width: 239px;
  height: 100px;
  background: url(../images/lg_link.webp) no-repeat center;
  background-size: 100%;
  top: 8%;
  right: -88%;
}
.sec_6 .content_wrap.rs:nth-child(1):after,
.sec_6 .content_wrap.rs:nth-child(2):after,
.sec_6 .content_wrap.rs:nth-child(3):after{
  content: "";
  position: absolute;
  width: 130px;
  height: 100px;
  background: url(../images/sm_link.webp) no-repeat center;
  background-size: 100%;
  top: 7%;
  right: inherit;
  left: -49%;
  transform: rotateY(180deg);
}
.sec_6 .header_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.sec_6 .header_btn span:nth-child(2) button {
  background: #000;
  color: #fff;
}
/* =========================== section 6 css end =========================== */
/* =========================== section 7 css start =========================== */
.sec_7 {
  background: url('../images/sec7_bg.webp') no-repeat center;
  background-size: 100% 100%;
  color: #fff;
  padding: 100px 0px;
}
.sec_7 .img_wrap img {
  width: 100%;
}
.sec_7 .header_btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 30px;
}
.sec_7 .content_wrap {
  width: 100%;
  height: 100%;
  align-content: center;
}
.sec_7  .header_btn span:nth-child(2) button {
  background: #f8ae18;
  color: #000;
}
.sec_7 .header_btn span:nth-child(1) button {
  background: #fff;
  color: #000;
}
/* =========================== section 7 css end =========================== */
/* =========================== section 8 css start =========================== */
.sec_8  .header_btn span:nth-child(2) button {
  background: #000;
  color: #fff;
}
.sec_8 {
  background: #fff4eb;
  color: #000;
  padding: 100px 0px;
}
.sec_8 .img_wrap img {
  width: 100%;
}
.sec_8 .header_btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 30px;
}
.sec_8 .content_wrap {
  width: 100%;
  height: 100%;
  align-content: center;
}
/* =========================== section 8 css end =========================== */
/* =========================== section 9 css start =========================== */
.sec_9 {
  background: url('../images/sec9_bg.webp') no-repeat center;
  background-size: 100% 100%;
  color: #fff;
  padding: 100px 0px;
}
.sec_9 .img_wrap img {
  width: 100%;
}
.sec_9 .header_btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 30px;
}
.sec_9 .content_wrap {
  width: 100%;
  height: 100%;
  align-content: center;
}
.sec_9  .header_btn span:nth-child(2) button {
  background: #f8ae18;
  color: #000;
}
.sec_9 .header_btn span:nth-child(1) button {
  background: #fff;
  color: #000;
}
/* =========================== section 9 css end =========================== */
/* =========================== section 10 css start =========================== */
.sec_10  .header_btn span:nth-child(2) button {
  background: #000;
  color: #fff;
}
.sec_10 {
  background: #fff4eb;
  color: #000;
  padding: 101px 0px;
}
.sec_10 .img_wrap img {
  width: 100%;
}
.sec_10 .header_btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 30px;
}
.sec_10 .content_wrap {
  width: 100%;
  height: 100%;
  align-content: center;
}
/* =========================== section 10 css end =========================== */
/* =========================== section 11 css start =========================== */
.sec_11 {
  background: url('../images/sec11_bg.webp') no-repeat center top;
  background-size: 100% 100%;
  color: #000;
  padding: 100px 0px;
}
.sec_11 .img_wrap img {
  width: 100%;
}
.sec_11 .header_btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 30px;
}
.sec_11 .content_wrap {
  width: 100%;
  height: 100%;
  align-content: center;
}
ul.icon_li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
ul.icon_li li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 250px;
  text-align: center;
  gap: 10px;
  margin-bottom: 20px;
  border-radius: 30px;
}
.sec_11 ul.icon_li li:hover{
  background: #F8AE18;
}
.sec_11 ul.icon_li li img {
  width: 35%;
}

.sec_11 .top_content {
  text-align: center;
  width: 63%;
  margin: 0 auto 30px;
}
.sec_11 .img_wrap {
  width: 100%;
  height: 100%;
  align-content: center;
}
/* =========================== section 11 css end =========================== */
/* =========================== responsive css start =========================== */

@media (max-width: 1600px){
  .container {
    width: 100% !important;
    max-width: 1460px !important;
}
.banner_inner {
  width: 70%;
  padding: 20px 0px;
}
.sec_4 .wrap {
  height: 325px;
}
.sec_4 .wrap img {
  margin-left: 0;
  display: block;
  width: 90%;
}
.sec_6 .img_wrap img {
  position: absolute;
  width: 93%;
  left: 3%;
  top: 17%;
  z-index: -1;
}
.title {
  font-size: 60px;
}
.sec_11 .top_content {
  text-align: center;
  width: 50%;
}
}
@media (max-width: 1440px){
  .container {
    width: 100% !important;
    max-width: 1380px !important;
}
.sec_3 ul li:nth-child(4):after, .sec_3 ul li:nth-child(3):after, .sec_3 ul li:nth-child(2):after, .sec_3 ul li:nth-child(1):after {
  width: 76px;
}
.smtitle {
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
  font-family: 'Poppins';
}
.sec_6 .img_wrap img {
  position: absolute;
  width: 87%;
  left: 6.5%;
  top: 29%;
  z-index: -1;
}
p, a {
  margin: 0 !important;
  font-size: 16px;
  line-height: 1.5;
  font-family: popppins;
}
.sec_6 .content_wrap:nth-child(3):after {
  content: "";
  position: absolute;
  width: 203px;
  height: 100px;
  background: url(../images/lg_link.webp) no-repeat center;
  background-size: 100%;
  top: -9%;
  right: -95%;
}
.sec_6 .content_wrap:nth-child(2):after {
  content: "";
  position: absolute;
  width: 145px;
  height: 100px;
  background: url(../images/md_link.webp) no-repeat center;
  background-size: 100%;
  top: -12%;
  right: -74%;
}
.sec_6 .content_wrap.rs:nth-child(1):after, .sec_6 .content_wrap.rs:nth-child(2):after, .sec_6 .content_wrap.rs:nth-child(3):after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background: url(../images/sm_link.webp) no-repeat center;
  background-size: 100%;
  top: -11%;
  right: inherit;
  left: -54%;
  transform: rotateY(180deg);
}
.sec_6 .content_wrap:nth-child(1):after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background: url(../images/sm_link.webp) no-repeat center;
  background-size: 100%;
  top: -9%;
  right: -55%;
}
ul.icon_li li {
  width: 230px;
  height: 230px;
}
.heder_info ul li a {
  color: #fff;
  font-weight: bold;
  font-size: 15px;
}
.sec_2 .content_wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.sec_2 .header_btn {
  width: 100%;
}
.footer_content h2 {
  font-size: 80px;
  line-height: 1;
}
}

@media (max-width: 1360px){

  .sec_6 .content_wrap:nth-child(1):after {
    top: -1%;
    right: -51%;
}
.sec_6 .content_wrap:nth-child(3):after {
  top: -3%;
  right: -96%;
}
.sec_6 .content_wrap.rs:nth-child(1):after, .sec_6 .content_wrap.rs:nth-child(2):after, .sec_6 .content_wrap.rs:nth-child(3):after {
  top: 4%;
  left: -52%;
}
.sec_6 .content_wrap:nth-child(2):after {
  top: -3%;
  right: -73%;
}
  .sec_6 .row:nth-child(2) {
    padding-top: 119px;
}
  .sec5_bg .content_wrap {
    width: 80%;
}
.email_wrap {
  width: 77%;
}
  .sec5_bg::after {
    left: 470px;
    width: 440px;
}
  .erap {
    height: 209px;
}
  .sec_3 ul {
    padding: 50px 0px 0px !important;
}
  .sec_2 .title {
    font-size: 45px;
}
.title {
  font-size: 50px;
}
  .sec_4 .wrap img {
    margin-left: 0;
    display: block;
    width: 100%;
}
.sec_6 .img_wrap img {
  position: absolute;
  width: 90%;
  left: 5%;
  top: 21%;
  z-index: -1;
}
.container {
  width: 100% !important;
  max-width: 1270px !important;
}
.banner_inner {
  width: 71%;
}
.banner_imgwrap img {
  width: 1240px;
}
.sec_3 ul li img:nth-child(1) {
  width: 70%;
}
}
@media (max-width: 1280px){
  .sec_6 .content_wrap p {
    font-size: 12px;
}
.sec_6 .content_wrap {
  height: 160px;
}
  .banner_inner {
    width: 81%;
}
  .banner_form {
    bottom: -297px;
}
  .footer_content h2 {
    font-size: 60px;
    line-height: 1.2;
}
  .sec_11 .top_content {
    width: 55%;
}
  .sec_4 .wrap {
    height: 295px;
}
  .heder_info ul li a {
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}
.header_btn span button {
  width: 157px;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
}
.banner_imgwrap img {
  position: relative;
  z-index: 1;
  left: 0;
  width: 1170px;
}
.form_content img {
  margin-top: 12px;
  width: 81%;
}
h4.form_title {
  font-size: 70px;
}
.sec_2 .img_wrap {
  width: 100%;
  height: 100%;
  align-content: center;
}
.sec_2 .title {
  font-size: 45px;
  line-height: 1.2;
}
.sec_1 .title {
  font-size: 55px;
  line-height: 1.2;
  font-weight: 300;
  font-family: poppins;
  text-transform: capitalize;
  width: 80%;
  margin: 0 auto;
}
 .title {
  font-size: 45px;
  line-height: 1.2;
  font-weight: 300;
  font-family: poppins;
  text-transform: capitalize;
}
.sec_1 {
  padding: 14% 0px 160px;
}
.sec_10,
.sec_9,
.sec_8,
.sec_7,
.sec_6,
.sec_5,
.sec_4,
.sec_3 {
  padding: 70px 0px;
}
.container {
  width: 100% !important;
  max-width: 1140px !important;
}
.sec_3 ul li img:nth-child(1) {
  width: 65%;
}
.sec_3 ul li:nth-child(4):after, .sec_3 ul li:nth-child(3):after, .sec_3 ul li:nth-child(2):after, .sec_3 ul li:nth-child(1):after {
  top: 10%;
}
.sec_3 ul li:nth-child(4):after, .sec_3 ul li:nth-child(2):after {
  top: 6%;
}
.sec_3 ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px !important;
}
.mdtitle {
  font-size: 30px;
}
.wrap .btn-dark {
  width: 85%;
}
.sec_5 .title {
  font-size: 40px;
}
.email_wrap {
  width: 97%;
}
.sec5_bg {
  padding: 23px 20px;
}
.sec_6 .img_wrap img {
  width: 94%;
  left: 2%;
  top: 31%;
}
.sec_6 .content_wrap:nth-child(3):after {
  top: -9%;
  right: -100%;
}
ul.icon_li li {
  width: 170px;
  height: 170px;
}
.logo_wrap img {
  width: 90%;
  display: block;
}
.sec5_bg::after {
  content: "";
  position: absolute;
  width: 400px;
  height: 100%;
  background: url('../images/sec5_img.webp') no-repeat center bottom;
  background-size: contain;
  top: 122px;
  left: 500px;
  z-index: -1;
}
}
@media (max-width: 1024px) {
  .sec_2 {
    padding: 200px 0 50px;
    background: #FFF4EB;
}
  .sec_6 .content_wrap a {
    font-size: 14px;
}
  .footer_content h2 {
    font-size: 60px;
}
  .erap {
    height: 233px;
}
  .sec_3 ul {
    margin-top: 0px !important;
}
.sec_3 ul li {
  height: 370px;
}
  .sec5_bg::after {
    content: "";
    position: absolute;
    width: 60%;
    height: 100%;
    background: url('../images/sec5_img.webp') no-repeat center bottom;
    background-size: contain;
    top: 84px;
    left: 330px;
    z-index: -1;
}
  .sec_1 .title {
    font-size: 40px;
}
.heder_info ul li a {
  font-size: 10px;
}
.header_btn span button {
  width: 137px;
  font-size: 14px;
}

.banner_imgwrap img {
  width: 990px;
}
h4.form_title {
  font-size: 50px;
}
.banner_form {
  padding: 58px 30px 28px;
  bottom: -297px;
}
.input_wrap {
  padding: 8px 15px;
}
.input_wrap label {
  left: 18px;
  top: 15px;
  font-size: 12px;
}
.container {
  width: 100% !important;
  max-width: 950px !important;
}
.title {
  font-size: 40px;
}
.sec_2 .title {
  font-size: 35px;
  line-height: 1.2;
}
.wrap .btn-dark {
  width: 65%;
  font-size: 14px;
}
p, a {
  font-size: 14px;
}
.sec_5 .title {
  font-size: 26px;
}
.email_wrap .input_wrap input[type="submit"] {
  font-size: 15px;
  width: 50%;
}
.email_wrap .input_wrap input {
  font-size: 17px;
}
.sec_10, .sec_9, .sec_8, .sec_7, .sec_6, .sec_5, .sec_4, .sec_3 {
  padding: 40px 0px;
}
.sec_6 .img_wrap img {
  width: 90%;
  left: 2.8%;
  top: 33%;
}
.sec_6 .content_wrap.rs {
  width: 80%;
  margin: auto 0 10px auto;
  text-align: left;
  height: 140px;
}
.sec_6 .content_wrap {
  width: 80%;
  margin: auto auto 10px 0;
  text-align: left;
  height: 140px;
}
.sec_6 .content_wrap:nth-child(1):after {
  width: 64px;
  top: 51%;
  right: -12%;
}
.sec_6 .content_wrap:nth-child(2):after {
  width: 85px;
  top: 11%;
  right: -23%;
}
.sec_6 .content_wrap:nth-child(3):after {
  top: -9%;
  right: -36%;
  width: 103px;
}
.sec_6 .content_wrap.rs:nth-child(1):after, .sec_6 .content_wrap.rs:nth-child(2):after, .sec_6 .content_wrap.rs:nth-child(3):after {
  width: 57px;
  height: 30px;
  top: 34%;
  left: -30%;
}
.smtitle {
  font-size: 18px;
}
}
@media (max-width: 768px) {
  
  .sec_6 .row:nth-child(2) {
    padding-top: 59px;
}
  .sec5_bg::after {
    display: none;
  }
  .logo_wrap img {
    width: 21%;
    
}
.heder_info ul {
  justify-content: center;
}
.header_btn {
  justify-content: center;
  gap: 20px;
}
.top_header  .header_btn {
  display: none;
}
.banner_inner {
  width: 100%;
}
.banner_imgwrap img {
  width: 820px;
}
.top_header {
  padding-top: 30px;
}

.sec_11 .img_wrap img,
.sec_10 .img_wrap img,
.sec_9 .img_wrap img,
.sec_8 .img_wrap img,
.sec_7 .img_wrap img {
  width: 50%;
  margin: 0 auto 20px;
  display: block;
}
.sec_4 .wrap img {
  margin-left: 0;
  display: block;
  width: 100%;
}
.sec_6 .img_wrap img {
  width: 100%;
  left: 0%;
  top: 0%;
  position: relative;
  margin: 0 0 60px;
}
.sec_6 .content_wrap {
  width: 80%;
  margin: 0 0 0 auto;
  text-align: left;
  height: 140px;
}
.sec_6 .content_wrap:nth-child(1):after, .sec_6 .content_wrap:nth-child(2):after, .sec_6 .content_wrap:nth-child(3):after ,
.sec_6 .content_wrap.rs:nth-child(1):after, .sec_6 .content_wrap.rs:nth-child(2):after, .sec_6 .content_wrap.rs:nth-child(3):after {
  width: 100px;
  height: 40px;
  top: -16%;
  left: -20%;
  transform: inherit;
  right: inherit;
  background: url(../images/sm_link.web) no-repeat center;
  background-size: 100%;
}
ul.icon_li li {
  width: 190px;
  height: 190px;
}
.sec_1 {
  padding: 20% 0px 160px;
}
.container {
  width: 100% !important;
  max-width: 700px !important;
}
.top_header {
  padding-top: 20px;
}

.logo_wrap img {
  width: 21%;
  margin: 27px auto;
}
.banner_form {
  padding: 58px 30px 28px;
  bottom: -707px;
}
.form_content {
  text-align: center;
  padding: 0 0 50px;
}
form span * {
  flex: 1 0 50%;
}
form span {
  gap: 30px;
  flex-wrap: wrap;
}
.form_wrap {
  width: 80%;
  margin: 0 auto;
}
.input_wrap label {
  top: 9px;
  font-size: 20px;
}
.sec_2 {
  padding: 650px 0 50px;
  background: #FFF4EB;
}
.sec_2 .img_wrap img {
  max-width: 70%;
  margin: 0 auto;
  display: block;
}
.sec_2 .content_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 19px;
}
.sec_2 .header_btn {
  justify-content: center;
  gap: 20px;
  width: 100%;
}
.sec_3 ul {
  flex-wrap: wrap;
}
.sec_3 ul li {
  flex: 1 0 100%;
  height: 370px;
}
.sec_3 ul li img:nth-child(1) {
  width: 35%;
}
.sec_3 ul li:nth-child(4) img:nth-child(1) ,
.sec_3 ul li:nth-child(5) img:nth-child(1) {
  width: 35%;
}
.erap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  text-align: center;
  height: 145px;
}
.sec_3 ul li:nth-child(4):after{
  top: 10%;
  transform: rotate(105deg);
}
.sec_3 ul li:nth-child(4):after, .sec_3 ul li:nth-child(3):after, .sec_3 ul li:nth-child(2):after, .sec_3 ul li:nth-child(1):after {
  display: none !important;
}
.erap {
  width: 70%;
}
.sec_3 {
  background-size: cover;
}
.sec_4 .wrap {
  height: 235px;
}
.content_head {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
.footer_inner a img {
  width: 30%;
  margin-bottom: 50px;
  margin: 0 auto 40px;
  display: block;
}
  .bottom_wrapr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.footer_content h2 {
  font-size: 50px;
  line-height: 1.2;
  width: 100%;
}
.row.second_row .col-md-6:first-child:after {
  width: 100%;
  height: 1px;
  right: 0px;
  top: 210px;
}
.row.second_row:before {
  height: 1px;
  top: 25px;
  left: 0;
  width: 100%;
}
.row.footer_bottom:before {
  width: 100%;
  height: 1px;
  left: 0;
  top: 10px;
}
.footer_inner a img {
  width: 30%;
  margin-bottom: 50px;
  margin: 0 auto 40px;
  display: block;
}
}
@media (max-width: 575px) {
  .banner_form .input_wrap {
    border-radius: 20px;
}
  section.sec_10 .row,
  section.sec_8 .row {
    flex-direction: column-reverse;
}
  .sec_5 .title {
    font-size: 32px;
}
  .wrap .btn-dark {
    width: 80%;
    font-size: 14px;
}
  .bottom_wrapr {
    gap: 10px;
}
  footer .footer_iner ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
  .footer_content h2 {
    text-align: center;
}
  .footer_iner h5, .footer_inner.right h5 {
    text-align: center;
}
  ul.merchant {
    justify-content: center;
    align-items: center;
}
  .sec_4 .wrap .row .col-md-8 {
    text-align: center;
}
  .logo_wrap img {
    width: 40%;
    margin: 16px auto;
}
.sec_1 .title {
  font-size: 30px;
}
.banner_imgwrap img {
  width: 100%;
  display: none;
}
.sec_1 {
  padding: 25% 0px 160px;
}
.banner_form {
  padding: 32px 30px 28px;
  bottom: -657px;
  border-radius: 20px;
}
h4.form_title {
  font-size: 35px;
}
.form_wrap {
  width: 100%;
  margin: 0 auto;
}
.form_content img {
  width: 80%;
}
.input_wrap label {
  top: 12px;
  font-size: 16px;
}
.sec_2 {
  padding: 560px 0 50px;
  background: #FFF4EB;
}

.sec_6 .img_wrap img,
.sec_5 .img_wrap img,
.sec_4 .img_wrap img,
.sec_3 .img_wrap img,
.sec_2 .img_wrap img {
  max-width: 90%;
  margin: 0 auto;
  display: block;
}
.sec_11 .img_wrap img, .sec_10 .img_wrap img, .sec_9 .img_wrap img, .sec_8 .img_wrap img, .sec_7 .img_wrap img {
  width: 100%;
  margin: 0 auto 20px;
  display: block;
}
.sec_2 .title {
  font-size: 30px;
  line-height: 1.2;
}
.content_head,
.sec_4 .content_wrap,
.sec_3 .content_wrap {
  width: 100%;
}
.title {
  font-size: 30px;
}
.sec_10 .content_wrap,
.sec_9 .content_wrap,
.sec_8 .content_wrap,
.sec_7 .content_wrap {
  width: 100%;
  height: 100%;
  align-content: center;
  text-align: center;
}
.sec_10 .header_btn,
.sec_9 .header_btn,
.sec_8 .header_btn,
.sec_7 .header_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.sec_1 p,
.sec_1 .title {
  width: 100%;
}
.sec_3 ul li {
  flex: 1 0 100%;
  height: 370px;
}
.sec_4 .wrap img {
  margin-left: inherit;
  display: block;
  width: 50%;
  margin: 0 auto 20px;
}
.sec_4 .wrap {
  height: 100%;
}
.sec5_bg {
  background: #f8ae18;
  background-size: 100% 100%;
  padding: 20px 10px;
  border-radius: 20px;
}
.sec5_bg .content_wrap {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.sec_6 .content_wrap.rs,
.sec_6 .content_wrap {
  width: 90%;
  margin: 0 auto 30px;
  text-align: left;
  height: 160px;
  padding: 30px;
  box-shadow: 0px 0px 20px 0px #0000003b;
  border-radius: 10px;
  transition: .5s ease;
  text-align: center;
}
.sec_6 .content_wrap.rs:hover,
.sec_6 .content_wrap:hover {
  background: #f8ae18;
}
.sec_6 .content_wrap.rs:after,
.sec_6 .content_wrap:after {
  display: none !important;
}
.sec_6 .img_wrap img {
  max-width: 100% !important;
  left: 0%;
  top: 0%;
  position: relative;
  width: 730px;
  bottom: 10px;
  display: none;
}
.sec_6 .row:nth-child(2) {
  padding-top: 36px;
}

.container {
  width: 100% !important;
  max-width: 520px !important;
}
}
@media (max-width: 430px) {
  .container {
    width: 100% !important;
    max-width: 400px !important;
}
ul.icon_li li {
  width: 150px;
  height: 150px;
}
.sec_11 .top_content {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
.title {
  font-size: 28px;
}
.sec_11 {
  padding: 50px 0px;
}
.email_wrap .input_wrap input[type="submit"] {
  font-size: 14px;
  width: 42%;
}
.email_wrap .input_wrap input {
  font-size: 14px;
}
.email_wrap {
  width: 100%;
}
.sec_3 ul {
  gap: 0px;
}

}
/* =========================== responsive css end =========================== */