/* INDEX MODULAR BANNER CSS */


/* ================================================================
   SOURCE: css/sections/02-home.css
   ================================================================ */
/* ================================================================
   NIINE CSS SECTION
   02-home.css
   Home/hero slider and home-specific components
   Extracted in original top-to-bottom order.
   ================================================================ */

#home .bg-gradient,
#home .bg-soft-gradient:before {
    background: rgba(238, 53, 51, .6);
    background: -moz-linear-gradient(45deg, rgba(238, 53, 51, .6) 0, rgba(251, 179, 61, .5) 100%);
    background: -webkit-linear-gradient(45deg, rgba(238, 53, 51, .6) 0, rgba(251, 179, 61, .5) 100%);
    background: linear-gradient(to 45deg, rgba(238, 53, 51, .6) 0, rgba(251, 179, 61, .5) 100%)
}

.home .home-shape {
    width: 100%;
    position: absolute;
    height: 353px;
    background-size: cover;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center top;
    margin-bottom: 50px
}

.home {
    width: 100%;
    height: 800px;
    min-height: 650px;
    background-position: center center;
    background-size: cover
}

.home .law-home-title {
    font-size: 62px;
    line-height: 72px
}

.home .law-home-desc {
    font-size: 17px;
    color: #959494;
    margin-top: 10px
}

.home .slick-arrow {
    width: 65px;
    height: 150px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -75px;
    z-index: 5;
    padding: 0;
    background: 0 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.home .slick-arrow span {
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    display: block;
    left: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s cubic-bezier(.77, 0, .2, 1);
    -moz-transition: all .5s cubic-bezier(.77, 0, .2, 1);
    transition: all .5s cubic-bezier(.77, 0, .2, 1)
}

.home .slick-arrow:after,
.home .slick-arrow:before {
    width: 18px;
    height: 1px;
    background: #fff;
    content: '';
    position: absolute;
    left: 10px;
    -webkit-transition: all .5s cubic-bezier(.77, 0, .2, 1);
    -moz-transition: all .5s cubic-bezier(.77, 0, .2, 1);
    transition: all .5s cubic-bezier(.77, 0, .2, 1)
}

.home .slick-arrow.slick-next:before {
    margin-top: -6px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.home .slick-arrow.slick-next:after {
    margin-top: 6px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.home .slick-arrow.slick-prev {
    right: auto;
    left: 0
}

.home .slick-arrow.slick-prev span {
    left: auto;
    right: 20px
}

.home .slick-arrow.slick-prev:after,
.home .slick-arrow.slick-prev:before {
    left: auto;
    right: 10px
}

.home .slick-arrow.slick-prev:before {
    margin-top: 6px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.home .slick-arrow.slick-prev:after {
    margin-top: -6px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.tracker-individual-container {
    display: none
}

.orange {
    color: #fbb33d
}

.ask-gynac-box {
    margin-top: 10%;
    float: right
}

.ask-gynac-box img {
    height: 180px
}

.ask-expert-box {
    box-shadow: 0 0 4px 3px #e0e0e0;
    margin-top: 20%;
    padding: 15px 0;
    border-radius: 20px
}

.ask-expert-box img {
    width: 80px
}

.ask-expert-box p {
    text-align: justify;
    font-size: 14px
}

.ask-mike img {
    height: 300px
}

.three-e {
    font-size: 45px;
    font-weight: 700;
    margin-right: 20px;
    font-family: Segoe UI !important
}

.after-3e {
    font-size: 18px;
    color: #ffe2c5;
    vertical-align: 10px;
    font-family: Segoe UI !important
}

::-webkit-input-placeholder {
    color: #ccc !important
}

.grid-Widget-footer {
    display: none !important
}

#twitter-widget-0 .twitter-tweet {
    display: inline-block;
    font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    border-color: #eee #ddd #bbb;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    margin: 10px 5px;
    padding: 0 16px 16px 16px;
    max-width: 468px
}

#twitter-widget-0 .twitter-tweet p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

#twitter-widget-0 .twitter-tweet a {
    color: inherit;
    font-weight: 400
}

#twitter-widget-0 .twitter-tweet a:focus {
    text-decoration: underline
}

.xs-mt-20 {
    margin-top: 20px !important
}

.circle-dots.dark-dots > .slick-dots li.slick-active button {
    background: 0 0;
    border: 2px solid #fff
}

.circle-dots.dark-dots > .slick-dots li button {
    background-color: #fff
}

.btn-img {
    position: relative;
    background: url("images/slider-button1.png") no-repeat;
    width: 189px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #ee3533;
    display: inline-block;
    font-size: .8rem;
    font-weight: 700
}

.btn-img-a a:hover {
    color: #000
}

::placeholder {
    color: red;
    opacity: 1
}

.per-text p {
    text-align: center;
    text-transform: uppercase;
    color: #000
}

.per-text span {
    margin-left: 10px
}

.bor-right {
    border-right: 1px dotted #cecece
}

.per-p {
    padding-top: 10px;
    font-size: 16px
}

.border-white1 {
    border-color: transparent !important
}

.bg-white {
    background-color: #fff;
    color: #ee3533 !important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 99 !important


/* ================================================================
   SOURCE: css/sections/16-home-responsive-overrides.css
   ================================================================ */
/* ================================================================
   NIINE CSS SECTION
   16-home-responsive-overrides.css
   Home responsive overrides
   Extracted in original top-to-bottom order.
   ================================================================ */

    left: 5%;
    width: 30%;
}
.homesliderimgblk.homebanner4 .homebannertxt3 {
    position: absolute;
    right: 9%;
    top: 15%;
    width: 33%;
}
.slick-slide.slick-current.slick-active .homebanner4 .homebannertxt2{animation: fadeInUp 2s both}
.slick-slide.slick-current.slick-active .homebanner4 .homebannertxt3{animation: fadeInRight 2s both}
    .homeslidermobimg{display:none;}
    .home .slick-arrow.slick-next{transform:none;}
    .homesliderimgblk.homebanner3{position:relative;}
    .new-video-file video{width: 80%;margin: 0 auto;}
    .qrcodehomeapp{position: relative;justify-content: center;}
    /*.qrcodehomeapp:after {
    position: absolute;
    content: "OR";
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    right: 0;
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    font-weight: 600;
}*/
.qdr-controls-3 .slick-arrow.slick-next{left:auto;right: -5%;}
.qdr-controls-3 .slick-arrow.slick-prev{right:auto;left: 1%;}
.appdownbutwrap {
    height: 150px;
    display: flex;
    align-items: center;
}
    .qrcodehomeapp img{width:120px;}
    .apporblk {
    margin: 20px 0 0;
}
.qrtxt{text-align:center;width: 100%;margin: 20px 0 10px;}
    .qrcodehomeapp img + img {
    margin-left: 20px;
}
.calender-img{width:100%;}
    @media screen and (max-width:1260px) {
         .homebanner2 .homebannertxt{right:8%;}
    }
   
@media screen and (max-width:1024px) {
    .homesliderimgblk{display:none;}
    .homeslidermobimg{display:block;}
    .niine-home-slider{height:auto;}
    .homeslidermobimg img {
    width: 100%;
    height: auto;
}
.home{height: auto !important;min-height: inherit !important;}
.home .home-shape{display:none;}
.home{margin-top:70px;margin-bottom: 0;padding: 0 0 40px;}
}
@media screen and (max-width:990px) {
    .qrcodehomeapp:after{display:none;}
    .qrtxt{width:100%;}
    .qrcodehomeapp{margin-bottom:50px;}
    .p0-mob{padding: 0;margin: 10px 0;}
.qdr-controls-3 .slick-arrow.slick-prev{right:auto;left: 5%;}
}

@media screen and (max-width:575px) {
    .qrtxt{text-align: center !important;}
    .qrcodehomeapp, .appdownbutwrap{text-align: center;}
    .apporblk{justify-content:center;margin: 30px 0;}
    .qrcodehomeapp{margin-bottom:0;}
    .qrtxt br{display:none;}
}



/* ================================================================
   STANDALONE BANNER OVERRIDES - no Slick/library required
   ================================================================ */
#home .niine-home-slider{position:relative;width:100%;overflow:hidden}
#home .niine-home-slider>.native-banner-slide{position:absolute;inset:0;width:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.2s ease-in-out;z-index:1}
#home .niine-home-slider>.native-banner-slide.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;z-index:2}
#home .niine-home-slider>.native-banner-slide .homesliderimgblk img,
#home .niine-home-slider>.native-banner-slide .homeslidermobimg img{display:block;width:100%;height:auto}
#home .niine-home-slider>.native-banner-slide .homeslidermobimg{display:none}
@media screen and (max-width:1024px){
  #home .niine-home-slider>.native-banner-slide .homesliderimgblk{display:none}
  #home .niine-home-slider>.native-banner-slide .homeslidermobimg{display:block}
}


/* ================================================================
   NATIVE BANNER ARROWS - no Slick/library required
   ================================================================ */
#home .niine-home-slider {
    position: relative;
    overflow: hidden;
}

#home .native-banner-slide {
    display: none;
    position: relative;
    width: 100%;
}

#home .native-banner-slide.is-active {
    display: block;
    animation: nativeBannerFade .8s ease both;
}

@keyframes nativeBannerFade {
    from { opacity: .25; }
    to   { opacity: 1; }
}

#home .native-banner-arrow {
    position: absolute;
    top: 50%;
    z-index: 20;
    width: 54px;
    height: 54px;
    margin: -27px 0 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0,0,0,.28);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .25s ease, transform .25s ease;
}

#home .native-banner-arrow:hover {
    background: rgba(0,0,0,.55);
}

#home .native-banner-prev { left: 22px; }
#home .native-banner-next { right: 22px; }

#home .native-banner-arrow span,
#home .native-banner-arrow span::after {
    display: block;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

#home .native-banner-prev span {
    transform: rotate(-135deg);
    margin-left: 6px;
}

#home .native-banner-next span {
    transform: rotate(45deg);
    margin-right: 6px;
}

#home .native-banner-arrow:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

@media (max-width: 767px) {
    #home .native-banner-arrow {
        width: 42px;
        height: 42px;
        margin-top: -21px;
    }
    #home .native-banner-prev { left: 10px; }
    #home .native-banner-next { right: 10px; }
    #home .native-banner-arrow span,
    #home .native-banner-arrow span::after {
        width: 12px;
        height: 12px;
    }
}