@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
body {
  font-family: Montserrat, sans-serif !important;
}

.blog-slider__button,
.sec_3.scrolltab .hori_tab li a:hover,
.trend_sec .hori_tab li:hover a {
  text-decoration: none;
}

.container_custom,
.custom_container {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.benefit_sec .first_row .sec_desc,
.benefit_sec .first_row .sec_title,
.img_center,
.sec_10 .titlesec,
.sec_3.scrolltab .sec_title {
  text-align: center;
}

.banner_desc,
.banner_title,
.sec_desc,
.sec_title {
  text-align: left;
}

.btn_slick_sec {
  margin-left: -20px;
}

.btn.btn-home.banner .left {
  background-color: #ffc232;
  border-radius: 0;
  padding: 8px 20px;
  color: #000;
  letter-spacing: 0;
  text-transform: none;
  position: relative;
}

.btn.btn-home.banner .left::before {
  content: "";
  position: absolute;
  background-color: #000;
  width: 5px;
  height: 100%;
  left: 0;
  bottom: 0;
  transition: 1s;
}

.btn.btn-home.banner:hover .left::before,
.btn.btn-home.yellow_btn:hover .left::before {
  width: 100%;
}

.benefit_sec .sec_title,
.btn.btn-home.banner:hover .left,
.btn.btn-home.yellow_btn:hover .left,
.sec_10 .sec_desc,
.sec_10 .sec_title,
.sec_2 .btn.btn-home .right .fa-arrow-circle-right,
.sec_2 .sec_desc,
.sec_3.scrolltab .hori_tab li:hover a,
.sec_3.scrolltab li.active a,
.sec_6 .sec_desc,
.sec_6 .sec_title,
.trend_sec .hori_tab li.active a,
.trend_sec .hori_tab li:hover a,
.why_choose_sec .sec_desc {
  color: #fff;
}

.sec_3.scrolltab .hori_tab li:hover a,
.sec_3.scrolltab li.active a,
.why_choose_sec a {
  color: #fff !important;
}

.btn.btn-home .right .fa-arrow-circle-right,
.btn.btn-home.banner .right .fa-arrow-circle-right,
.p2ppage .nav-menu > li > a,
.sec_2 .btn.btn-home:hover span {
  color: #000;
}

.btn.btn-home.banner .left .getdemospan,
.btn.btn-home.yellow_btn .left .getdemospan {
  z-index: 2;
  position: relative;
  font-size: 14px;
  font-weight: 600;
}

.btn.btn-home.banner .right {
  background-color: #ffc232;
  margin-left: 3px;
  border-radius: 0 0 18px;
  padding: 8px 12px;
}

.btn.btn-home.yellow_btn .left::before {
  content: "";
  position: absolute;
  background-color: #000;
  width: 5px;
  height: 100%;
  left: 0;
  bottom: 0;
  transition: 1.5s;
}

.btn.btn-home.yellow_btn .left {
  background-color: #fbc106;
  border-radius: 0;
  padding: 8px 20px;
  color: #000;
  letter-spacing: 0;
  text-transform: none;
  transition: 0.5s ease-out;
  position: relative;
}

.btn.btn-home.yellow_btn .right {
  background-color: #fbc106;
  margin-left: 3px;
  border-radius: 0 0 18px;
  padding: 8px 12px;
}

.banner_sec {
  background-image: url(../images/netflix/Group_1486_result.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.banner_sec_bg,
.feature_sec,
.sec_3.scrolltab .bg_head,
.sec_4 .card.activity,
.sec_4 .card.currencies,
.sec_4 .card.ical,
.sec_4 .card.languages,
.sec_4 .card.video,
.sec_4 .card.wallet,
.why_choose_sec {
  background-size: 100% 100%;
}

.sec_3.scrolltab .slider .slick-slide,
.trend_sec .slider .slick-slide,
.trend_sec .slidertwo .slick-slide {
  background-size: cover;
  background-position: 50% 50%;
  background-attachment: fixed;
}

.align_custom,
.banner_sec .row,
.sec_6 .row_first,
.trend_sec .sliders_card .aligns_row {
  align-items: center;
}

.banner_sec_bg {
  padding-top: 100px;
  margin: 0 auto;
}

.banner_title {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
}

.banner_desc {
  font-size: 16px;
  line-height: 30px;
  color: #fff;
}

.sec_1 .sec_title,
.sec_title {
  color: #02021e;
}

.sec_title {
  font-size: 30px;
  font-weight: 700;
}

.sec_desc {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.36px;
}

.sec_1 .container_custom,
.sec_2 .container_custom,
.sec_7 .container_custom,
.sec_9 .container_custom {
  max-width: 100% !important;
}

.sec_2 .sec_title {
  color: #fff;
  text-align: center;
  line-height: 40px;
}

.sec_2 {
  background-image: linear-gradient(to right, #0e1a34, #050c1a);
}

.sec_2 .leftsec {
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
}

.sec_2 .leftsec .element_img {
  width: 80px;
  position: absolute;
  top: -5%;
  left: 3%;
}

.sec_4 {
  background-image: linear-gradient(to right, #4449af, #3b52bc);
}

.sec_4 .sec_title,
.sec_8 .sec_title,
.trend_sec .trend_title {
  text-align: center;
  color: #fff;
}

.sec_4 .card {
  min-width: 270px;
  min-height: 270px;
  margin: auto;
  border-radius: 45px;
  max-width: 300px;
  max-height: 300px;
}

.sec_4 .card-body,
.sec_8 .card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sec_4 .card-title,
.sec_8 .card-title {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0;
}

.sec_4 .card-text,
.sec_8 .card-text {
  color: #fff;
  text-align: center;
}

.sec_4 .card.languages {
  background-image: url(../images//airbnb//cardbg1.webp);
}

.sec_4 .card.currencies {
  background-image: url(../images//airbnb//cardbg2.webp);
}

.sec_4 .card.ical {
  background-image: url(../images//airbnb//cardbg3.webp);
}

.sec_4 .card.wallet {
  background-image: url(../images//airbnb//cardbg4.webp);
}

.sec_4 .card.video {
  background-image: url(../images//airbnb//cardbg5.webp);
}

.sec_4 .card.activity {
  background-image: url(../images//airbnb//cardbg6.webp);
}

.sec_5 .rightcard {
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
}

.sec_5 .rightcard img {
  max-width: 150px;
  margin-left: -20px;
}

.sec_5 .rightcard .sec_desc {
  margin-bottom: 0;
  padding: 15px 15px 15px 75px;
  font-size: 15px;
}

.sec_5 .leftsec,
.sec_5 .rightcard .gears,
.sec_8 .borderlines,
.sec_9 .dotsec,
.sec_9 .leftsec,
.why_choose_sec .borderlines,
.why_choose_sec .cardsec,
.why_choose_sec .cardsec .sectiondiv1 {
  position: relative;
}

.sec_5 .rightcard .gearleft {
  position: absolute;
  bottom: -25px;
  -webkit-animation: 4s linear infinite spin;
  -moz-animation: 4s linear infinite spin;
  animation: 4s linear infinite spin;
}

.sec_5 .rightcard .gearright {
  position: absolute;
  left: 32px;
  top: -30px;
  -webkit-animation: 4s linear infinite spinreverse;
  -moz-animation: 4s linear infinite spinreverse;
  animation: 4s linear infinite spinreverse;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinreverse {
  100% {
    -moz-transform: rotate(-360deg);
  }
}

@-webkit-keyframes spinreverse {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes spinreverse {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

.sec_6 {
  background-image: linear-gradient(to right, #5bb921, #348f2b);
}

.sec_7 .left_img_sec {
  padding-left: 0 !important;
  background-color: #eb8a15;
  padding-top: 20px;
}

.sec_desc_title {
  font-size: 18px;
  color: #725b5b;
  font-weight: 600;
}

.sec_7 .rightside {
  padding-left: 100px;
  padding-right: 100px;
}

.sec_8 {
  background-image: linear-gradient(to right, #ec3d3f, #e53233);
}

.sec_8 .card {
  background-color: transparent;
  border: unset;
}

.sec_8 .container_custom {
  max-width: 80% !important;
}

.sec_9 .rightside {
  padding-right: 0;
}

.sec_top {
  font-size: 20px;
  color: #02021e;
  font-weight: 600;
}

.sec_9 .leftsec {
  padding: 100px;
}

.sec_10 {
  background-image: linear-gradient(to right, #0c1830, #050c1b);
}

.sec_10 .card {
  background: 0 0;
  border: 1px solid #fff;
  border-radius: 8px;
  min-width: 250px;
  max-width: 250px;
  margin: auto;
  height: 100%;
}

.sec_10 .card-title {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
}

.sec_10 .card-text {
  color: #fff;
  font-size: 15px;
}

.sec_10 .card .imgsec {
  padding: 10px;
  height: 80px;
  display: flex;
  align-items: center;
}

.sec_10 .card .imgsec img {
  height: 100%;
}

.why_choose_sec {
  background-image: url(../images/airbnb/why_choose_bg.webp);
}

.why_choose_sec .sec_title {
  color: #fff;
  text-align: left;
}

.why_choose_sec .card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  position: absolute;
  width: 100%;
  padding: 30px;
}

.why_choose_sec .cardprogress {
  background: no-repeat padding-box #ffffff1f;
  border: 1px solid #ffffff42;
  border-radius: 27px;
  opacity: 1;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
}

.faq_sec {
  background-image: linear-gradient(to bottom, #5bb921, #348f2b);
}

.faq_sec .marg-top {
  margin-top: 100px;
  align-items: center;
}

.faq_sec .sec_title {
  color: #fff;
  margin-left: 15px;
}

.faq_sec .card-header {
  padding: 0;
  background-color: unset;
  border-bottom: unset;
}

.faq_sec .btn {
  padding: 10px;
  color: #000;
  text-transform: none;
  letter-spacing: unset;
  position: relative;
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.faq_sec .btn.btn-link:focus,
.faq_sec .btn.btn-link:hover {
  text-decoration: none;
  box-shadow: unset;
}

.faq_sec .card-header .btn.btn-link span {
  color: #707070;
  font-weight: 700;
  font-size: 14px;
}

.faq_sec .card-body {
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 0;
  color: #707070;
}

.faq_sec .card-header .fa-question-circle {
  font-size: 22px;
  margin-left: 10px;
}

.faq_sec .card .btn-link::after {
  content: "\002B";
  font-size: 20px;
}

.faq_sec .card .btn-link[aria-expanded="true"]::after {
  content: "\2212" !important;
}

.blog-slider__item,
.faq_sec .faq_qn,
.scrollist .leftsec {
  display: flex;
  align-items: center;
}

.nav-pills .show > .nav-link,
.scrolltab .nav-pills .nav-link.active {
  color: #fff;
  background-color: #00aeef;
  border: 1px solid #00aeef;
  padding: 5px;
}

.scrolltab .nav-pills .nav-link {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  padding: 5px;
}

.scrolltab .nav-link {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
}

.scrolltab .nav-item {
  margin-bottom: 15px;
}

.scrolltab .serialnum {
  font-size: 90px;
  color: #02021e;
  font-weight: 600;
  border-bottom: 10px solid #fbc106;
  width: 100px;
}

.scrolltab .leftsec {
  justify-content: space-around;
  display: flex;
  align-items: center;
  gap: 30px;
}

.scrolltab .scrolltab_title {
  font-size: 22px;
  font-weight: 600;
  color: #02021e;
}

.why_choose_sec svg {
  height: 100px;
  margin: auto;
  display: block;
}

.why_choose_sec path {
  stroke-linecap: round;
  stroke-width: 3;
}

.why_choose_sec path.grey {
  stroke: #e7e7e8;
  stroke-width: 1;
}

.why_choose_sec path.blue {
  stroke: #fff;
  stroke-dasharray: 198;
  stroke-dashoffset: 198;
  animation: 3s ease-out forwards dash;
}

.why_choose_sec .progresstext {
  font-size: 35px;
  fill: #fff;
  font-weight: 600;
}

.why_choose_sec .cardprogress .card-title {
  color: #fff;
  font-size: 15px;
  text-align: center;
}

.why_choose_sec .cardprogress .card-body {
  padding: 2.25rem;
}

.why_choose_sec .cardprogress.employees,
.why_choose_sec .cardprogress.project {
  height: 200px;
}

.why_choose_sec .cardprogress.country,
.why_choose_sec .cardprogress.expertise {
  height: 245px;
}

.sec_9 .leftsec img {
  position: absolute;
  top: 7%;
  left: 7%;
}

.sec_5 .leftsec .rightelement {
  position: absolute;
  bottom: -10%;
  right: 4%;
}

.sec_5 .leftsec .leftelement {
  position: absolute;
  top: 20%;
  left: 3%;
}

@media only screen and (max-width: 575px) {
  .sec_title,
  .why_choose_sec .sec_titles {
    line-height: 35px;
    text-align: left !important;
  }
  .sec_10 .card {
    min-width: none;
    max-width: none;
  }
  .sec_4 .card {
    min-width: 250px;
    min-height: 230px;
    max-width: 250px;
    max-height: 230px;
  }
  .banner_sec {
    min-height: unset;
  }
  .container_custom,
  .custom_container {
    max-width: 98% !important;
  }
  .banner_title {
    font-size: 30px;
  }
  .banner_desc {
    font-size: 16px;
  }
  .sec_1 .left_img_sec {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sec_2 .leftsec,
  .sec_7 .rightside {
    padding-left: 15px;
    padding-right: 15px;
  }
  .sec_title {
    font-size: 25px;
  }
  .why_choose_sec .sec_titles {
    font-size: 25px !important;
  }
  .sec_8 .sec_title {
    margin-left: 15px;
  }
  .sec_2 .leftsec .element_img,
  .sec_7 .left_img_sec,
  .sec_8 .borderlines .centerborder,
  .sec_8 .borderlines .leftborder,
  .sec_9 .leftsec img {
    display: none;
  }
  .btn_slick_sec {
    text-align: center;
  }
  .sec_2 .leftsec {
    padding-top: 30px;
  }
  .sec_6 .rightside,
  .why_choose_sec .card {
    position: unset;
  }
  .sec_5 .rightcard .sec_desc {
    padding-left: 34px;
  }
  .sec_5 .rightcard .gearright {
    left: 14%;
    top: -8px;
  }
  .sec_5 .rightcard .gearleft {
    bottom: -44px;
    left: 2%;
  }
  .sec_5 .rightcard {
    display: block;
  }
  .column_order {
    flex-direction: column-reverse;
  }
  .sec_9 .leftsec {
    padding: unset;
    padding-left: 15px;
    padding-right: 15px;
  }
  .faq_sec .marg-top {
    margin-top: unset;
  }
  .why_choose_sec .borderlines .centerborder,
  .why_choose_sec .borderlines .centerborder1 {
    height: 1px;
    color: #000;
    margin-left: 5%;
    width: 90%;
    border: 1px solid #c9c9c9;
    opacity: 0.3;
    position: absolute;
  }
  .why_choose_sec .borderlines .centerborder {
    top: 28%;
  }
  .why_choose_sec .borderlines .centerborder1 {
    top: 65%;
  }
  .why_choose_sec .borderlines .leftborder {
    position: absolute;
    float: left;
    height: 93%;
    border: 1.5px solid #c9c9c9;
    border-bottom: none;
    border-top: none;
    left: 50%;
    margin-top: 1%;
    border-right: none;
    opacity: 0.5;
  }
}

@media only screen and (max-width: 767px) and (min-width: 576px) {
  .sec_5 .rightcard img {
    max-width: 150px;
    margin-left: -13px;
  }
  .banner_title {
    font-size: 30px;
  }
  .banner_desc {
    font-size: 16px;
  }
  .sec_2 .leftsec .element_img,
  .sec_7 .left_img_sec,
  .sec_9 .leftsec img {
    display: none;
  }
  .sec_1 .left_img_sec {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sec_2 .leftsec,
  .sec_7 .rightside {
    padding-left: 15px;
    padding-right: 15px;
  }
  .sec_6 .rightside,
  .why_choose_sec .card {
    position: unset;
  }
  .sec_2 .leftsec {
    padding-top: 40px;
  }
  .column_order {
    flex-direction: column-reverse;
  }
  .faq_sec .marg-top {
    margin-top: 0;
  }
  .sec_9 .leftsec {
    padding: 15px;
  }
  .sec_8 .container_custom {
    max-width: 90% !important;
  }
  .sec_title {
    text-align: left;
  }
  .sec_10 .container_custom,
  .sec_3 .container_custom,
  .sec_6 .container_custom {
    max-width: 100% !important;
  }
  .sec_7 .left_img_sec {
    display: block;
    padding-top: 20px;
  }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .banner_title {
    font-size: 30px;
  }
  .banner_desc {
    font-size: 16px;
  }
  .sec_2 .leftsec {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    position: relative;
  }
  .sec_2 .leftsec .element_img {
    width: 50px;
    position: absolute;
    top: 25px;
    left: 11px;
  }
  .sec_6 .rightside,
  .why_choose_sec .card {
    position: unset;
  }
  .column_order {
    flex-direction: column-reverse;
  }
  .sec_8 .container_custom {
    max-width: 90% !important;
  }
  .sec_7 .rightside {
    padding-left: 40px;
    padding-right: 40px;
  }
  .sec_9 .leftsec {
    padding: 40px;
  }
  .sec_9 .leftsec img {
    position: absolute;
    top: 4%;
    left: 2%;
    width: 50px;
  }
  .sec_10 .card {
    min-width: none;
    max-width: none;
  }
  .faq_sec .marg-top {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .sec_7 .left_img_sec img {
    margin-top: 70%;
    margin-left: -4%;
  }
  .sec_9 .rightside img {
    margin-top: 28%;
  }
  .sec_title {
    text-align: left;
  }
  .sec_10 .card {
    max-width: none;
    min-width: none;
  }
  .why_choose_sec .card {
    padding-bottom: 10px;
  }
  .footernew .card .rightside .headings {
    line-height: 40px;
  }
  .banner_title {
    font-size: 30px;
  }
  .banner_desc {
    font-size: 16px;
  }
  .sec_2 .leftsec,
  .sec_7 .rightside {
    padding-left: 40px;
    padding-right: 40px;
  }
  .sec_2 .leftsec .element_img {
    top: -17px;
    left: 23px;
    width: 50px;
  }
  .sec_9 .leftsec {
    padding: 40px;
  }
  .sec_9 .leftsec img {
    position: absolute;
    top: 3%;
    left: 4%;
    width: 45px;
  }
  .why_choose_sec .cardprogress .card-body {
    padding: 0.25rem;
  }
  .sec_6 .rightside img {
    margin-bottom: -68% !important;
  }
}

@media only screen and (max-width: 768px) {
  .appticz_div {
    overflow: hidden;
  }
  .sec_9 .rightside {
    padding-right: 0;
    text-align: end;
  }
}

.sec_3.scrolltab .hori_tab li {
  border: 1px solid #707070;
  border-radius: 4px;
  padding: 8px 15px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.sec_3.scrolltab .hori_tab li:hover,
.sec_3.scrolltab li.active {
  padding: 8px 15px;
  background: #fbc106;
  border-radius: 4px;
  color: #000;
  border: 1px solid transparent;
  font-weight: 600;
}

.sec_3.scrolltab li.active a, 
.sec_3.scrolltab .hori_tab li:hover a {
    color: #000 !important;
}

.sec_3.scrolltab .hori_tab li a {
  color: #272727;
  font-size: 14px;
  font-weight: 500;
}

.sec_3.scrolltab .slick-slider {
  touch-action: auto;
  -ms-touch-action: auto;
}

.sec_3.scrolltab .slick-list.draggable {
  position: relative;
  z-index: 3;
  padding-right: 15px;
  height: 450px !important;
}

.sec_3.scrolltab .slider .slick-slide,
.slidertwo .slick-slide {
  background-repeat: no-repeat;
  border: 0;
  z-index: 99;
  min-height: 500px;
  position: relative;
  display: flex !important;
  align-items: center;
  width: 100% !important;
}

.sec_3.scrolltab .slider .slick-slide:before {
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
}

.sec_3.scrolltab .banner_title_big {
  color: #010101;
  font-size: 35px;
  font-weight: 700;
  line-height: 50px;
}

.sec_3.scrolltab .desc_blk {
  color: #111;
  font-size: 16px;
  font-weight: 400;
}

.sec_3.scrolltab .slider .slick-slide p {
  margin: 0 0 15px;
}

.sec_3.scrolltab .slick-slide img {
  margin-left: 0 !important;
}

.bg_sec3_right .sec_desc,
.slick-list.draggable button,
.software_text p {
  position: relative;
  z-index: 3;
}

.sec_3.scrolltab .slider .slick-dots,
.trend_sec .slider .slick-dots,
.trend_sec .slidertwo .slick-dots {
  z-index: 3 !important;
  max-width: 15px !important;
}

.sec_3.scrolltab .slick-dots {
  position: absolute;
  top: 100px !important;
  right: 0 !important;
  transform: none !important;
  left: unset !important;
  text-align: left;
  top: calc(50% - 15px);
}

.sec_3.scrolltab .slick-dots li.slick-active {
  width: 10px;
  height: 150px;
  border-radius: 25px !important;
}

.sec_3.scrolltab .slick-dots li {
  width: 10px;
  height: 10px;
  display: none;
  margin: 1px 0 5px auto;
  background: #00aeef;
  transition: 0.5s;
  border-radius: 50% !important;
}

.sec_3.scrolltab .slick-dots li button,
.why_choose_sec .cardsec .hoverimage,
.why_choose_sec .cardsec .sectiondiv1:hover .mainimage,
.why_choose_sec .cardsec .sectiondiv2:hover .mainimage,
.why_choose_sec .cardsec .sectiondiv3:hover .mainimage,
.why_choose_sec .cardsec .sectiondiv4:hover .mainimage,
.why_choose_sec .cardsec .sectiondiv5:hover .mainimage,
.why_choose_sec .cardsec .sectiondiv6:hover .mainimage {
  display: none;
}

.sec_3.scrolltab .bg_head.bg_head_tech {
  padding: 25px 30px !important;
}

.sec_3.scrolltab .bg_head {
  color: #000300;
  font-size: 25px;
  font-weight: 900;
  background-image: url(/assets/images/home/head_bg.webp);
  background-repeat: no-repeat;
  padding: 50px 40px;
  margin-bottom: 0;
}

.sec_3.scrolltab .hori_tab,
.trend_sec .hori_tab {
  border: none !important;
  justify-content: center;
}

.scrolltab
  .slick-slide.slick-current.slick-active
  ~ .slick-slide
  ~ .slick-slide,
.sec_3.scrolltab
  .slick-slide.slick-current.slick-active
  ~ .slick-slide
  ~ .slick-slide {
  min-height: 100px !important;
  width: 85% !important;
  margin-left: 10%;
  opacity: 0.5;
}

.sec_8 .borderlines .centerborder {
  position: absolute;
  height: 1px;
  color: #000;
  top: 45%;
  margin-left: 20%;
  width: 60%;
  border: 1px solid;
  border-image: linear-gradient(to left, #eb5b5c, #ed5758) 1 0;
  opacity: 0.5;
}

.dot1,
.dot2,
.dot3,
.dot4 {
  border-radius: 50%;
  display: inline-block;
  position: absolute;
}

.sec_8 .borderlines .leftborder {
  position: absolute;
  width: 50%;
  float: left;
  height: 70%;
  border-width: 1.5px;
  border-style: solid;
  border-image: linear-gradient(to top, #eb5b5c, #ed5758);
  border-image-slice: 1;
  border-bottom: none;
  border-top: none;
  left: 25%;
  margin-top: 5%;
  opacity: 0.5;
}

.btn:focus {
  box-shadow: none;
}

.why_choose_sec .cardsec .hoverimage,
.why_choose_sec .cardsec .mainimage {
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
}

.why_choose_sec .cardsec .sectiondiv1:hover .hoverimage,
.why_choose_sec .cardsec .sectiondiv2:hover .hoverimage,
.why_choose_sec .cardsec .sectiondiv3:hover .hoverimage,
.why_choose_sec .cardsec .sectiondiv4:hover .hoverimage,
.why_choose_sec .cardsec .sectiondiv5:hover .hoverimage,
.why_choose_sec .cardsec .sectiondiv6:hover .hoverimage {
  display: block;
  margin: auto;
}

.why_choose_sec .cardsec .sectiondiv1:hover p,
.why_choose_sec .cardsec .sectiondiv2:hover p,
.why_choose_sec .cardsec .sectiondiv3:hover p,
.why_choose_sec .cardsec .sectiondiv4:hover p,
.why_choose_sec .cardsec .sectiondiv5:hover p,
.why_choose_sec .cardsec .sectiondiv6:hover p {
  color: #3385ee;
}

.why_choose_sec .cardsec .sectiondiv1:hover .sectiondiv1::after {
  position: absolute;
  content: "";
  color: #3385ee;
  height: 2px;
  width: 30px;
  top: 0;
}

.dot1 {
  height: 35px;
  width: 35px;
  background-color: #fdea9c;
  top: 10%;
  left: 40%;
}

.dot2,
.dot3 {
  height: 25px;
  width: 25px;
}

.dot2 {
  background-color: #ebd7b7;
  top: 2%;
  left: 50%;
}

.dot3,
.dot4 {
  background-color: #99cfe5;
}

.dot3 {
  top: 15%;
  left: 60%;
}

.dot4 {
  height: 50px;
  width: 50px;
  bottom: 15%;
  left: 50%;
}

.scrollist .serialnum {
  font-size: 30px;
  color: #02021e;
  font-weight: 600;
  border-bottom: 5px solid #00aeef;
  width: 35px;
  margin-right: 20px;
}

.scrollist .scrolltab_title {
  font-size: 18px;
  font-weight: 600;
  color: #02021e;
}

.blog-slider__content .sec_desc,
.scrollist .sec_desc {
  font-size: 14px;
}

.feature_sec {
  padding-top: 40px;
  padding-bottom: 40px;
}

.feature_sec .sec_title {
  font-size: 30px;
  color: #000;
  font-weight: 700;
  text-align: center;
}

.feature_sec .nav-tabs {
  border-bottom: 0 solid #dee2e6;
  justify-content: center;
  gap: 1px;
}

.feature_sec .nav-tabs .nav-link {
  background-color: #fff;
  color: #000;
  border-radius: 0;
  font-size: 14px;
  border: 1px solid #53b123;
}

.feature_sec .nav-tabs .nav-link.active {
  background-color: #53b123;
  color: #fff;
  border-radius: 0;
  border-color: #53b123;
  font-size: 14px;
}

.feature_sec .feature_card {
  background-color: #fff;
  color: #000;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-align: center;
  border: 1px solid #707070;
}

.feature_sec .grid_row {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 15px;
}

.benefit_sec .left_sec .sec_title {
  font-size: 18px;
}

.p2ppage.appticz_div .main_header_area .logo_span {
  background: url(../images/logoblack.webp) top/75% no-repeat;
  height: 24px;
}

.trend_sec {
  background: linear-gradient(244deg, #f9a706 0, #e67f1b 100%) no-repeat
    padding-box;
}

.benefit_sec .sec_desc {
  line-height: 30px;
}

.trend_sec .hori_tab li.active,
.trend_sec .hori_tab li:hover {
  background: #0051ff;
  padding: 8px 15px;
  border-radius: 0;
  color: #fff;
}

.trend_sec .hori_tab li {
  padding: 8px 15px;
  margin-right: 5px;
  background-color: #fff;
}

.trend_sec .hori_tab li a {
  color: #272727;
  font-size: 14px;
  font-weight: 700;
}

.trend_sec .slick-dots {
  position: absolute;
  top: 35% !important;
  right: 10% !important;
  transform: none !important;
  left: unset !important;
}

.trend_sec .slick-slide .shape_btn {
  top: -1.5px !important;
}

.trend_sec .slick-list.draggable {
  position: relative;
  z-index: 3;
  padding-right: 15px;
}

.trend_sec .slider .slick-slide {
  border: 0;
  z-index: 99;
  min-height: 500px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100% !important;
}

.slick-slider {
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  display: block;
  overflow: hidden;
}

.slick-list:focus,
:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  left: 0;
  top: 0;
  display: block;
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  margin: auto;
  max-width: 100%;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-dots li,
button {
  display: inline-block;
}

.slick-active {
  opacity: 1 !important;
  transition: opacity 0.3s ease-in;
}

.trend_sec .slicks_row {
  width: 85%;
  margin: auto;
}

.trend_sec .sliders_card {
  padding: 50px;
  box-shadow: 0 0 20px #00000057;
  border-radius: 20px;
  position: relative;
}

.trend_sec .sliders_card .leftsec img {
  margin-left: -40%;
  box-shadow: 0 0 20px #00000057;
}

.trend_sec .slick-dots li.slick-active button:before {
  border-radius: 10px;
  opacity: 1;
  color: #fbc106;
  height: 20px;
  background-color: #fbc106;
}

.trend_sec .slick-dots li button:before {
  background-color: #a5a5a5;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  content: "";
  text-align: center;
  opacity: 0.25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.blog-slider {
  width: 95%;
  position: relative;
  max-width: 800px;
  margin: auto;
  background: #fff;
  box-shadow: 0 14px 80px rgba(34, 35, 58, 0.2);
  padding: 25px;
  border-radius: 25px;
  height: 400px;
  transition: 0.3s;
}

@media screen and (max-width: 992px) {
  .blog-slider {
    max-width: 680px;
    height: 400px;
  }
}

.blog-slider__item.swiper-slide-active .blog-slider__img img {
  opacity: 1;
  transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > * {
  opacity: 1;
  transform: none;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :first-child {
  transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(2) {
  transition-delay: 0.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(3) {
  transition-delay: 0.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(4) {
  transition-delay: 0.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(5) {
  transition-delay: 0.7s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(6) {
  transition-delay: 0.8s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(7) {
  transition-delay: 0.9s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(8) {
  transition-delay: 1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(9) {
  transition-delay: 1.1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(10) {
  transition-delay: 1.2s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(11) {
  transition-delay: 1.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(12) {
  transition-delay: 1.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(13) {
  transition-delay: 1.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(14) {
  transition-delay: 1.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > :nth-child(15) {
  transition-delay: 1.7s;
}

.blog-slider__img {
  width: 300px;
  flex-shrink: 0;
  height: 300px;
  background-image: linear-gradient(147deg, #fe8a39 0, #fbc106 74%);
  box-shadow: 4px 13px 15px 1px rgb(108 103 103 / 24%);
  border-radius: 20px;
  transform: translateX(-80px);
  overflow: hidden;
}

.blog-slider__img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  opacity: 0.8;
}

.blog-slider__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  border-radius: 20px;
  transition: 0.3s;
}

.blog-slider__content .sec_title {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .blog-slider {
    min-height: 500px;
    height: auto;
    margin: 180px auto;
  }
  .blog-slider__item {
    flex-direction: column;
  }
  .blog-slider__img {
    transform: translateY(-50%);
    width: 90%;
  }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider {
    height: 350px;
  }
  .blog-slider__img {
    height: 270px;
  }
}

.blog-slider__content {
  padding-right: 25px;
}

@media screen and (max-width: 768px) {
  .blog-slider__content {
    margin-top: -80px;
    text-align: center;
    padding: 0 30px;
  }
}

.blog-slider__content > * {
  opacity: 0;
  transform: translateY(25px);
  transition: 0.4s;
}

.blog-slider__code {
  color: #7b7992;
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
}

.blog-slider__title {
  font-size: 24px;
  font-weight: 700;
  color: #0d0925;
  margin-bottom: 20px;
}

.blog-slider__text {
  color: #4e4a67;
  margin-bottom: 30px;
  line-height: 1.5em;
}

.blog-slider__button {
  display: inline-flex;
  background-image: linear-gradient(147deg, #fe8a39 0, #fd3838 74%);
  padding: 15px 35px;
  border-radius: 50px;
  color: #fff;
  box-shadow: 0 14px 80px rgba(252, 56, 56, 0.4);
  font-weight: 500;
  justify-content: center;
  text-align: center;
  letter-spacing: 1px;
}

@media screen and (max-width: 576px) {
  .blog-slider__img {
    width: 95%;
  }
  .blog-slider__content {
    padding: 0;
  }
  .blog-slider__button {
    width: 100%;
  }
}

.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.blog-slider .swiper-pagination-custom,
.blog-slider .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.blog-slider__pagination {
  position: absolute;
  z-index: 21;
  right: 20px;
  width: 11px !important;
  text-align: center;
  left: auto !important;
  top: 50%;
  bottom: auto !important;
  transform: translateY(-50%);
}

.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 8px 0;
}

.blog-slider__pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  display: block;
  border-radius: 10px;
  background: #062744;
  opacity: 0.2;
  transition: 0.3s;
}

.blog-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fbc106;
  height: 30px;
  box-shadow: 0 0 20px rgba(252, 56, 56, 0.3);
}

@media screen and (max-width: 768px) {
  .blog-slider__pagination {
    transform: translateX(-50%);
    left: 50% !important;
    top: 205px;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }
  .blog-slider__pagination .swiper-pagination-bullet-active {
    height: 11px;
    width: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .container_custom,
  .custom_container {
    max-width: 95% !important;
  }
  .sec_3.scrollist {
    display: none;
  }
}

.why_choose_sec .cardsec .sectiondiv1:hover .borders::before,
.why_choose_sec .cardsec .sectiondiv2:hover .borders::before,
.why_choose_sec .cardsec .sectiondiv3:hover .borders::before,
.why_choose_sec .cardsec .sectiondiv4:hover .borders::before,
.why_choose_sec .cardsec .sectiondiv5:hover .borders::before,
.why_choose_sec .cardsec .sectiondiv6:hover .borders::before {
  position: absolute;
  content: "";
  border-top: 5px solid #3682f0;
  height: 100px;
  width: 60%;
  left: 20%;
  top: -30%;
}

.why_choose_sec .cardsec .sectiondiv1:hover .borders1::after,
.why_choose_sec .cardsec .sectiondiv2:hover .borders1::after,
.why_choose_sec .cardsec .sectiondiv3:hover .borders1::after,
.why_choose_sec .cardsec .sectiondiv4:hover .borders1::after,
.why_choose_sec .cardsec .sectiondiv5:hover .borders1::after,
.why_choose_sec .cardsec .sectiondiv6:hover .borders1::after {
  position: absolute;
  content: "";
  border-bottom: 5px solid #3682f0;
  height: 100px;
  width: 60%;
  left: 20%;
  bottom: -53%;
}

@media only screen and (max-width: 400px) {
  .btn_slick_sec .btn {
    padding: 15px 0;
  }
  .btn_slick_sec .btn .left,
  .btn_slick_sec .btn .right {
    padding: 8px !important;
  }
  .btn_slick_sec {
    margin: auto !important;
  }
}

.airbnbpage .megamenu-panel {
  left: -3%;
}

@media only screen and (min-width: 1201px) and (max-width: 1350px) {
  .banner_desc,
  .banner_title {
    text-align: left;
  }
  .sec_2 .text-center img {
    margin-top: 27%;
  }
  .sec_2 .leftsec {
    padding-left: 50px;
    padding-right: 50px;
  }
  .sec_2 .leftsec .element_img {
    position: absolute;
    top: -42px;
    left: 14px;
    width: 80px;
  }
  .sec_7 .left_img_sec img {
    margin-top: 37%;
  }
  .sec_9 .rightside img {
    margin-top: 32%;
  }
}

@media only screen and (min-width: 1351px) and (max-width: 1440px) {
  /* .sec_2 .text-center img {
    margin-top: 15%;
  } */
  .sec_7 .left_img_sec img {
    margin-top: 21%;
  }
  .sec_9 .rightside img {
    margin-top: 6%;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 1500px) {
  .sec_2 .text-center img {
    margin-top: 15%;
  }
  .sec_7 .left_img_sec img {
    margin-top: 13%;
  }
  .sec_9 .rightside img {
    margin-top: 6%;
  }
}

@media only screen and (min-width: 1451px) and (max-width: 1550px) {
  .sec_7 .left_img_sec img {
    margin-top: 12%;
  }
  .sec_9 .rightside img {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1551px) {
  .sec_7 .left_img_sec img {
    margin-top: 12%;
  }
}

/* @media only screen and (min-width: 1501px) {
  .sec_2 .text-center img {
    margin-top: 15%;
  }
} */

.why_choose_sec .sec_titles {
  font-size: 35px;
  font-weight: 700;
  color: #fff;
}

@media only screen and (max-width: 1200px) {
  .why_choose_sec .cardsec .sectiondiv1:hover .borders1::after,
  .why_choose_sec .cardsec .sectiondiv1:hover .borders::before,
  .why_choose_sec .cardsec .sectiondiv2:hover .borders1::after,
  .why_choose_sec .cardsec .sectiondiv2:hover .borders::before,
  .why_choose_sec .cardsec .sectiondiv3:hover .borders1::after,
  .why_choose_sec .cardsec .sectiondiv3:hover .borders::before,
  .why_choose_sec .cardsec .sectiondiv4:hover .borders1::after,
  .why_choose_sec .cardsec .sectiondiv4:hover .borders::before,
  .why_choose_sec .cardsec .sectiondiv5:hover .borders1::after,
  .why_choose_sec .cardsec .sectiondiv5:hover .borders::before,
  .why_choose_sec .cardsec .sectiondiv6:hover .borders1::after,
  .why_choose_sec .cardsec .sectiondiv6:hover .borders::before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  #desktopview_trend,
  .dot1,
  .dot2,
  .dot3,
  .dot4,
  .sec_1 .left_img_sec img,
  .sec_3.scrolltab {
    display: none;
  }
  .contactus_form .card .leftsec {
    padding-left: 20px;
    padding-right: 20px;
  }
  .banner_sec_bg {
    background-image: unset;
  }
  #mobileview_trend {
    display: block;
  }
}

@media only screen and (max-width: 991px) and (min-width: 576px) {
  .why_choose_sec .borderlines .centerborder {
    position: absolute;
    height: 1px;
    color: #000;
    top: 45%;
    margin-left: 5%;
    width: 90%;
    border: 1px solid #c9c9c9;
    opacity: 0.3;
  }
  .why_choose_sec .borderlines .leftborder {
    position: absolute;
    width: 34%;
    float: left;
    height: 90%;
    border: 1px solid #c9c9c9;
    border-image-slice: 1;
    border-bottom: none;
    border-top: none;
    left: 33%;
    opacity: 0.5;
  }
}

@media only screen and (max-width: 1600px) and (min-width: 1501px) {
  .sec_6 .rightside {
    max-width: 95%;
  }
}

@media only screen and (max-width: 1700px) and (min-width: 1601px) {
  .sec_6 .rightside {
    max-width: 95%;
  }
}

@media only screen and (max-width: 1800px) and (min-width: 1701px) {
  .sec_6 .rightside {
    max-width: 85%;
  }
}

@media only screen and (max-width: 1900px) and (min-width: 1801px) {
  .sec_6 .rightside {
    max-width: 80%;
  }
}

@media only screen and (min-width: 1901px) {
  .sec_6 .rightside {
    max-width: 75%;
  }
}

@media only screen and (min-width: 1200px) {
  .achieve_sec .custom_container,
  .footer_bottom .custom_container,
  .footernew .achieve_sec .custom_container {
    max-width: 1140px !important;
  }
  .sec_7 .container,
  .sec_9 .container {
    max-width: 100% !important;
  }
  .sec_9 .dotsec {
    align-items: center;
  }
}

@media only screen and (max-width: 575px) {
  .feature_sec .grid_row {
    display: grid;
    grid-template-columns: auto auto;
    gap: 15px;
  }
  .feature_sec .nav-tabs {
    border-bottom: 0 solid #dee2e6;
    justify-content: center;
    gap: 10px;
  }
  .feature_sec .sec_title {
    font-size: 22px;
  }
  .row_2_order {
    flex-direction: column-reverse;
  }
  .trend_sec .slicks_row {
    width: 100%;
    margin: auto;
  }
  .trend_sec .sliders_card .leftsec img {
    margin-left: unset;
    margin-bottom: 25px;
    max-width: 200px;
  }
  .trend_sec .hori_tab {
    gap: 10px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .container_custom,
  .custom_container {
    max-width: 100% !important;
  }
  .btn_slick_sec {
    margin: auto !important;
  }
  .trend_sec .hori_tab {
    padding-bottom: 20px;
    gap: 10px;
  }
  .feature_sec .grid_row {
    grid-template-columns: auto auto auto;
  }
  .row_2_order {
    flex-direction: column-reverse;
  }
  .trend_sec .sliders_card .leftsec img {
    box-shadow: 0 0 20px #00000057;
    margin: auto auto 20px;
  }
  .trend_sec .slicks_row {
    width: 100%;
    margin: auto;
  }
  .trend_sec .slick-dots {
    right: 6% !important;
  }
  .feature_sec .nav-tabs {
    gap: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dot1,
  .dot2,
  .dot3,
  .dot4 {
    position: absolute;
    border-radius: 50%;
    display: inline-block;
  }
  .faq_sec .sec_title {
    text-align: left;
  }
  .sec_3.scrolltab .row.align_custom {
    padding: 20px;
  }
  .dot1 {
    height: 35px;
    width: 35px;
    background-color: #fdea9c;
    top: 39%;
    left: 60%;
  }
  .dot2,
  .dot3 {
    height: 25px;
    width: 25px;
  }
  .dot2 {
    background-color: #ebd7b7;
    top: 7%;
    left: 50%;
  }
  .dot3,
  .dot4 {
    background-color: #99cfe5;
  }
  .dot3 {
    top: 34%;
    left: 8%;
  }
  .dot4 {
    height: 50px;
    width: 50px;
    bottom: 39%;
    left: 10%;
  }
  .trend_sec .hori_tab {
    gap: 10px;
  }
  .feature_sec .grid_row {
    grid-template-columns: auto auto auto auto;
  }
  .row_2_order {
    flex-direction: column-reverse;
  }
  .trend_sec .sliders_card .leftsec img {
    margin: auto auto 20px;
    box-shadow: 0 0 20px #00000057;
  }
  .trend_sec .slicks_row {
    width: 100%;
  }
  .trend_sec .slick-dots {
    right: 5% !important;
  }
  .sec_7 .container,
  .sec_9 .container {
    max-width: 100%;
  }
  .slider_div {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .trend_sec .slicks_row {
    width: 85%;
  }
  .trend_sec .slick-dots {
    right: 11% !important;
  }
  .trend_sec .sliders_card .leftsec img {
    margin-left: unset;
  }
  .sec_2 .column_order {
    align-items: center;
  }
  .trend_sec .hori_tab li {
    margin-bottom: 10px;
  }
  .feature_sec {
    min-height: 450px;
  }
  .sec_7 .container {
    max-width: 100%;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1350px) {
  .trend_sec .sliders_card .leftsec img {
    margin-left: -40%;
    box-shadow: 0 0 20px #00000057;
    margin-top: 25%;
  }
}

@media only screen and (min-width: 1201px) {
  .feature_sec {
    min-height: 400px;
  }
}

.bluecard_grid .first,
.why_choose_sec a {
  font-weight: 700;
}

.p2ppage .nav-toggle:before {
  background-color: #000;
  box-shadow: 0 0.5em 0 0 #000, 0 1em 0 0 #000;
}

@media only screen and (min-width: 768px) {
  #mobileview_trend {
    display: none;
  }
  #desktopview_trend {
    display: block;
  }
}

#mobileview_trend.trend_sec .sliders_card {
  padding: 25px;
  text-align: center;
}

.benefit_sec .bluecard_grid .bluecard {
  background-color: #006ee3;
  min-width: 120px;
  max-width: 120px;
  height: 120px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex-direction: column;
  text-align: center;
  margin-bottom: 40px;
  padding: 10px;
}

.benefit_sec .bluecard_grid {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  margin-top: 40px;
}

.bluecard_grid .second {
  font-size: 14px;
  margin-bottom: 0;
}

@media only screen and (max-width: 1199px) {
  .benefit_sec .bluecard_grid {
    display: grid;
    grid-template-columns: auto auto auto auto;
  }
}

.slick-dotted.slick-slider {
  margin: auto;
  width: 85%;
}

.benefit_sec {
  background-color: #3b45a8;
  color: #fff;
}

.scrolltab .slick-dotted.slick-slider {
  margin-bottom: 30px !important;
}

.scrolltab .slick-slide.slick-current.slick-active {
  min-height: 100px !important;
}

.scrolltab .slick-slide.slick-current.slick-active ~ .slick-slide {
  min-height: 100px !important;
  width: 90% !important;
  margin-left: 5%;
  opacity: 0.5;
}

/* .sec_6 .rightside img {
  margin-bottom: -16px;
} */

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sec_7 .container,
  .sec_9 .container {
    max-width: 100% !important;
  }
  .sec_8 .borderlines .centerborder,
  .sec_8 .borderlines .leftborder {
    display: none;
  }
}

.sec_9 .container {
  max-width: 100%;
}

@media only screen and (min-width: 1351px) {
  /* .sec_6 .rightside img {
    margin-bottom: -48px;
  } */
  .container {
    max-width: 1280px !important;
  }
  .sec_7 .left_img_sec img {
    margin-left: -4%;
  }
  .why_choose_sec .cardprogress .card-body {
    padding: 0;
  }
  .why_choose_sec .cardprogress {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1350px) {
  .sec_6 .rightside img {
    margin-bottom: -25%;
  }
  .sec_7 .left_img_sec img {
    margin-left: -5%;
  }
  .sec_9 .leftsec {
    padding: 100px 100px 20px;
  }
}

@media only screen and (max-width: 991px) {
  .btn_slick_sec {
    margin: auto !important;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .p2ppage .nav-menu > li > a {
    color: #fff;
  }
  .sec_3.scrollist {
    display: block;
  }
  .sec_3.scrolltab {
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  .sec_1 .rightside {
    padding-left: 50px;
  }
  .sec_3.scrollist {
    display: none;
  }
  .sec_3.scrolltab {
    display: block;
  }
}

/* .sec_2 .btn.btn-home.yellow_btn .left,
.sec_2 .btn.btn-home.yellow_btn .right {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
} */

/* .sec_2 .btn.btn-home.yellow_btn .left::before {
  background-color: #fff;
} */

.sec_2 .leftsec img {
  margin-top: unset;
}



.netflixpage.p2ppage .nav-menu > li > a {
    color: #fff;
}

.netflixpage .main_header_area.sticky .nav-menu>li>a {
    color: #000;
}

.netflixpage .submenu-indicator-chevron {
    border-color: #fff;
}

.netflixpage .main_header_area.sticky .submenu-indicator-chevron {
    border-color: transparent #70798b #70798b transparent;
}

.netflixpage.appticz_div .main_header_area .logo_span {
    background-image: url(../images/logo_result.webp);
}

.netflixpage .btn.btn-home.yellow_btn .right {
    color: #000;
}

.netflixpage .sec_2 .btn.btn-home .right .fa-arrow-circle-right {
    color: #000;
}

.netflixpage .sec_2 .btn.btn-home:hover span {
    color: #fff;
}

.netflixpage .nav-menu>li:hover>a .submenu-indicator-chevron {
    border-color: #fff;
}








