/* ~~~~~~~~~~~~~~~~ home banner section starts ~~~~~~~~~~~~~~~~ */
.home-banner                            { height: calc(100vh - 80px); min-height: 600px; }
.home-banner-box                        { height: 100vh; }
.home-banner-box .title-1                       { font-size: 7.5rem; line-height: 100%; font-weight: 900; }
.home-banner-box .title-1.impect-font   { font-weight: 400; }
.home-banner-box .title-3               { margin-top: 0.5rem; font-size: 2.375rem; line-height: 100%; }
.home-banner-box .title-2               { font-size: 4.375rem; line-height: 100%; }
.home-banner-box .banner-content-box    { padding-right: 2rem; }
.home-banner-box .banner-content-box .theme-fill-btn   { margin-top: 1.5rem;  }
.home-banner-box .big                   { margin-top: 1.5rem; text-transform: capitalize; color: var(--dark-gray); }
.home-banner-box .row > div > div,.home-banner-box .row > div > .h-100 > div       { margin-bottom: 60px; }
.home-banner-box .row > div > .h-100 > div.img-box { padding-top: 100%;  }
/* .slick-dots li, .slick-dots li button   { height: 8px !important; width: 8px !important; border-radius: 50%; } */
.slick-dots li.slick-active button      { background : var(--theme-blue); }
.slick-dots li button                   { background : var(--light-gray); }


/* .banner-content-box                     { height: 100vh; display: flex; align-items: center; flex-wrap: wrap; flex-direction: row; } */
/* ~~~~~~~~~~~~~~~~ home banner section ends ~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~ welcome section starts ~~~~~~~~~~~~~~~~ */
.welcome-section                        { transform: translateY(-25%); }
.welcome-wrap                           { column-gap: 2.5rem; background: #FFF; box-shadow: 0px 32px 50px 0px rgba(212, 216, 221, 0.24); }
.welcome-box                            { max-width: 655px; }
.welcome-box .title-4                   { margin-bottom: 1.5rem; }
.welcome-box a                          { color: var(--dark-gray); font-size: 1rem; line-height: 150%; text-decoration: underline; }
.welcome-box a:hover                    { color: var(--theme-dark-black); }
/* ~~~~~~~~~~~~~~~~ welcome section ends ~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~ innovation section starts ~~~~~~~~~~~~~~~~ */
.innovation-section .title-wrap       { margin-bottom: 3.75rem; }
.square-icon-box                      { height: 4.875rem; width: 4.875rem; line-height: 4.875rem; text-align: center; background-color: var(--square-box); }
.square-icon-box img                  { max-width: 100%; height: 2.625rem; width: 2.625rem; }
.innovation-box .square-icon-box      { margin-bottom: 2rem; }
.innovation-box                       { flex-direction: column; background: #FFF; box-shadow: 0px 32px 50px 0px rgba(212, 216, 221, 0.24); transition-duration: 0.4s; }
.innovation-box:hover                 { transform: translateY(-8px); transition-duration: 0.4s; }
.innovation-box .big                  { margin-bottom: 1rem; letter-spacing: 2px; font-weight: 700; color: var(--box-title-black); text-transform: uppercase; }
.innovation-box p:not(.big)           { color: var(--dark-gray); text-transform: capitalize; }
.bottom-box                           { margin-top: 2rem; }
.bottom-box a                         { color: var(--theme-blue); font-size: 1rem; line-height: 150%; font-weight: 500; }
.bottom-box a:hover                   { color: var(--theme-dark-black); }
/* ~~~~~~~~~~~~~~~~ innovation section ends ~~~~~~~~~~~~~~~~ */

/* Responsive css starts */
@media only screen and (max-width: 1199px) { 
    /* banner section starts */
    .home-banner-box .title-1                       { font-size: 7rem;  }
    .welcome-box                            { max-width: 60%; }
}
@media only screen and (max-width: 991px) {
    /* banner section starts */
    .home-banner-box .title-1                       { font-size: 5.5rem;  }
    .home-banner-box                                { height: 91vh; }
}
    /* Welcome section css starts */
    /* .welcome-box                            { max-width: 100%; } */
    /* innovation section starts */
    .square-icon-box img                  { height: 2rem; width: 2rem; }
@media only screen and ( max-width: 767px) {
    /* banner section starts */
    .home-banner-box .title-1                       { font-size: 4.5rem;  }
    .slide-1 .banner-content-box,
    .slide-1 .row                           { align-items: center; }
    .slide-1 .row > div                     { height: auto !important; }
    /* .slide-1 .row                           { margin-top: 30%; } */
    .slide-1  .row > div > div, .slide-1  .row > div > .h-100 > div { margin-bottom: 0; }
    /* Welcome section css starts */
    .welcome-section                        { transform: translateY(25%); margin-bottom: 40px; }
    .welcome-wrap                           { row-gap: 1rem; column-gap: 0; }
    .welcome-box                            { max-width: 100%; }
    .welcome-box .title-4                   { margin-bottom: 0.75rem; }

    /* innovation section starts */
    .innovation-section                     { padding-top: 100px !important; }
    .innovation-box .square-icon-box        { margin-bottom: 1.5rem; }
    .square-icon-box                        { height: 3.5rem; width: 3.5rem; line-height: 3.5rem; }
    .square-icon-box img                    { height: 1.75rem; width: 1.75rem; }
    .bottom-box                             { margin-top: 1.5rem; }
}