html,
body {
  width: 100%;
}

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  direction: ltr;
}

body,
input,
textarea {
  font-family: Rubik, sans-serif;
  font-optical-sizing: auto;
}

.d-flex {
  display: flex;
}

.image-new-bann {
  margin: 106px auto;
  text-align: center;
  position: relative;
  width: 1083px;
}

img.bot-slider-image {
  width: 100%;
}

.btb-main-area {
  width: 389px;
  height: 57px;
  margin: 100px auto 100px;
  text-align: center;
  margin-top: 100px;
  background-color: #1C479E;
  font-size: 31px;
  line-height: 57px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  border-radius: 6px;
}

.sub-slider {
  font-size: 36px;
  font-weight: 300;
  line-height: 45px;
}

.flex-grow {
  flex-grow: 1;
}

.wrapper_he,
.wrapper_he * {
  direction: rtl;
}

.body-header-two.tm {
  padding-top: 60px;
  width: 1106px;
  margin: auto;
}

.half-section {
  margin-top: 100px;
}

.body-header-area {
  height: 400px;
  background-image: url(../images/main-header1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.body-header-h1 {
  font-weight: 600;
  font-size: 44px;
  color: #fff;
  padding: 25px 0 0 80px;
  width: 700px;
  height: 290px;
}

.wrapper_he .body-header-h1 {
  padding: 25px 80px 0 0;
}

.body-header-button {
  width: 220px;
  text-align: center;
  height: 60px;
  background-color: #93bb3e;
  margin-left: 80px;
  border-radius: 5px;
  color: #fff;
  padding: 0px 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  line-height: 60px;
}

.wrapper_he .body-header-button {
  margin-right: 80px;
  margin-left: 0;
}

.body-header-two {
  font-weight: 500;
  font-size: 36px;
  text-align: center;
  color: #ffffff;
  width: 800px;
  margin: auto;
}

.body-header-two.tm {
  padding: 37px;
}

.connected-area {
  padding: 45px 0;
  background-color: #1C479E;

}


.connected-flex {
  width: 1281px;
  margin: auto;
  justify-content: center;
}

.connected-td {
  width: 300px;
  height: 300px;
  border-radius: 20px;
  background-image: url(../images/connected.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: .1s all;
}

.connected-td:hover {
  transform: scale(1.1);
}

.connected-gap {
  width: 30px;
}

.connected-td-h1 {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  padding: 228px 30px 0;
}

.connected-td-h2 {
  margin: 5px 30px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: underline;
  color: #fff;
}

.half-flex {
  width: 1280px;
  margin: auto;
  height: 100%;
  overflow: hidden;
  margin-bottom: 40px;
}

.odd .half-flex {
  flex-direction: row-reverse;
}

.ltr {
  direction: ltr;
}

.half-td {
  width: 50%;
}

.half-td-h1 {
  font-weight: 600;
  font-size: 31px;
  line-height: 100%;
  color: #1c479e;
  margin: 60px 0px 0;
  width: 519px;
}

.half-td-h2 {
  font-weight: 400;
  font-size: 19px;
  line-height: 24px;
  margin: 20px 0 0;
  width: 519px;
}

.odd .half-td-h1 {
  margin: 86px 0 0 121px;
}

.odd .half-td-h2 {
  margin: 20px 0 0 121px;
}

.wrapper_he .odd .half-td-h1 {
  margin: 60px 121px 0 0;
}

.wrapper_he .odd .half-td-h2 {
  margin: 20px 121px 0 0;
}

.td-img {
  width: 640px;
}

img.clossal_img {
  width: 640px;
  display: block;
}

.connect-h1 {
  padding-top: 60px;
  font-weight: 600;
  font-size: 50px;
  line-height: 59.25px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

.connect-out {
  position: relative;
  width: 1290px;
  margin: 30px auto 0;
}

.connect-flex {
  flex-wrap: wrap;
  justify-content: center;
}

.connect-td {
  width: 410px;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 30px;
}

.connect-td.middle {
  margin: 0 30px;
}

.connect-gap {
  width: 30px;
}

.connect-img {
  height: 250px;
  background-image: url(../images/connect-bg.jpg);
  background-size: 125px;
  background-position: center;
  background-repeat: no-repeat;
}

.connect-txt-h1 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}

.connect-txt-h2 {
  margin: 10px 20px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  max-height: 38px;
  overflow: auto;
}

.connect-txt-flex {
  margin: 20px 45px;
  justify-content: center;
}

.connect-txt-btn {
  width: 150px;
  height: 43px;
  border-radius: 5px;
  background: #93bb3e;
  text-align: center;
  color: #fff;
  line-height: 43px;
  box-sizing: border-box;
}

.connect-txt-btn.disabled {
  color: #2c4c96;
  background: none;
  border: 2px solid #2c4c96;
}

.connect-bot {
  margin: 40px 0px;
  font-weight: 600;
  font-size: 24px;
  line-height: 28.44px;
  text-align: center;
  text-decoration: underline;
  color: #fff;
}

.connect-area .nextprebtn {
  top: 173px !important;
}

.quest-area {
  padding-bottom: 30px;
  background-image: url(../images/review-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 40px;
}

.qs-head {
  padding-top: 60px;
  font-weight: 600;
  font-size: 50px;
  line-height: 100%;
  text-align: center;
  color: #2c4c96;
}

.ques-block {
  width: 1040px;
  margin: 30px auto;
}

.quest-line {
  background-color: #fff;
  margin-bottom: 20px;
  padding: 17px 30px;
  box-sizing: border-box;
}

.quest-txt {
  flex-grow: 1;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

.quest-desc {
  display: none;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  margin-top: 19px;
}

.quest-btn-in {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #2c4c96;
  border-radius: 50%;
  cursor: pointer;
  min-width: 30px;
  transition: 0.2s all;
}

.quest-btn-in:after {
  left: 10px;
  top: 8px;
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(45deg);
}

.quest-btn-in[data-id="1"] {
  transform: rotate(180deg);
}

.travel-h1,
.connect-h1 {
  font-family: Rubik;
  font-weight: 600;
  font-size: 40px;
  line-height: 59.25px;
  text-align: center;
  color: #ffffff;
  padding-top: 60px;
}



.travel-flex {
  width: 1290px;
  margin: 30px auto 0;
  flex-wrap: wrap;
  justify-content: center;
}

.travel-td {
  width: 410px;
  height: 432px;


  margin-bottom: 30px;
  overflow: hidden;
}

.travel-td-img {
  background-image: url(../images/travel-img1.png);
  height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  border-radius: 20px;
}

.travel-td-img.img2 {
  background-image: url(../images/travel-img2.png);
}

.travel-td-img.img3 {
  background-image: url(../images/travel-img3.png);
}

.travel-td-h1 {
  margin: 20px;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}

.travel-td-txt {

  font-weight: 300;
  font-size: 16px;

}

.travel-gap {
  width: 30px;
}

.travel-td-flex {
  margin: 0 20px;
}

.travel-td-arrow {
  width: 16px;
  height: 8px;
  background-image: url(../images/blue-arrow.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 6px 0;
}

.travel-td.middle {
  margin: 0 30px;
}

.travel-area {
  background-color: #1C479E;
  color: #fff;
  padding-bottom: 50px;
}

.travel-bot {
  font-weight: 300;
  font-size: 16px;
  text-align: center;
  color: #fff;
  width: 154px;
  margin: auto;
  background-color: #95C11F;
  height: 38px;
  border-radius: 5px;
  line-height: 38px;
}

.connect-h1 {
  color: #2C4C96;
}

.connect-txt-h2 {
  margin: 10px 20px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  max-height: 60px;
  overflow: auto;
  height: 60px;
}

.connect-txt-h3 {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.blog-cats {
  flex-wrap: wrap-reverse;
  flex-direction: row;
  padding-top: 40px;
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.blog-cat {
  background-color: rgba(255, 255, 255, 0.8);
  font-family: Rubik;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  line-height: 29px;
  padding: 0 10px;
  border-radius: 5px;
  margin: 5px 5px;
  color: #092030;
}



.beach-area {
  height: 400px;
  background-image: url(../images/beach.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.beach-h1 {
  font-weight: 600;
  font-size: 120px;
  text-align: center;
  opacity: 0.6;
  color: #fff;
}

.info-area {
  width: 1106px;
  margin: 0 auto;
}

.info-area-out {
  background-color: #f5f5f5;
  padding: 94px 0;
  margin-top: 50px;
}

.info-grow {
  flex-grow: 1;
}

.info-bot-td {
  width: 185px;
  height: 155px;
}

.info-bot-img {
  width: 88px;
  height: 65px;
  margin: auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.info1 {
  background-image: url(../images/info1.png);
  width: 65px;
  height: 65px;
}

.info2 {
  background-image: url(../images/info2.png);
  width: 86px;
  height: 65px;
}

.info3 {
  background-image: url(../images/info3.png);
}

.info4 {
  background-image: url(../images/info4.png);
  width: 68px;
  height: 65px;
}

.info5 {
  background-image: url(../images/info5.png);
  width: 60px;
  height: 66px;
}

.info6 {
  background-image: url(../images/info6.png);
  width: 23px;
  height: 66px;
}

.info7 {
  background-image: url(../images/info7.png);
  width: 64px;
  height: 66px;
}

.info8 {
  background-image: url(../images/info8.png);
  width: 66px;
  height: 66px;
}

.info-bot-txt-h1 {
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  color: #002e3d;
  margin: 16px auto 5px;
}

.info-bot-txt-h2 {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #002e3d;
}

.info-top-l {
  text-align: center;
  font-size: 31px;
  font-weight: 600;
  color: #092030;
  line-height: 38px;
}

.info-top-r {
  width: 248px;
  height: 75px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/ino-logo.png);
  margin: 4px 0;
}

.info-top {
  margin-bottom: 84px;
}

.info-bot {
  height: 217px;
  margin-bottom: 50px;
}

.info-btn {
  font-size: 16px;
  font-weight: 600;
  margin: auto;
  width: 275px;
  height: 57px;
  line-height: 17px;
  border-radius: 5px;
  background-color: #95c11f;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  padding: 11px 0;
  cursor: pointer;
}