/********************* General *********************/
body * {
   box-sizing: border-box;
   word-break: break-word;
}
body *:focus {
   outline: none!important;
}
body > * {
   /* overflow: hidden; */
}
body ul, 
body ol {
   padding-left: 20px;
}
body {
   font-family: 'Helvetica', sans-serif;
   font-size: 16px;
   line-height: 1.5;
   margin: 0;
   color: #39474F;
   overflow-y: auto;
   overflow-x: hidden;
}
body .light-font-family {
   font-family: 'Helvetica Light', sans-serif;
}
img {
   max-width: 100%;
}
body p {
   margin-top: 0;
}
body h1, 
body h2,
body h3,
body h4,
body h5,
body h6 {
   margin-top: 0;
   font-family: 'HelveticaforTarget-Bold', sans-serif;
   line-height: 1.15;
}

body b,
body strong {
   font-family: 'HelveticaforTarget-Bold', sans-serif;
}

body h1, 
body h2 {
   font-size: 45px;
   font-weight: 700;
}
body h3 {
   font-size: 30px;
   font-weight: 700;
}
body h4 {
   font-size: 20px;
   font-weight: 700;
}
body h5 {
   font-size: 18px;
   font-weight: 700;
}
body .font-size-14px {
   font-size: 14px;
}
body .font-size-13px {
   font-size: 13px;
}

body a {
   transition: all .3s ease-in-out;
   color: #8DC63F;
}
body a:focus,
body a:hover {
   color: #39474F;
}

body .green-style-btn,
body button.green-style-btn {
   font-size: 16px;
   background-color: #8DC63F;
   font-weight: 400;
   border-radius: 25px;
   padding: 8px 14px;
   transition: all .3s ease-in-out;
   cursor: pointer;
   height: 36px;
   text-align: center;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   color: white;
   text-decoration: none;
   min-width: 120px;
   border: 0;
}
body .green-style-btn:hover,
body .green-style-btn:focus,
body button.green-style-btn:hover,
body button.green-style-btn:focus {
   background-color: #2B3990;
   color: white;
}

body .blue-style-btn {
   font-size: 16px;
   background-color: #2B3990;
   border: 1px solid #2B3990;
   font-weight: 400;
   border-radius: 25px;
   padding: 8px 14px;
   transition: all .3s ease-in-out;
   cursor: pointer;
   height: 36px;
   text-align: center;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   color: white;
   text-decoration: none;
   min-width: 120px;
}
body .blue-style-btn:hover,
body .blue-style-btn:focus {
   border: 1px solid #2B3990;
   background-color: white;
   color: #2B3990;
}

.swiper-container {
   overflow: hidden;
}
.custom-container {
   width: 100%;
   max-width: 1170px;
   padding: 0 15px;
   margin-left: auto;
   margin-right: auto;
}


/********************* General end *********************/
/********************* Header *********************/
.custom-header-wrapper {
   width: 100%;
}
.custom-header-top {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 20px;
   margin-bottom: 23px;
   position: relative;
   z-index: 1;
   transition: all .3s ease-in-out;
   /* overflow: hidden; */
   max-height: 100px;
}
header.custom-header-sec.mm-sticky .custom-header-top {
   margin-bottom: 0;
   max-height: 0;
   opacity: 0;
   pointer-events: none;
}
.site-logo-div {
   width: calc(30% - 10px);
   padding: 3px 0 0;
}
.site-logo-div img.site-logo,
.site-logo-div img {
   max-width: 159px;
   width: 100%;
   height: auto;
}
.custom-header-div {
   padding: 34px 0 15px;
   transition: all .3s ease-in-out;
}
.header-action-div {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 15px;
   width: calc(70% - 10px);
}
.header-action-div .search-btn-div .search-btn,
body .search-btn {
   background-image: url(https://iconceptdigital.com/amtel/concept-1/img/search-icon.png);
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   width: 20px;
   height: 20px;
   cursor: pointer;
   display: inline-flex;
   transition: all .3s ease-in-out;
   margin-top: 10px;
}
.header-action-div .search-btn:hover,
.header-action-div .search-btn:focus,
body .search-btn:hover,
body .search-btn:focus {
   transform: rotate(-10deg) scale(1.05);
}
.header-action-div .bell-btn,
.notification-btn-div .bell-btn,
body .bell-btn {
   background-color: #9E9E9E;
   width: 36px;
   height: 36px;
   border-radius: 50px;
   margin-left: 5px;
   position: relative;
   display: block;
}
.header-action-div .bell-btn .bell-count,
.notification-btn-div .bell-btn .bell-count,
body .bell-btn .bell-count {
   background-color: #FF0000;
   width: 13px;
   height: 13px;
   position: absolute;
   border-radius: 50px;
   color: white;
   font-size: 10px;
   line-height: 1;
   padding: 2px 1px 1px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   top: -4px;
   right: -1px;
   z-index: 2;
}
.main-menu-sec {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   position: relative;
}
.main-menu-div .main-menu-link {
   text-decoration: none;
   color: #585F5D;
   font-size: 16px;
   padding: 6px 16px;
   display: inline-flex;
   line-height: 18px;
   position: relative;
}
.main-menu-div:first-child .main-menu-link {
   padding-left: 0;
}
.main-menu-div:not(.menu-with-dropdown):last-child .main-menu-link {
   padding-right: 0;
}
.main-menu-div.menu-with-dropdown .main-menu-link:before {
   content: "";
   position: absolute;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 7px solid #2B3990;
   width: 0;
   height: 0;
   right: 2px;
   top: 14px;
   transition: all .3s ease-in-out;
}
.main-menu-div .main-menu-link:hover, 
.main-menu-div .main-menu-link:focus {
   color: #2B3990;
}
.header-action-div .bell-btn .bell-icon,
.notification-btn-div .bell-btn .bell-icon,
body .bell-btn .bell-icon {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   border-radius: 50px;
   overflow: hidden;
}
.bell-icon:before,
.bell-icon:after {
   content: "";
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   transition: all .3s ease-in-out;
   opacity: 0;
}
.bell-icon:before {
   background-image: url("../images/icon-bell-default.png");
}
.bell-icon:after {
   background-image: url("../images/close.png");
   background-size: 15px;
}

.bell-icon:not(.active):before,
.bell-icon.active:after {
   opacity: 1;
}
.header-action-div .bell-btn:hover,
.notification-btn-div .bell-btn:hover,
body .bell-btn:hover {
   animation: small_shake 0.3s 1 alternate;
}
/* body .special-hover-animation {
   position: relative;
} */
/* body .special-hover-animation .sha-div {
   position: absolute;
   width: 147px;
   height: 147px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   pointer-events: none;
   opacity: 0;
   transition: all .3s ease-in-out;
} */
/* body .special-hover-animation .sha-div:before {
   border-top: 1.5px solid #C3C3C3;
   border-right: 1.5px solid #C3C3C3;
   border-bottom: 1.5px solid transparent;
   border-left: 1.5px solid transparent;
   top: 0;
   left: 0;
} */
/* body .special-hover-animation .sha-div:after {
   border-bottom: 1.5px solid #C3C3C3;
   border-left: 1.5px solid #C3C3C3;
   border-right: 1.5px solid transparent;
   border-top: 1.5px solid transparent;
   right: 0;
   bottom: 0;
} */
/* body .special-hover-animation .sha-div:before, 
body .special-hover-animation .sha-div:after {
   border-radius: 50%;
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   max-width: 0;
   max-height: 1px;
   max-width: calc(100% - 3px);
   max-height: calc(100% - 3px);
   transition: all .3s ease-in-out;
} */
/* body .special-hover-animation.sha-begin .sha-div,
body .special-hover-animation:hover .sha-div {
   opacity: 1;
} */
body .special-hover-animation.sha-begin .sha-div:before,
body .special-hover-animation.sha-end .sha-div:after {
   /* max-width: calc(100% - 3px); */
}
body .special-hover-animation.sha-begin-2s .sha-div:before,
body .special-hover-animation.sha-end-2s .sha-div:after {
   /* max-height: calc(100% - 3px); */
}


.notification-sec {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   right: 0;
   z-index: 9999;
   display: none;
   overflow-y: auto;
   overflow-x: hidden;
}
.notification-sec:before {
   content: "";
   background: linear-gradient(270deg, #0E1E7E 32.27%, rgba(210, 210, 210, 0) 100%);
   position: fixed;
   width: 70%;
   height: 100%;
   right: 0;
   top: 0;
}

.notification-wrapper {
   display: flex;
   flex-direction: column;
   gap: 11px;
   align-items: flex-end;
   padding-top: 40px;
   padding-bottom: 25px;
}
.notification-sec > * {
   position: relative;
   z-index: 2;
}
.notification-item {
   display: flex;
   justify-content: space-between;
   align-items: strech;
   text-decoration: none;
   color: black;
}
.notification-div {
   width: 380px;
}
.notification-btn-div {
   margin-bottom: 7px;
}
.notification-right .notification-bg img{
   object-fit: cover;
   width: 100%;
   height: 100%;
} 
.notification-right .notification-bg{
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   height: 100%;
   min-height: 167px;
} 
.notification-div {
   display: flex;
   align-items: stretch;
   background-color: white;
   border-radius: 20px;
   overflow: hidden;
}
.notification-div.notification-full .notification-left {
   padding: 18px 20px 20px;
   width: 100%;
}
.notification-div .notification-left {
   padding: 18px 14px 20px 20px;
   width: 55%;
   gap: 5px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
}
.notification-div .notification-right {
   width: 45%;
   position: relative;
}
.notification-left p {
   margin-bottom: 0;
}
.notification-left .notification-label {
   font-size: 12px;
   background-color: #2B3990;
   color: white;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   height: 24px;
   text-align: center;
   padding: 0 12px;
   border-radius: 50px;
}
.notification-left .notification-date {
   font-size: 14px;
   color: #2B3990;
   text-decoration: none;
}
header.custom-header-sec {
   position: fixed;
   width: 100%;
   top: 0;
   left: 0;
   z-index: 999;
   box-shadow: 0 0 10px #ffffff00;
   transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out;
   overflow: visible;
}
body:not(.home) header.custom-header-sec {
   background-color: white;
}
header.custom-header-sec.mm-sticky {
   background-color: white;
   box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
header.custom-header-sec.mm-sticky .custom-header-div {
   padding-top: 15px;
}

.menu-dropdown-list {
   box-shadow: 0 4px 10px rgb(103 103 103 / 20%);
   position: absolute;
   width: 223px;
   background-color: white;
   padding: 18px 30px;
   display: flex;
   flex-direction: column;
   gap: 10px;
   top: calc(100% + 15px);
   left: 50%;
   transform: translate(-50%, 0);
   transition: all .3s ease-in-out;
   border-radius: 20px;
   overflow: hidden;
   z-index: 1;
   min-height: 1px;
}
.main-menu-div.menu-with-dropdown.single-dropdown-style {
   position: relative;
}
.menu-dropdown-child .menu-dropdown-link,
.menu-dropdown-inner-child .menu-dropdown-inner-link,
.menu-dropdown-deepest-child .menu-dropdown-deepest-link {
   text-decoration: none;
   color: #585F5D;
   width: 100%;
   display: block;
}
.main-menu-div.menu-with-dropdown:not(.dropdown-active) > .menu-dropdown-list {
   top: 80%;
   opacity: 0;
   pointer-events: none;
}
.main-menu-div.menu-with-dropdown.dropdown-active > .main-menu-link,
.menu-dropdown-child .menu-dropdown-link:hover,
.menu-dropdown-inner-child .menu-dropdown-inner-link:hover,
.menu-dropdown-deepest-child .menu-dropdown-deepest-link:hover,
.menu-dropdown-child.child-dropdown-active > .menu-dropdown-link,
.menu-dropdown-inner-child.deepest-dropdown-active > .menu-dropdown-inner-link {
   color: #2B3990;
}
.main-menu-div.menu-with-dropdown.dropdown-active > .main-menu-link:before {
   transform: rotate(180deg);
   top: 13px;
}
.main-menu-div.menu-with-dropdown.dropdown-active > .main-menu-link .sha-div {
   opacity: 1;
}
.main-menu-sec:not(.mobile-menu) .menu-dropdown-inner-list, 
.main-menu-sec:not(.mobile-menu) .menu-dropdown-deepest-list {
   position: absolute;
   width: calc(33.33% - 60px);
   top: 18px;
   transition: all .3s ease-in-out;
}
body .main-menu-sec:not(.mobile-menu) .menu-dropdown-deepest-list {
   top: 0;
   width: 100%;
   left: calc(100% + 60px);
}
.main-menu-sec:not(.mobile-menu) .menu-dropdown-inner-list {
   left: 50%;
   transform: translate(-50%, 0);
   min-height: calc(100% - 36px);
}
.main-menu-sec:not(.mobile-menu) .menu-dropdown-inner-list:before {
   content: "";
   position: absolute;
   height: calc(100% - 24px);
   width: 1.5px;
   background-color: #C3C3C3;
   top: 0;
   bottom: 0;
   margin: auto;
   left: calc(100% + 30px);
}
.main-menu-sec:not(.mobile-menu) .main-menu-div.menu-with-dropdown.multi-dropdown-style .menu-dropdown-list:before {
   content: "";
   position: absolute;
   height: calc(100% - 60px);
   width: 1.5px;
   background-color: #C3C3C3;
   top: 0;
   bottom: 0;
   margin: auto;
   left: 33.33%;
}
.main-menu-sec:not(.mobile-menu) .menu-dropdown-child.menu-child-with-dropdown:not(.child-dropdown-active) > .menu-dropdown-inner-list,
.main-menu-sec:not(.mobile-menu) .menu-dropdown-inner-child.menu-child-with-dropdown:not(.deepest-dropdown-active) .menu-dropdown-deepest-list {
   transform: translate(calc(-50% - 10px), 0);
   opacity: 0;
   pointer-events: none;
}
.main-menu-sec:not(.mobile-menu) .menu-dropdown-inner-child:not(:last-child),
.main-menu-sec:not(.mobile-menu) .menu-dropdown-deepest-child:not(:last-child) {
   margin-bottom: 10px;
}
.main-menu-sec:not(.mobile-menu) .main-menu-div.menu-with-dropdown.multi-dropdown-style .menu-dropdown-list {
   max-width: 944px;
   width: 100%;
   flex-direction: column;
   flex-wrap: wrap;
}
.main-menu-sec:not(.mobile-menu) .main-menu-div.menu-with-dropdown.multi-dropdown-style .menu-dropdown-list .menu-dropdown-child {
   width: calc(33.33% - 40px);
}
.main-menu-div.multi-dropdown-style .menu-dropdown-child.menu-child-with-dropdown > .menu-dropdown-link:before,
.main-menu-div.multi-dropdown-style .menu-dropdown-inner-child.menu-child-with-dropdown > .menu-dropdown-inner-link:before {
   content: "";
   position: absolute;
   border-top: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-left: 7px solid #2B3990;
   width: 0;
   height: 0;
   right: 0;
   top: 50%;
   transform: translate(0, -50%);
   transition: all .3s ease-in-out;
}
.main-menu-div.multi-dropdown-style .menu-dropdown-child.menu-child-with-dropdown.child-dropdown-active > .menu-dropdown-link:before,
.main-menu-div.multi-dropdown-style .menu-dropdown-inner-child.menu-child-with-dropdown.deepest-dropdown-active > .menu-dropdown-inner-link:before  {
   transform: rotate(180deg) translate(0, -50%);
   transform-origin: top;
}
.main-menu-div.multi-dropdown-style .menu-dropdown-child.menu-child-with-dropdown > .menu-dropdown-link,
.main-menu-div.multi-dropdown-style .menu-dropdown-inner-child.menu-child-with-dropdown > .menu-dropdown-inner-link,
.main-menu-div.multi-dropdown-style .menu-dropdown-inner-child.menu-child-with-dropdown > .menu-dropdown-inner-link {
   position: relative;
   padding-right: 15px;
}


/********************* Header end *********************/
/********************* Mobile Header *********************/
.mobile-header-action-div {
   width: calc(100% - 137px);
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 10px;
}
.had_menu_div .had_menu_line {
   display: block;
   width: 20px;
   height: 2px;
   background-color: #2B3990;
   transition: all .3s ease-in-out;
}
.had_menu_div {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding: 8px 10px;
   height: 30px;
   width: 40px;
   position: relative;
   cursor: pointer;
}
.had_menu_div:hover .had_menu_line,
.had_menu_div:focus .had_menu_line {
   background-color: #8DC63F;
}
.mobile-head-popup-sec {
   position: fixed;
   width: 100vw;
   height: 100%;
   z-index: 9999;
   background-color: white;
   overflow-y: auto;
   overflow-x: hidden;
   display: none;
   top: 0;
   left: 0;
}
.mobile-head-popup-div {
   display: flex;
   flex-direction: column;
   height: 100%;
}
.mhpd-foot {
   margin-top: auto;
   position: relative;
}
.mhpd-foot .mhpd-foot-btn {
   background-color: #8DC63F;
   color: white;
   height: 68px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 15px;
   text-decoration: none;
   font-size: 16px;
}
.mhpd-body {
   padding: 30px 15px 83px;
}
.main-menu-sec.mobile-menu {
   flex-direction: column;
   align-items: flex-start;
   gap: 2px;
}
.main-menu-sec.mobile-menu .main-menu-div {
   width: 100%;
}
.main-menu-sec.mobile-menu .main-menu-link {
   padding: 9px 27px 9px 10px;
   width: 100%;
   font-size: 16px;
   border-radius: 50px;
   overflow: hidden;
}
.main-menu-sec.mobile-menu .main-menu-link:after {
   content: "";
   position: absolute;
   background-color: #2B3990;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   transform: scaleX(0);
   transform-origin: bottom right;
   transition: transform 0.3s ease-out;
}
.main-menu-sec.mobile-menu .main-menu-link:hover:after,
.main-menu-sec.mobile-menu .main-menu-div.dropdown-active .main-menu-link:after {
   transform: scaleX(1);
   transform-origin: bottom left;
}
.main-menu-sec.mobile-menu .main-menu-link:hover,
.main-menu-sec.mobile-menu .main-menu-div.dropdown-active .main-menu-link {
   color: white;
}
.main-menu-sec.mobile-menu .main-menu-link > span,
.main-menu-sec.mobile-menu .main-menu-link:before {
   z-index: 1;
}
.main-menu-sec.mobile-menu .main-menu-link:hover:before,
.main-menu-sec.mobile-menu .main-menu-div.dropdown-active .main-menu-link:before {
   border-top-color: white;
}
.main-menu-sec.mobile-menu .main-menu-div.menu-with-dropdown .main-menu-link:before {
   right: 11px;
}
body .mhpd-foot .bell-btn {
   width: 53px;
   height: 53px;
   margin-left: 0;
   right: 15px;
   position: absolute;
   left: auto;
   bottom: calc(100% + 19px);
}
.mhpd-head {
   padding: 20px 15px 0;
   display: flex;
   align-items: center;
   gap: 10px;
   /* transition: all .3s ease-in-out; */
}
.mhpd-action-div {
   width: calc(100% - 137px);
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 10px;
}
.main-menu-sec.mobile-menu .main-menu-div.menu-with-dropdown {
   position: relative;
}
.main-menu-sec.mobile-menu .menu-dropdown-list {
   top: 0;
   border: 0;
   box-shadow: 0 0 0;
   position: relative;
   gap: 8px;
   flex-direction: column;
   width: 100%;
   border-radius: 0;
   padding: 6px 10px 0 40px;
   max-height: 2000px;
}
.main-menu-sec.mobile-menu .menu-dropdown-list:before {
   content: "";
   background-color: #2B3990;
   position: absolute;
   width: 2px;
   height: calc(100% - 5px);
   left: 24px;
   top: 0;
}
.main-menu-sec.mobile-menu .main-menu-div:not(.dropdown-active) .menu-dropdown-list,
.main-menu-sec.mobile-menu .menu-dropdown-child.menu-child-with-dropdown:not(.child-dropdown-active) .menu-dropdown-inner-list,
.main-menu-sec.mobile-menu .menu-dropdown-inner-child.menu-child-with-dropdown:not(.deepest-dropdown-active) .menu-dropdown-deepest-list {
   max-height: 0;
   opacity: 0;
   pointer-events: none;
   padding-top: 0;
   padding-bottom: 0;
   margin-top: 0;
   margin-bottom: 0;
}
.main-menu-sec.mobile-menu .main-menu-div.multi-dropdown-style .menu-dropdown-child.menu-child-with-dropdown > .menu-dropdown-link:before, 
.main-menu-sec.mobile-menu .main-menu-div.multi-dropdown-style .menu-dropdown-inner-child.menu-child-with-dropdown > .menu-dropdown-inner-link:before {
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 7px solid #2B3990;
   border-bottom: 0;
}
.main-menu-sec.mobile-menu .menu-dropdown-child.menu-child-with-dropdown .menu-dropdown-inner-list,
.main-menu-sec.mobile-menu .menu-dropdown-inner-child.menu-child-with-dropdown .menu-dropdown-deepest-list {
   transition: all .3s ease-in-out;
   gap: 8px;
   flex-direction: column;
   width: 100%;
   display: flex;
   margin: 8px 0 0;
   padding-left: 30px;
   position: relative;
   max-height: 2000px;
   overflow: hidden;
}
.main-menu-sec.mobile-menu .menu-dropdown-child.menu-child-with-dropdown .menu-dropdown-inner-list:before,
.main-menu-sec.mobile-menu .menu-dropdown-inner-child.menu-child-with-dropdown .menu-dropdown-deepest-list:before {
   content: "";
   background-color: #2B3990;
   position: absolute;
   width: 2px;
   height: calc(100% - 12px);
   left: 14px;
   top: 0;
   bottom: 0;
   margin: auto;
}
.mobile-head-popup-sec.active .had_menu_div .had_menu_line.hadm_line2 {
   opacity: 0;
}
.had_menu_div .had_menu_line.hadm_line1 {
   transform-origin: right bottom;
}
.had_menu_div .had_menu_line.hadm_line3 {
   transform-origin: right top;
}
.mobile-head-popup-sec.active .had_menu_div .had_menu_line.hadm_line1 {
   transform: rotate(-45deg) translate(0px, -2px);
}
.mobile-head-popup-sec.active .had_menu_div .had_menu_line.hadm_line3 {
   transform: rotate(45deg) translate(0px, 2px);
}
.mobile-head-popup-sec.sticky-active .mhpd-head {
   padding-top: 8px;
}
/* .mhpd-foot .bell-icon:after {
   opacity: 1;
}
.mhpd-foot .bell-icon:before {
   opacity: 0;
} */




/********************* Mobile Header end *********************/
/********************* Banner *********************/
.banner-div {
   max-height: 750px;
   min-height: 600px;
   height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   position: relative;
   padding-top: 210px;
}
.banner-div .banner-title {
   margin-bottom: 0;
   max-width: 670px;
   width: 100%;
   transition: all .3s ease-in-out;
}
.banner-sec:not(.animation-end) .banner-div .banner-title {
   transform: translate(0, 50px);
   opacity: 0;
}
.banner-scroll {
   position: absolute;
   bottom: 80px;
   right: 0;
   width: 44px;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
}
.banner-scroll .bsb-label {
   margin-bottom: 0;
}
.banner-scroll-bar {
   height: 98px;
   background-color: #CDCDCD;
   width: 2px;
   border-radius: 50px;
   margin-bottom: 6px;
   position: relative;
}
.banner-scroll-bar .bsb-progress {
   width: 100%;
   height: 10px;
   background-color: #2B3990;
   position: absolute;
   top: 0;
   left: 0;
   border-radius: 50px;
}
.banner-sec {
   position: relative;
   overflow: hidden;
}
.banner-animation-sec {
   width: 1920px;
   min-width: 1920px;
   height: 1425px;
   min-height: 1425px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.banner-sec:before {
   content: "";
   position: absolute;
   width: 100%;
   max-width: 1140px;
   background-color: #D4D4D4;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   height: 1.5px;
   z-index: 2;
}
.banner-animation-sec .banner-animation-bg {
   /* background-image: url(../img/white-door-bg.jpg); */
   background-image: url(../images/white-door-bg-new2.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 1920px;
   width: 1920px;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
}
.banner-animation-door1 {
   background-image: url(../images/green-door.png);
   background-repeat: no-repeat;
   background-size: contain;
   width: 1828px;
   height: 740px;
   position: absolute;
   /* top: 26px; */
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   transition: all .3s ease-in-out;
   opacity: 0;
}
.banner-animation-door2,
.banner-animation-door3,
.banner-animation-door4, 
.banner-animation-door5 {
   background-image: url(../images/green-door-small.png);
   background-repeat: no-repeat;
   background-size: contain;
   opacity: 0;
}
.lpb-second-sec.lpb-banner-animation .banner-animation-bg {
   /* background-image: url(../img/blue-door-bg.jpg); */
   background-image: url(../images/blue-door-bg-new.jpg);
}
.lpb-second-sec.lpb-banner-animation .banner-animation-door1 {
   background-image: url(../images/white-door.png);
}
.lpb-second-sec.lpb-banner-animation .banner-animation-door2,
.lpb-second-sec.lpb-banner-animation .banner-animation-door3,
.lpb-second-sec.lpb-banner-animation .banner-animation-door4,
.lpb-second-sec.lpb-banner-animation .banner-animation-door5 {
   background-image: url(https://iconceptdigital.com/amtel/concept-1/img/white-door-small.png);
}


.banner-animation-door2 {
   width: 1366px;
   height: 543px;
   position: absolute;
   /* bottom: 40px; */
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   transform: translate(0, 56px);
   transition: all .3s ease-in-out;
}
.banner-animation-door3 {
   width: 1082px;
   height: 450px;
   position: absolute;
   bottom: 0;
   top: 0;
   left: 0;
   right: 0;
   margin: auto;
   transition: all .3s ease-in-out;
   transform: translate(0, 103px);
}
.banner-animation-door4 {
   width: 896px;
   height: 400px;
   position: absolute;
   bottom: 0;
   top: 0;
   left: 0;
   right: 0;
   margin: auto;
   transition: all .3s ease-in-out;
   transform: translate(0, 135px);
}
.banner-animation-door5 {
   width: 756px;
   height: 370px;
   position: absolute;
   bottom: 0;
   top: 0;
   left: 0;
   right: 0;
   margin: auto;
   transition: all .3s ease-in-out;
   transform: translate(0, 159px);
}


.banner-sec.actual-banner-sec .banner-animation-door1 { transform: translate(0, 82px); }
.banner-sec.actual-banner-sec .banner-animation-door2 { transform: translate(0, 134px); }
.banner-sec.actual-banner-sec .banner-animation-door3 { transform: translate(0, 175px); }
.banner-sec.actual-banner-sec .banner-animation-door4 { transform: translate(0, 207px); }
.banner-sec.actual-banner-sec .banner-animation-door5 {
   transform: translate(0, 240px);
   width: 786px;
   height: 380px;
}


.banner-animation-sec.animation-run1 .banner-animation-door1 {
   opacity: 1;
   filter: blur(20px);
}
.banner-animation-sec.animation-run2 .banner-animation-door2,
.banner-animation-sec.animation-run3 .banner-animation-door3,
.banner-animation-sec.animation-run4 .banner-animation-door4,
.banner-animation-sec.animation-run5 .banner-animation-door5 {
   opacity: 1;
   filter: blur(10px);
}
.banner-animation-sec.animation-final .banner-animation-door1 {
   animation: banenr_animate_1 4s infinite forwards;
}
.banner-animation-sec.animation-final .banner-animation-door2 {
   animation: banenr_animate_2 4s infinite forwards;
}
.banner-animation-sec.animation-final .banner-animation-door3 {
   animation: banenr_animate_3 4s infinite forwards;
}
.banner-animation-sec.animation-final .banner-animation-door4 {
   animation: banenr_animate_4 4s infinite forwards;
}
.banner-animation-sec.animation-final .banner-animation-door5 {
   animation: banenr_animate_5 4s infinite forwards;
}
/********************* Banner end *********************/
/********************* Middle content section *********************/
.body-middle-content-sec {
   background-image: url(../images/body-bg.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 100% auto;
   overflow: hidden;
   position: relative;
}
.body-middle-content-sec:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 250px;
   top: 0;
   left: 0;
   background-image: linear-gradient(180deg, #ecebec, #ffffff00);
}
.body-middle-content-sec > * {
   position: relative;
   z-index: 1;
}
.leading-charge-div {
   display: flex;
   flex-wrap: wrap;
   gap: 40px;
   padding: 80px 0 53px;
}
.leading-charge-div > * {
   width: calc(50% - 20px);
}
.lcd-right > p {
   margin-bottom: 28px;
}
.bold-shift-div .swiper-scrollbar.custom-mobile-design-scrollbar {
   width: calc(100% - 30px);
   height: 10px;
   bottom: 0;
   left: 15px;
   background-color: #ffffff00;
   z-index: 10;
}
.bold-shift-div .swiper-scrollbar.custom-mobile-design-scrollbar .swiper-scrollbar-drag {
   background-color: transparent;
   border-radius: 0;
}
.default-cmds-label {
   position: absolute;
   height: 48px;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, 0);
   width: 78px;
   overflow: hidden;
   padding: 10px 6px 6px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
}
.default-cmds-label:before {
   content: "";
   background-color: #8DC63F;
   width: 78px;
   height: 78px;
   top: 0;
   left: 0;
   position: absolute;
   border-radius: 50px;
}
.default-cmds-label .cmds-counter .cmds-light-color {
   color: #c6e3a1;
}
.default-cmds-label .cmds-counter {
   transition: all .3s ease-in-out;
   display: block;
   z-index: 1;
   color: white;
   position: absolute;
   font-size: 15px;
   line-height: 1.15;
   bottom: 6px;
   left: 50%;
   transform: translate(-50%, 0);
}
.default-cmds-label .cmds-counter:not(.active) {
   opacity: 0;
   pointer-events: none;
   z-index: -1;
}
.default-cmds-label .default-label {
   margin-bottom: 20px;
   display: block;
   position: relative;
   z-index: 1;
   font-size: 12px;
   line-height: 1;
   color: white;
}






.bsd-ms-img-div {
   width: 436px;
   height: 411px;
   position: relative;
   border-radius: 20px;
   overflow: hidden;
}
.bsd-ms-img-div .bsd-ms-img {
   width: 100%;
   height: 100%;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}
.bold-shift-div {
   position: relative;
   padding: 50px 63px 60px 0;
}
.bsd-bg:before {
   content: "";
   background-image: url(../images/bold-shift-bg.jpg);
   width: 200%;
   height: 200%;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   position: absolute;
   top: 0;
   left: 0;
   animation: bold_shift_bg_animate 20s infinite ease;
}
.bsd-bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   right: 0;
   padding-left: calc(100vw / 2 - 1140px / 2);
   box-sizing: content-box;
   overflow: hidden;
   border-bottom-right-radius: 230px;
}
.bsd-main-slider .bsd-main-slider-slide.swiper-slide {
   transition: all .3s ease-in-out;
   display: flex;
   align-items: center;
   position: relative;
   gap: 60px;
   padding-right: 175px;
}
.bsd-main-slider .bsd-main-slider-slide.swiper-slide:not(.swiper-slide-active) {
   opacity: 0;
   pointer-events: none;
}
.bsd-head {
   position: relative;
   z-index: 1;
}
.bsd-head {
   color: white;
   margin-bottom: 30px;
   position: relative;
   padding-bottom: 20px;
   width: calc(100% - 175px);
}
.bsd-head .bsd-head-subtitle {
   margin-bottom: 0;
}
.bsd-head .bsd-head-title {
   margin-bottom: 9px;
}
.bsd-head:before {
   content: "";
   position: absolute;
   background-image: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
   height: 1.5px;
   width: 100%;
   bottom: 0;
   left: 0;
   opacity: 0.2;
}
.bsd-ms-content-div {
   width: calc(100% - 496px);
   color: white;
}
.bsd-ms-count-div {
   position: absolute;
   color: white;
   z-index: 1;
   font-size: 120px;
   opacity: 0.2;
   line-height: 0.8;
   right: 0;
   bottom: 30px;
   width: 172px;
}
.bsd-ms-count-div .bsd-ms-count {
   margin-bottom: 0;
}
.bsd-ms-count-div .bsd-ms-count span {
   font-size: 16px;
}
.bsd-ms-content-div .bsd-ms-content-description {
   margin-bottom: 0;
}
.bsd-ms-content-div .bsd-ms-content-title {
   margin-bottom: 10px;
}
.bold-shift-sec {
   margin: 55px 0 90px;
}
.bsd-slider-scrollbar {
   width: 134px;
   height: 484px;
   top: -55px;
   right: 60px;
   position: absolute;
   z-index: 9;
   /* padding-top: 55px; */
   display: flex;
   flex-direction: column;
   
}
.bsd-slider-scrollbar:before {
   content: "";
   background-color: #495690;
   width: 1.5px;
   height: calc(100% - 96px);
   position: absolute;
   top: 55px;
   right: 0;
   left: 0;
   margin: auto;
}
.bsd-slider-scrollbar:after {
   content: "";
   background-color: #495690;
   width: 12px;
   height: 12px;
   position: absolute;
   bottom: 32px;
   left: 0;
   right: 0;
   margin: auto;
   border-radius: 50px;
}
.bsd-slider-scrollbar .bsd-scrollbar-drag {
   width: 134px;
   height: 134px;
   position: absolute !important;
   background-color: #8DC63F;
   border-radius: 50%;
   text-align: center;
   font-size: 12px;
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 10px;
   cursor: pointer;
   z-index: 2;
   transition: background-color .3s ease-in-out, color .3s ease-in-out;
   top: 0;
}
.bsd-slider-scrollbar .bsd-scrollbar-drag:hover {
   background-color: #BBBBBB;
   color: #39474F;
}
.bsd-scrollbar-part {
   /* height: calc(20% - 17px); */
   height: 70px;
}
.bsd-scrollbar-part[data-count="1"] {
   margin-top: 32px;
}
body .swiper-container .custom-swiper-button.swiper-button-disabled {
   border: 1px solid #BBBBBB;
   background-color: #ffffff00;
}
body .swiper-container .custom-swiper-button.swiper-button-disabled:after,
body .swiper-container .custom-swiper-button:hover:after {
   filter: brightness(1) invert(0);
}
body .swiper-container .custom-swiper-button {
   transition: all .3s ease-in-out;
   border: 1px solid #8DC63F;
   background-color: #8DC63F;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   opacity: 1;
   bottom: 80px;
   top: auto;
   margin-top: 0;
   box-shadow: 0 4px 4px #00000040;
}
body .swiper-container .custom-swiper-button:hover {
    border: 1px solid #BBBBBB;
    background-color: #ffffff00;
}
body .swiper-container .custom-swiper-button:after {
   content: "";
   font-size: 0;
   width: 24px;
   height: 12px;
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 1;
   position: absolute;
   transition: all .3s ease-in-out;
   right: auto;
   filter: brightness(0) invert(1);
}
body .swiper-container .custom-swiper-button.swiper-button-next:after {
   background-image: url(../images/arrow-right.png);
}
body .swiper-container .custom-swiper-button.swiper-button-prev:after {
   background-image: url(../images/arrow-left.png);
}
body .bsd-main-slider.swiper-container .custom-swiper-button.swiper-button-prev {
   left: 160px;
}
body .bsd-main-slider.swiper-container .custom-swiper-button.swiper-button-next {
   left: 225px;
}
.core-business-wrapper {
   display: flex;
   flex-wrap: wrap;
   column-gap: 36px;
}
.core-business-wrapper .core-business-title {
   width: 100%;
   text-align: center;
   margin-bottom: 60px;
}
.core-business-wrapper .core-business-div {
   width: calc(33.33% - 24px);
   position: relative;
}
.cbd-count .cbd-count-text {
   margin-bottom: 0;
   font-size: 142px;
   background: linear-gradient(180deg, #2B3990 0%, #2C2F2E 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   color: transparent;
   line-height: 0.85;
}
.cbd-count {
   top: 0;
   left: -25px;
   position: absolute;
}
.cbd-img-div {
   position: relative;
   z-index: 1;
   margin-bottom: 18px;
}

.cbd-img-div img.cbd-img {
   max-width: 334px;
   width: 100%;
   margin: auto;
   display: block;
   transition: all .3s ease-in-out;
}
.cbd-img-div:hover img.cbd-img {
   transform: rotate(-5deg) scale(1.03);
}

.core-business-wrapper .core-business-div[data-count="1"], 
.core-business-wrapper .core-business-div[data-count="3"] {
   margin-top: 50px;
}
.core-business-wrapper .core-business-div[data-count="2"] {
   padding-top: 23px;
}
.cbd-title-div .cbd-title {
   text-align: center;
   margin-bottom: 0;
   font-size: 18px;
   margin-top: 20px;
}
.core-business-sec {
   position: relative;
   margin-bottom: 106px;
   overflow: hidden;
}
.core-business-sec:before {
   content: "";
   position: absolute;
   height: 200vw;
   width: 200vw;
   top: 50%;
   left: -50vw;
   border-top: 1px solid #D5D5D5;
   border-radius: 100%;
}
.tjd-slider .tjd-slider-wrapper .tjd-slider-slide {
   width: 33.33%;
}
.tjd-slider.swiper-container {
   overflow: hidden;
}
.tjd-car img {
   max-width: 90px;
   width: 100%;
   animation: car_animation 5s infinite linear;
}
.tjd-car .tjd-car-text {
   margin-bottom: 0;
   font-size: 10px;
   letter-spacing: 0.5px;
   text-align: center;
}
.transformation-journey-div {
   position: relative;
}
form.tjb-faq-form {
   position: relative;
   overflow: hidden;
}
form.tjb-faq-form .tjb-faq-submit {
   position: absolute;
   width: 35px;
   height: 100%;
   top: 0;
   right: 0;
   z-index: 2;
   font-size: 0;
   border: 0;
   -webkit-mask-image: url(../images/general/search-icon.png);
   -webkit-mask-position: center;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: 20px;
   mask-image: url(../images/general/search-icon.png);
   mask-position: center;
   mask-repeat: no-repeat;
   mask-size: 20px;
   background-color: white;
   transition: all .3s ease-in-out;
   cursor: pointer;
}
form.tjb-faq-form .tjb-faq-submit:hover {
   background-color: #8DC63F;
}
.tjb-faq-div input.tjb-faq-input:not(:focus) + .tjb-faq-submit {
   opacity: 0;
   pointer-events: none;
}
.tjb-faq-div input.tjb-faq-input:focus {
   background-color: transparent;
   border: 0;
}
.tjd-car {
   position: absolute;
   /* left: calc(66.66% - 45px); */
   left: calc(50% - 45px);
   margin: auto;
   top: 95px;
   width: 90px;
   z-index: 3;
   pointer-events: none;
}
.tjd-slider-year-div .tjd-slider-year {
   color: #2B3990;
   font-size: 110px;
   line-height: 0.75;
   margin-bottom: 0;
   transition: all .3s ease-in-out;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, 0);
   white-space: nowrap;
}
.tjd-slider-year-div {
   margin-bottom: 28px;
   height: 85px;
   position: relative;
}
.tjd-slider-slide:not(.swiper-slide-active) .tjd-slider-year-div .tjd-slider-year {
   /* transform: scale(0.45);
   transform-origin: left bottom; */
   font-size: 50px;
}
.tjd-slider-line {
   height: 2px;
   background-color: #D9D9D9;
   position: relative;
   margin: 13px auto;
   width: 100%;
}
.tjd-slider-line span {
   position: absolute;
   background-color: #2B3990;
   height: 4px;
   /* width: calc(200% - 6px); */
   width: calc(200% - 4px);
   transform: translate(0, -50%) scaleX(1);
   transform-origin: bottom left;
   transition: transform 0.25s ease-out;
   top: 50%;
   left: 0;
}
/* .tjd-slider-slide.swiper-slide-active .tjd-slider-line span,  */
.tjd-slider-slide.swiper-slide-prev ~ .tjd-slider-slide .tjd-slider-line span,
.tjd-slider-slide.swiper-slide-active:first-child ~ .tjd-slider-slide .tjd-slider-line span,
.tjd-slider-slide.swiper-slide-active:first-child .tjd-slider-line span {
   transform: translate(0, -50%) scaleX(0);
   transform-origin: bottom left;
}
.tjd-slider-line:before {
   content: "";
   background-color: white;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   border: 2px solid #2B3990;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
}
.tjd-slider .tjd-slider-wrapper .tjd-slider-slide:first-child .tjd-slider-line:before {
   border: 0;
   background-color: #2B3990;
   width: 28px;
   height: 28px;
   left: -14px;
   transform: translate(0, -50%);
}
.tjd-slider .tjd-slider-wrapper .tjd-slider-slide:last-child .tjd-slider-line:before {
   border: 0;
   background-color: #2B3990;
   width: 28px;
   height: 28px;
   right: -14px;
   left: auto;
   transform: translate(0, -50%);
}
.tjd-slider .tjd-slider-wrapper .tjd-slider-slide:last-child .tjd-slider-line:after {
   /* content: "";
   background-color: #2B3990;
   width: 28px;
   height: 28px;
   position: absolute;
   right: -1px;
   top: 50%;
   transform: translate(0, -50%);
   border-radius: 50%; */
}
.tjd-slider .tjd-slider-wrapper .tjd-slider-slide:first-child .tjd-slider-line {
   width: 50%;
   margin-left: auto;
   margin-right: 0;
}
.tjd-slider .tjd-slider-wrapper .tjd-slider-slide:last-child .tjd-slider-line {
   width: 50%;
   margin-left: 0;
   margin-right: auto;
}
.tjd-slider .tjd-slider-wrapper .tjd-slider-slide:not(:first-child) .tjd-slider-line span {
   left: 50%;
   /* width: calc(100% - 6px); */
   width: calc(100% - 4px);
}
.tjd-slider .tjd-slider-wrapper .tjd-slider-slide:last-child .tjd-slider-line span {
   width: 0;
}
/* .tjd-slider-slide.swiper-slide:nth-child(1) { z-index: 6; }
.tjd-slider-slide.swiper-slide:nth-child(2) { z-index: 5; }
.tjd-slider-slide.swiper-slide:nth-child(3) { z-index: 4; }
.tjd-slider-slide.swiper-slide:nth-child(4) { z-index: 3; }
.tjd-slider-slide.swiper-slide:nth-child(5) { z-index: 2; }
.tjd-slider-slide.swiper-slide:nth-child(6) { z-index: 1; } */


.tjd-slider-description-div {
   padding: 28px 55px 20px 30px;
   text-align: center;
}
.tjd-slider-description-div .tjd-slider-description {
   margin-bottom: 0;
}
.transformation-journey-bg .tjb-title {
   font-size: 120px;
   line-height: 0.85;
   color: #F3F3F3;
   margin-bottom: 0;
   white-space: nowrap;
}
.transformation-journey-container {
   position: relative;
   padding-top: 170px;
   padding-bottom: 80px;
}
.transformation-journey-bg {
   position: absolute;
   left: 23px;
   top: 0;
   pointer-events: none;
}
.transformation-journey-wrapper {
   position: relative;
   z-index: 1;
}
.tjb-faq-sec {
   position: absolute;
   right: 15px;
   top: -30px;
   z-index: 1;
   transition: all .3s ease-in-out;
   transition-delay: 0.5s;
}
.transformation-journey-sec:not(.aos-animate) .tjb-faq-sec {
   /* transform: translate(0, 50px);
   opacity: 1; */
}
.tjb-faq-div {
   padding: 10px 20px 12px;
   background-color: #2B3990;
   border-radius: 20px;
   color: white;
   transition: all .3s ease-in-out;
}
.tjb-faq-div:not(.tjb-faq-animate) {
   transform: translate(-20px, 30px);
   opacity: 0;
   pointer-events: none;
}
.tjb-faq-div .tjb-faq-title {
   margin-bottom: 12px;
   padding-bottom: 10px;
   border-bottom: 1px dashed #FFFFFF;
}
.tjb-faq-div input.tjb-faq-input {
   width: 100%;
   background-color: #ffffff00;
   border: 0;
   color: white;
   font-size: 16px;
   padding: 0;
   min-height: 1px;
}
.tjb-faq-div input.tjb-faq-input::placeholder {
   color: white;
}
.tjb-faq-dot {
   width: 46px;
   height: 64px;
   /* border-radius: 50px; */
   margin-top: -10px;
   margin-left: -15px;
   position: relative;
   cursor: pointer;
   /* background-color: #2B3990; */
}
.tjb-faq-dot:before {
   content: "";
   position: absolute;
   width: 16px;
   height: 16px;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   background-color: #2B3990;
   border-radius: 50px;
   animation: bounce 1.5s ease infinite;
   box-shadow: 0 0 0;
   transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.tjb-faq-dot:hover:before {
   box-shadow: 0 0 6px rgb(0 0 0 / 20%);
   background-color: #8DC63F;
}
.bsd-slider-mobile-label {
   transition: all .3s ease-in-out;
   position: absolute;
   width: 100%;
   top: 50%;
   transform: translate(0, -50%);
   text-align: center;
}
span.bsd-slider-mobile-label:not(.active) {
   opacity: 0;
   pointer-events: none;
}




/********************* Middle content section end *********************/
/********************* Landing Popup *********************/
.lpb-first-sec {
   z-index: 2;
}
.lpb-first-sec:before {
   content: "";
   position: absolute;
   background-image: url(../images/first-landing-bg.jpg);
   width: 200%;
   height: 200%;
   top: 0;
   left: 0;
   animation: bold_shift_bg_animate 20s infinite ease;
}
body.home.page-template.page-template-template-home-page {
    opacity: 0;
}
.landing-popup-sec {
   position: fixed;
   width: 100vw;
   height: 100vh; 
   overflow-y: scroll;
   top: 0;
   left: 0;
   z-index: 999999;
   background-color: #2B3990;
   display: none;
   overflow: hidden;
}
.landing-popup-bg-sec,
.lpb-first-sec, 
.lpb-second-sec {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   transition: all .3s ease-in-out;
   overflow: hidden;
}
.lpb-second-sec {
   display: none;
   transition: all 0s ease-in-out;
}
.landing-popup-bg-sec.animate-start .lpb-first-sec:before {
   opacity: 0;
}




.landing-popup-container {
   position: relative;
   z-index: 3;
}
.landing-popup-div {
   height: 100vh;
   display: flex;
   align-items: flex-end;
   padding: 100px 0 8vh;
}
.landing-popup-div .lpd-title {
   margin-bottom: 0;
   width: 100%;
   max-width: 540px;
   color: white;
}
.big-arrow {
   width: 775px;
   height: 500px;
   left: 0;
   right: 0;
   bottom: 8vh;
   position: absolute;
   margin: auto;
}
.big-arrow:before {
   content: "";
   -webkit-mask-image: url(../images/big-arrow.png);
   -webkit-mask-position: bottom left;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: 775px;
   mask-image: url(../images/big-arrow.png);
   mask-position: bottom left;
   mask-repeat: no-repeat;
   mask-size: 775px;
   background-color: rgb(255 255 255 / 67%);
   /* background-image: url(../img/big-arrow.png);
   background-position: bottom left;
   background-repeat: no-repeat;
   background-size: 775px; */
   position: absolute;
   width: 100%;
   height: 100%;
   bottom: 0;
   left: 0;
   transition: all .5s ease-in-out;
   max-width: 10px;
   max-height: 10px;
   opacity: 0;
}
.landing-popup-bg-sec.animate-start .big-arrow:before {
   max-width: 900px;
   max-height: 900px;
   opacity: 1;
}

.ba-svg .ba-svg-bg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   -webkit-mask-image: url(../images/big-arrow-outline.png);
   -webkit-mask-position: bottom left;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: 775px;
   mask-image: url(../images/big-arrow-outline.png);
   mask-position: bottom left;
   mask-repeat: no-repeat;
   mask-size: 775px;
   /* background-image: url(../img/big-arrow-outline.png);
   background-position: bottom left;
   background-repeat: no-repeat;
   background-size: 775px; */
}
.ba-svg .ba-svg-bg:before {
   content: "";
   position: absolute;
   width: 200%;
   height: 200%;
   top: 0;
   left: -100%;
   background-image: linear-gradient(69.66deg, #6170C9 18.05%, #FFFFFF 39.16%, #4F5DAD 48.07%, #6170C9 68.05%, #FFFFFF 89.16%, #4F5DAD 98.07%);
   animation: ba_svg_animation 1.5s infinite linear;
}
.ba-svg svg {
   width: 100%;
   height: 100%;
}
.ba-svg {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   transition: all .3s ease-in-out;
}
.lpd-header {
   padding: 34px 15px 10px;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   display: flex;
   align-items: center;
}
.lpd-action-div {
   margin-left: auto;
}
.lpd-header .site-logo-div {
   margin-right: auto;
   filter: brightness(0) invert(1);
}
.lpd-action-div .lpd-action-btn {
   font-size: 16px;
   color: white;
   text-decoration: none;
}
.lpd-action-div .lpd-action-btn:hover {
   color: #8DC63F;
}


.ba-svg svg .start {
   stop-color: #ffffff;
   stop-opacity: 1;
   animation: animateStart 1s infinite alternate;
}
.ba-svg svg .middle {
   stop-color: #ffff;
   stop-opacity: 1;
   animation: animateMiddle 1s infinite alternate;
}
.ba-svg svg .end {
   stop-color: #ffffff;
   stop-opacity: 1;
   animation: animateEnd 1.5s infinite alternate;
}

/********************* Landing Popup end *********************/
/********************* Others *********************/
body .swiper-slide.media-item:before {
   content: "";
   /* background-color: #2B3990; */
   border-bottom-right-radius: 20px;
   position: absolute;
   transition: all 0.6s ease-in-out;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   max-width: 100px;
   max-height: 100px;
   opacity: 0;
   pointer-events: none;
}
body .swiper-slide.media-item:first-child:before {
   left: -40px;
   width: calc(100% + 40px);
}
/* .swiper-slide.media-item:first-child {
   padding-left: 0;
} */
body .swiper-slide.media-item:hover {
   background-color: #ffffff00;
   border-bottom-right-radius: 0;
}
/* body .swiper-slide.media-item.swiper-slide-active:before */
body .swiper-slide.media-item:hover:before  {
   max-width: 1200px;
   max-height: 1200px;
   opacity: 1;
}
body .swiper-slide.media-item.swiper-slide-active,
body .swiper-slide.media-item.swiper-slide-active .media-date {
   color: #2B3990;
}
body .swiper-slide.media-item > * {
   position: relative;
   z-index: 1;
   transition: all .3s ease-in-out;
}
body .swiper-slide.media-item.swiper-slide-active .media-tag {
   color: #ffffff;
   background-color: #2B3990;
}
.customSwiper-child.swiper-container .custom-swiper-button {
   box-shadow: 0 0 0;
}


/********************* Others end *********************/
/********************* Floating Button *********************/
/* .floating-btn-list .floating-btn:before, */
.floating-btn-list .floating-btn span {
   content: "";
   width: 20px;
   height: 20px;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   -webkit-mask-position: center;
   -webkit-mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-position: center;
   mask-size: contain;
   mask-repeat: no-repeat;
   transition: all .3s ease-in-out;
   background-color: #8DC63F;
}

.floating-btn-list .floating-btn span:hover {
   background-color: #ffffff;
}

.floating-mtp:before {
   -webkit-mask-image: url(../images/arrow-left.png);
   mask-image: url(../images/arrow-left.png);
   transform: rotate(90deg);
}
.floating-fb:before {
   -webkit-mask-image: url(../images/icon-fb.svg);
   mask-image: url(../images/icon-fb.svg);
}
.floating-in:before {
   -webkit-mask-image: url(../images/icon-in.svg);
   mask-image: url(../images/icon-in.svg);
}
.floating-btn-list {
   position: fixed;
   right: 20px;
   bottom: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   gap: 6px;
   transition: all .3s ease-in-out;
   z-index: 999;
}
.floating-btn-list .floating-btn {
   display: flex;
   border-radius: 50px;
   /* background-color: #ffffff00; */
   background-color: #ffffff;
   border: 1px solid #8DC63F;
   width: 40px;
   height: 40px;
   transition: all .3s ease-in-out;
   cursor: pointer;
   position: relative;
}
.floating-btn-list .floating-btn:hover {
   background-color: #8DC63F;
}
.floating-btn-list .floating-btn:hover span {
   background-color: white;
}
.floating-btn-list:not(.show-floating-btn) {
   opacity: 0;
   pointer-events: none;
   right: -100px;
}

/********************* Floating Button end *********************/
/********************* Advance Background Animation *********************/
.sfs-parent-sec {
   position: relative;
   overflow: hidden;
}
.advance-bg-animate-sec {
   position: absolute;
   width: 1920px;
   height: 720px;
   left: 50%;
   top: -150px;
   transform: translate(-50%, 0);
   overflow: hidden;
}
.advance-bg-animate-div, 
.advance-bg-animate-leaf-div {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.advance-bg-animate-div {
   background-color: white;
   transition: all 1s ease-in-out, opacity 0.3s ease-in-out;
}
.advance-bg-animate-sec.custom-animate-start .advance-bg-animate-img {
   /* opacity: 0.35; */
}
.advance-bg-animate-img {
   /* background-position: top center;
   background-repeat: no-repeat;
   background-size: 1920px;
   background-image: url(../img/advanced-animate-bg-new2.jpg); */
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   /* transition: all .5s ease-in-out; */
}
.advance-bg-animate-img:before {
   content: "";
   background-position: top center;
   background-repeat: no-repeat;
   background-size: 1920px;
   background-image: url(../images/advanced-animate-bg-new2.jpg);
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   transition: all .3s ease-in-out;
}
.advance-bg-animate-img:after {
   content: "";
   background-position: top center;
   background-repeat: no-repeat;
   background-size: 1920px;
   background-image: url(../images/advanced-animate-bg-new.jpg);
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   transition: all .3s ease-in-out;
   opacity: 0;
}
.advance-bg-animate-sec.custom-animate-final .advance-bg-animate-img:before { opacity: 0; }
.advance-bg-animate-sec.custom-animate-final .advance-bg-animate-img:after { opacity: 1; }

.advance-bg-animate-leaf-img {
   background-position: top center;
   background-repeat: no-repeat;
   background-size: 1920px;
   background-image: url(../images/advanced-animate-leaf-new.png);
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}
.advance-bg-animate-sec:before {
   content: "";
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 23.02%, #FFFFFF 82.47%);
   position: absolute;
   width: 100%;
   height: 100%;
   bottom: -1px;
   left: 0;
   z-index: 1;
}
.sustainable-future-section, 
.media-centre-section {
   position: relative;
   z-index: 1;
}
.advance-bg-animate-leaf-div {
   z-index: 1;
   transition: all .3s ease-in-out;
}
.advance-bg-animate-sec .advance-bg-animate-div {
   /* max-height: 0;
   max-width: 0;
   opacity: 0; */
}
.advance-bg-animate-sec.custom-animate-start .advance-bg-animate-div {
   /* max-height: 3000px;
   max-width: 100vw;
   opacity: 1; */
}
/* .advance-bg-animate-sec .advance-bg-animate-div:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 80px;
   bottom: 0;
   left: 0;
   z-index: 1;
   background-image: linear-gradient(0deg, white, transparent);
   transition: all .3s ease-in-out;
} */
.advance-bg-animate-sec:not(.custom-animate-end) ~ .sustainable-future-section, 
.advance-bg-animate-sec:not(.custom-animate-end) ~ .media-centre-section {
   opacity: 0;
}
.sustainable-future-section, 
.media-centre-section {
   transition: all .3s ease-in-out;
}
.advance-bg-animate-sec:not(.custom-animate-start) .advance-bg-animate-div {
   /* transform: translate(calc(-50% + 330px), calc(-50% + 70px)); */
}
.advance-bg-animate-sec .advance-bg-animate-leaf-div {
   opacity: 0.3;
}
.advance-bg-animate-sec.custom-animate-final .advance-bg-animate-leaf-div {
   opacity: 0;
}
.advance-bg-animate-div:before {
   content: "";
   position: absolute;
   width: 136.66%;
   height: 110%;
   top: 0;
   left: 0;
   z-index: 1;
   background-image: radial-gradient(transparent, white, white, white, white);
   transition: all .8s ease-in-out;
}
.advance-bg-animate-sec.custom-animate-start .advance-bg-animate-div:before {
   width: 200%;
   height: 200%;
   top: -86.66%;
   left: -60%;
   transform: scale(5);
   opacity: 0;
}




/********************* Advance Background Animation end *********************/
/*********************  *********************/
/*********************  *********************/
/*********************  *********************/
/*********************  *********************/
/*********************  *********************/
/*********************  *********************/
/*********************  *********************/
/*********************  *********************/
/*********************  *********************/
/*********************  *********************/
/*********************  *********************/
/*********************  *********************/
/*********************  *********************/
/*********************  *********************/
/********************* Keyframe *********************/
@keyframes small_shake {
   0% { transform: rotate(0) scale(1); }
   25% { transform: rotate(-3deg) scale(1.05); }
   50% { transform: rotate(3deg) scale(1.05); }
   75% { transform: rotate(-3deg) scale(1.05); }
   100% { transform: rotate(0) scale(1); }
}
@keyframes bold_shift_bg_animate {
   0% {
      left: 0;
      top: 0;
      transform: rotate(0);
   }
   25% {
      left: -20%;
      top: -70%;
      transform: rotate(10deg);
   }
   50% {
      left: -80%;
      top: -40%;
   }
   75% {
      left: -80%;
      top: -80%;
      transform: rotate(-5deg);
   }
   100% {
      left: 0;
      top: 0;
      transform: rotate(0);
   }
}

@keyframes animateStart {
   0% {
      stop-color: #6170C9;
   }
   100% {
      stop-color: #ffffff;
   }
}
@keyframes animateMiddle {
   0% {
      stop-color: #ffffff;
   }
   100% {
      stop-color: #4F5DAD;
   }
}
@keyframes animateEnd {
   0% {
      stop-color: #4F5DAD;
   }
   100% {
      stop-color: #ffffff;
   }
}

@keyframes car_animation {
   0% {
      transform: rotate(0deg) translate(0, 0);
   }
   16.66% {
      transform: rotate(3deg) translate(2px, 2px);
   }
   33.33% {
      transform: rotate(-1deg) translate(2px, 1px);
   }
   50% {
      transform: rotate(0deg) translate(-2px, 0);
   }
   66.66% {
      transform: rotate(-3deg) translate(-2px, -2px);
   }
   83.33% {
      transform: rotate(-2deg) translate(-1px, -2px);
   }
   100% {
      transform: rotate(0deg) translate(0, 0);
   }
}

@keyframes ba_svg_animation {
   0%{
      top: 0;
      left: -100%;
   }
   100% {
      top: -100%;
      left: 0;
   }
}
@keyframes bounce {
   70% { transform:translateY(0%); }
   80% { transform:translateY(-10px); }
   90% { transform:translateY(0%); }
   95% { transform:translateY(-6px); }
   97% { transform:translateY(0%); }
   99% { transform:translateY(-3px); }
   100% { transform:translateY(0); }
}

@keyframes banenr_animate_1 {
   0% { filter: blur(10px); opacity: 1; }
   25% { filter: blur(10px); opacity: 0.2; }
   50% { filter: blur(10px); opacity: 1; }
   100% { filter: blur(10px); opacity: 1; }
}
@keyframes banenr_animate_2 {
   0% { filter: blur(10px); opacity: 1; }
   10% { filter: blur(10px); opacity: 1;  }
   35% { filter: blur(10px); opacity: 0.2; }
   60% { filter: blur(10px); opacity: 0.2;  }
   100% { filter: blur(10px); opacity: 1; }
}
@keyframes banenr_animate_3 {
   0% { filter: blur(10px); opacity: 1; }
   20% { filter: blur(10px); opacity: 1;  }
   45% { filter: blur(10px); opacity: 0.2; }
   70% { filter: blur(10px); opacity: 0.2;  }
   100% { filter: blur(10px); opacity: 1; }
}
@keyframes banenr_animate_4 {
   0% { filter: blur(10px); opacity: 1; }
   30% { filter: blur(10px); opacity: 1;  }
   55% { filter: blur(10px); opacity: 0.2; }
   80% { filter: blur(10px); opacity: 0.2;  }
   100% { filter: blur(10px); opacity: 1; }
}
@keyframes banenr_animate_5 {
   0% { filter: blur(10px); opacity: 1; }
   40% { filter: blur(10px); opacity: 1; }
   65% { filter: blur(10px); opacity: 0.2; }
   90% { filter: blur(10px); opacity: 0.2; }
   100% { filter: blur(10px); opacity: 1; }
}
/********************* Keyframe end *********************/

body.disabled-animation *:before,
body.disabled-animation *,
body.disabled-animation *:after {
   animation: none!important;
}