@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

@charset "UTF-8";

/* CSS Document */
/** reset css **/
*,*:focus{outline: none}
*, *:before, *:after {box-sizing: border-box;  -webkit-box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p, aside, ul, li, a, figure { margin: 0;    padding: 0;    list-style-type: none;}
a { text-decoration: none;    outline: none;}
a:hover { text-decoration: none;    outline: none;}
a:focus {  text-decoration: none;    outline: none;}
img { border: none;    outline: none;}
textarea, button { box-shadow: none;   -webkit-appearance: none;    outline: none;}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;  padding: 0;  border: 0;  font-size: 100%; font-family: "Inter", sans-serif; }
strong {font-weight: bold;}
p strong {font:600 1.2rem/1.7rem "Inter", sans-serif;}
sup{font-size: 11px;}
html, body {height: 100%;scroll-behavior: smooth;font-size: 14px;  color: #4f4e4e; }
.inlineblk{display: inline-block; width: auto;}

/* Font-size */
.text-48px{font-size: 2.929rem;}
.text-41px{font-size: 2.929rem;}
.text-50px{font-size: 3.571rem;}
.text-32px{font-size: 2.286rem;}
.text-20px{font-size: 1.5rem;}
.text-16px{font-size: 1.143rem;}
.text-28px{font-size: 1.75rem;}
/* Font-size */

/* margin */
.mar-r-18px{margin-right: 1.286rem;}
.mar-bot-24px{margin-bottom: 1.714rem;}

/* margin */

/* Font-size */
.font-14px {font-size: 1rem;}


/* Font-size */

/* Color */
.color-black-100 {color: #1B1B1B;}
.color-black-50 {color: #767676;}
.color-black-80 {color: #484848;}
.color-org-80 {color: #EA9642;}
/* Color */



/* font-weight */
.font-bold-700 {font-weight: 700;}
.font-bold-600 {font-weight: 600;}
.font-bold-400 {font-weight: 600;}
/* font-weight */

/* line-height */
.leading-58px{line-height: 4.143rem;}
.leading-60px{line-height: 4.286rem;}
.leading-26px{line-height: 1.857rem;}
.leading-28px{line-height: 2rem;}
/* line-height */

/* width */
.w-112px {width: 8rem;}
.w-30{width: 30%;}





/* width */


/* Button */
.blue-nt-button{background: #0052CC;border-radius: 8px; padding: 8px 12px; color: #fff; transition: all 0.5s;}
.blue-nt-button:hover{background: #0052CC;border-radius: 8px; padding: 8px 12px; color: #fff; }
.blue-ntbr-button{background:#fff;border-radius: 8px; padding: 7px 12px; color:#0052CC; border:2px solid #0052CC; }
.blue-ntbr-button:hover{background: rgba(230, 238, 250, 1); color: rgba(0, 82, 204, 1); border:2px solid #0052CC;}

.blue-n-button{background: #0052CC; padding: 0.857rem 1.143rem; color: #fff; border-radius: 11px; position: relative; transition: all 0.5s;}

.btn-contact{background: #0052CC; width: 100%; padding: 0.714rem .857rem;  font-weight: 600;  line-height: 24px;}



.blue-brd-button{border:3px solid #0052CC; padding: 0.643rem 0.857rem; color: #0052CC; border-radius: 11px; transition: all 0.5s;}
.blue-brd-button:hover{background: rgba(230, 238, 250, 1); color: rgba(0, 82, 204, 1);}

.war-brd-button{border:3px solid #ffc107; padding: 0.643rem 0.857rem; color: #000; background:#fff3cd; border-radius: 11px; transition: all 0.5s; }
.war-brd-button:hover{background: rgba(230, 238, 250, 1); color: rgba(0, 82, 204, 1);}

.blue-brd-button2 {border:2px solid #0052CC; padding: 0.643rem 0.857rem; color: #0052CC; border-radius: 8px;font-weight: 600; transition: all 0.5s;}
.blue-brd-button2:hover{background: rgba(230, 238, 250, 1); color: rgba(0, 82, 204, 1);}

.sub-but {background: #3375d6;  border: 1px solid #3375d6;  padding: 0.375rem 1.143rem;}

.form-select-pad {padding: 0.88rem 2.25rem 0.88rem .75rem; border:1px solid rgba(211, 211, 211, 1)}

.form-select-mar{margin-bottom: 24px;}

/* Button */





.main_container {width: 100%; background: #fff;}


/* header */
.header-banner {position: relative; margin: 3.857rem 0;}
.header-tag-main{    display: flex;  flex-direction: column;  align-items: flex-start;  gap: 8px;  position: relative; margin: 1% 0 0;}
.header-tag-main ul{ display: flex; margin: 2.571rem 0 0 ;}

.header-tag-main ul li{margin: 0 2.571rem 0 0;}
.header-tag-main ul li a{transition: all 0.5s;}
.header-tag-main ul li a .fil-ic{display: none;}
.header-tag-main ul li a:hover .fil-ic{display: inline-block;}
.header-tag-main ul li a:hover .fil-icn{display: none;}
.shine-link { position: relative;  display: inline-block;    overflow: hidden;}
.shine-link::before { content: '';  position: absolute;  top: 0;  left: -150%; width: 100%;  height: 100%;  background: linear-gradient(120deg, rgba(0, 82, 204, 0.1) 0%, rgba(0, 82, 204, 0.8) 50%, rgba(0, 82, 204, 0.1) 100%);
  z-index: 1;  transition: none; }
.shine-link:hover::before {  left: 150%;   transition: left 0.6s ease; /*animation: shine 0.6s infinite linear;*/}
/*
@keyframes shine {
  0% {
      left: -100%;
  }
  100% {
      left: 100%;
  }
}
*/



/* header */

.knw-menu {border-bottom: 3px solid #E6EEFA; padding:0 0; margin: 0 0;}


.nav-menu{margin-top: 0.714rem;}
.nav-menu li{margin: 0 1.714rem; position: relative;}
.nav-menu li a{font-size: 1.429rem; font-weight: 400; color: #1B1B1B;}

.nav-menu li a:hover{color: #1B1B1B;/*padding: 0.5rem 0.25rem;*/-webkit-transition: all 0.5s;  -ms-transition: all 0.5s;transition: all 0.5s; font-size: 1.429rem;}
.nav-menu li a:after {background: none repeat scroll 0 0 transparent;bottom: -4px;content: ""; display: block;  height: 4px;
  left: 50%;  position: absolute;  background: #0052CC;  transition: width 0.3s ease 0s, left 0.3s ease 0s;  width: 0;}
  .nav-menu .nav-item a {padding: 1.6rem 0 2rem;}
  .nav-menu .nav-item a.active {position: relative; font-weight: 700;}
  .nav-menu .nav-item a.active::after {bottom: -4px;    content: "";    display: block;    height: 4px;    left: 50%;    position: absolute;    background: #0052CC;    width: 100%;
    left: 0;}

  .nav-menu li a:hover:after {   width: 100%;   left: 0; }
  .nav-item.dropdown.dropdown-mega .dropdown-menu {  width: 70%;   left: 15%; background: #f8f8f8;}
  .navbar-expand-lg .navbar-nav .nav-link {position: relative;}
  .nav-sub-menu .dropdown-toggle::after {  bottom: -18px;  content: "";  display: block;  height: 4px;  left: 50%;  position: absolute;  background: #0052CC;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;  width: 0; border-right:none; border-left:none;border-top:0 solid;}
  .nav-sub-menu .nav-img ul{ display: flex; float: right;}
  
  .nav-sub-menu .list-group {border: 1px solid transparent;}
  .nav-sub-menu .list-group a{font-size: 16px;  font-style: normal;  font-weight: 400;  line-height: 22px; padding: 8px 0;}
  .nav-sub-menu .list-group a:hover{font-size: 16px; padding: 8px 0; color: #0052CC;}
  .nav-sub-menu .list-group a:hover:after {background: #fff;  height: 0; display: none;}
  
  .nav-sub-menu .list-group .list-group-item{ border: 1px solid transparent; background: #f8f8f8;}

.right-ov-banner{position: relative; overflow: hidden;}
.right-ov-banner .hed-img1 {}
.right-ov-banner .hed-img2 {position: absolute;  width: 310px;  height: 124px;  top: 89px;  left: 85px;  object-fit: cover;}
.right-ov-banner .hed-img3 {position: absolute;  width: 149px;  height: 136px;  top: 382px;  right: 0px;}
.right-ov-banner .hed-play {position: absolute; top: 50%; left: 50%; margin: -60px;}
/*header*/

/* Sec2 */
.container-mar {position: relative; margin: 5.143rem 0;}
.container-pad {position: relative; padding: 5.143rem 0;}
.container-4s-pad {position: relative; padding: 5.143rem;}
.container-mar1 {position: relative; margin: 5.143rem 0 0;}

.container-mar-45 {position: relative; margin: 3.214rem 0;}
.container-pad-45 {position: relative; padding: 3.214rem 0;}



.component-main {position: relative; display: flex; width: 100%; }

.component-1 {width: 31%; margin-right: 3%; border-radius: 32px; height: 600px; overflow: hidden;  position: relative; cursor: pointer;}
.component-1 .com-txo-1 {display: flex;  width: 88%;  align-items: flex-start;  gap: 8px;  position: relative;  top: 35px;  left: 29px;}
.component-1 .com-txo-1 i{position: relative; font-size: 21px; color: rgba(2, 56, 102, 1); transition: all 0.3s ease; opacity: 0; transform: translateX(-30px); transition: all 0.3s ease;}

.component-1 .com-tx-1 { display: flex;  flex-direction: column;  align-items: flex-start;  gap: 8px;  position: relative;  flex: 1;  flex-grow: 1;}
.component-1 .com-tx-1 h4{font-size: 2.571rem; color: #fff; line-height: 42px}
.component-1 .com-tx-1 p{color: #fff; line-height: 20px; margin:0 0;  font-size: 1.286rem;  display: -webkit-box;
  -webkit-line-clamp: 5; /* Limit the text to 5 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;}

.component-1 .comp-img{position: absolute;  width: 656px;  height: 392px;  bottom: 0px;  left: 37px;  object-fit: cover; transition: transform 0.4s ease;}
.component-1 .comp-img img{height: 600px;}
.component-1:hover .comp-img{transform: scale(1.05);}
.component-1:hover .com-txo-1 i{ opacity: 1; transform: translateX(0);}


.component-2 {width: 31%; margin-right: 3%; border-radius: 32px; height: 600px; overflow: hidden;  position: relative; cursor: pointer;}
.component-2 .com-txo-1 {display: flex;  width: 88%;  align-items: flex-start;  gap: 8px;  position: relative;  top: 35px;  left: 29px;}
.component-2 .com-txo-1 i{position: relative; font-size: 21px; color: rgba(102, 54, 2, 1); transition: all 0.3s ease; opacity: 0; transform: translateX(-30px); }

.component-2 .com-tx-1 { display: flex;  flex-direction: column;  align-items: flex-start;  gap: 8px;  position: relative;  flex: 1;  flex-grow: 1;}
.component-2 .com-tx-1 h4{font-size: 2.571rem; color:#000; line-height: 42px;}
.component-2 .com-tx-1 p{color:#000; line-height: 20px; margin: 0 0; font-size: 18px;   display: -webkit-box;
  -webkit-line-clamp: 5; /* Limit the text to 5 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;}
.component-2 .comp-img{position: absolute;  width: 656px;  height: 392px;  bottom: 0px;  left: -232px;  object-fit: cover; transition: transform 0.4s ease;}
.component-2 .comp-img img{height: 600px;}
.component-2:hover .comp-img{transform: scale(1.05);}
.component-2:hover .com-txo-1 i{ opacity: 1; transform: translateX(0);}


.component-3 {width: 31%; border-radius: 32px; height: 600px; overflow: hidden;  position: relative; cursor: pointer;}
.component-3 .com-txo-1 {display: flex;  width: 88%;  align-items: flex-start;  gap: 8px;  position: relative;  top: 35px;  left: 29px;}
.component-3 .com-txo-1 i{position: relative; font-size: 21px; color: rgba(2, 102, 97, 1); transition: all 0.3s ease; opacity: 0; transform: translateX(-30px);}

.component-3 .com-tx-1 { display: flex;  flex-direction: column;  align-items: flex-start;  gap: 8px;  position: relative;  flex: 1;  flex-grow: 1;}
.component-3 .com-tx-1 h4{font-size: 2.571rem; color: #fff; line-height: 42px;}
.component-3 .com-tx-1 p{color: #fff; line-height: 20px; margin:0 0;  font-size: 18px;  display: -webkit-box;
  -webkit-line-clamp: 5; /* Limit the text to 5 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;}
.component-3 .comp-img{position: absolute;  width: 656px;  height: 392px;  bottom: 0px;  right: 372px;  object-fit: cover; transition: transform 0.4s ease;}
.component-3 .comp-img img{height: 600px;}
.component-3:hover .comp-img{transform: scale(1.05);}
.component-3:hover .com-txo-1 i{ opacity: 1; transform: translateX(0);}



.featurebg-1 {background: #46a3d8;}
.featurebg-2 {background: #fe8e16;}
.featurebg-3 {background: #46beb7;}




/* Sec2 */

/* Sec3 */
.sec-3-r-main {position: relative;}
.sec-3-r-main h3{margin:  0 0 48px;}
.sec-3-le-main{display: flex;  flex-direction: column;  align-items: flex-start;  gap: 48px;  position: relative;  flex: 1;  align-self: stretch;  flex-grow: 1;}
.strings-2 {display: flex;  justify-content: center;  gap: 12px;  flex: 1;  flex-grow: 1;  flex-direction: column;  align-items: flex-start;  position: relative; margin: 48px 0 0;}
.strings-2 h6{font-size: 32px;  font-style: normal;  font-weight: 700;  line-height: 40px; letter-spacing: -0.5px; color: #1b1b1b;}
.strings-2 p{ font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: 26px;  letter-spacing: -0.35px; color: #1b1b1b; opacity: 0.5;}

.amb-sec{position: relative;}
.amb-sec .nav-link {display: flex;  align-items: center;  gap: 16px;  padding: 12px 0px;  position: relative;  align-self: stretch;  width: 100%;  flex: 0 0 auto; font-size: 24px; letter-spacing: -0.3px; font-weight: 500;     position: relative; color: #BBB;}
.amb-sec .nav-link .JD-wrapper {
  background-color: #BBB;  display: inline-flex;  flex-direction: column;  align-items: flex-start;  gap: 8px;  padding: 8px 0px;  position: relative;  flex: 0 0 auto;  border-radius: 32px;}
.amb-sec .nav-link .JD {position: relative;    width: 40px;    margin-top: -1px;   font-weight: 700;    color: #ffffff;    font-size: 16px;    text-align: center;    letter-spacing: -0.3px;
    line-height: 24px;} 
    
.amb-sec .nav-link.active {color: rgba(27, 27, 27, 1); background-color: #fff;}
.amb-sec .nav-link.active .JD-wrapper {
  background-color: #1B1B1B;  display: inline-flex;  flex-direction: column;  align-items: flex-start;  gap: 8px;  padding: 8px 0px;  position: relative;  flex: 0 0 auto;  border-radius: 32px;}
  .amb-sec .nav-link.active .JD {position: relative;    width: 40px;    margin-top: -1px;   font-weight: 700;    color: #ffffff;    font-size: 16px;    text-align: center;    letter-spacing: -0.3px;
    line-height: 24px;}     

.feature-slider .slick-dots li button {border-radius: 50%;background-color: #ccc;transition: transform 0.3s ease-in-out, background-color 0.3s;}    
.feature-slider .slick-dots .slick-active button {background-color: #000;   animation: dot-move 0.3s ease-in-out;}    
      @keyframes dot-move {
        0% {
            transform: translateX(-32px); /* Initial left position */
        }
        50% {
          transform: translateX(-16px); /* Initial left position */
      }
        100% {
            transform: translateX(0); /* Final centered position */
        }
    }

    
/* Sec3 */

/* Sec4 */
.sec4-bg{position: relative; background: #F3F5FA;}
.sec6-bg{position: relative; background: #F9F9FA;}
.sec7-bg{position: relative; background: #FFF5EB;}
.sec4-ben-cont {margin: 20% 0 0; position: relative;}
.ben-tab { display: inline-flex; background: #fff; border-radius: 8px; border:4px solid #fff; position: absolute; top:7%;}
.ben-tab .nav-link {color: #282828; padding: 0.857rem 2.857rem; font-size: 14px;   font-weight: 400;  line-height: 20px;}
.ben-tab .nav-link.active, .ben-tab .show>.nav-link {background-color: #014e8b; color: #fff; font-size: 14px;   font-weight: 600;}

.sec-4-main {position: relative;}
.cont-se4-head {}

.sec4tab-content .overlap-group-wrapper {  position: relative;  flex: 1;  flex-grow: 1;  height: 600px;  background-color: #ffffff;  border-radius: 40px;  overflow: hidden;}
.sec4tab-content .play-wrapper {position: relative;  height: 438px;  top: 81px;  left: 75px;  background-image: url(../images/image-1-3.svg);  background-size: cover;  }
.sec4tab-content .play-2 {top: 158px;    left: 147px;    position: absolute;    width: 122px;    height: 122px;}
.sec4tab-content p{font-size: 32px; color: #142A19;  font-style: normal;  font-weight: 400; line-height: normal; margin: 0 0 48px;}
.sec4tab-content h4{margin: 0 0 1.214rem;}

/* Sec4 */


/* Sec5 */


/* Sec5 */
.sec5-main{position: relative; display: flex; margin: 0 8%;}
.sec5-col1{position: relative;}
.sec5-col1 p {font-size: 1.714rem;  font-style: normal;  font-weight: 400;  line-height: 2.286rem; color:#1B1B1B; margin: 1.714rem 0; text-align: center;}
.sec5-col1 ul{}
.sec5-col1 ul li{background: url("../images/vector-red.png") no-repeat; margin: 0 0 1.714rem; padding: 0 0 0 40px;     background-position: 0 4px;}
.sec5-col1 ul li h6{font-size: 1.714rem;  font-style: normal;  font-weight: 700; letter-spacing: -0.3px;}
.sec5-col1 ul li p{font-size: 14px;  font-style: normal;  font-weight: 400;  line-height: 22px;color: #6F6F6F; margin: 0; text-align: left;}

.sec5-col2{position: relative; padding: 0 1.357rem;}
.sec5-col3{position: relative;}
.sec5-col3 p {font-size: 1.714rem;  font-style: normal;  font-weight: 400;  line-height: 2.286rem; color:#1B1B1B; margin: 1.714rem 0; text-align: center;}
.sec5-col3 ul{position: relative;}
.sec5-col3 ul li{background: url("../images/vector-green.png") no-repeat; margin: 0 0 1.714rem; padding: 0 0 0 40px;     background-position: 0 4px;}
.sec5-col3 ul li h6{font-size: 1.714rem;  font-style: normal;  font-weight: 700; letter-spacing: -0.3px;}
.sec5-col3 ul li p{font-size: 14px;  font-style: normal;  font-weight: 400;  line-height: 22px;color: #6F6F6F; margin: 0; text-align: left;}

.sec-5-head {position: relative;}
.sec-5-head h3{margin: 0 0 1.143rem;}
.sec-5-head p{font-size: 20px; font-style: normal;  font-weight: 400;  line-height: 26px;color:#1B1B1B; margin: 0 0 2.5rem;}

/* Sec6 */

.cont-6-main{width: 100%; overflow: hidden; height: 614px; display: flex;}
.cont-6-left{width: 50%; background: url("../images/sec-bg6.jpg") ; background-size: cover;  background-position: 50% 50%; align-items: center;     display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 36px;}
.cont-6-left p{font-weight: 700; color: #fff; font-size: 6rem; line-height: 100px;}

.cont-6-right{width: 50%;   justify-content: center;  padding: 0px 5.143rem;  flex: 1;  align-self: stretch;  flex-grow: 1;  display: flex;  flex-direction: column;
  gap: 48px;  position: relative;}

.cont-6-right h5{font-size: 2.429rem;  font-style: normal;  font-weight: 700;  line-height: 42px; color: #142A19;}  
.cont-6-right h5 span{color: #03A580;}

.cont-6-right ul{}
.cont-6-right ul li{margin: 0 0 1.143rem;}
.cont-6-right ul li h6{font-size: 1.714rem;  font-style: normal;  font-weight: 700;  line-height: normal; color: #1B1B1B;}
.cont-6-right ul li p{font-size: 1.143rem;  font-style: normal;  font-weight: 400;  line-height: 1.714rem; color: #484848;}


/* Sec6 */

/* Sec7 */
.sec-7-cont {position: relative;}
.sec-7-cont h6{margin: 0 0 1rem;}
.sec-7-cont p{position: relative; margin: 0 0 40px;}
/* Sec7 */

/* Sec8 */
.sec8-bg{position: relative; background: #EFF2F4;}
.slide-con{position: relative; border-radius: 1.143rem; overflow: hidden;}
.slide-i-con {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); position: absolute;  z-index: 1;  width: 100%;  height: 185px;  bottom: 0;}
.slide-i-con p{color: #fff; font-size: 2.429rem;   font-weight: 700;  line-height: 42px; padding: 2.286rem; position: absolute; bottom: 0;}
.eventaward-outer {position: relative;}
.eventaward .slick-slide {  margin: 0 32px 0 0; }
.slide-content p {margin: 0 0 2.571rem}
.slide-content h3{margin:  0 0 1.143rem;}

.slider-button {}
.eventaward-outer .eventaward .slick-prev:before { color: #4A4C4D;   opacity: 1;  font-size: 22px;}
.eventaward-outer .eventaward .slick-next { top: -64px; }
.eventaward-outer .eventaward .slick-prev { top: -64px;  right: 150px; left: inherit;}
.eventaward-outer .eventaward .slick-slide {  margin: 0 15px;}
.eventaward-outer .eventaward .slick-next:before { color:#4A4C4D;  opacity: 1;  font-size: 22px;}
.eventaward-outer .eventaward .slick-next {  right: 70px;  padding: 0;  background: #EFF2F4;  width: 56px;  height: 56px;  display: inline-block;      border-radius: 100px;  line-height: 0; border: 2px solid #4A4C4D;}
.eventaward-outer .eventaward .slick-prev {  padding: 0;  background: #EFF2F4;  width: 56px;  height: 56px;  display: inline-block;   border-radius: 100px;  line-height: 0;border: 2px solid #4A4C4D;  
}

.eventaward-outer .slider-button {    position: absolute;  right: 29px;  top: -71px;}
.eventaward-outer .slider-button button{border: 1px solid transparent;    background: transparent;}
.eventaward-outer .slider-button button i{font-size: 40px;}

/* Sec8 */




/* Sec9 */
.sec9-bg{position: relative; background: #F9F9FA;}
.contact-text{position: relative;}
.contact-text h6{font-size: 2.429rem;  font-style: normal;  font-weight: 700;  line-height: 3rem;color: #282828; margin: 0 0 0.714rem;}
.contact-text p{color: #6F6F6F; font-size: 16px;  font-style: normal;  font-weight: 400;  line-height: 24px; margin: 0 0 2.714rem;}

.form-item{  position: relative;  margin-bottom: 24px;}
.form-item input{  display: block;  width: 100%;  height: 48px;  background: transparent;  border: solid 1px rgba(211, 211, 211, 1);
  transition: all .3s ease;  padding: 0 15px;  border-radius: 8px;;  font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
.form-item input:focus{  border: solid 1px #0052CC;}
.form-item label{position: absolute; cursor: text;  z-index: 2;  top: 11px;  left: 10px;  font-size: 12px;  font-weight: bold;  background: #fff;  padding: 0 10px;  color: #6F6F6F;
  transition: all .3s ease;  font-size: 16px;font-style: normal;font-weight: 400; width: 75%;}
.form-item input:focus + label,
.form-item input:valid + label{  font-size: 12px; font-weight: 400;  line-height: 16px;  top: -7px; width: auto;}
.form-item input:focus + label{  color: #0052CC; }

.form-item1 input{  display: block;  width: 100%;  height: 48px;  background: transparent;  border: solid 1px #0052CC;
  transition: all .3s ease;  padding: 0 15px;  border-radius: 8px;;  font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
.form-item1 label{  color: #0052CC; }

.share-l-cont {position: relative;}
.share-l-cont h3{font-size: 48px;  font-style: normal;  font-weight: 700;  line-height: 58px; color: #282828; margin: 0 0 16px;}
.share-l-cont h3 span{position: relative; font-size: 48px;  font-style: normal;  font-weight: 700;  line-height: 58px; color: #282828; display: block;}
.share-l-cont ul{position: relative; margin: 3.429rem 0 0;}
.share-l-cont ul li{background: url("../images/vector-green.png") no-repeat; margin: 0 0 1.714rem; padding: 0.857rem 0 0.857rem 40px;     background-position: 0 19px;}

.share-l-cont ul li p{font-size: 24px;  font-style: normal;  font-weight: 400;  line-height: normal; letter-spacing: -0.3px;color: #282828; margin: 0; text-align: left;}

/* Sec9 */



.footer-bg {background: #1B1B1B; padding: 3rem 0; color: #fff; opacity: 0.8;}
.flogoleft {position: relative; gap: 16px; display: flex; align-items: flex-start;  flex-direction: column;}
.flogoleft h6{font-size: 24px;  font-style: normal;  font-weight: 700;  line-height: 32px;}
.flogoleft .sub-sec {position: relative;}
.flogoleft .sub-sec .form-item{  position: relative;  margin-bottom: 1.071rem;}
.flogoleft .sub-sec .form-item input{  display: block;  width: 100%;  height: 48px;  background: transparent;  border: solid 1px #a4a4a4;
  transition: all .3s ease;  padding: 0 15px;  border-radius: 8px;;  font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; color: #fff;}
  .flogoleft .sub-sec .form-item input:focus{  border: solid 1px #0052CC;}
  .flogoleft .sub-sec .form-item label{position: absolute; cursor: text;  z-index: 2;  top: -7px;  left: 10px;  font-size: 12px;  font-weight: bold;  background: #1B1B1B;  padding: 0 10px;  color: #fff;
  transition: all .3s ease;  font-style: normal;font-weight: 400; width: auto;}
  .flogoleft .sub-sec .form-item input:focus + label,
  .flogoleft .sub-sec .form-item input:valid + label{  font-size: 12px; font-weight: 400;  line-height: 16px;  top: -7px; width: auto; }
  .flogoleft .sub-sec .form-item input:focus + label{  color: #0052CC; }




.fleft {position: relative;}
.fleft ul{position: relative; margin: 2rem 0 0;}
.fleft ul li{display: inline-block; margin-right: 0.857rem;}

.fright {position: relative; text-align: right;}
.fright ul{margin: 2rem 0 0;}
.fright ul li{display: inline-block; margin: 0 1.714rem 0 0;}
.fright ul li:last-child{margin: 0;}
.fright ul li a{text-decoration: underline; color: #fff;}
.fright ul li a:hover{text-decoration:none;}

.footerlink {position: relative;}
.footerlink h6{font-size: 1.143rem;  font-weight: 700; color: #fff; margin: 0 0 1.286rem;}
.footerlink ul{}
.footerlink ul li{font-size: 14px;  font-weight: 400; margin: 8px 0 0 0;}
.footerlink ul li a{font-size: 14px;   font-weight: 400; color: #fff; }
.footerlink ul li a:hover{font-size: 14px;   font-weight: 400; color: #4673d4;}



/* Features css */

/* 2 */
.fet-bg1 {position: relative;}
.feat-sec2 {background: #fe8e16; border-radius: 2.857rem; overflow: hidden;}
.fet-img1 {/*{margin: 5.714rem 0 0;*/ position: relative; overflow: hidden; min-height: auto;}
.fet-img1 img{height: 52vh;  position: relative;  left: 0px;  bottom: 0;}
.fet-cont1 {position: relative; margin-left: 2rem; }
.fet-cont1 h3{color: #000; font-size: 2.571rem;  font-weight: 700;  line-height: 42px; margin: 0 0 8px;}
.fet-cont1 p{color: #000; line-height: 20px; margin: 0 0 1.714rem; font-size: 1.286rem;}
.fet-cont1 h6{color: #000; line-height: 20px; margin: 0 0 1.714rem; font-weight: 700; font-size: 1.5rem; margin: 0 0 0.5rem; padding: 0;}
.fet-cont1 ul{margin: 0 0 0 1.2rem;}
.fet-cont1 ul p{margin: 0; padding:0; font-weight: 700;}
.fet-cont1 ul li{color: #000; list-style: decimal;margin: 0 0 1rem; font-size: 1.286rem; }

.feat-sec3 {position: relative; margin: 3rem 2rem 2rem;}
.feat-sec3 h3{color: #000; font-size: 2.571rem;  font-weight: 700;  line-height: 42px; margin: 0 0 8px;}
.feat-sec3 p{color: #000; line-height: 20px; margin: 0 0 1.714rem; font-size: 1.286rem;}


/* 2 */

/* 3 */
.component1-feat-1 {width: 48%; border-radius: 2.857rem; margin-right: 2%;} 

.component3-feat-3 {width: 48%; border-radius: 2.857rem;margin-left: 2%;} 

.component3-feat-3 .comp-img {
  position: absolute;
  width: 656px;
  height: 392px;
  bottom: 0px;
  right: 32px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

/* 3 */



/* Features css */


/* pricing */
.pricing-section {  display: none;}
.active-pricing {  display: block;}
.professional-highlight {  border: 2px solid #007bff;  background-color: #f0f8ff;}
.professional-highlight h5 {  color: #007bff;  font-weight: bold;}
.compare-feature {  font-weight: bold;}
.pri-cont-head {position: relative;}
.pri-cont-head ul{position: relative; display: block; margin: 2.571rem 0 0;}
.pri-cont-head ul li{display: flex; margin: 0 0 1.143rem;}
.pri-cont-head ul li h3{color: #282828;font-weight: 700; font-size: 1.714rem;}
.pri-cont-head ul li p{color: #6F6F6F; font-weight: 400;line-height: 22px;}
.pri-cont-head ul li i{color: rgba(0, 82, 204, 1); font-size: 20px; margin: 0 16px 0 0;} 

.price-plan {position: relative;}
.price-plan h3{margin: 0 0 3.429rem;}


.price-plan-outer {display: inline-block; background: #F3F5FA; padding: 4px; border-radius: 8px;}

.price-plan-outer span.nav-item{display: inline-block; color: #282828; font-weight: 400; /*padding: 0.857rem;*/}
.price-plan-outer span.offg {background: #03A580;border-radius: 4px; padding: 4px; color: #fff; margin-right:1.714rem;}

.price-plan-outer .nav-link {color: #282828; width: 160px;}

.price-plan-outer .nav-link.active {padding: 0.8rem; font-weight: 600; }



.price-plan-tab {margin: 0 0 3.429rem; border-width:0; justify-content: center;}
.pro-card {border:8px solid #0052CC; border-radius: 24px; background: #0052CC;}
.pro-card .card-body {padding: 0;}
.pro-card .pro-h-card {position: relative;  padding: 12px 4px;  justify-content: center;
  align-items: center; align-items: center; display: flex; color: #fff;}
.pro-card .card-body  {position: relative; border-radius: 16px; background: #F9F9FA;padding: 24px;}

.pro-card .card-body .row1{position: relative;}
.pro-card .card-body .row1 h6{font-size: 1.143rem;   font-weight: 600; color: #000; line-height: 22px; margin: 0 0 0.571rem;}
.pro-card .card-body .row1 p{color: #767676;font-weight: 400;line-height: 20px; margin: 0 0 0.571rem;}

.pro-card .card-body .row2{position: relative;}
.pro-card .card-body .row2 h6{font-size: 34px;font-weight: 700;line-height: 42px;color: #000;}
.pro-card .card-body .row2 p{color: #767676;font-weight: 400;line-height: 20px; margin: 0 0 0.571rem;}

.pro-card .card-body .row3{position: relative; margin: 2.286rem 0 0;}
.pro-card .card-body .row3 p{color: #767676;font-weight: 400;line-height: 20px; margin: 0 0 0.571rem;} 
.pro-card .card-body .row3 ul{}
.pro-card .card-body .row3 ul li{color: #282828; background:url("../images/checktick.png") no-repeat; margin: 0.571rem 0 0.571rem;  padding: 0 0 0 2.857rem;  background-position: 0 4px;}



.entp-card {border:8px solid #fff; border-radius: 24px; background: #fff;}
.entp-card .card-body {padding: 0;}
.entp-card .pro-h-card {position: relative;  padding: 12px 4px;  justify-content: center;
  align-items: center; align-items: center; display: flex; color: #fff;}
.entp-card .card-body  {position: relative; border-radius: 16px; background: #F9F9FA;padding: 24px;}

.entp-card .card-body .row1{position: relative;}
.entp-card .card-body .row1 h6{font-size: 1.143rem;   font-weight: 600; color: #000; line-height: 22px; margin: 0 0 0.571rem;}
.entp-card .card-body .row1 p{color: #767676;font-weight: 400;line-height: 20px; margin: 0 0 0.571rem;}

.entp-card .card-body .row2{position: relative;}
.entp-card .card-body .row2 h6{font-size: 34px;font-weight: 700;line-height: 42px;color: #000;}
.entp-card .card-body .row2 p{color: #767676;font-weight: 400;line-height: 20px; margin: 0 0 0.571rem;}

.entp-card .card-body .row3{position: relative; margin: 2.286rem 0 0;}
.entp-card .card-body .row3 p{color: #767676;font-weight: 400;line-height: 20px; margin: 0 0 0.571rem;} 
.entp-card .card-body .row3 ul{}
.entp-card .card-body .row3 ul li{color: #282828; background:url("../images/checktick.png") no-repeat; margin: 0 0 0.571rem;  padding: 0 0 0 2.857rem;  background-position: 0 4px;}

.com-head h3{margin: 0 0 64px;}

.pricing-table {position: relative; width: 100%; display: flex;}
.pricing-table .grid-1{width: 34%;}
.pricing-table .grid-1 .row-md-1{background: #fff; border-radius: 16px 16px 0 0;font-weight: 600; color: #fff;line-height: 16px;font-size: 12px; padding: 8px 0;}
.pricing-table .grid-1 .row-md-2{border: 3px solid #fff; border-radius: 0 0 16px  16px; padding:0 0;}
.pricing-table .grid-1 .row-md-2 .row-title{position: relative; padding:2.286rem 1.714rem;}
.pricing-table .grid-1 .row-md-2 .row-title h3{font-weight: 700;font-size: 20px;line-height: 26px; color: #000; padding: 0 0 0.571rem;}
.pricing-table .grid-1 .row-md-2 .row-title p{color: #767676;font-weight: 400;  line-height: 20px;}

.pricing-table .grid-1 .row-md-2 .row-content {position: relative;}
.pricing-table .grid-1 .row-md-2 .row-content ul{position: relative; margin: 0 0;}
.pricing-table .grid-1 .row-md-2 .row-content ul li{border-bottom: 1px dotted rgba(211, 211, 211, 1); padding: 1.214rem 1.714rem; font-size: 20px; color: #282828; line-height: 26px;}


.pricing-table .grid-2{width: 33%; transition: all .2s ease-in-out; box-shadow: 0px 4px 12px 3px rgba(0, 82, 204, 0.10); border-radius: 16px; border: 3px solid #0052CC;}
.pricing-table .grid-2 .row-md-1{background: #0052CC; border-radius: 16px 16px 0 0;font-weight: 600; color: #fff;line-height: 16px;font-size: 12px; text-align: center; padding: 8px 0;}
.pricing-table .grid-2 .row-md-2{ border-radius: 0 0 16px  16px; padding:0 0; text-align: center}
.pricing-table .grid-2 .row-md-2 .row-title{position: relative; padding:2.286rem 1.714rem;}
.pricing-table .grid-2 .row-md-2 .row-title h3{font-weight: 700;font-size: 20px;line-height: 26px; color: #000; padding: 0 0 0.571rem;}
.pricing-table .grid-2 .row-md-2 .row-title p{color: #767676;font-weight: 400;  line-height: 20px;}
.pricing-table .grid-2 .row-md-2 .row-content {position: relative;}
.pricing-table .grid-2 .row-md-2 .row-content ul{position: relative;}
.pricing-table .grid-2 .row-md-2 .row-content ul li{border-bottom: 1px dotted rgba(211, 211, 211, 1); padding: 0.857rem 0;}
.pricing-table .grid-2 .row-md-2 .row-content ul li i {font-size: 24px; color: #0052CC;}
.pricing-table .grid-2 .row-md-2 .row-content ul li i.gray-line{color: #bbb;}

.pricing-table .grid-2:hover{transform: scale(1.010); border-radius: 16px 16px 0 0;}

.pricing-table .grid-3{width: 33%; transition: all .2s ease-in-out;}
.pricing-table .grid-3 .row-md-1{background: #fff; border-radius: 16px 16px 0 0;font-weight: 600; color: #fff;line-height: 16px;font-size: 12px; text-align: center; padding: 8px 0;}
.pricing-table .grid-3 .row-md-2{border: 3px solid #fff; border-radius: 0 0 16px  16px; padding:0 0; text-align: center}
.pricing-table .grid-3 .row-md-2 .row-title{position: relative; padding:2.286rem 1.714rem;}
.pricing-table .grid-3 .row-md-2 .row-title h3{font-weight: 700;font-size: 20px;line-height: 26px; color: #000; padding: 0 0 0.571rem;}
.pricing-table .grid-3 .row-md-2 .row-title p{color: #767676;font-weight: 400;  line-height: 20px;}
.pricing-table .grid-3 .row-md-2 .row-content {position: relative;}
.pricing-table .grid-3 .row-md-2 .row-content ul{position: relative;}
.pricing-table .grid-3 .row-md-2 .row-content ul li{border-bottom: 1px dotted rgba(211, 211, 211, 1); padding: 0.857rem 0;}
.pricing-table .grid-3 .row-md-2 .row-content ul li i {font-size: 24px; color: #0052CC;}
.pricing-table .grid-3 .row-md-2 .row-content ul li i.gray-line{color: #bbb;}






/* pricing */

/* usecase */
.use-con-select .accordion-item {border-color: #fff;}
.use-select .sec-3-r-main {margin: 10% 0 0;}
.use-select .sec-3-r-main .amb-sec .accordion-button:not(.collapsed) .JD-wrapper {background-color: #0052CC;}
.use-select .sec-3-r-main .amb-sec .accordion-button:not(.collapsed) .JD-i-wrapper h3{color: #1B1B1B; font-weight: 700; letter-spacing: -0.3px;}
.use-select .sec-3-r-main .amb-sec .accordion-button .JD-wrapper{  background-color: #B3CBF0;  display: inline-flex;  flex-direction: column;  align-items: flex-start;
  gap: 8px;  padding: 8px 0px;  position: relative;  flex: 0 0 auto;  border-radius: 32px;}

.use-select .sec-3-r-main .amb-sec .accordion-button {display: block;background-color: transparent; box-shadow: none; padding: 0.857rem 0;}
.use-select .sec-3-r-main .amb-sec .accordion-button .JD-i-wrapper {display: flex;  align-items: center;  gap: 16px;  padding: 0 0px;
   align-self: stretch;  width: 100%;  flex: 0 0 auto;  font-size: 24px;  letter-spacing: -0.3px;  font-weight: 500;  position: relative;}
.use-select .sec-3-r-main .amb-sec .accordion-button .JD-i-wrapper h3{margin: 0; color: #767676;}
.use-select .sec-3-r-main .amb-sec .accordion-button .JD-ic-wrapper p{color: #1B1B1B;font-size: 14px;font-weight: 400;line-height: 22px;} 
.use-select .sec-3-r-main .amb-sec .accordion-button .JD {  position: relative;  width: 40px;  margin-top: -1px;  font-weight: 700;  color: #ffffff;  font-size: 16px;  text-align: center;
  letter-spacing: -0.3px;  line-height: 24px;}
.sec-3-r-main h3 span{display: block;}


.sec-3-r-main .amb-sec .accordion-body {padding: 0; margin: 0 0 0 10%;}
.sec-3-r-main .amb-sec .accordion-body p{color: #767676; font-weight: 400;line-height: 22px;}

/* usecase */


/* Model css */
.modeldemo .modal-xl{width: 1200px;}
.close-btn {position: absolute;  top: 43px;  right: 11px;}


.feature-sec {position: relative;}
.feature-sec li{width: 46%; float: left; margin: 0 2rem 0 0;}
.feature-sec li h6{font-size: 2rem;}
.feature-sec li p{font-size: 1.143rem;}

.navbar-toggler-icon {background-image: url("../images/toggler.png");}

/*  */
.pop-box1 {background: #F3F5FA; border-radius: 1.75rem; padding:5.143rem; margin: 3rem 0 0;}
.pop-box1 p{font-size: 1.2rem;  line-height: 1.8rem; color: #6e6e73; margin: 0 0 1rem;}
.pop-box1 p span{color: #000; font-weight: 600;}
.pop-box1 img {width: 100%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 50px;}

.pop-box2 {background: #F3F5FA; border-radius: 1.75rem; padding:5.143rem; margin: 3rem 0 0;}
.pop-box2 p{font-size: 1.2rem;  line-height: 1.8rem; color: #6e6e73; padding: 0 3rem 0 0;}
.pop-box2 p span{color: #000; font-weight: 600;}
.pop-box2 img {width: 100%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 50px;}

.pop-box3 {background: #F3F5FA; border-radius: 1.75rem; padding:5.143rem 5.143rem 5.143rem 0; margin: 3rem 0 0;}
.pop-box3 p{font-size: 1.2rem;  line-height: 1.8rem; color: #6e6e73; padding:0 2rem;}
.pop-box3 p span{color: #000; font-weight: 600;}
.pop-box3 img {width: 100%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 0 50px 50px 0;}

.pop-box4 {background: #F3F5FA; border-radius: 1.75rem; padding:5.143rem; margin: 3rem 0 0;}
.pop-box4 p{font-size: 1.2rem;  line-height: 1.8rem; color: #6e6e73;}
.pop-box4 p span{color: #000; font-weight: 600;}
.pop-box4 img {width: 40%;}

/* TIMER STYLES */
.timeContainer {

}

.timeContainer .wrapper {
  padding: 20px; 
  display: inline-flex;
  justify-content: space-around;
  gap: 30px;
}

.timeContainer .wrapper div {
  color: #ccc;
  text-align: center;
  width: 100px;
  height: 100px; 
  border-radius: 6px;
  
  /* padding: 1.8rem 0 0; */
}
.timeContainer .wrapper div.timcontent h5{ margin: 0.5rem 0;}


.timeContainer .wrapper div:first-child{
  width: auto;
  color: #2F2F2F; margin-right: 3.929rem;
}

.timeContainer .wrapper div:nth-child(2){
  background: #014E8B;
  color: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  border: 2px solid #F3F5FA; padding:1rem;
}

.timeContainer .wrapper div:nth-child(3){
  background: #014E8B;
  color: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  border: 2px solid #F3F5FA; padding:1rem;
}

.timeContainer .wrapper div:nth-child(4){
  background: #014E8B;
  color: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  border: 2px solid #F3F5FA; padding:1rem;
}

.timeContainer .wrapper div:last-child{
  background: #014E8B;
  color: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  border: 2px solid #F3F5FA; padding:1rem;
}

.timeContainer .wrapper div h2 {
  font-size: 2.571rem; font-weight: 400;
}

.circleDiv {
  position: fixed;
  z-index: -1;
  top: calc(50% - 237px);
  left: calc(-50% + 474px);
  width: 474px;
  height: 474px;
  border-radius: 100%;
  border: 6px dashed #00A3D0;
  animation: rotatingCircle infinite linear 60s;
}

@keyframes rotatingCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* MOUSE TRAIL STYLE */
#cursor {
  position: fixed;
  top: 0;
  left: 0;
  background-color: transparent;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 100%;
  pointer-events: none;
  user-select: none;
  backdrop-filter: invert(100%);
}


.vclose{position: absolute; top: -33px; right: 0px; z-index: 1000; color: #000; cursor: pointer; font-size: 25px;}

/* https://nekocalc.com/px-to-rem-converter */