@import url("http://fonts.cdnfonts.com/css/gotham");
@import url("http://fonts.cdnfonts.com/css/gotham-narrow-bold");
@import url("http://fonts.cdnfonts.com/css/gotham-book");
@import url('http://fonts.cdnfonts.com/css/gotham-narrow');
@import url('http://fonts.cdnfonts.com/css/gotham-narrow-book');


@font-face {
font-family:"arboria-bold";
src:url("https://use.typekit.net/af/7c0289/00000000000000003b9b0120/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/7c0289/00000000000000003b9b0120/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/7c0289/00000000000000003b9b0120/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}
body {
    padding: 0;
    margin: 0;
    font-family: "Gotham", "Arial", "sans-serif" !important;

}

h1,
h2,
h3,
h4 {
    font-family: "arboria",sans-serif;
}
.committed-content h3{
 font-family: 'gotham-book', sans-serif !important;
}
.committed-content h3 strong{
 font-family: "arboria",sans-serif;
}


.container-new {
    margin: 0 auto;
    max-width: 1140px;
}

.banner-section {
   
   
    position: relative;
}

.banner-section .container-new {
    height: 100%;
}

.col-first {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin-bottom: 70px;
}
#background-video {
    max-width: 100%;
    min-height: 565px;
    object-fit: cover;
}
.banner-content {
    display: flex;
    align-items: end;
    height: 100%;
    position: absolute;
    top: 0;
}

.zo-logo {
    width: 103px;
    margin-bottom: 12px;
}
#v-logo {
    width: 355px !important;
}
.guide-box {
    width: 100%;
}
.text-logo {
    width: 555px;
}

.col-first p {
  font-family: "Gotham", "Arial", "sans-serif" !important;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    padding-right: 50px;
    margin: 0;
    padding-top: 15px;
}

.abt-section {
    background-color: #FF671F;
    margin: 0;
    padding: 20px 20px 35px;
    margin-top: -5px;
}


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

.abt-img img {
    width: 390.65px;
    /* width: 488.65px; */
    height: 382px;
    /* width: 432.65px;
height: 313px; */
        object-fit: contain;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -118px;
}

.abt-img {
    position: relative;
    width: 50%;
}


.abt-content p {
    font-family: 'Arboria';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
}

.abt-content {
    padding-left: 100px;
    padding-right: 20px;
    width: 60%;
    overflow: hidden;
}

.abt-content a {
    padding: 11px 20px;
    background: #FFFFFF;
    border-radius: 8px;
    font-family: "Gotham", "Arial", "sans-serif" !important;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #FF671F;
    text-decoration: none;
    display: inline-block;
}

.committed-section {
    background: #EFF1F5;
    padding: 80px;
    text-align: center;
}

.committed-content h3 {
    font-family: 'Arboria';
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 110%;
    text-align: center;
    color: #444444;
    margin: 0;
}

.committed-content p {
    font-family: "Gotham", "Arial", "sans-serif" !important;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    color: #444444;
    width: 68%;
    margin: 0 auto;
    padding-top: 30px;
}

.solutions-section {
    padding: 90px 0px 0px;
}

.box-solution {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 843px;
    gap: 63px !important;
    padding: 0px 0px 90px;
}

.box-solution h3 {
    font-family: 'Arboria';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    color: #444444;
    margin: 20px 0px;
}

.box-solution ul {
    padding: 0px 0px;
}


.box-solution li {
    font-family: "Gotham", "Arial", "sans-serif" !important;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    color: #444444;
    margin-bottom: 11px;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 9px;
    align-items: start;
}

.box-solution img {
    width: 376px;
}

.logo-sol {
    width: 190px !important;
}

.box-solution p {
   font-family: "Gotham", "Arial", "sans-serif" !important;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    color: #444444;
}
.Testimonials-section {
    background: #EFF1F5;
    padding: 90px 0px;
}

.swiper {
    text-align: center;
    margin: 0 auto;
    max-width: 600px;
}

.Testimonials-section h2 {
    font-family: 'Arboria';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    text-align: center;
    color: #444444;
    margin: 0;
}
.guide-intro span {
    font-family: 'gotham-book', sans-serif !important;
    font-weight: 300;
}

.Testimonials-section img {
    margin: 30px 0px;
    width: 262px;
}

.client-review {
    font-family: "Gotham", "Arial", "sans-serif" !important;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    color: #444444;
    margin: 0;
    padding: 0px 97px;
}

p.test-user {
  font-family: "Gotham", "Arial", "sans-serif" !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #444444;
    margin: 20px 0px 10px;
}

.test-deg {
   font-family: "Gotham", "Arial", "sans-serif" !important;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
    text-align: center;
    color: #444444;
    margin: 0;
}

.Testimonials-section .swiper-button-prev:after,
.Testimonials-section .swiper-button-next:after {
    font-size: 14px;
    color: #000;
}

.Testimonials-section .swiper-button-prev,
.Testimonials-section .swiper-button-next {
    background-color: #fff;
    border-radius: 100%;
    height: 26px;
    padding: 4px;
    border: 3px solid #ededed;
}

.Testimonials-section .swiper-pagination {
    position: inherit;
    margin-top: 52px;
}

.Testimonials-section .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #5B5B5B;
}

.Testimonials-section .swiper-pagination-bullet {
    background-color: #5B5B5B;
}

.Testimonials-section .swiper-wrapper {
    align-items: center;
}

.main-guid {
    background-color: red;
    background: #FF671F;
    border-radius: 15px;
    text-align: center;
    padding: 90px;
}

.main-guid h2 {
    font-family: 'Arboria';
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
}


.form-guid-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
    gap: 40px;
}

.guide-box img {
    width: 400px;
}

.main-guid p {
    margin: 0;
}

.main-guid .para-guide {
   font-family: "Gotham", "Arial", "sans-serif" !important;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
    padding-top: 28px;
}

.main-guid strong {
    font-weight: 600;
    font-size: 30px;
    line-height: 110%;
    text-align: center;
    color: #FFFFFF;
    display: block;
    margin: 0;
}

.guide-intro {
    margin: 0 auto;
    max-width: 720px;
}

.guide-section {
    padding: 90px;
}

.footer-gallery img {
    width: 100%;
}
.top-sec {
    margin-top: 60px;
}
.second-footer img {
    margin-bottom: 10px;
    width: 171px;
    vertical-align: top;
    margin-right: 30px;
}

.footer-section {
    background: #4B5565;
}

.footer-inner {

    color: #fff;
    padding: 100px 50px 50px;
    display: flex;
    gap: 86px;
    margin-top: -5px;
}

.footer-inner p {
    font-family: "Gotham", "Arial", "sans-serif" !important;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
}

.one-footer p {
    margin-bottom: 30px;
    margin-top: 0;
}


.second-footer a {
    color: #fff;
}
.three-footer {
    margin: 25px 0px;
}

.three-footer li {
   font-family: "Gotham", "Arial", "sans-serif" !important;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
    list-style: none;
    margin-bottom: 10px;
    display: flex;
    gap: 9px;
    align-items: baseline;
}

.four-footer p {
    margin: 30px 0px;
}

.three-footer ul {
    padding: 0px 20px;
}

.four-footer a {
    font-family: "Gotham", "Arial", "sans-serif" !important;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    text-decoration-line: underline;
    color: #FFFFFF;
}

.one-footer strong {
    margin-bottom: 5px;
}
.sec-pa {
    padding: 10px 0px;
    line-height: 22px !important;
    margin: 0;
}
.v-bann {
   width: 420px !important;
    margin-left: -42px;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.ty-abt h2{
font-size: 32px !important;
}
.main-guid {
    padding: 70px 35px;
}
.guide-box img {
    width: 335px;
}
.col-first {
    
    width: 50%;
  
}
.banner-content {
    
    padding: 30px;
}


    .abt-content {
        padding-left: 30px;
        padding-right: 20px;
    }

    .abt-img {
        position: relative;
        width: 50%;
        margin-top: -107px;
    }

    .abt-img img {
        width: 379.65px;
        height: 292px;
        position: inherit;
        left: 0;
        right: 0;
        bottom: 0;
    }
}
#background-video-mobile {
    display: none;
}
.bullet-icon {
    margin-top: -6px;
}
@media only screen and (max-width: 767px) {
.bullet-icon {
    margin-top: 0px;
}
.thy-img img {
    width: 100% !important;
    bottom: 12px !important;
    margin-top: 28px;
}
.ty-abt h2 {
    line-height: 38px !important;
    font-size: 34px !important;
}

.v-bann {
    width: 366px !important;
    margin-left: -27px;
}
#background-video-mobile {
    display: block;
    object-fit: cover;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
}
#background-video {
    display: none;
}
    .container-new {
        padding: 30px;
    }

    .Testimonials-section img {
        width: 42%;
    }

    

    .banner-content {
    /* flex-direction: column-reverse; */
    height: 75%;
    justify-content: center;
    padding-right: 35px;
}

    .col-first {
        width: 100%;
        margin-bottom: 0;
    }

    .text-logo {
        width: 100%;
        height: auto;
    }

    .col-first p {
        padding-right: 0;
        padding-top: 18px;
        font-size: 20px;
    }

  .abt-section {
    padding: 0 0px 22px;
    margin-top: -71px;
}

    .abt-content {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        text-align: center;
    }

    .main-abt {
        flex-direction: column-reverse;
    }

    .abt-img {
        position: relative;
        width: 100%;
        text-align: center;
        margin-top: -97px;
    }

    .abt-img img {
            width: 330px;
        height: auto;
        object-fit: cover;
        position: initial;
    }

    .abt-content p {
        margin-top: 0;
    }

    .committed-section {
        padding: 20px 0px 20px;
    }

    .committed-section strong {
        display: block;
        margin-bottom: -17px;
    }

    .committed-content p {
        width: 100%;
        padding-top: 50px;
    }

    .box-solution {
        max-width: 100%;
        gap: 40px !important;
        padding: 0;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .box-solution img {
        width: 100%;
    }

    .solutions-section {
        padding: 30px 0px 0px;
    }

    .Testimonials-section {
        padding: 40px 0px 10px;
    }

    .swiper-button-prev {
        left: -3px;
    }

    .swiper-button-next {
        right: -3px;
    }

    .client-review {
        font-size: 16px;
        padding: 0px 50px;
    }

    .guide-section {
        padding: 0;
    }

    .guide-section .container-new {
        padding: 0;
    }

    .main-guid {
        padding: 40px 30px;
        border-radius: 0;
            flex-direction: column;
        display: flex;
    }
.form-guid-sec {
    flex-direction: column;
    gap: 40px;
}

    .guide-box img {
        width: 100%;
    }

    .main-guid .para-guide {
        font-weight: 400;
    }

    .main-guid h3 {
        font-size: 33px;
    }

    .main-guid strong {
        font-size: 27px;
    }

    .footer-inner {
        padding: 0;
        padding-top: 10px;
        flex-direction: column;
        gap: 15px;
    }

    .footer-inner p {
        font-weight: 400;
    }

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

    .three-footer li {
        font-weight: 400;
    }

    .committed-content h3 {
        font-size: 34px;
    }
    .ty-abt .abt-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }
    .ty-abt p,
     .ty-abt a {    
       font-size: 18px !important;
    line-height: 27px !important;
    }
    .thank-section {
        padding: 30px 0px 0px 0px !important;
    }
    .box-thankyou {
       
        flex-direction: column;
    }
    #ty-area .t-box1 {
        width: 100% !important;
        margin-bottom: 60px;
    }
    .t-box1 p {
       
        margin: 13px 0px 26px !important;
    }
   
    .thank-section h2 {
        font-size: 30px !important;
    }

}


.t-box1 {
    width: 33% !important;
    overflow: hidden;
    
}
.box-thankyou {
    display: flex;
    align-items: start;
    text-align: center;
    margin-top: 60px;
}
.t-box1 p {
    font-family: "Gotham", "Arial", "sans-serif" !important;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 120%;
    text-align: center;
    color: #444444;
    display: block;
    margin: 20px 55px 26px;
}
/* .t-box1 img.box-img {
    width: 100%;
} */
.t-box1 a {
  font-family: "Gotham", "Arial", "sans-serif" !important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #FC6620;
    border-radius: 8px;
    padding: 10px 20px 8px 20px;
    text-decoration: none;
    display: inline-block;
}

.thank-section strong{
  font-family: 'Arboria' !important;
}
.thank-section {
    padding: 90px;
}
.thank-section h2 {

font-family: "Gotham", "Arial", "sans-serif" !important;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 110%;
    text-align: center;
    color: #444444;
    margin: 0;
}

.ty-abt h2 {
    font-family: 'Arboria';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 22px;
    color: #FFFFFF;
}
.ty-abt p, 
.ty-abt a {
    font-family: 'Arboria';
    font-style: normal;
    font-weight: 500;
      font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0;
}
.ty-abt a {
    padding: 0;
    background-color: transparent;
    text-decoration: underline;
    font-size: 20px;
  
    text-transform: initial;
    display: inline-table;
}
.ty-abt .abt-content {
   padding-left: 13px;
    padding-right: 7px;
    width: 72%;
}
.thy-img img {
    width: 385px;
    height: auto;
    object-fit: cover;
    left: 5px;
    right: 0;
    bottom: -74px;
}
.apoquel_sc-one {
    border-top: 1px solid;
    margin-top: 25px !important;
    padding-top: 12px;
    display: flex;
    align-items: self-start;
}
.apoquel_sc-one img {
    width: 156px;
    margin-left: 40px;
}
img.img-top {
    margin-top: 60px;
}
.apoquel_sc-one ul {
    margin: 0;
}
.apoquel_sc-one {
    padding-top: 24px;
}
.box-thankyou img.box-img {
    width: 290px;
}