* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
}

body {
    margin: 0px;
    padding: 0px;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
    color: #010137;
    font-family: 'Open Sans Hebrew';
    font-weight: normal;
    font-size: 1rem;
    background: #fff;
    line-height: 1.5;
}
a{
    text-decoration: none;
}
ul {
    list-style: none;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.container {
    --bs-gutter-x: 1.5rem;
    width: 100%;
    max-width: 1140px;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

.container-fluid{
    --bs-gutter-x: 1.5rem;
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

.col {
    flex: 1 0 0%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.d-flex {
    display: flex !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.banner>img {
    width: 100%;
    display: block;
}

.relative {
    position: relative;
}

.banRignt {
    display: block;
    width: 62%;
    position: absolute;
    right: 0;
    top: 0;
}


.banRignt>img {
    display: block;
    width: 100%;
}
.banSlogan {
    position: absolute;
    top: 0;
    right: 0;
    padding: 60px;
    width: 100%;
}
.banSlogan img {
    max-width: 100%;
    display: block;
}
.sloganContent h6 {
    color: #010137;
    background: #d91864;
    padding: 0 15px;
    font-size: 2vw;
    display: inline-block;
    line-height: 1.3;
    font-weight: 600;

}
.sloganContent h3 {
    color: #fff;
    font-weight: bold;
    font-size: 4.5vw;
    line-height: 1;
}
.sloganContent h2 {
    color: #00b3cc;
    font-size: 6vw;
    line-height: 1;
}
.sloganInput h4{color: #FFF;font-size: 20px;}
.logo {
    margin-bottom: 40px;
}
.mobLogo {
    position: absolute;
    top: 20px;
    right: 20px;
}
.mobLogo {
    max-width: 200px;
    width: 100%;
}
.mobLogo img {
    display: block;
    width: 100%;
}

.formArea.formAreaHeader{
    position: absolute;
    width: 100%;
    bottom: 48px;
    left: 0;
}

.input-1 {
    width: 100%;
    border: none;
    height: 52px;
    padding: 0 1rem;
    border-radius: 14px;
    color: #010137;
    font-size: 1rem;
    font-weight: bold;
    font-family: 'Open Sans Hebrew';
}
.ph-148 {
    padding: 0 5%;
}
.formArea h3 {
    color: #fff;
    font-size: 2vw;
    margin-bottom: 1rem;
}
.formArea h3 span {
    color: #00b3cc;
}
.formArea .submitBtn {
    background: #00b3cc;
    color: #fff;
    border: none;
    height: 52px;
    padding: 0 4rem;
    border-radius: 14px;
    font-size: 1.25rem;
    font-weight: bold;
    font-family: 'Open Sans Hebrew';
    display: inline-block;
    cursor: pointer;
}

.formArea ::-webkit-input-placeholder {
    /* Edge */
    color: #000134;
    opacity: 1;
}

.formArea :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000134;
    opacity: 1;
}

.formArea ::placeholder {
    color: #000134;
    opacity: 1;
}



.callYou {
    position: absolute;
    left: 1.5rem;
    bottom: calc(100% + 50px);
    background: #fff;
    border-radius: 32px;
    padding: 25px 30px 40px 47px;
}
.callYou span {
    height: 84px;
    width: 84px;
    border-radius: 50% 50% 50% 0;
    background: #00b3cc;
    display: block;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 58px;
    position: absolute;
    left: -21px;
    font-weight: bold;
    bottom: -25px;
}
.callYou h5{
    color: 010137;
    font-size: 23px;
    font-weight: bold;
}
.callYou ul li:not(:last-child){
    margin-left: 20px;
}
.callYou ul li a{
    font-size: 23px;
    color: #010137;

}
.banner:after {
    background: url(../images/videobtm-bg-top.png) center bottom no-repeat;
    bottom: 0;
} 
.banner:after {
    width: 100%;
    content: "";
    position: absolute;
    height: 56px;
    background-size: cover;
    left: 0;
    z-index: 1;
}
.viseoSection:before {
    background: url(../images/videobtm-bg-top.png) center bottom no-repeat;
    top: -56px;
} 
.viseoSection:before {
    width: 100%;
    content: "";
    position: absolute;
    height: 56px;
    background-size: cover;
    left: 0;
    z-index: 1;
}
.video_box{padding: 100px 0;}
.orderThrough:before {
    background: url(../images/videobtm-bg-top.png) center bottom no-repeat;
    top: -56px;
} 
.orderThrough:before {
    width: 100%;
    content: "";
    position: absolute;
    height: 56px;
    background-size: cover;
    left: 0;
    z-index: 1;
}
.orderThrough:after {
    background: url(../images/videotop-bg.png) center bottom no-repeat;
        bottom: -35px;
} 
.orderThrough:after {
    width: 100%;
    content: "";
    position: absolute;
    height: 56px;
    background-size: cover;
    left: 0;
    z-index: 1;
}
.orderThrough {
    background: #00b3cc;
    position:relative;
    padding: 60px 0;
}
.orderThrough h2 {
    color: #fff;
    font-size:40px;
    margin-bottom: 20px;
}
.orderThrough [class*="col-"]{
    margin-top: calc(var(--bs-gutter-x) * 0.5);
    margin-bottom: calc(var(--bs-gutter-x) * 0.5);
}
.otContainer {
    --bs-gutter-x: 1.5rem;
    width: 100%;
    max-width: 870px;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    position: relative;
} 
.sm-block{text-align: center;padding: 30px 0;}
.sm-block h3{font-size: 3em;color: #00b3cc;}
.sm-block p{color: #FFF;font-size: 18px;font-weight: normal;}
.text-center {
    text-align: center;
}

.otBox {
    color: #fff;
    font-size: 1.3vw;
}
.otBox span {
    display: block;
    margin: 0 auto 15px;
    width: 4vw;
}

.otBox span img {
    display: block;
    width: 100%;
}
.video_img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.video_img img {
    width: 100%;
}
.video_box {
   
    position: relative;
    overflow: hidden;
     background-color: #010137;
  }
  .video_wrapper {
    visibility: hidden;
  } 
  .video_wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
}
.video {
    width: 100%;
  }

  .video_btn_box {
    position: absolute;
    text-align: center;
    color: #fff;
    bottom: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.video_btn {
    position: relative;
    padding: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font: normal normal normal 30px/80px FontAwesome;
    background-color: transparent;
    outline: none !important;
    border: none;
    cursor: pointer;
}
.video_btn img {
    width: 100%;
    display: block;
}
.video_box.pause .video_wrapper {
    opacity: 1;
    visibility: visible;
  } 
  .video_box.pause .video_btn_box {
    bottom: -30px;
    -webkit-transform: translate(-50%, 0) scale(.5);
    -ms-transform: translate(-50%, 0) scale(.5);
    -o-transform: translate(-50%, 0) scale(.5);
    transform: translate(-50%, 0) scale(.5);
    padding-bottom: 70px;
}
.video_box.pause .video_btn .pauseIcon{
    display: block;
}
.video_box .video_btn .pauseIcon{
    display: none;
} 
.video_box.pause .video_btn .playIcon{
    display: none;
} 
.whatsappBtn {
    text-align: center;
    display: block;
    border-radius: 14px;
    border: #fff 1px solid;
    padding: .7rem;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
}



.viseoSection:before {
    background: url(../images/videotop-bg.png) center bottom no-repeat;
    top: 0;
}
.testimonials {
    background: #010137;
    padding: 3rem 0 7rem;
    color: #fff;
}
.testimonials h2 {
    color: #00b3cc;
    font-size: 4vw;
    margin-bottom: 30px;

}
.testimonialsWrap {
    margin: 10px auto 0;
    max-width: 830px;
    padding: 0 15px;
    text-align: center;
}

.testimonialsWrap .owl-prev {
    position: absolute;
    top: 64px;
    right: 135px;
    background-color: transparent !important;
}
.testimonialsWrap .owl-next {
    position: absolute;
    top: 64px;
    left: 135px;
    background-color: transparent !important;
}
.testimonialsWrap .owl-prev span {
    font-size: 50px;
    height: 40px;
    width: 40px;
    background-color: transparent;
    display: inline-block;
    font-size: 40px;
    color: #00b3cc;
    border-radius: 50%;
    line-height: 33px;
    border: 0px solid #999;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
}
.testimonialsWrap .owl-next span {
    font-size: 50px;
    height: 40px;
    width: 40px;
    background-color: transparent;
    display: inline-block;
    font-size: 40px;
    color: #00b3cc;
    border-radius: 50%;
    line-height: 33px;
    border: 0px solid #999;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
}
.testiInner span {
    margin: 0 auto 30px;
    display: block;
    width: 176px;
    border-radius: 50%;
    overflow: hidden;
}
.testiInner span img {
    width: 100%;
    display: block;
}
.testiInner p {
    font-size: 30px;
    color: #00b3cc;
    margin-bottom: 20px;
}
.testiInner h6 {
    color: #fff;
    font-size: 30px;
    padding: 0;
}
footer {
    padding: 3rem 0 2rem;
    position: relative;
    background: #fafaf7;
}

footer::before {
    width: 100%;
    content: "";
    position: absolute;
    height: 16px;
    background-size: cover;
    left: 0;
    z-index: 1;
    background: url(../images/f-bdr.png) center center no-repeat;
    bottom: 0;
    background-size: contain;
}
.bottomFooter {
    padding: 40px 0 25px;
}
.formAreaFooter h3 {
    color: #010137;
    font-size: 1.5vw;
    margin-bottom: 1rem;
    text-align: center;
  }
 .formAreaFooter .input-1{
    background: #e7e7e8;
 } 
.whatsappBtn span {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.bottomFooter h3 {
    font-size: 24px;
    color: #00b3cc;
}
.contactWrapInner {
    position: relative;
    width: auto;

}
.contactWrapInner a{
    position: relative;
    padding-right: 60px;
    display: block;
    text-decoration: none;

}

.contactWrapInner:not(:last-child) {
    margin-left: 40px;
}
.contactWrapInner span {
    position: absolute;
    right: 0;
    top: 3px;
}
.contactWrapInner a h5 {
    font-size: 23px;
    line-height: 1;
    margin-bottom: 5px;
    color: #010137;
}

.contactWrapInner a p {
    font-size: 16px;
    color: #010137;
}
.starNumber a {
    display: inline-block;
    padding: 3px 15px;
    font-size: 28px;
    font-weight: 900;
    background: #c7c8ca;
    border-radius: 30px;
    line-height: 1;
    color: #010137;
}
.forMobile {
    display: none !important;
}

.error{
    z-index: 1;
}
.errorNotification {
    position: absolute;
    top: calc(100% + -15px);
    right: 12px;
    background: #fde7e7;
    padding: 21px 22px 8px;
    z-index: -1;
    color: #bd1212;
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px;
    display: none;
}
.error .errorNotification{
    display: block;
}
.contactWrapInner span img {
    max-width: 100%;
    display: block;
}

/* ........... radio .......... */

.radioArea label {
  display: flex;
  cursor: pointer;
  font-weight: 500;
  position: relative;
  color: #fff;
  /* Accessible outline */
  /* Remove comment to use */
  /*
    &:focus-within {
            outline: .125em solid $primary-color;
    }
  */
}
.radioArea label input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.radioArea label input:checked + span {
  /* background-color: #d6d6e5; */
}
.radioArea label input:checked + span:before {
  box-shadow: inset 0 0 0 0.25em #00b3cc;
  box-shadow: inset 0 0 0 0.5em #00b3cc;
}
.radioArea label span {
  display: flex;
  align-items: center;
  padding:0.375em 0.375em 0.375em 0.375em;
  border-radius: 99em;
  transition: 0.25s ease;
}
.radioArea label span:hover {
  /* background-color: #d6d6e5; */
}
.radioArea label span::before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin-left: 0.475em;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 0.125em #00b3cc;
}
.radioArea h5 {
    color: #fff;
    text-align: center;
}

footer .radioArea h5 {
    color: #010137;
  }
  footer .radioArea label {
    color: #010137;
} 
/* ........... radio .......... */





@media only screen and (max-width: 1366px) {
    .contactWrapInner a p {
        font-size: 12px;
    }
    .contactWrapInner a h5 {
        font-size: 14px;
    }
    .bottomFooter h3 {
        font-size: 16px;
    }
    .contactWrapInner a {
        padding-right: 46px;
    }
    .contactWrapInner span {
        width: 36px;
    }
    
}
@media only screen and (max-width: 991px) {
    .errorNotification {
        position: static;
    }
    .orderThrough {
        padding: 80px 0;
    }
    .orderThrough h2 {
        font-size: 27px;
    }
    .otBox {
        font-size: 16px;
    }
    .otBox span {
        width: 60px;
    }
    .otContainer .col-3{
        flex: 0 0 auto;
        width: 50%;
        max-width: 50% !important;
    }
    .home-sec-3 .col-4 {
        margin-top: 10px;
    }
    .sloganContent h3 {
        font-size: 9.5vw;
        margin-bottom: 20px;
    }
    .sloganContent h2 {
        font-size: 18vw;
    }
    .sloganContent h6 {
        font-size: 7vw;
        margin-bottom: 24px;
    }
    .sloganContent , .formArea.formAreaHeader{
        position: static;
    }
    .banner.forMobile{
        position: relative;
        background: #010137;
    }
    .bantopImg {
    position: absolute;
    bottom: 100%;
}
   .bantopImg img{
    display: block;
    width: 100%;
   } 

    .sloganContent ,
    .sloganContent h6,
    .sloganContent h3,
    .sloganContent h2 {
        text-align: center !important;
    }

    .col {
        flex: 0 0 100%;
        width: 100%;
    }

    .col-auto {
        flex: 0 0 100%;
        width: 100%;
    }

    .formArea .submitBtn {
        display: block;
        width: 100%;
    }

    .formArea .col {
        margin-bottom: 1rem;
    }

    .formAreaBtm {
        display: block;
    }
    .forDt {
        display: none !important;
    }
    .forMobile {
        display: block !important;
    }
    .video_box {
        padding:100px 0;
    }
    .formArea h3 {
        text-align: center;
        font-size: 1.6rem;
    }
    .formArea h3 span {
        display: block;
        font-size: 1.8rem;
    }
    .formArea {
        padding: 2rem 0 2.5rem;
      }

      .formArea ::-webkit-input-placeholder {
        /* Edge */
        color: #a5a5a5;
        opacity: 1;
    }
    
    .formArea :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #a5a5a5;
        opacity: 1;
    }
    
    .formArea ::placeholder {
        color: #a5a5a5;
        opacity: 1;
    }

    .input-1 {
        text-align: center;
    }
    .testimonials {
        padding: 1rem 0 7rem;
    }
    .testimonials h2 {
        font-size: 8vw;
    }
    .testimonialsWrap .owl-next {
        left: 0;
    }
    .testimonialsWrap .owl-prev {
        right: 0;
    }
    .testiInner p , .testiInner h6 {
        font-size: 17px;
    }
    footer {
        padding: 0 0 2rem;
    }
    .formArea h3 ,.formArea h3 span {
        font-size: 1.3rem;
    }
    .bottomFooter {
        padding: 0 0 10px;
        text-align: center;
    }
    .d-flex.contactWrap {
        display: block !important;
        width: 200px;
        margin: 0 auto;
    }
    .contactWrapInner:not(:last-child) {
        margin-left: 0;
    }
    .contactWrapInner span {
        position: static;
        right: 0;
        top: 3px;
        width: 20px;
        display: inline-block;
    }
    .contactWrapInner span img {
        width: 100%;
    }
    .contactWrapInner {
        position: relative;
        width: auto;
        white-space: nowrap;
        margin: 20px 0;
    }
    .contactWrapInner a {
        padding-right: 0;
        text-align: center;
    }
    .starNumber {
        margin: 20px 0;
    }
    .contactWrapInner a p {
        text-decoration: underline;
    }
    footer::before {
        height: 4px;
    }
}


.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.container {
    --bs-gutter-x: 1.5rem;
    width: 100%;
    max-width: 1140px;
    padding-right: var(--bs-gutter-x, 0.5);
    padding-left: var(--bs-gutter-x, 0.5);
    margin-right: auto;
    margin-left: auto;
}

.container-fluid {
    --bs-gutter-x: 1.5rem;
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.5);
    padding-left: var(--bs-gutter-x, 0.5);
    margin-right: auto;
    margin-left: auto;
}

.col {
    flex: 1 0 0%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
}

.col-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
}

.col-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
}

.col-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
}

.col-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
}

.col-12 {
    flex: 0 0 100%;
    width: 100%;
}

.d-flex {
    display: flex !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.relative {
    position: relative;
}


.banLeft {
    flex: 0 0 50%;
    max-width: 50%;
}

.banLeft>img {
    display: block;
    width: 100%;
    height: 100%;
}

.banRignt {
    flex: 0 0 50%;
    width: 50%;
    background: #010137;
    position: relative;
}

.banRignt:before {
    content: "";
    position: absolute;
    right: calc(100% - 100px);
    top: 0;
    width: 250px;
    height: 100%;
    background: url(../images/ban-right.png) left center no-repeat;
}

.banSlogan {
    padding: 60px 38% 0 0;
    width: 100%;
}

.sloganContent {
    position: relative;
    z-index: 1;
}

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

.sloganContent h3 {
    color: #00b3cc;
    font-weight: bold;
    font-size: 3.2vw;
   
    line-height: 1.3;
    margin-bottom: 20px;
}

.sloganContent h2 {
    color: #fff;
    font-size: 4.5vw;
    line-height: 1;
    direction: inherit;
    
    margin-bottom: 20px;
}

.sloganInput {
    position: relative;
    z-index: 1;
    padding-left: 60px;
}

.sendBtn {
    background: #d91864;
    color: #fff;
    display: block;
    width: 100%;
    border: none;
    height: 54px;
    padding: 0 1rem;
    border-radius: 14px;
    /* color: #010137; */
    font-size: 1.5rem;
    font-weight: bold;
    font-family: 'Open Sans Hebrew';
    cursor: pointer;
}
.top_form_1 .sendBtn {
    height: 52px;
}

.sloganInput .row {
    margin-right: calc(var(--bs-gutter-x) * -0.2);
    margin-left: calc(var(--bs-gutter-x) * -0.2);
}

.sloganInput .row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-top: var(--bs-gutter-y);
    padding: calc(var(--bs-gutter-x) * 0.2);
}



.sendBtn span {
    display: inline-block;
    width: 30px;
}

.sloganBtm {
    margin: 30px 0;
}

.sloganBtm ul li {
    color: #fff;
    font-weight: bold;
    position: relative;
    padding-right: 55px;
    font-size: 26px;
    line-height: 1.1;
    margin-top: 15px;
    margin-bottom: 15px;
}

.sloganBtm ul li:not(:last-child) {
    margin-left: 30px;
}

.sloganBtm ul li .slogan-img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
}

.sloganBtm ul li .slogan-img img {
    width: 100%;
}

.logo {
    margin-bottom: 40px;
}
.input-1 {
    width: 100%;
    border: none;
    height: 52px;
    padding: 0 0.5rem;
    border-radius: 14px;
    color: #010137;
    font-size: 1rem;
    font-weight: bold;
    font-family: 'Open Sans Hebrew';
    background: #fff;
}
.select-1 {
    width: 100%;
    border: none;
    height: 52px;
    padding: 0 1rem;
    border-radius: 14px;
    color: #010137;
    font-size: 1rem;
    font-weight: bold;
    font-family: 'Open Sans Hebrew';
    background: #fff;
}


.ph-148 {
    padding: 0 5%;
}

.text-center {
    text-align: center;
}

.whatsappBtn {
    text-align: center;
    display: block;
    border-radius: 14px;
    border: #fff 1px solid;
    padding: .7rem;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
}

input[type="file"] {
    display: none;
}

footer {
    padding: 0rem 0 3rem;
    position: relative;
    background: #fafaf7;
}

footer::before {
    width: 100%;
    content: "";
    position: absolute;
    height: 16px;
    background-size: cover !important;
    left: 0;
    top: 0;
    z-index: 1;
    background: url(../images/f-bdr.png) center center no-repeat;
    background-size: contain;
}

.bottomFooter {
    padding: 50px 0 70px;
    background-color: #010137;
}


.bottomFooter h3 {
    font-size: 1.2vw;
    color: #fff;
    font-weight: 500;
}

.forMobile {
    display: none !important;
}

/* 22.03.2023 Start */
.date-select {
    position: relative;
}
.date-select .input-1 {
    border-radius: 0 14px 14px 0;
    outline: none !important;
    font-size: 12px;
    padding-top: 12px;
}
.down-arrow {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 5px;
    border-radius: 14px 0 0 14px;
}
.date-text {
    position: absolute;
    font-weight: 600;
    right: 17px;
    line-height: 1;
    top: 8px;
}
.sec1-heading {
    margin-bottom: 20px;
}
.sec1-heading h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
}
.sec1-heading h3 span{
    color: #00b3cc;
}
.pt-60{
    padding-top: 60px;
}
.pb-60 {
    padding-bottom: 60px;
}
.img-block {
    display: block;
    width: 100%;
}
.sec1-heading ul{
    display: flex;
    align-items: end;
}
.sec1-heading ul li span img{
    max-width: 40px;
}
.sec1-heading ul li:not(:last-child){
    margin-left: 10px;
}
.img-wrap1,
.img-wrap2,
.img-wrap3 {
    position: relative;
}
.img-wrap1 {
    margin: 100px 0;
}
.img-wrap2 {
    margin: 300px 0 100px 0;
}
.img-wrap3 {
    margin-bottom: 100px;
}
.text-dtls-box {
    margin-left: auto;
    width: 60%;
    background-color: #00b3cc;
    padding: 0 50px;
    min-height: 500px;
    display: flex;
    align-items: center;
}
.text-img-box {
    position: absolute;
    width: 57%;
    left: 0;
}
.img-wrap1 .text-img-box,
.img-wrap3 .text-img-box{
    top: 100px;
} 
.text-dtls-box h3{
    font-size: 2.5vw;
    font-weight: 600;
    line-height: 1;
}
.text-dtls-box h3 span{
    color: #fff;
    font-size: 2.3vw;
}
.text-dtls-box p{
    color: #fff;
    font-size: 1vw;
}
.img-wrap2 .text-dtls-box{
    margin-right: auto;
    margin-left: 0;
    justify-content: center;
    padding: 0;
    background-color: #010137;
}
.img-wrap2 .text-dtls-box h3{
    color: #00b3cc;
}
.img-wrap2 .text-dtls-box div{
    padding-right: 30px;
}
.img-wrap2 .text-img-box{
    right: 0;
    top: -100px;
}
.img-wrap3 .text-img-box{
    z-index: -1;
}
.bg-2 {
    position: absolute;
    bottom: -150px;
    width: 50%;

    width: 60%;
}
.home-sec-3 {
    height: 500px;
    display: flex;
    align-items: center;
    position: relative;
}
.home-sec-3::before {
width: 100%;
    content: "";
    position: absolute;
    height: 56px;
    background-size: cover;
    left: 0;
    z-index: 1;
    background: url(../images/videobtm-bg-white.png) center bottom no-repeat;
    top: -1px;
}
.home-sec-3 .col-4{
    margin-top: 30px;
}
.sec3-heading h3{
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 2.22vw;
    line-height: 1.3;
    margin-bottom: 20px;
}
.left-number {
    position: relative;
}
.starNumber{
    position: absolute;
    left: 90px;
    top: 55px;
    z-index: 2;
    position: fixed;
}
.starNumber a {
    display: inline-block;
    padding: 12px 10px;
    font-size: 40px;
    font-weight: 900;
    background: #00b3cc;
    border-radius: 50px;
    line-height: 1;
    color: #010137;
}
.phn-img img{
    max-width: 35px;
}
.whattsapp{
    z-index: 2;
    position: fixed;
    left: 75px;
    bottom: 75px;
}
.whattsapp a{
    display: block;
}
.whattsapp a img{
    max-width: 100px;
}
.man-icon{
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 2;
}
.man-icon img{
    max-width: 50px;
}
.home-sec-3 .sendBtn span {
    display: inline-block;
    width: 40px;
}
.home-sec-3 .sendBtn span img{
    max-width: 100%;
    display: block;
}
/* 22.03.2023 End */
.mobile-btm-wrap{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 5;
    display: none;
}
.mobile-btm-wrap ul{
    display: flex;
}
.mobile-btm-wrap li{
    flex: 1 0;
}
.mobile-btm-wrap li a{
    height: 50px;
    line-height: 50px;
    padding: 0 0.5rem;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 1rem;
}
.mobile-btm-wrap li a i{
    margin-left: 0.625rem;
}
.mobile-btm-wrap li a.whattsapp-btn{
    background-color: #25D366;
}
.mobile-btm-wrap li a.call-btn{
    background-color: #d91864;
}

.text-inner {
    width: 50%;
}

/* 17.04.2023 Kartick */
.similar-slider-arrw .owl-prev,
.similar-slider-arrw .owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.similar-slider-arrw .owl-prev{
    left: -10px;
}
.similar-slider-arrw .owl-next{
    right: -10px;
}

.btm-sdw{
    position: relative;
}
.sdw-pic{
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}
/* 17.04.2023 Kartick */





/* Responsive */
@media only screen and (min-width: 1600px){
    .container {
        max-width: 1340px;
    }
}
@media only screen and (max-width: 1599px){
    .text-dtls-box {
        min-height: 400px;
    }
}
@media only screen and (max-width: 1280px){
    .sloganBtm ul li {
        font-size: 16px;
        margin: 20px 0;
    }
    /* .banLeft {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .banRignt {
        flex: 0 0 70%;
        width: 70%;
    } */
    .forDt .sloganInput .row .col-4{
        flex: 0 0 50%;
    }
}
@media only screen and (max-width: 1024px){
    .starNumber a {
        font-size: 44px;
    }
    .phn-img img {
        max-width: 35px;
    }
    .text-dtls-box {
        min-height: 350px;
    }
    .img-wrap1 {
        margin: 50px 0;
    }
    .img-wrap2 {
        margin: 260px 0 50px 0;
    }
    .home-sec-3 {
        height: 600px;
    }
}
@media only screen and (max-width: 900px){
    .text-dtls-box {
        min-height: 300px;
    }
}

@media only screen and (max-width: 767px) {

 

    .home-sec-3 {
        height: 550px;
    }
    .sec3-heading h3 {
        font-size: 4vw;
    }
    .home-sec-3 .row .col{
        flex: 0 0 100%;
        max-width: 100%;
        margin: 5px 0;
    }
    .home-sec-3 .row .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .home-sec-3 .sendBtn {
        margin-top: 5px;
    }
    .forMobile .sloganInput .row .col-4{
        flex: 0 0 100%;
    }
    .starNumber a {
        font-size: 18px;
        padding: 12px 15px;
    }
    .starNumber {
        top: -6px;
        left:20px;
    }
    .phn-img img {
        max-width: 20px;
    }
    .sloganInput {
        padding-left: 0;
    }
    /* .home-sec-3 {
        height: 300px;
    } */
    .text-img-box {
        position: unset;
        width: 100%;
    }
    .bg-2 {
        /* display: none; */
        position: initial;
    }
    .text-dtls-box {
        width: 100%;
        text-align: center;
        min-height: 100%;
        padding: 40px 0;
    }
    .img-wrap2 .text-dtls-box {
        padding: 40px 0;
    }
    .text-inner {
        width: 100%;
        padding: 0 20px;
    }
    .img-wrap1 {
        margin: 20px 0;
    }
    .img-wrap2 {
        margin: 0 0 20px 0;
    }
    .img-wrap3 {
        margin-bottom: 0;
    }
    .text-dtls-box h3 {
        font-size: 7vw;
    }
    .text-dtls-box h3 span {
        font-size: 5vw;
    }
    .text-dtls-box p {
        font-size: 4vw;
    }
    .pt-60 {
        padding-top: 30px;
    }
    .pb-60 {
        padding-bottom: 30px;
    }
    .whattsapp {
        left: 15px;
        bottom: 60px;
    }
    .whattsapp a img {
        max-width: 40px;
    }
    .bottomFooter h3 {
        font-size: 2.2vw;
    }
    .banner.forMobile::before {
        position: absolute;
        content: "";
        height: 108px;
        width: 100%;
        left: 0;
        top: calc(100% - 25px);
        background: url(../images/lookingFor-2.png) bottom center no-repeat;
        z-index: -1;
    }

    .banner::after {
        display: none;
    }

    .banSlogan {
        padding: 30px 20px;
        position: relative;
        top: unset;

    }

    .banLeft {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .sloganContent h3 {
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    .sloganContent h2 {
        font-size: 2.8em;
        margin-bottom: 10px !important;
    }

    .sloganContent h4 {
        color: #e7e7e8;
        font-weight: 400;
        font-size: 4.8vw;
        line-height: 1.3;
    }

    .sloganContent, .formArea.formAreaHeader {
        position: static;
    }

    .logo {
        text-align: center;
       margin-bottom: 20px;
    }

    .logo a {
        display: inline-block;
    }

    .banner.forMobile {
        position: relative;
        background: #010137;
        z-index: 1;
    }

    .bantopImg {
        position: absolute;
        bottom: 100%;
        top: -150px;
        z-index: -1;
    }

    .bantopImg img {
        display: block;
        width: 100%;
    }

    .sloganContent,
    .sloganContent h6,
    .sloganContent h3,
    .sloganContent h2 {
        text-align: center !important;
    }

    .col {
        flex: 0 0 100%;
        width: 100%;
    }

    .col-auto {
        flex: 0 0 100%;
        width: 100%;
    }

    .formArea .submitBtn {
        display: block;
        width: 100%;
    }

    .formArea .col {
        margin-bottom: 1rem;
    }

    .orderThrough:before{top:-36px;}
    .col-4 {
        flex: 0 0 100%;
        width: 100%;
    }
    .forDt {
        display: block !important;
        width: 100%;
        flex: 0 0 100% !important;
    }
    

    .forDesktop{height: 600px;overflow: hidden;}
    .otContainer .col-3{}
    .video_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .home-sec-3 .sendBtn {
        position: relative;
        top: unset !important;
    }
    .home-sec-3 .col-4{max-width: unset;margin-top: 10px;}
    .formArea h3 {
        text-align: center;
        font-size: 1.6rem;
    }

    .formArea h3 span {
        display: block;
        font-size: 1.8rem;
    }

    .formArea {
        padding: 2rem 0 2.5rem;
    }

    .formArea ::-webkit-input-placeholder {
        /* Edge */
        color: #a5a5a5;
        opacity: 1;
    }

    .formArea :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #a5a5a5;
        opacity: 1;
    }

    .formArea ::placeholder {
        color: #a5a5a5;
        opacity: 1;
    }   

    footer {
        padding: 0 0 2rem;
    }

    .formArea h3, .formArea h3 span {
        font-size: 1.3rem;
    }

    .bottomFooter {
        padding: 15px 0;
        text-align: center;
    }

    .d-flex.contactWrap {
        display: block !important;
        width: 200px;
        margin: 0 auto;
    }

    .contactWrapInner:not(:last-child) {
        margin-left: 0;
    }

    .contactWrapInner span {
        position: static;
        right: 0;
        top: 3px;
        width: 20px;
        display: inline-block;
    }

    .contactWrapInner span img {
        width: 100%;
    }

    .contactWrapInner {
        position: relative;
        width: auto;
        white-space: nowrap;
        margin: 20px 0;
    }

    .contactWrapInner a {
        padding-right: 0;
        text-align: center;
    }

    .contactWrapInner a p {
        text-decoration: underline;
    }

    footer::before {
        height: 4px;
    }
}
@media only screen and (max-width: 575px) {
    .mobile-btm-wrap{
        display: block;
    }
    body{
        padding-bottom: 50px;
    }
    .bantopImg {
        top: -107px;
    }
    .text-dtls-box h3 {
        font-size: 10vw;
    }
    .text-dtls-box h3 span {
        font-size: 8vw;
    }
    .text-dtls-box p {
        font-size: 5vw;
    }
    .home-sec-3 {
        height: 600px;
    }
    .whattsapp {
        display: none;
    }
}
@media only screen and (max-width: 480px){
    .sloganBtm ul li {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 414px) {
    .bantopImg {
        top: -77px;
    }

    .logo a {
        width: 56%;
    
    }
    .sloganBtm ul li:not(:last-child) {
        margin-left: 0px;
    }
}

@media(min-width: 1600px)
{
.wrapper{max-width:unset !important;}
.divtext{top:36vh;font-size: 40px;}
.forDesktop{height: 600px;}
}