.mt-20 {
    margin-top: 20px;
  }
  
  .mt-30 {
    margin-top: 30px;
  }
  
  .mt-40 {
    margin-top: 40px;
  }
  
  .mt-50 {
    margin-top: 50px;
  }
  
  .mt-60 {
    margin-top: 60px;
  }
  
  .mt-80 {
    margin-top: 80px;
  }
  
  .mt-120 {
    margin-top: 120px;
  }
  
  .mt--10 {
    margin-top: -10px;
  }
  
  .mt--60 {
    margin-top: -60px;
  }
  
  .mt--120 {
    margin-top: -120px;
  }
  
  .mb-20 {
    margin-bottom: 20px;
  }
  
  .mb-30 {
    margin-bottom: 30px;
  }
  
  .mb-40 {
    margin-bottom: 40px;
  }
  
  .mb-50 {
    margin-bottom: 50px;
  }
  
  .mb-60 {
    margin-bottom: 60px;
  }
  
  .mb-80 {
    margin-bottom: 80px;
  }
  
  .mb-120 {
    margin-bottom: 120px;
  }
  
  .mb--60 {
    margin-bottom: -60px;
  }
  
  .mb--40 {
    margin-bottom: -40px;
  }
  
  .mb--120 {
    margin-bottom: -120px;
  }
  
  .mb--190 {
    margin-bottom: -190px;
  }
  
  .mb-190 {
    margin-bottom: 190px;
  }
  
  .pt-20 {
    padding-top: 20px;
  }
  
  .pt-30 {
    padding-top: 30px;
  }
  
  .pt-40 {
    padding-top: 40px;
  }
  
  .pt-50 {
    padding-top: 50px;
  }
  
  .pt-60 {
    padding-top: 60px;
  }
  
  .pt-80 {
    padding-top: 80px;
  }
  
  .pt-100 {
    padding-top: 100px;
  }
  
  .pt-110 {
    padding-top: 110px;
  }
  
  .pt-115 {
    padding-top: 115px;
  }
  
  .pt-120 {
    padding-top: 120px;
  }
  
  .pt-140 {
    padding-top: 140px;
  }
  
  .pt-142 {
    padding-top: 142px;
  }
  
  .pt-240 {
    padding-top: 240px;
  }
  
  .pt-310 {
    padding-top: 310px;
  }
  
  .pb-20 {
    padding-bottom: 20px;
  }
  
  .pb-30 {
    padding-bottom: 30px;
  }
  
  .pb-40 {
    padding-bottom: 40px;
  }
  
  .pb-50 {
    padding-bottom: 50px;
  }
  
  .pb-60 {
    padding-bottom: 60px;
  }
  
  .pb-80 {
    padding-bottom: 80px;
  }
  
  .pb-90 {
    padding-bottom: 90px;
  }
  
  .pb-100 {
    padding-bottom: 100px;
  }
  
  .pb-110 {
    padding-bottom: 110px;
  }
  
  .pb-115 {
    padding-bottom: 115px;
  }
  
  .pb-120 {
    padding-bottom: 60px;
  }
  
  .pb-140 {
    padding-bottom: 140px;
  }
  
  .pb-180 {
    padding-bottom: 180px;
  }
  
  .pl-5 {
    padding-left: 5px;
  }
  
  .pl-10 {
    padding-left: 10px;
  }
  
  .pl-15 {
    padding-left: 15px;
  }
  
  .pl-20 {
    padding-left: 20px;
  }
  
  .pl-30 {
    padding-left: 30px;
  }
  
  .pr-5 {
    padding-right: 5px;
  }
  
  .pr-10 {
    padding-right: 10px;
  }
  
  .pr-15 {
    padding-right: 15px;
  }
  
  .pr-20 {
    padding-right: 20px;
  }
  
  .pr-30 {
    padding-right: 30px;
  }
  .f-15{ font-size: 15px !important }
  .f-20{ font-size: 20px !important }
  .f-25{ font-size: 25px !important }
  .f-30{ font-size: 30px !important }
  
  /*--------------------------------------------------------------
  # Common
  --------------------------------------------------------------*/
  :root {
    scroll-behavior: auto;
    --thm-font: "Inter", sans-serif;
    --heading-font: "Inter", sans-serif;
    --special-font: "reeyregular", sans-serif;
    --thm-color: #000248;
        --thm-base: #0b48c2;
    --thm-orangecolor: #ffad00;
    --thm-w-color: #fff; 
    --thm-blue-color: #0b48c2;
    --thm-bg-color: #f4f7fc;
    --thm-base-rgb: 230, , 39;
      --thm-primary: #f7c35f;
      --thm-primary-rgb: 247, 195, 95;
      --thm-secondary: #ed4b4b;
      --thm-secondary-rgb: 237, 75, 75;
      --thm-special: #5366c2;
      --thm-special-rgb: 83, 102, 194;
      --thm-black: #1c1c27;
      --thm-black-rgb: 28, 28, 39;
      --thm-black2: #16161f;
      --thm-black2-rgb: 22, 22, 31;
      --thm-gray: #f2ede9;
      --thm-gray-rgb: 242, 237, 233;
      --thm-border-color: #e7e1dc;
      --thm-border-color-rgb: 231, 225, 220;
      --thm-text-dark: #a2a2b1;
      --thm-text-dark-rgb: 162, 162, 177;
    --btnbg: linear-gradient(90deg, rgba(61,14,109,1) 0%, rgba(19,58,136,1) 100%);
    --ltn__box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
      --ltn__box-shadow-2: 0 0 4px rgba(0, 0, 0, 0.1);
      --ltn__box-shadow-3: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
      --ltn__box-shadow-4: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
      --ltn__box-shadow-5: 0 8px 16px 0 rgba(93, 93, 93, 0.1);
      --ltn__box-shadow-6: 0 0 25px 2px rgba(93, 93, 93, 0.2);
      --ltn__box-shadow-7: 0 0 10px 0px rgba(93, 93, 93, 0.2);
      --ltn__box-shadow-8: 6px 11px 41px -28px #796eb1;
      --bg-orange-gradiunt: linear-gradient(135deg, #ff7133, #ff8c5a);
    
  }
  
  body {
    font-family: var(--thm-font);
    color: var(--thm-color);
    font-size: 16px;
    line-height: 1.875;
  }
  
  body.locked {
    overflow: hidden;
  }
  
  a {
    color: var(--thm-base);
  }
  
  .bSd-01{ box-shadow: var(--ltn__box-shadow-8);
      -webkit-box-shadow: var(--ltn__box-shadow-8); }
  
  .color-w{
    color: var(--thm-w-color);
  }
  
  a,
  a:hover,
  a:focus,
  a:visited {
    text-decoration: none;
  }
  
  ::placeholder {
    color: inherit;
    opacity: 1;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--heading-font);
    color: var(--thm-black);
  }
  
  @media (max-width: 575px) {
  
    h1 br,
    h2 br,
    h3 br,
    h4 br,
    h5 br,
    h6 br {
      display: none;
    }
  }
  
  @media (max-width: 575px) {
    p br {
      display: none;
    }
  }
  
  ::placeholder {
    color: inherit;
    opacity: 1;
  }
  
  .container{max-width: 1180px;}
  .header{ position: fixed; width: 100%; padding:10px; top:0; left: 0; z-index: 99;}
  .header nav ul{ margin: 0; padding: 0; }
  .header nav ul li{display: inline-block;}
  .header nav ul li a{color: var(--thm-color); font-size: 15px; font-family: var(--thm-font);}
  .header nav ul li a i{color: var(--thm-orangecolor); font-size: 18px; vertical-align: middle;}
  .header nav ul li a:hover{color: var(--thm-orangecolor);}
  
  .header.stricky-fixed{ background: #fff; }
  
  .topMenuSection { text-align:center; }
  .topMenuSection .topMenuArea {
        display: inline-block;
      border-radius:0 0px 10px 10px;
      background: #fff;
      position: relative;
  }
  .topMenuSection .topMenuArea ul{ margin: 0; padding: 0 20px; }
  .topMenuSection .topMenuArea ul li { display: inline-block; padding: 0 10px;}
  .topMenuSection .topMenuArea ul li a{color: var(--thm-color); padding: 7px 0; display: block;}
  .topMenuSection .topMenuArea ul li.active a,.topMenuSection .topMenuArea ul li a:hover{
     color: var(--thm-orangecolor);
  }
  
  .dark_btn {
    color:#fff !important;
    background-image: var(--bg-orange-gradiunt);
    font-size: 14px;
    line-height: 20px;
    padding: 9px 20px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    transition: 0.4s all;
    font-weight: 700;
    display: block;
  }
  
  .dark_btn {
    color: var(--text-white);
  }
  
  .dark_btn i {
    transform: rotate(-45deg);
    color: #fff !important;
    display: inline-block;
    font-size: 20px;
    margin-left: 4px;
    position: relative;
    top: 2px;
    transition: 0.4s all;
  }
  
  .dark_btn:hover i {
    transform: rotate(0);
  }
  
  .dark_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: -80px;
    width: 100px;
    height: 50px;
    transform: skew(-25deg);
    animation: main_anim 3s infinite ease-in-out;
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.2) 100%
    );
  }
  
  @keyframes main_anim {
    0% {
      left: -120px;
      opacity: 0;
    }
    10% {
      opacity: 1;
    }
    100% {
      left: 160px;
      opacity: 0;
    }
  }
  
  
  .bannerSection{ 
    background: url('../images/headerbg.jpg');
    width: 100%; 
    background-size: cover;     
    background-position: center;     
    padding: 200px 0 130px 0;}
  
  .bannerSection .leftSection h2{ font-size: 57px; font-weight: 600; color: var(--thm-color);letter-spacing: -3px;}  
  .bannerSection .leftSection h2 span{color: var(--thm-orangecolor); }
  .bannerSection .leftSection p{font-size: 16px; line-height: 22px;}
  .bannerSection .serachArea{ background: var(--thm-w-color); padding: 10px; border-radius: 50px;  -webkit-box-shadow: var(--ltn__box-shadow-1);
      box-shadow: var(--ltn__box-shadow-1); position: relative;}
  .bannerSection .serachArea input{ width: calc(100% - 110px); padding:2px 10px; border: 0;}
  .bannerSection .serachArea input:focus{border: 0;     outline: none;}
  .bannerSection .serachArea button{background: var(--btnbg); font-size: 18px; position: relative;
    color: #fff; border-radius: 50px; padding: 12px 25px; transition: all ease-in-out .2s;}
   .bannerSection .serachArea button:hover{background: var(--thm-orangecolor); transition: all ease-in-out .2s;}
   .bannerSection .serachArea .searchTabsArea {
      padding: 10px;
      /* border-top: 1px solid #e6e9ec; */
      margin-top: 10px;
      position: absolute;
      background: #fff;
      width: 91%;
      top: 65px;
      border-radius: 10px;
      left: 25px;
      z-index: 9;
       -webkit-box-shadow: var(--ltn__box-shadow-1)
      
  }
   .bannerSection .serachArea .inputarea{background: transparent;}
   .bannerSection .serachArea .searchTabsArea ul { margin: 0; padding: 0; list-style: none; }
    .bannerSection .serachArea .searchTabsArea ul li{ margin-bottom:0px; }
    .bannerSection .serachArea .searchTabsArea ul li a{ padding: 5px; color: #000; font-size: 14px; line-height: 16px; display: block; }
    .bannerSection .serachArea .searchTabsArea ul li a img{
     
      box-sizing: border-box;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      margin-right: 8px;
      background-color: #fff;
      border-radius: 8px;
      box-shadow: 4px 5px 16px rgba(64,68,77,.12);
  }
  /* .searchOverlay{overflow: hidden;}
  .searchOverlay .bannerSection {
      position: fixed;
      z-index: 2;
      width: 100%;
      height: calc(100vh - 56px);
      top: 56px;
      left: 0;
      background: rgba(246,248,251,.25);
      -webkit-backdrop-filter: blur(30px);
      backdrop-filter: blur(30px);
      animation: hm-hero-search-fade-in .15s ease-in;
  }
  .searchOverlay .bannerSection h2{-webkit-backdrop-filter: blur(30px);
      backdrop-filter: blur(30px);
      animation: hm-hero-search-fade-in .15s ease-in;} */
  
  .bannerSection .rightSection .bannerImgArea{ right: -50px; top: -200px; position: absolute; }
  .bannerSection .rightSection .bannerImgArea img{width: 100%; }
  
  .bannerSection .rightSection a.boxArea{background:var(--thm-w-color); color: var(--thm-color);
   padding: 13px; border-radius:7px; z-index: 9; position: absolute;
    font-size: 16px; line-height: 18px; font-weight: 500; box-shadow: var(--ltn__box-shadow-1); overflow: hidden;}
  /* 
  .bannerSection .rightSection a.boxArea {
    position: relative;
    padding: 30px 60px;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.4);
    color: #999;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 4px;
    font: 700 30px consolas;
    overflow: hidden;
  } */
  
  .bannerSection .rightSection a.boxArea i:nth-child(1) {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #fff, #3bff3b);
    animation: animate1 2s linear infinite;
  }
  
  @keyframes animate1 {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(100%);
    }
  }
  
  .bannerSection .rightSection a.boxArea i:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 3px;
    background: linear-gradient(to bottom, #fff, #3bff3b);
    animation: animate2 2s linear infinite;
    animation-delay: 1s;
  }
  @keyframes animate2 {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(100%);
    }
  }
  
  .bannerSection .rightSection a.boxArea i:nth-child(3) {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to left, #fff, #3bff3b);
    animation: animate3 2s linear infinite;
  }
  
  @keyframes animate3 {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  
  .bannerSection .rightSection a.boxArea i:nth-child(4) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 3px;
    background: linear-gradient(to top, #fff, #3bff3b);
    animation: animate4 2s linear infinite;
    animation-delay: 1s;
  }
  
  @keyframes animate4 {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(-100%);
    }
  }
  
  .bannerSection .rightSection a.boxArea.po-2 i:nth-child(1){ background: linear-gradient(to right, #fff, #f89310);}
  .bannerSection .rightSection a.boxArea.po-2 i:nth-child(2){ background: linear-gradient(to bottom, #fff, #f89310);}
  .bannerSection .rightSection a.boxArea.po-2 i:nth-child(3){ background: linear-gradient(to left, #fff, #f89310);}
  .bannerSection .rightSection a.boxArea.po-2 i:nth-child(4){ background: linear-gradient(to top, #fff, #f89310);}
  
  .bannerSection .rightSection a.boxArea.po-3 i:nth-child(1){ background: linear-gradient(to right, #fff, #34bfda);}
  .bannerSection .rightSection a.boxArea.po-3 i:nth-child(2){ background: linear-gradient(to bottom, #fff, #34bfda);}
  .bannerSection .rightSection a.boxArea.po-3 i:nth-child(3){ background: linear-gradient(to left, #fff, #34bfda);}
  .bannerSection .rightSection a.boxArea.po-3 i:nth-child(4){ background: linear-gradient(to top, #fff, #34bfda);}
  
  .bannerSection .rightSection a.boxArea.po-4 i:nth-child(1){ background: linear-gradient(to right, #fff, #fb65a5);}
  .bannerSection .rightSection a.boxArea.po-4 i:nth-child(2){ background: linear-gradient(to bottom, #fff, #fb65a5);}
  .bannerSection .rightSection a.boxArea.po-4 i:nth-child(3){ background: linear-gradient(to left, #fff, #fb65a5);}
  .bannerSection .rightSection a.boxArea.po-4 i:nth-child(4){ background: linear-gradient(to top, #fff, #fb65a5);}
  
  .bannerSection .rightSection a.boxArea.po-5 i:nth-child(1){ background: linear-gradient(to right, #fff, #f82b10);}
  .bannerSection .rightSection a.boxArea.po-5 i:nth-child(2){ background: linear-gradient(to bottom, #fff, #f82b10);}
  .bannerSection .rightSection a.boxArea.po-5 i:nth-child(3){ background: linear-gradient(to left, #fff, #f82b10);}
  .bannerSection .rightSection a.boxArea.po-5 i:nth-child(4){ background: linear-gradient(to top, #fff, #f82b10);}
  
  .bannerSection .rightSection .boxArea span{color: var(--thm-orangecolor);}
  .bannerSection .rightSection .boxArea p{ padding: 0; margin: 0; margin-bottom: 5px; }
  .po-1{top: -100px; right: 0; }
  .po-2{top: 0px; left: 0; }
  .po-3{top: 60px; right: -50px; }
  .po-4{bottom: -50px;  left: 0; }
  .po-5{bottom: 0px; right: 0; }
  .anim_moveBottom {
    animation: anim_moveBottom 3s linear 0s infinite alternate
  }
  
  @keyframes anim_moveBottom {
    0% {
      transform: translateY(0px)
    }
  
    100% {
      transform: translateY(20px)
    }
  }
  .section-01{ padding-top: 30px; padding-bottom: 100px;}
  
  .section-01 .aboutBoxSt{ background: #c9deff; padding:40px 20px; border-radius: 80px; margin-left: 150px; position: relative;}
  .section-01 .aboutBoxSt .aboutImgArea{ margin-left: -165px;  position: absolute; z-index: 2; padding-right: 15px;}
  .aboutImgAreaBox{ position: relative; }
  .section-01 .aboutBoxSt .aboutImgArea .aboutImgAreaBox:after{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .5); content: ''; border-radius: 80px 0 80px 0;}
  .section-01 .aboutBoxSt .aboutImgArea img{ width: 100%; border-radius: 80px 0 80px 0; }
  .section-01 .aboutBoxSt .aboutTextArea{ padding-left: 15px; padding-right: 80px; }
  .section-01 .aboutBoxSt .aboutTextArea h1 {
      font-size: 35px;
      font-weight: 600;
      color: var(--thm-color);
      letter-spacing: -1px;
      margin-bottom: 20px;
  }
  
  .section-01 .aboutBoxSt .aboutTextArea p {
      font-size: 18px;
      font-weight: 500;
      line-height: 28px;
      margin: 0;
      padding: 0;
      margin-bottom: 20px;
  }
  .section-01 .aboutBoxSt a.viewAllBtn{ display: inline-block; padding: 8px 20px; border-radius: 50px; transition: all ease-in-out .2s; font-size: 18px; color: #fff; background: var(--btnbg); }
  .section-01 .aboutBoxSt a.viewAllBtn:hover{background: var(--thm-orangecolor); transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s;}
  
  .section-02{background: var(--thm-bg-color);  padding: 20px 0; position: relative;}
  .section-02:after{ width: 100%; left: 0; top: 0; height: 50px; background: var(--thm-w-color);
  position: absolute; content: ''; }
  .section-02:before{ width: 100%; left: 0; bottom: 0; height: 50px; background: var(--thm-w-color);
  position: absolute; content: ''; }
  
  .section-02 .container{ position: relative; z-index: 2; }
  .section-02 .boxArea-02{ position: relative; background: var(--thm-w-color); z-index: 9;
   padding:40px; text-align: right; padding-right: 90px; margin-left: 50px; margin-right: -90px; box-shadow: var(--ltn__box-shadow-1)}
  .section-02 .boxArea-02 h6{ color: var(--thm-blue-color); margin-bottom: 10px; }
  .section-02 .boxArea-02 h2 {
      font-size: 35px;
      font-weight: 600;
      color: var(--thm-color);
      letter-spacing: -1px;
     
  }
  
  .section-02 .boxArea-02 p { font-size:17px; line-height: 28px; margin: 0; padding: 0; margin-bottom: 20px; }
  .section-02 .imgAreaBox-02{ background: #d3e2e7; padding:10px 40px; border-radius: 25px; position: relative; }
  .section-02 .imgAreaBox-02 img{ width: 100%; }
  .section-02 .imgAreaBox-02:after {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: rgba(225, 225, 225, .2);
      content: '';
      border-radius: 25px;
  }
  
  .section-02 .boxArea-02.rightPoSt{padding-left: 90px; margin-right: 0px; padding-right: 50px; margin-left: -90px; text-align: left;}
  .section-02 .boxArea-02.rightPoSt .readMore{left:50px; right: auto;}
  
  .readMore{ padding:5px 7px 0px; position: absolute; right:50px; bottom:-20px; font-size: 30px; line-height: 35px; background: var(--thm-blue-color); color: var(--thm-w-color) ;transition: all ease-in-out .2s;}
  .readMore:hover{background: var(--thm-orangecolor); color: var(--thm-w-color); transition: all ease-in-out .2s;}
  
  
  .section-03{ padding: 80px 0; position: relative;}
  .section-03 .headingArea{ text-align: center;}
  .section-03 .headingArea h1{font-size: 30px; font-weight: 700; margin: 0; padding: 0; padding-bottom: 15px; margin-bottom: 10px; position: relative; line-height: 35px; color: var(--thm-color); 
   }
  .section-03 .headingArea h1:after{ width: 100px; height: 5px; left: 50%; margin-left: -50px;
  position: absolute; bottom: 0; background: var(--thm-blue-color); content: ''; }
  .section-03 .headingArea p{ 
    /* padding: 0 200px;  */
    line-height: 23px; }
  
  .work-process {
   counter-reset: workNumber; 
    position: relative;
  }
  .work-process__item {
    counter-increment: workNumber; 
    text-align: center;
    position: relative;
  }
  .work-process__item::after {
      content: counters(workNumber, ".", decimal-leading-zero);
      width: 40px;
      height: 40px;
      background-color: var(--thm-base);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      position: absolute;
      top: 0px;
      left: 40px;
      font-size: 14px;
      font-weight: bold;
      transition: all 0.5s ease;
      z-index: 9;
  }
  
   .work-process__item::after:hover  {
    background-color: var(--thm-black);
    color: #fff;
  }
  
  [class*=col-]:nth-child(even)::after {
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
  }
  
  .work-process__icon {
    width: 132px;
    height: 132px;
    background-color: #fff;
    border: 1px solid var(--thm-border-color);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    color: var(--thm-base);
    position: relative;
    transition: all 500ms ease;
    overflow: hidden;
  }
  
  .work-process__icon::before {
    content: attr(content);
    position: absolute;
    width: 125px;
    height: 125px;
    z-index: 1;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    transition: all ease-in-out .2s;
  
  }
  
  .work-process__icon::after {
    content: "";
    width: 400px;
    height: 400px;
    position: absolute;
    border-radius: 50%;
    background: conic-gradient(
      #3a7cec 0%12.5%,
      #2ca24c 12.5%25%,
      #f1b500 25%37.5%,
      #e33e2b 37.5%50%,
      #3a7cec 50%62.5%,
      #2ca24c 62.5%75%,
      #f1b500 75%87.5%,
      #e33e2b 87.5%100%
    );
    animation: border-animation 5s linear infinite;
    -webkit-animation: border-animation 5s linear infinite;
  }
  
  @keyframes border-animation {
    to {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
    }
  }
  
  
  
  
  
  
  .work-process__item:hover .work-process__icon::before {
    background-color: var(--thm-base);
    transition: all ease-in-out .2s;
    color: #fff;
  }
  
  .work-process__item .work-process__icon img{ z-index: 9; position: relative; }
  
  .work-process__item:hover .work-process__icon img {
      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1);
  }
  
   
   
  @media (min-width: 992px) {
    .work-process .row {
      background-image: url(../images/work-process-1-1.png);
      background-repeat: no-repeat;
      background-position: center 10%;
    }
  }
  
  @media (min-width: 992px) {
    [class*=col-]:nth-child(2) .work-process__item {
      margin-top: 70px;
    }
     [class*=col-]:nth-child(3) .work-process__item {
      margin-top: 110px;
    }
  
     [class*=col-]:nth-child(4) .work-process__item {
      margin-top: 40px;
    }
  
   [class*=col-]:nth-child(5) .work-process__item {
      margin-top: 80px;
    }
  
  }
  
  
  
  .work-process__title {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    color: var(--thm-black);
    margin-top: 26px;
    margin-bottom: 0px;
  }
  
  
  .work-process__title a {
    color: inherit;
    transition: all 500ms ease;
  }
  
  .work-process__text {
    margin: 0;
    max-width: 202px;
    margin-left: auto;
    margin-right: auto;
  }
  .work-process__text span{color: var(--thm-orangecolor);}
  
  .section-03.work-process .col-lg-3 {
      flex: 0 0 auto;
      width: 20%;
  }
  
  .footer .footerAreaBox{ background: var(--thm-bg-color); border-radius: 50px; padding:40px 40px 50px 40px;text-align: center; margin-bottom: 20px; }
  .footer .footerAreaBox .footerLogo{ text-align: center; }
  .footer .footerAreaBox .footerLogo img{ height: 60px; }
  .footer .footerAreaBox .footerSocial{display: inline-flex; align-items: center; position: relative;}
  .footer .footerAreaBox .footerSocial:before{ position: absolute; left:-40px; right: -40px; top: 50%; height: 3px; background: #333; content: ''; }
  .footer .footerAreaBox .footerSocial ul{ margin: 0; padding: 0; list-style: none; display: flex;  background: var(--thm-bg-color);
    z-index: 1; padding: 0 10px;
      }
  .footer .footerAreaBox .footerSocial ul li{ 
      }
  .footer .footerAreaBox .footerSocial a {
    display: block;
      width: 38px;
      height: 38px;
      background-color:#7c7c7d;
      line-height: 38px;
      color: #fff;
      font-size: 18px;
      transition: all 500ms ease;
      border-radius: 50%;
  }
  
  .footer .footerAreaBox .footerSocial a:hover {
      background: #ff512f;
      border-color: #ff512f;
      color: #fff;
      transform: translateY(-3px);
  }
  
  .icon-facebook:hover {
      background: #3b5998 !important;
      border-color: #3b5998 !important;
  }
  
  .icon-twitter:hover {
      background: #1da1f2 !important;
    
  }
  
  .icon-instagram:hover {
      background: #c32aa3 !important;
    
  }
  
  .icon-linkedin:hover {
      background: #0077b5 !important;
      
  }
  
  .icon-youtube:hover {
      background: #FF5722  !important;
     
  }
  
  .footer .footerAreaBox .footerWidget h6{margin: 0; padding: 0; margin-bottom: 15px; color: var(--thm-color); display: inline-block; font-size: 18px; position: relative;}
  .footer .footerAreaBox .footerWidget h6:after{ position: absolute;  right: -45px; width: 40px; top: 50%; margin-top: 0px; height: 3px; background: #333; content: ''; }
  .footer .footerAreaBox .footerWidget ul{ margin: 0; padding: 0; list-style: none; }
  .footer .footerAreaBox .footerWidget ul li{ margin-bottom: 6px; }
  .footer .footerAreaBox .footerWidget ul a{ color: var(--thm-color); display: block; font-size: 14px; transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; position: relative; }
  .footer .footerAreaBox .footerWidget ul a:hover{ margin-left: 5px; }
  .footer .footerAreaBox .footerWidget ul a:after{ position: absolute; left: 0; top: 0px; content: '\ea6b'; 
  font-family: remixicon!important; font-size: 15px; color:var(--thm-color);
   transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; opacity: 0; }
  
   .footer .footerAreaBox .footerWidget ul a:hover:after{ opacity: 1; left: -15px;}
  
    .footer .footerAreaBox .copyrightSet{border-top:2px solid #c6cbd1; font-size: 14px; margin-top: 20px; padding-top: 10px; }
    .footer .footerAreaBox .copyrightSet a{color: var(--thm-color); padding: 0 8px; position: relative;}
      .footer .footerAreaBox .copyrightSet a:hover{ text-decoration: underline; }
    .footer .footerAreaBox .copyrightSet a:after{ width: 1px; margin-right: -1px; height: 14px; position: absolute; right: 0; top: 2px; content: ''; background: var(--thm-color); }
      .footer .footerAreaBox .copyrightSet a:last-child:after{ display: none; }
  
  
  
  
  
  
  
  
  .ruralDevtSection{ overflow: hidden;  box-shadow: 6px 11px 41px -28px #796eb1;
      -webkit-box-shadow: 6px 11px 41px -28px #796eb1;
      z-index: 9;
      position: relative;
    }
  .ruralDevtSection .ruralDevtBox{ padding-right: 20px; padding-top: 20px;}
  .ruralDevtSection .ruralDevtBox > span {
    display: block;
     color: var(--thm-color);
  }
  
  .ruralDevtSection .ruralDevtBox span.devtContArea i{
    color: var(--thm-orangecolor); font-size: 20px; vertical-align: middle; font-weight: 600;
  }
  .ruralDevtSection .ruralDevtBox h1{
    font-size: 40px;
      line-height: 40px;
      font-weight: 600;
      color: var(--thm-color);
      margin: 0; padding: 0; 
    }
  
  .ruralDevtSection .ruralDevtBox h1 span {
    display: block;
      color: var(--thm-orangecolor);
  }
  
  .ruralDevtSection .ruralDevtBox p{ font-size: 16px; line-height: 25px;}
  
  .ruralDevtSection .banner-slider {
      background-color: #ecf2ff;
      min-width: 666px;
     height: calc(100vh - 100px);
      max-height: 400px; 
      border-radius: 7px;
      overflow: hidden;
      padding: 15px 30px;
  }
  
  /* .bg-w{  background: #fff;} */
  .topTabArea{    
    background: url('../images/headerbg.jpg');
    /* background: #fff; */
    width: 100%; 
    background-size: cover;     
    background-position: center;     
    padding: 65px 0 30px 0;}
  
  
  
  .topTabArea .app-sidebar { padding: 5px 0;
      background: #fff;
      /*  border-top: 1px solid #dbe2eb; */
     /*  border-bottom: 1px solid transparent;*/
      box-shadow: 5px 7px 26px -5px rgba(24, 23, 38, 0.06); 
  
  }
  
  .topTabArea .app-sidebar .boxArea-02{
    display: inline-block;
      padding: 2.5px 12px 3px 5px;
      text-decoration: none;
      position: relative;
      color: #1a1630;
      font-weight: 400;
      font-size: 14px;
      margin: 0 2px;
      border-radius: 50px;
      vertical-align: middle;
    color: #1a1630;
      background: #ebeef1;
      box-shadow: none;
    }
  
    .topTabArea .app-sidebar .boxArea-02 img {
      fill: #5c678f;
      color: #5c678f;
      font-size: 25px;
      line-height: 30px;
      text-align: center;
      vertical-align: middle;
      margin-right: 5px;
      width: 37.5px;
      height: 37.5px;
      background: #fff;
      padding: 8px;
      border-radius: 50px;
      box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
      border: 1px solid #ebecf1;
  }
  
  .topTabArea .app-sidebar .topRightSection .dropdown button{  background:#2483c5; color: #fff; border: 0; border-radius: 50px; font-size: 14px; }
  .topTabArea .app-sidebar .topRightSection .dropdown button i{ vertical-align: middle; }
  
  .topTabArea .app-sidebar .topRightSection .downloadBtn i{border: 1px solid #dbe2eb; padding: 8px; border-radius: 50%; color: #2483c5; cursor: pointer;}
  
  .card {
      position: relative;
      display: flex;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background: #fff;
      background-clip: border-box;
      border-radius: 6px !important;
      border: 0px solid #eae8f1;
      /* margin-block-end: 1.3rem; */
      box-shadow: 6px 11px 41px -28px #796eb1;
      -webkit-box-shadow: 6px 11px 41px -28px #796eb1;
  }
  
  .card .card-body {
      flex: 1 1 auto;
      padding: 10px;
  }
  
  .card .card-body h2{ font-size: 16px; }
  .card .card-body .MinistryLogoArea img {
      width: 100px;
      border: 1px solid #eae8f1;
      border-radius: 8px;
  }
  
  .card .card-body h4{ padding:10px; border-bottom: 1px solid #dcdcdc; font-size: 16px; }
  .card .card-body h4 span{ color: #ffad2e; }
  
  .br-b{ border-top: 1px solid #eae8f1; text-align: right; font-size: 13px;}
  .btn-info{ padding: 2px 6px; font-size: 13px; color: #fff;}
  .card .card-body .ministryName{ font-size: 20px; }
  .card .card-body .ministryName span{display: block; font-weight: 600;}
  .bRadius-15{ border-radius:15px; overflow: hidden;  }
  
  .card .card-body .cardBox{}
  .card .card-body .cardBox h5{ font-size: 28px; }
  
  .card .card-body .cardBox h5 span{background-color: rgb(41 204 57 / 15%); border-radius: 10px; color: #15ca20; padding:5px 10px; font-size: 20px; margin-top: -5px;}
  
  .ruralDevtSection .card-1 {
      position: relative;
      display: flex;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background: #fff;
      background-clip: border-box;
      border-radius: 6px !important;
      border: 1px solid #eae8f1;
      margin-block-end: 1.3rem;
      box-shadow: 6px 11px 41px -28px #796eb1;
      -webkit-box-shadow: 6px 11px 41px -28px #796eb1;
  }
  
  .ruralDevtSection .card-1 .card-body-1 {
      flex: 1 1 auto;
      padding: 10px;
  }
  
  .ruralDevtSection .card-1 .card-body-1 h5{ font-size: 14px; margin-bottom: 2px;}
  .ruralDevtSection .card-1 .card-body-1 .iconBoxAr{
    color: #fff;
      display: inline-block;
      padding: 0 0.25rem;
      line-height: 2rem;
      text-align: center;
      border-radius: 100%;
      font-weight: 600;
      font-size: 1rem;
      color: #fff;
      background-color:#623aa2;
      box-shadow: 0 7px 30px rgba(128, 116, 252, 0.2) !important;
          min-width: 2.8rem;
      height: 2.8rem;
      line-height: 2.8rem;
  }
  .boxbg-2{}
  .ruralDevtSection .card-1 .card-body-1 .iconBoxAr i{font-size: 22px; font-weight: normal;}
  .ruralDevtSection .card-1 .card-body-1 .rankCard{font-size: 18px;}
  .ruralDevtSection .card-1 .card-body-1 .rankCard span{ color: var(--thm-orangecolor); font-weight: 700;}
  .ruralDevtSection .MinistryLogoArea img{ width:120px; border: 1px solid #eae8f1; border-radius: 8px; }
  .text-muted {
      color: #7987a1 !important;
  }
  
  
  .chartboxArea{ background: #fff; padding: 15px; border-radius: 7px; }
  .chartboxArea .text-secondary{font-size: 13px;}
  
  
  .slider-img {
    /* animation: slideup 35s linear infinite */
  }
  
  .slider-img2 {
    /* animation: slidedown 35s linear infinite */
  }
  
  @keyframes slideup {
    0% {
      transform: translateZ(0)
    }
  
    to {
      transform: translate3d(0, -100%, 0)
    }
  }
  
  @keyframes slidedown {
    0% {
      transform: translate3d(0, -100%, 0)
    }
  
    to {
      transform: translateZ(0)
    }
  }
  
  
  .headingArea{}
  .headingArea img {
      width: 50px;
      border: 1px solid #eae8f1;
      border-radius: 8px;
  }
  .headingArea h1 {
      font-size: 20px;
      line-height: 20px;
      font-weight: 600;
      color: var(--thm-color);
      margin: 0;
      padding: 0;
  }
  .bg-gradient-burning {
      background: linear-gradient(to right, rgb(255, 65, 108), rgb(255, 75, 43))!important;
  }
  .bg-gradient-blues {
      background: linear-gradient(to right, rgb(86, 204, 242), rgb(47, 128, 237))!important;
  }
  
  .bg-gradient-green {
      background: linear-gradient(to right, rgb(120 210 63), rgb(76 168 11))!important;
  }
  
  .rankingSection-02{ background: #f6f5f1; padding: 50px 0;}
  
  .rankingSection-02 h1{ font-size: 20px; font-weight: 600; }
  
  .card-03{background:#fff; padding: 20px; border-radius: 20px;}
  .card-03 i{ font-size: 40px; color: #fff;}
  .card-03 span{ display: block; font-size: 23px;}
  
  table.performanceTable{border:0; border-top:1px solid #dee2e6; border-right:1px solid #dee2e6; width: 100%;}
  
  table.performanceTable thead tr th,table.performanceTable tbody tr td{border:0; border-bottom:1px solid #dee2e6; border-left:1px solid #dee2e6; padding: 5px; font-size: 15px;}
  table.performanceTable thead tr th{ background: #ecf2ff; padding:8px 5px; font-weight: 500;}
   table.performanceTable tbody tr.accordion-header{position: relative; cursor: pointer;}
  table.performanceTable tbody tr.accordion-header::after {
     position: absolute;
      flex-shrink: 0;
      right: 10px;
      top: 10px;
      width: 20px;
      height: 20px;
      margin-left: auto;
      content: "";
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-size: 1.25rem;
      transition: transform 0.2s ease-in-out;
  }
  
  
  table.performanceTable tbody tr.accordion-header:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      transform: rotate(-180deg);
  }
  
   table.performanceTable tbody tr td span{background: rgb(255, 76, 76); color: #fff; padding: 4px; border-radius: 3px;}
   
   table.performanceTable tbody tr td p{ margin-bottom: 0px; }
  
   table.performanceTable tbody tr td a { word-break: break-all; font-size: 13px; line-height: 16px; color: #ffad2e; display: block;}
   .table-striped tbody tr:nth-of-type(odd) {background-color: #fff;}
   .table-striped tbody tr:nth-of-type(even) {background-color: #f6f6fb;}
  
  
  
   .slider-one_leftbox {
      padding: 150px 60px 0px 0px;
  }
  
  .pbmit-heading {
      /* margin-bottom: 60px; */
      margin-bottom: 16px;
  }
  
  .pbmit-heading h2 {
      position: relative;
      font-weight: 600;
      font-size: 40px;
      line-height: 46px;
      letter-spacing: 0px;
      margin-bottom: 0;
      color: #030304;
      font-style: normal;
  }
  
  .pbmit-heading h2 span {
      color: #1472b3;
  }
  
  .pbmit-heading .pbmit-heading-desc {
      margin-top: 15px;
      font-size: 19px;
  }
  
  a.viewAllBtn-02 {
      display: inline-block;
      padding: 8px 20px;
      border-radius: 50px;
      transition: all ease-in-out .2s;
      font-size: 18px;
      color: #fff;
      background: var(--btnbg);
  }
  
  /* Slider 1*/ 
  .pbmit-border-right-anim.rs-layer{
    animation:spin 10s linear infinite
  }
  @keyframes spin{
    100%{transform:rotateZ(360deg)}
  }
  .pbmit-search .pbmit-erase{
    animation:4s typing-erase 4s steps(50,end) infinite,blink-caret .5s step-end infinite;
    width:0;
    max-width:max-content;
    overflow:hidden; 
    border-right:1px solid #666; 
    white-space:nowrap; 
    margin:0;
    position: absolute;
  }
  @keyframes typing-erase{
    0%{width:0}80%{width:100%}90%,100%{width:0}
  }
  @keyframes blink-caret{
    from,to{border-color:transparent}50%{border-color:#666}
  }
  .pbmit-bottomerrow{
    position: relative;
  }
  .pbmit-bottomerrow:before{
    position: absolute;
      content: '';
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #ebebeb;
      right: 0;
      bottom: -13px;
      left: 0;
      margin: 0 auto;
      width: 0;
      height: 0;
  }
  
  .leftSocial{ position: absolute; left: 20px; top: 220px; list-style: none; }
  .leftSocial ul{list-style: none; }
  .leftSocial ul li{ margin-bottom: 10px; }
  .leftSocial ul li a {
    text-align: center;
      display: block;
      width: 38px;
      height: 38px;
      background-color: #fff;
      line-height: 38px;
      color: #7c7c7d;
      font-size: 18px;
      border: 1px solid #7c7c7d;
      transition: all 500ms ease;
      border-radius: 50%;
  }
  
  .leftSocial ul li a:hover{ color: #fff; }
  
  /* What We Do  */
  :root,
  [data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0a58ca;
    --bs-secondary: #dfdfdf;
    --bs-success: #0fd194;
    --bs-info: #13bddf;
    --bs-warning: #f5b923;
    --bs-danger: #ff4268;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 10, 88, 202;
    --bs-secondary-rgb: 223, 223, 223;
    --bs-success-rgb: 15, 209, 148;
    --bs-info-rgb: 19, 189, 223;
    --bs-warning-rgb: 245, 185, 35;
    --bs-danger-rgb: 255, 66, 104;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #042351;
    --bs-secondary-text-emphasis: #595959;
    --bs-success-text-emphasis: #06543b;
    --bs-info-text-emphasis: #084c59;
    --bs-warning-text-emphasis: #624a0e;
    --bs-danger-text-emphasis: #661a2a;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cedef4;
    --bs-secondary-bg-subtle: #f9f9f9;
    --bs-success-bg-subtle: #cff6ea;
    --bs-info-bg-subtle: #d0f2f9;
    --bs-warning-bg-subtle: #fdf1d3;
    --bs-danger-bg-subtle: #ffd9e1;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9dbcea;
    --bs-secondary-border-subtle: #f2f2f2;
    --bs-success-border-subtle: #9fedd4;
    --bs-info-border-subtle: #a1e5f2;
    --bs-warning-border-subtle: #fbe3a7;
    --bs-danger-border-subtle: #ffb3c3;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0a58ca;
    --bs-link-color-rgb: 10, 88, 202;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0846a2;
    --bs-link-hover-color-rgb: 8, 70, 162;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.25rem;
    --bs-border-radius-sm: 0.5rem;
    --bs-border-radius-lg: 0.75rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(10, 88, 202, 0.25);
    --bs-form-valid-color: #0fd194;
    --bs-form-valid-border-color: #0fd194;
    --bs-form-invalid-color: #ff4268;
    --bs-form-invalid-border-color: #ff4268;
  }
  [data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6c9bdf;
    --bs-secondary-text-emphasis: #ececec;
    --bs-success-text-emphasis: #6fe3bf;
    --bs-info-text-emphasis: #71d7ec;
    --bs-warning-text-emphasis: #f9d57b;
    --bs-danger-text-emphasis: #ff8ea4;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #021228;
    --bs-secondary-bg-subtle: #2d2d2d;
    --bs-success-bg-subtle: #032a1e;
    --bs-info-bg-subtle: #04262d;
    --bs-warning-bg-subtle: #312507;
    --bs-danger-bg-subtle: #330d15;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #063579;
    --bs-secondary-border-subtle: #868686;
    --bs-success-border-subtle: #097d59;
    --bs-info-border-subtle: #0b7186;
    --bs-warning-border-subtle: #936f15;
    --bs-danger-border-subtle: #99283e;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6c9bdf;
    --bs-link-hover-color: #89afe5;
    --bs-link-color-rgb: 108, 155, 223;
    --bs-link-hover-color-rgb: 137, 175, 229;
    --bs-code-color: #e685b5;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  .what-todo-section {
    position: relative;
    isolation: isolate;
    /* background: #f3f3f8; */
    background: rgb(243,243,248);
  background: linear-gradient(180deg, rgba(243,243,248,1) 0%, rgba(243,243,248,1) 65%, rgba(243,243,248,1) 88%, rgba(255,255,255,1) 100%);
    padding: 80px 0 10px 0;
  }
  .what-todo-section h2{
      position: relative;
      font-weight: 600;
      font-size: 40px;
      line-height: 46px;
      letter-spacing: 0px;
      margin-bottom: 0;
      color: #030304;
      font-style: normal;
  }
  .what-todo-section h5{margin-bottom: 0; font-size: 30px; border-left: 1px solid #adadad;
      line-height: 37px; font-weight: 700; padding-left: 20px;}
  
  .what-todo-section .tabBoxArea{ background: #fff; padding: 20px;
    max-width: 490px;
      margin-bottom: -3rem;
      border-radius: 0.5rem 0.5rem 0.5rem 0;
      z-index: 99; position: relative;
   }
  .what-todo-section .tab-img-ar{ margin-bottom: 30px; }
  .what-todo-section .tab-img-ar img{border-radius: 20px; width: 100%;}
  
  
  
  @media (min-width: 1400px) {
    .what-todo-section::after {
      content: url(../img/todo-section-shape.webp);
      position: absolute;
      inset-inline-end: 0;
      inset-block-end: 0;
      z-index: -1;
      pointer-events: none;
    }
  }
  
  
  .section-space-sm-y {
      padding-block-start: clamp(2rem, 3.25vw + 1rem, 3.75rem);
      padding-block-end: clamp(2rem, 3.25vw + 1rem, 3.75rem);
  }
  
  .subtitle-flush-x {
      --clr-1: hsl(var(--white));
      --clr-2: hsl(var(--white));
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--clr-1) 40%, var(--clr-2) 60%, transparent);
  }
  
  .w-30 {
      width: 7.5rem;
  }
  .fs-18 {
      font-size: 1.125rem;
  }
  .fw-extrabold {
      font-weight: 900;
  }
  .clr-grad-1 {
      background: linear-gradient(90deg, #6a41fb 30%, #f49957 70%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  .clr-neutral-90 {
      --clr-opacity: 1;
      color: hsl(var(--neutral-90)/var(--clr-opacity));
  }
  
  .section-space-bottom {
      padding-block-end: clamp(3.75rem, 6.5vw + 1rem, 7.5rem);
  }
  
  .bg-black {
      --bg-opacity: 1;
      background-color: hsl(var(--black)/var(--bg-opacity));
  }
  
  .scroller-x {
    overflow: hidden;
  }
  .scroller-x[data-direction=right] {
    --_animation-direction: reverse;
  }
  .scroller-x[data-direction=left] {
    --_animation-direction: forwards;
  }
  .scroller-x[data-speed=fast] {
    --_animation-duration: 30s;
  }
  .scroller-x[data-speed=slow] {
    --_animation-duration: 120s;
  }
  .scroller-x__list {
    width: -moz-max-content;
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite;
  }
  .scroller-x__list:hover {
    animation-play-state: paused;
  }
  .scroller-y {
    overflow: hidden;
  }
  .scroller-y[data-direction=bottom] {
    --_animation-direction: reverse;
  }
  .scroller-y[data-direction=top] {
    --_animation-direction: forwards;
  }
  .scroller-y[data-speed=fast] {
    --_animation-duration: 30s;
  }
  .scroller-y[data-speed=slow] {
    --_animation-duration: 120s;
  }
  .scroller-y__list {
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content;
    flex-wrap: nowrap;
    animation: scrollY var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite;
  }
  .scroller-y__list:hover {
    animation-play-state: paused;
  }
  .scroller-card {
    height: 25rem;
  }
  .circle-btn {
    display: grid;
    place-content: center;
    width: 150px;
    aspect-ratio: 1;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
  }
  .circle-btn.welcome-img-btn {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
  }
  @media (min-width: 1200px) {
    .circle-btn.welcome-img-btn {
      right: 0;
      bottom: 0;
      transform: translate(50%, 50%);
    }
  }
  .circle-btn__text {
    position: absolute;
    inset: 0;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    animation: animateText 18s linear infinite;
  }
  .circle-btn__text::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(0deg, #6a41fb 0%, #6a41fb 100%);
    z-index: -1;
  }
  .circle-btn__text span {
    position: absolute;
    top: 0;
    text-transform: uppercase;
    display: inline-block;
    transform-origin: 0 75px;
  }
  .subtitle-flush-x {
    --clr-1: hsl(var(--white));
    --clr-2: hsl(var(--white));
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--clr-1) 40%, var(--clr-2) 60%, transparent);
  }
  .subtitle-flush-x--secondary {
    --clr-1: hsl(var(--secondary-key));
    --clr-2: hsl(var(--secondary-key));
  }
  .todo-box {
    max-width: 490px;
    margin-bottom: -3rem;
    border-radius: 0.5rem 0.5rem 0.5rem 0;
  }
  .todo-img {
    position: relative;
    isolation: isolate;
  }
  .todo-img__1 {
    display: none;
  }
  @media (min-width: 768px) {
    .todo-img__1 {
      display: block;
      position: absolute;
      top: 40%;
      left: 0;
      transform: translate(-50%, -50%);
    }
  }
  @media (min-width: 1200px) {
    .todo-img__1 {
      top: 50%;
      transform: translate(0, -50%);
    }
  }
  @media (min-width: 1600px) {
    .todo-img__1 {
      top: 70%;
      transform: translate(-100%, -50%);
    }
  }
  .todo-img__2 {
    display: none;
  }
  @media (min-width: 768px) {
    .todo-img__2 {
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateX(-15%);
    }
  }
  @media (min-width: 1200px) {
    .todo-img__2 {
      top: 60%;
      transform: translateX(0);
    }
  }
  @media (min-width: 1600px) {
    .todo-img__2 {
      top: 80%;
      transform: translateX(-50%);
    }
  }
  .todo-nav {
    padding: 1.5rem;
    position: relative;
    isolation: isolate;
  }
  @media (min-width: 768px) {
    .todo-nav {
      position: sticky;
      top: 100px;
    }
  }
  .todo-nav::after {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 1px;
    background: linear-gradient(transparent, hsl(var(--white)/0.5) 30%, hsl(var(--white)/0.5) 70%, transparent);
  }
  .todo-nav__link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: hsl(var(--white)/0.5);
  }
  .todo-nav__link::before {
    content: "";
    display: inline-block;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background-color: hsl(var(--white)/0.5);
    transition: all 0.3s ease;
  }
  .todo-nav__link:hover {
    color: hsl(var(--white));
  }
  .todo-nav__link:hover::before {
    width: 2rem;
    height: 2px;
    border-radius: 0;
    background: linear-gradient(90deg, #6a41fb 30%, #f49959 70%);
  }
  .todo-nav__link:focus {
    color: hsl(var(--white));
  }
  .todo-nav__link.active {
    color: hsl(var(--white));
  }
  .todo-nav__link.active::before {
    width: 2rem;
    height: 2px;
    border-radius: 0;
    background: linear-gradient(90deg, #6a41fb 30%, #f49959 70%);
  }
  /* apps-fileview.texmex_20240104.01_p1
  style.css
  Displaying style.css. */
  
  /* Sites css */
  
  .dlab-bnr-inr {
      background: #fffbf7;
      height: 300px;
      background-size: cover;
      background-position: center;
      position: relative;
      overflow: hidden;
  }
  
  @media only screen and (max-width: 991px) {
      .dlab-bnr-inr {
          height: 250px;
      }
  }
  
  @media only screen and (max-width: 575px) {
      .dlab-bnr-inr {
          height: 220px;
      }
  }
  
  .dlab-bnr-inr .container {
      display: table;
      height: 100%;
  }
  
  .dlab-bnr-inr .dlab-bnr-inr-entry {
      height: 100%;
      vertical-align: middle;
      display: table-cell;
  }
  
  @media only screen and (max-width: 767px) {
      .dlab-bnr-inr .dlab-bnr-inr-entry {
          text-align: center;
      }
  
      .dlab-bnr-inr .dlab-bnr-inr-entry .breadcrumb-row {
          display: inline-block;
      }
  }
  
  .dlab-bnr-inr.dlab-bnr-inr-lg {
      background: #fffbf7;
      height: 600px;
      background-size: cover;
      background-position: center;
      position: relative;
      overflow: hidden;
  }
  
  @media only screen and (max-width: 991px) {
      .dlab-bnr-inr.dlab-bnr-inr-lg {
          height: 550px;
      }
  }
  
  @media only screen and (max-width: 575px) {
      .dlab-bnr-inr.dlab-bnr-inr-lg {
          height: 520px;
      }
  }
  
  .dlab-bnr-inr h1,
  .dlab-bnr-inr .h1 {
      font-weight: 800;
      font-size: 70px;
      margin-bottom: 15px;
      color: #fff;
      text-transform: capitalize;
      line-height: 70px;
  }
  
  @media only screen and (max-width: 991px) {
  
      .dlab-bnr-inr h1,
      .dlab-bnr-inr .h1 {
          font-size: 52px;
          line-height: 55px;
      }
  }
  
  @media only screen and (max-width: 767px) {
  
      .dlab-bnr-inr h1,
      .dlab-bnr-inr .h1 {
          font-size: 42px;
          line-height: 45px;
      }
  }
  
  @media only screen and (max-width: 575px) {
  
      .dlab-bnr-inr h1,
      .dlab-bnr-inr .h1 {
          font-size: 30px;
          line-height: 1.2;
          margin-bottom: 5px;
      }
  }
  
  .dlab-bnr-inr.text-center .breadcrumb-row .breadcrumb {
      justify-content: center;
  }
  
  .breadcrumb-row ul {
      background: transparent;
      padding: 0;
      margin: 0;
  }
  
  .breadcrumb-row ul li {
      padding: 0;
      margin-right: 3px;
      display: flex;
      align-items: center;
      font-size: 18px;
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      color: #fff;
  }
  
  @media only screen and (max-width: 991px) {
      .breadcrumb-row ul li {
          font-size: 15px;
      }
  }
  
  .breadcrumb-row ul li.active {
      color: #fff;
  }
  
  .breadcrumb-row ul li a {
      color: #fff;
  }
  
  .breadcrumb-row ul .breadcrumb-item+.breadcrumb-item::before {
      content: "\f105";
      color: #fff;
      font-family: 'Line Awesome Free';
      font-weight: 700;
      font-size: 16px;
      line-height: 26px;
  }
  
  @media only screen and (max-width: 991px) {
      .breadcrumb-row ul .breadcrumb-item+.breadcrumb-item::before {
          font-size: 16px;
          line-height: 20px;
      }
  }
  
  @media only screen and (max-width: 767px) {
      .breadcrumb-row ul .breadcrumb-item+.breadcrumb-item::before {
          font-size: 16px;
      }
  }
  
  .breadcrumb-row.style-1 .breadcrumb {
      background-image: var(--gradient);
      background-size: 200%;
      padding: 5px 20px;
      border-radius: 30px;
      display: inline-flex;
  }
  
  .dlab-bnr-inr.style-1 {
      height: 350px;
  }
  
  .dlab-bnr-inr.style-1:after {
      content: "";
      background-image: url(../images/banner/bnr4.png);
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: bottom;
      background-size: 100%;
      background-repeat: no-repeat;
  }
  
  .dlab-bnr-inr.style-1 .dlab-bnr-inr-entry {
      text-align: center;
      z-index: 99;
      position: relative;
  }
  
  .dlab-bnr-inr.style-1 .dlab-bnr-inr-entry h1,
  .dlab-bnr-inr.style-1 .dlab-bnr-inr-entry .h1 {
      margin-bottom: 20px;
      font-size: 60px;
      line-height: 75px;
  }
  
  @media only screen and (max-width: 991px) {
  
      .dlab-bnr-inr.style-1 .dlab-bnr-inr-entry h1,
      .dlab-bnr-inr.style-1 .dlab-bnr-inr-entry .h1 {
          margin-bottom: 10px;
          font-size: 40px;
          line-height: 1.2;
      }
  }
  
  @media only screen and (max-width: 575px) {
  
      .dlab-bnr-inr.style-1 .dlab-bnr-inr-entry h1,
      .dlab-bnr-inr.style-1 .dlab-bnr-inr-entry .h1 {
          margin-bottom: 10px;
          font-size: 32px;
          line-height: 1.2;
      }
  }
  
  @media only screen and (max-width: 575px) {
      .dlab-bnr-inr.style-1 {
          height: 300px;
      }
  }
  
  .dlab-bnr-inr.style-2 {
      height: 600px;
  }
  
  .dlab-bnr-inr.style-2:after {
      content: "";
      background-image: url(../error-404.html);
      background-position: bottom;
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  .dlab-bnr-inr.style-2 .dlab-bnr-inr-entry {
      text-align: center;
  }
  
  .dlab-bnr-inr.style-2 .breadcrumb {
      justify-content: center;
  }
  
  @media only screen and (max-width: 767px) {
      .dlab-bnr-inr.style-2 {
          height: 300px;
      }
  }
  
  .page-title {
      padding: 30px 0;
  }
  
  .page-title.dashboard {
      background: transparent;
      margin-left: 75px;
      padding: 20px 0 0px;
  }
  
  .page-title .page-title-content p {
      font-size: 16px;
      font-weight: 400;
      margin-bottom: 0px;
  }
  
  .page-title .page-title-content p span {
      font-weight: 500;
      color: var(--primary);
  }
  
  .breadcrumbs {
      display: flex;
      justify-content: flex-end;
  }
  
  @media only screen and (max-width: 575px) {
      .breadcrumbs {
          justify-content: flex-start;
      }
  }
  
  .breadcrumbs li a {
      color: #AEAED5;
      display: inline-block;
      margin-left: 15px;
      font-size: 14px;
  }
  
  .breadcrumbs li:first-child a {
      margin-left: 0px;
  }
  
  .breadcrumbs li.active a {
      color: var(--primary);
  }
  
  .bottom {
      background: #1b2a4e;
  }
  
  @media only screen and (max-width: 575px) {
      .bottom {
          padding-bottom: 0;
      }
  }
  
  .bottom .bottom-logo p {
      line-height: 30px;
      font-weight: 400;
      color: #bbbbbb;
  }
  
  @media only screen and (max-width: 991px) {
      .bottom .bottom-widget {
          margin-bottom: 30px;
      }
  }
  
  .bottom .bottom-widget .widget-title {
      font-size: 18px;
      font-weight: 600;
      color: #fff;
      margin-bottom: 20px;
      text-transform: uppercase;
  }
  
  .bottom .bottom-widget ul li a {
      color: #bbbbbb;
      font-weight: 400;
      margin-bottom: 10px;
      display: inline-block;
  }
  
  .icon-bx-wraper.style-7 {
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
    padding: 30px;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
  }
  
  
  .icon-bx-wraper.style-7 {
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
    padding: 30px;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
  }
  
  .icon-bx-wraper {
    position: relative;
  }
  
  .m-b30 {
    margin-bottom: 30px;
  }
  
  .icon-bx-wraper.style-7 .icon-media {
    margin-bottom: 25px;
  }
  
  .icon-bx-wraper.style-7 .icon-media img {
    /* width: 115px !important; */
  }
  
  .icon-content {
    overflow: hidden;
  }
  
  .icon-bx-wraper.style-7 .icon-content .dlab-title {
    font-size: 20px;
  }
  
  
  
  .icon-bx-wraper.style-7 .icon-content .dlab-title {
    margin-bottom: 15px;
  }
  
  /* Sites css end */
  
  /* Select Width */
  
  .selectWidth{
    width: 300px;
  }
  
  /* Select Width end */
  
  /* SEO HTML CSS starts from here */
  
  .pointer{
    cursor: pointer;
  }
  
  .d-none{
    display: none;
  }
  
  .searchTitleWidth{
    width: 170px;
  }
  
  /* inner pages */
  .innerBannerSection{    
    background: url('../images/headerbg.jpg');
    padding:80px 0 0 0;
  
  }
  
  .innerBannerSection .innerBannerPanel{
    width: 100%; padding: 45px 0; background: url('../images/bnr2.jpg');
      background-size: cover;
      background-position: center;
      position: relative;
      overflow: hidden;
      position: relative;
      text-align: center;
      border-bottom: 10px solid #fff;
  }
  
  .innerBannerSection .innerBannerPanel:after{
    content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
        background: linear-gradient(to right,#1e76c5 0,#2b98cb 51%,#1e5f97 100%);
      background-size: 200%;
       opacity: 0.8;
  }
  
  .innerBannerSection .innerBannerPanel .container{z-index: 1; position: relative;}
  .innerBannerSection .innerBannerPanel h2{ text-align: center; color: #fff; font-weight: 600; }
  
  .innerBannerSection .breadcrumb{
    display: flex;
      flex-wrap: wrap;
      padding: 0 0;
      margin-bottom: 1rem;
      list-style: none;
      justify-content: center;
  }
    
  /* 31 jan 24 */
  
  .video-main {
  display: inline-block;
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
  }
  
  .video-main .video {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    background: transparent;
    color: #000;
    font-size: 30px;
    display: inline-block;
    background: #fff;
    z-index: 999;
  }
  
  @keyframes waves {
    0% {
      -webkit-transform: scale(0.2, 0.2);
      transform: scale(0.2, 0.2);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
      opacity: 0.9;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
      -webkit-transform: scale(0.9, 0.9);
      transform: scale(0.9, 0.9);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
  }
  
  
  
  .video-main .waves {
    position: absolute;
    width: 150px;
    height: 150px;
    background: rgba(225, 225, 225, 0.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    right: -50px;
    bottom: -50px;
    z-index: -1;
     -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
  }
          
  .video-main .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
  
  .video-main .wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  
  .video-main .wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }
  
  /* .loginSectionBox .nav{ margin-bottom: 15px; }
  .loginSectionBox .nav.nav-tabs{ border: 1px solid #dddddd;  background: #fff; padding: 10px;     box-shadow: 0px 0px 0px 0px rgba(94, 92, 154, 0.12); border-radius: 50px;}
  .loginSectionBox .nav.nav-tabs .nav-link{ border: 1px solid #dddddd; border-radius: 50px; padding:10px 5px; font-size: 16px; line-height: 18px; color: #000; }
  .loginSectionBox .nav.nav-tabs .nav-link.active{ background: #2d7bbf; color: #fff;border: 1px solid #2d7bbf; }
  .loginSectionBox .loginAreaPanel{
      border-radius: 12px;
      background-color: white;
      box-shadow: 0px 0px 30px 0px rgba(94, 92, 154, 0.12);
      margin-left: auto;
      padding:20px;
      width: 100%;
      position: relative;
      z-index: 100000; */
  /* } */
  
  
  .cookiecontent {
    background: #fff;
    border: 1px solid #33333336;
    border-radius: 25px;
    padding: 20px;
    margin-bottom: 0px;
  }
  
  .cookiecontent h5 {
    background: linear-gradient(
      138deg,
      rgba(32, 107, 181, 1) 0%,
      rgba(71, 158, 188, 1) 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block;
    font-weight: 800;
    font-size: 18px;
  }
  
  .cookiecontent p{
    font-size: 14px;
    text-align: justify;
    margin: 0;
    color: #000;
  }
  
  .cookiecontent ul li{
    font-size: 14px;
    
  }
  
  
  
  .cookie-notice {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    bottom:-100px;
    width: 100%;
    background: #055e87;
    color: #F6F6F6;
    font-size: 15px;
    z-index: 999;
    transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
  }
  .cookie-notice.cookie-fixed{bottom:0px;  transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;}
  
  .cookie-notice p{ margin: 0; padding: 0; font-size: 14px; line-height: 22px; }
  .cookie-notice p a{ color:#68cffd; }
  .cookie-notice a {
    color: #F6F6F6;
  }
  .cookie-notice a:hover {
    text-decoration: none;
  }
  .cookie-notice a:visited {
    color: #F6F6F6;
  }
  .cookie-notice .cookie {
    font-size: 2.2rem;
    margin-right: 0.3rem;
    margin-left: 1rem;
  }
  .cookie-notice .accept-cookies {
      cursor: pointer;
      border: none;
      outline: none;
      background: #ff8550;
      color: #ffffff;
      font-weight: 700;
      padding: 5px 9px;
      margin-right: 1rem;
      margin-left: 3rem;
      transition: 0.35s ease;
  }
  .cookie-notice .accept-cookies:hover {
    box-shadow: 0.01rem 0.01rem 0.1rem #DDDDDD;
  }

 
  .PhoneInput{
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    font-weight: 500;
    padding: 5px 13px;
    font-size: 0.875rem;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
}

.PhoneInput .PhoneInputInput{ border: 0;}

p.inputError {
  line-height: 17px;
  font-size: 12px;
  padding-top: 5px;
}


.card-body .monthly canvas {
  /* height: 216px !important;
  max-width: 100% !important;
  min-width: 100% !important; */
  /* width: 578px !important; */
}