/* Typography for 1440 width screen */
     :root {
       --blue-100: #203267;
       --font-Bariol: 'Bariol Regular';
       --font-Bariol-Bold: 'Bariol Bold';
       --font-Roboto: 'Roboto';
       --dark-70: rgba(10, 16, 32, 0.70);
       --tooltip-height: -60%;
       --tooltip-left: -35%;

     }

     body {
       animation: transitionIn 0.50s;
     }

     @keyframes transitionIn {

       from {
         opacity: 0;
         transform: translateY(-10px);

       }


       to {
         opacity: 1;
         transform: translateY(0);

       }

     }


     .Webfade-In {
       animation: WebfadeIn ease 5s;
       -webkit-animation: WebfadeIn ease 5s;
       -moz-animation: WebfadeIn ease 5s;
       -o-animation: WebfadeIn ease 5s;
       -ms-animation: WebfadeIn ease 5s;
     }

     #whitehouse-image1,
     #whitehouse-image2 {
       filter: grayscale(1);
       width: 60%;
     }

     .btn-readmore {
       color: var(--white-100, #FFF);
       text-align: center;
       /* Mobile/Bariol Button Text/X-large */
       font-size: 1.125rem;
       font-style: normal;
       font-weight: 700;
       line-height: 1.75rem;
       /* 155.556% */
     }

     .btn-whitehouse {
       position: absolute !important;
       left: 28%;
       height: 2.5rem;
       bottom: 2rem;
       overflow: hidden;
     }


     .btn-whitehouse .button-content {
       font-size: 1rem;
       line-height: 1.75rem;
     }


     .touch-btn-mob {
       display: none;
     }

     @media (max-width:991px) {
       .touch-btn-mob {
         display: block;
         width: 100%;
       }

       .header-menu {
         background: white;
       }
     }



     @media (max-width:991px) {
       .text-col {
         order: 1;
       }

       .btn-col {
         order: 2;
       }

       .img-col {
         order: 3;
       }
     }

     @media (min-width:1900px) {

       #whitehouse-image1,
       #whitehouse-image2 {
         width: 100% !important;
         max-width: 31.75rem;
         max-height: 44.875rem;
       }

     }

     @media (min-width:1700px) and (max-width:1900px) {

       #whitehouse-image1,
       #whitehouse-image2 {
         width: 100% !important;
         max-width: 31.75rem;
         max-height: 44.875rem;
       }

     }

     @media(min-width: 1500px) {
       .background_box {
         left: 20% !important;
       }
     }


     @media (min-width:1500px) and (max-width:1700px) and (min-height:800px) {

       #whitehouse-image1,
       #whitehouse-image2 {
         width: 100% !important;
         max-width: 31.75rem;
         max-height: 44.875rem;
       }

       .fade-image {

         /* display: none; */
         position: absolute;
         top: 0;
         left: 0;
         opacity: 0;
         transition: opacity 1s ease-in-out;
       }
     }

     @media (min-width:1500px) and (max-height:800px) {

       #whitehouse-image1,
       #whitehouse-image2 {
         width: 100% !important;
         max-width: 31.75rem;
         max-height: 44.875rem;
       }

     }


     @media (max-height:850px) {
       .btn-whitehouse {
         margin-bottom: 1rem;
       }

     }


     @media (min-width:991px) and (max-width:1500px) and (min-height:700px) {

       @media (min-width:992px) {

         #whitehouse-image1,
         #whitehouse-image2 {
           width: 100% !important;
           max-width: 31.75rem;
           max-height: 44.875rem;
         }
       }

       .btn-whitehouse {
         position: absolute !important;
         left: 5%;
         bottom: 2rem;
       }
     }


     @media (min-width:991px) and (max-width:1500px) and (max-height:700px) {

       @media (min-width:992px) {

         #whitehouse-image1,
         #whitehouse-image2 {
           width: 100% !important;
           max-width: 31.75rem;
           max-height: 44.875rem;
         }
       }

       .btn-whitehouse {
         position: absolute !important;
         left: 5%;
         bottom: 2rem;
       }
     }


     @media (min-width:575px) and (max-width:991px) {

       #whitehouse-image1,
       #whitehouse-image2 {
         width: 50% !important;
         margin: auto !important;
         float: inherit !important;
       }

       .btn-whitehouse {
         position: absolute !important;
         left: 27%;
         bottom: 2rem;
       }

     }

     @media (min-width:500px) and (max-width: 767px) and (min-height: 800px) {
       .btn-whitehouse {
         position: absolute !important;
         left: 27%;
         bottom: 5rem;
       }
     }

     @media (max-width:574px) {

       #whitehouse-image1,
       #whitehouse-image2 {
         width: 100% !important;
       }

       .btn-whitehouse {
         position: absolute !important;
         left: 2%;
         bottom: 3rem !important;
       }
     }


     @keyframes WebfadeIn {
       0% {
         opacity: 0;
       }

       100% {
         opacity: 1;
       }
     }

     @-moz-keyframes WebfadeIn {
       0% {
         opacity: 0;
       }

       100% {
         opacity: 1;
       }
     }

     @-webkit-keyframes WebfadeIn {
       0% {
         opacity: 0;
       }

       100% {
         opacity: 1;
       }
     }

     @-o-keyframes WebfadeIn {
       0% {
         opacity: 0;
       }

       100% {
         opacity: 1;
       }
     }

     @-ms-keyframes WebfadeIn {
       0% {
         opacity: 0;
       }

       100% {
         opacity: 1;
       }
     }



     .something-sec-img {
       opacity: 0;
       animation: fadeIn ease-in-out 1s;
       animation-delay: 1s;
       animation-fill-mode: forwards;
     }

     @keyframes fadeIn {
       0% {
         opacity: 0;
       }

       100% {
         opacity: 1;
       }
     }




     .white-red-btn {
       display: inline-flex;
       padding: 1rem 2.5rem;
       justify-content: center;
       align-items: center;
       gap: 0.625rem;
       border-radius: 3.125rem;
       background: var(--white-100, #FFF);

       color: var(--red-100, #D01F31);
       font-size: 1.125rem;
       font-style: normal;
       font-weight: 700;
       line-height: 1.625rem;
       /* 144.444% */
       position: relative;
       overflow: hidden;
       z-index: 9999;
       /* min-height: 30px; */
     }


     .white-red-btn:hover::before {
       transform: scaleX(1);
     }

     .white-red-btn:hover .button-content {
       color: #FFF;
     }

     .button-content {
       position: relative;
       z-index: 1;
     }

     .white-red-btn::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       transform: scaleX(0);
       transform-origin: 0 50%;
       width: 100%;
       height: 100%;
       /* Changed height to 100% */
       /* padding: 2rem 5rem; */
       /* height: inherit; */
       border-radius: inherit;
       /* background: linear-gradient(
      82.3deg,
      rgba(150, 93, 233, 1) 10.8%,
      rgba(99, 88, 238, 1) 94.3%
    ); */
       border-radius: 3.125rem;
       background: #8F1421;
       transition: all 0.475s;
     }

     .fppattern {
       position: absolute;
       right: 5%;
       bottom: 1%;
     }

     .footer1 {
       position: relative;
       overflow: hidden;
       background-color: #D01F31;
       padding: 4.13rem 8.13rem;

     }

     .footer2 {
       background-color: #0A1020;
       padding: 4rem 8rem;
     }

     .footernavlink {
       display: flex;
       align-items: center;
     }

     .footernavlink li {
       display: inline;
       margin: 0 1rem;
     }

     .footerli {
       color: var(--white-100, #FFF);

       /* Web/Small/Regular */
       font-family: Roboto;
       font-size: 0.875rem;
       font-style: normal;
       font-weight: 400;
       line-height: 1.25rem;
       /* 142.857% */
       text-decoration: none;
     }

     .socialicons {
       display: flex;
       justify-content: space-between;
       align-items: center;
       gap: 1rem;
     }

     hr {
       background-color: rgba(255, 255, 255, 1) !important;
       height: 0.3rem;
     }

     .termslink a {
       text-decoration: none !important;
     }

     .x-small-regular-white {
       color: var(--white-70, rgba(255, 255, 255, 0.70));
       /* Web/X-small/Regular */
       font-family: Roboto;
       font-size: 0.75rem;
       font-style: normal;
       font-weight: 400;
       line-height: 1.375rem;
       /* 183.333% */
     }


     .h2-web {
       color: var(--white-100, #FFF);
       /* Web/H2 */
       font-size: 3.25rem;
       font-style: normal;
       font-weight: 700;
       line-height: 3.75rem;
       /* 115.385% */
     }

     /* Main Content Container */
     .container-fluid {
       max-width: 90rem;
       margin: 0 auto;
       /* To center the container on the page */



     }



     .header {
       height: 100vh;
     }

     #my_header_red_sm {
       display: none;
     }

     .zoom-in-img {
       width: 100%;
       /* responsive width - 50% of the page or parent container */
       overflow: hidden;
       border-radius: 2.125rem;
     }

     #whitehouse-image1,
     #whitehouse-image2,
     #section-image {
       transition: all 3s;
       -moz-transition: all 3s;
       -webkit-transition: all 3s;
       -o-transition: all 3s;
       -ms-transition: all 3s;
     }

     /* #whitehouse-image:hover, */
     #section-image:hover {
       transform: scale(1.25);
       -moz-transform: scale(1.25);
       -webkit-transform: scale(1.25);
       -o-transform: scale(1.25);
       -ms-transform: scale(1.25);
     }

     .header-row {
       display: flex;
       justify-content: space-between;
       position: relative;
       /* height: 52.0625rem; */
     }

     .header-col1 {
       flex-basis: 55%;
       position: relative;
     }

     .header-col2 {
       position: relative;
       /* margin-right:2%; */
       flex-basis: 45%;
       display: flex;
       height: 100vh;
       /* align-items: center; */
     }




     .header-col2 .mobile {
       z-index: 1;
     }


     .head_btn_red {
       position: relative;
       overflow: hidden;
       padding: 11px 44px !important;
       height: 3rem;
       border-radius: 4.25rem;
       background: var(--red-100, #D01F31);
       color: #fff;
       border: none;
     }

     .head_btn_red:hover::before {
       transform: scaleX(1);
     }

     .button-content {
       position: relative;
       z-index: 1;
     }

     .head_btn_red::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       transform: scaleX(0);
       transform-origin: 0 50%;
       width: 100%;
       height: inherit;
       border-radius: inherit;
       background: linear-gradient(82.3deg,
           rgba(143, 20, 33, 1) 10.8%,
           rgba(143, 20, 33, 1) 94.3%);
       transition: all 0.475s;
       color: #fff !important;
     }

     .btn:hover {
       color: #FFF !important;
     }

     .head_btn_red:focus {
       background: linear-gradient(82.3deg,
           rgba(143, 20, 33, 1) 10.8%,
           rgba(143, 20, 33, 1) 94.3%);
       box-shadow: none !important;
       color: #fff !important;
     }




     /* Web/H1 */
     h1 {
       font-family: var(--font-Bariol, Bariol Regular);
       font-size: 4.5rem;
       font-style: normal;
       font-weight: 700;
       line-height: 5.125rem;
       /* 113.889% */
       color: var(--blue-100);
       /* Set the text color to the custom variable */
     }

     h2 {
       color: var(--blue-100, #203267);
       font-family: var(--font-Bariol-Bold, 'Bariol Bold');
       font-size: 3.25rem;
       font-style: normal;
       font-weight: 700;
       line-height: 3.625rem;
       /* 111.538% */
     }

     h4 {
       color: var(--blue-70, rgba(32, 50, 103, 0.70));
       /* Web/H4 */
       font-family: var(--font-Bariol-Bold, 'Bariol Bold');
       ;
       font-size: 1.75rem;
       font-style: normal;
       font-weight: 700;
       line-height: 2rem;
       /* 145.455% */
     }

     /* Responsive adjustments for smaller displays */
     @media (max-width: 90rem) {

       /* Web/H1 */
       h1 {
         font-size: 3.5rem;
         /* Decrease the font size for smaller displays */
         line-height: 4rem;
         /* Adjust the line height accordingly */
       }
     }




     /* Web/Base/Regular */
     .sub-heading {
       font-family: var(--font-Roboto, Roboto);
       font-size: 1rem;
       font-style: normal;
       font-weight: 400;
       line-height: 1.75rem;
       /* 175% */
       color: var(--dark-70);
       /* Set the text color to the custom variable */
     }

     /* Responsive adjustments for smaller displays */
     @media (max-width: 1440px) {

       /* Web/Base/Regular */
       .sub-heading {
         font-size: 0.9rem;
         /* Decrease the font size for smaller displays */
         line-height: 1.6rem;
         /* Adjust the line height accordingly */
       }
     }

     /* Responsive adjustments for even smaller displays (optional) */
     @media (max-width: 768px) {

       /* Web/Base/Regular */
       .sub-heading {
         font-size: 0.8rem;
         /* Further decrease the font size for smaller desktops or tablets */
         line-height: 1.5rem;
         /* Adjust the line height accordingly */
       }
     }

     .thumb-icon {
       animation-name: floatdown;
       animation-duration: 3s;
       animation-iteration-count: infinite;
       animation-timing-function: ease-in-out;
     }

     /* SVG Background for Header */
     .header-bg {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       width: 100%;
       height: 100%;
       max-width: 100%;
       /* Ensures the SVG won't exceed the parent's width */
       background-size: cover;
       background-position: 0% center;
       /* Set the initial position to the left */
       background-repeat: no-repeat;
       z-index: -10;
     }

     .header-bg svg {
       stroke-dasharray: 1000;
       stroke-dashoffset: 1000;
       animation: dash 5s linear alternate infinite;
       width: 100%;
       /* fill:red; */
     }

     @keyframes dash {
       from {
         stroke-dashoffset: 822;
       }

       to {
         stroke-dashoffset: 0;
       }
     }


     /* Adjust the --tooltip-height based on the screen height */
     @media (max-height: 800px) {
       :root {
         --tooltip-height: -65%;
         --tooltip-left: -35%;
       }
     }

     @media (min-width: 1441px) {
       :root {
         --tooltip-left: -30%;
       }
     }



     /* Responsive adjustments for Header Background */
     @media (max-width: 1438px) {
       .header-bg {
         background-size: contain;
       }
     }

     @media (max-width: 768px) {
       .header-bg {
         background-size: cover;
       }


       .header-row {
         display: block;
       }

       /* .bg-mobile-header {
      position: absolute;
      bottom: 0;
      flex-shrink: 0;
      background: none;
      background-size: contain;
      background-repeat: no-repeat;
      z-index: 3;

    } */

       .hero-container {
         padding-left: 5%;
       }


       h2 {
         color: var(--blue-100, #203267);

         /* Mobile/H2 */
         font-family: var(--font-Bariol-Bold, 'Bariol-Bold');
         font-size: 1.875rem;
         font-style: normal;
         font-weight: 700;
         line-height: 2.5rem;
         /* 133.333% */
       }

       .revolution-info {
         font-size: 0.875rem;
         line-height: 1.625rem;
         /* 185.714% */
       }
     }


     @keyframes floatup {
       0% {
         transform: translatey(0%);
       }

       50% {
         transform: translatey(-5%);
       }

       100% {
         transform: translatey(-10%);
       }
     }

     @keyframes floatdown {
       0% {
         /* transform: translatey(-30%); */
         transform: translateY(-15%);
       }

       50% {
         transform: translateY(0%);
         /* transform: translatey(-10%); */
       }

       100% {
         transform: translateY(-15%);
         /* transform: translatey(-30%); */
       }
     }




     /* Section Revolutionizing */
     #section-revolution {
       background: #F4F5F7;

       position: relative;
       padding: 0 9.2%;
       border-radius: 2rem;
       /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='235' height='146' viewBox='0 0 235 146' fill='none'%3E%3Cpath d='M-19.2943 1.56401C-7.88656 6.53003 3.61369 11.5556 13.6667 18.8844C23.7143 26.2216 32.3194 36.1504 35.775 48.0922C38.9165 58.9515 37.5817 70.7229 33.8996 81.4111C30.2175 92.0994 24.293 101.855 18.1339 111.329C14.3951 117.081 9.84185 123.248 3.09054 124.479C-2.82008 125.55 -8.9788 122.203 -12.2656 117.185C-15.5523 112.167 -16.2701 105.782 -15.372 99.8428C-12.9497 83.7407 0.62319 70.9167 15.9958 65.5312C31.3685 60.1456 48.2485 61.0825 64.2927 63.8719C76.8542 66.0484 89.7566 69.5981 99.2542 78.1035C108.752 86.609 113.744 101.3 107.746 112.555C104.275 119.074 97.0814 123.707 89.7069 123.265C82.3325 122.822 75.4366 116.741 74.8974 109.377C74.2938 101.115 81.3533 93.826 89.2873 91.4414C97.2212 89.0567 105.759 90.4626 113.856 92.2028C156.887 101.401 197.996 119.496 233.84 145.011' stroke='%23203267' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E"); */
       background-image: url('../images/revolutionizing_bg.svg');
       background-repeat: no-repeat;
       background-position-y: 3rem;
       /* z-index: 9999; */
       /* background-size: contain;  */

     }

     #section-image {
       position: relative;
       z-index: 9999;
     }

     #revolution-mob {
       display: none;
     }

     @media (max-width:767px) {
       .fade-image {
         left: 50% !important;
         right: 50% !important;
         transform: translateX(-50%) !important;
       }

       #revolution-mob {
         display: block;
         position: relative;
         padding: 0 1rem;
         /* background-image: url('../images/rounded-line-mob.svg'); */
         /* background-position-y: 0; */
         /* top: 0;
      left: 0; */
         background-repeat: no-repeat;
         /* position: relative; */
         /* z-index: -1; */

       }

       #revolution-mob img {
         position: absolute;
         top: 0;
         left: 0;
         z-index: 5;
       }

       #section-revolution {
         background-image: none;
       }


     }



     #revolution-header {}


     #section-image {
       border-radius: 2.125rem;
     }

     .revolution-info {
       color: rgba(10, 16, 32, 0.70);
       font-family: Roboto;
       font-size: 1rem;
       font-style: normal;
       font-weight: 400;
       line-height: 1.75rem;
       /* 175% */
     }


     #section-works {
       padding: 0 9.2%;

     }

     .works_serial {
       border: 1px solid #D01F3120;
       /* stroke-width: 0.716px; */
       /* stroke: var(--red-100, #D01F31); */
       /* opacity: 0.20000000298023224; */
       color: var(--red-100, #D01F31);
       border-radius: 50%;
       text-align: center;
       width: 2rem;
       height: 2rem;

       /* Web/Large/Bold */
       font-family: var(--font-Roboto, Roboto);
       font-size: 1.125rem;
       font-style: normal;
       font-weight: 700;
       line-height: 1.875rem;
       /* 166.667% */
     }

     .works_types {
       color: var(--blue-100, #203267);

       /* Web/Large/Bold */
       font-family: var(--font-Roboto, Roboto);
       font-size: 1.125rem;
       font-style: normal;
       font-weight: 700;
       line-height: 1.875rem;
       /* 166.667% */
     }




     .works-list {
       list-style: none;
       padding: 0;
       margin: 0;
     }

     .bullet {
       display: inline-block;
       width: 0.75rem;
       /* Set the width and height to match the SVG dimensions */
       height: 0.75rem;
       margin-right: 0.75rem;
       /* Adjust the spacing between the bullet and the text */
       margin-top: 0.25rem;
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M5.44723 0.406933L6.54298 2.40769C6.61784 2.53655 6.72673 2.64506 6.85605 2.71967L8.86378 3.8116C9.40825 4.11002 9.40825 4.88998 8.86378 5.18839L6.85605 6.28033C6.72673 6.35494 6.61784 6.46345 6.54298 6.59231L5.44723 8.59307C5.14777 9.13564 4.36509 9.13564 4.06563 8.59307L2.96988 6.59231C2.89502 6.46345 2.78612 6.35494 2.65681 6.28033L0.649076 5.18839C0.104605 4.88998 0.104605 4.11002 0.649076 3.8116L2.65681 2.71967C2.78612 2.64506 2.89502 2.53655 2.96988 2.40769L4.06563 0.406933C4.36509 -0.135644 5.14777 -0.135644 5.44723 0.406933Z' fill='%23D01F31'/%3E%3C/svg%3E");
       background-repeat: no-repeat;
       background-position: center;
       vertical-align: middle;


     }

     .works-list li {
       display: flex;
       margin-top: 1rem;
       color: var(--dark-70, rgba(10, 16, 32, 0.70));

       /* Web/Base/Regular */
       font-family: var(--font-Roboto, Roboto);
       font-size: 1rem;
       font-style: normal;
       font-weight: 400;
       line-height: 1.75rem;
       /* 175% */
     }


     .horizontal-line {
       margin-top: 2rem;
       width: 100%;
       /* Adjust the width as needed */
       height: 1px;
       /* Adjust the thickness of the line */
       background-color: #203267;
       /* Set the background color */
       opacity: 0.2;
       /* Set the opacity */
     }

     #img-whitehouse {
       border-radius: 2.125rem;
       background: url('../images/us-capitol 1.png'), lightgray 50% / cover no-repeat;
       background-repeat: no-repeat;
       background-size: cover;
       height: 100%;
       max-height: 44.875rem;
       flex-shrink: 0;
       width: 100%;
       mix-blend-mode: luminosity;
     }


     .sidebar-box {
       max-height: 100%;
       position: relative;
       overflow: hidden;
       /* height: 80vh; */
     }

     .sidebar-box .read-more {
       position: absolute;
       bottom: 0;
       right: 0;
       width: 100%;
       text-align: center;
       margin: 0;
       padding: 30px 0;
       background-color: #D01F31;
       color: var(--white-100, #FFF);
       flex-shrink: 0;
       /* "transparent" only works here because == rgba(0,0,0,0) */
       background: linear-gradient(360deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
       /* background-image: linear-gradient(to bottom, transparent, black); */
     }


     .sidebar-box .btn-readmore {
       /* position: absolute;
    bottom: 0rem;  */
       position: absolute;
       bottom: 0rem;
       left: 50%;
       right: 50%;
       transform: translate(-50%);
       /* right:45%; */
       /* max-width: 8.0625rem;
    max-height: 8.0625rem;    */
       /* margin-left: 6rem;  */
     }


     @media (max-width:767px) {
       .sidebar-box .read-more {
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         text-align: center;
         margin: 0;
         padding: 30px 0;
         background-color: #D01F31;
         color: var(--white-100, #FFF);
         flex-shrink: 0;
         /* "transparent" only works here because == rgba(0,0,0,0) */
         background: linear-gradient(360deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
         /* background-image: linear-gradient(to bottom, transparent, black); */
       }

       .sidebar-box .btn-readmore {
         position: absolute;
         bottom: 0;
         /* left: 20%; */
         /* display: flex; */
         /* justify-content: center; */
         /* bottom: 0rem;  */
         /* right:50%; */
         width: 6.25rem;
         height: 6.25rem;
         /* margin-left: 6rem;  */
       }
     }


     /* Hot it Works */

     .btn-readmore {
       position: relative;
       overflow: hidden;
       display: flex;
       justify-content: center;
       align-items: center;
       border-radius: 50%;
       cursor: pointer;
       background: var(--red-100, #D01F31);
       color: #fff;
       border: none;
       width: 6.25rem;
       height: 6.25rem;
       text-decoration: none;
       /* If it's an anchor element */
     }

     .btn-readmore:hover::before {
       transform: scaleX(1);
     }

     a {
       text-decoration: none !important;
     }

     .btn-readmore:hover .button-content {
       color: var(--white-100, #FFF) !important;
     }

     .button-content {
       position: relative;
       z-index: 1;
       /* color: var(--white-100, #FFF); */
       text-decoration: none !important;
       text-align: center;
       /* Mobile/Bariol Button Text/X-large */
       font-size: 1.125rem;
       font-style: normal;
       font-weight: 700;
       line-height: 1.75rem;
       /* 155.556% */
     }

     .btn-readmore::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       transform: scaleX(0);
       transform-origin: 0 50%;
       width: 100%;
       height: inherit;
       border-radius: inherit;
       background: #8F1421;
       transition: all 0.475s;
     }



     /* .btn-readmore {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    background: var(--red-100, #D01F31);
    color: #fff;
    border: none;
    width: 6.25rem;
    height: 6.25rem;
  }

  a.btn-readmore:hover::before {
    transform: scaleX(1);
  }

  a.button-content {
    position: relative;
    z-index: 1;
  }

  a.btn-readmore:hover::before {
    transform: scaleX(1);
  }
  
  a.button-content {
    position: relative;
    z-index: 1;
    color: #0A1020 !important;
  }
  
  a.btn-readmore::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    width: 100%;
    height: inherit;
    border-radius: inherit;
    background: #8F1421;
    transition: all 0.475s;
  } */

     /* .btn-readmore::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    width: 100%;
    height: inherit;
    border-radius: inherit;
    background: linear-gradient(82.3deg,
        rgba(143, 20, 33, 1) 10.8%,
        rgba(143, 20, 33, 1) 94.3%);
    transition: all 0.475s;
    color: #fff !important;
  } */

     .btn:hover {
       color: #FFF !important;
     }

     .head_btn_red:focus {
       background: linear-gradient(82.3deg,
           rgba(143, 20, 33, 1) 10.8%,
           rgba(143, 20, 33, 1) 94.3%);
       box-shadow: none !important;
       color: #fff !important;
     }

     @media (max-width: 575px) {
       .sidebar-box .btn-readmore {
         /* left: 30%; */
       }

       .btn-learnmore {
         position: absolute !important;
         left: 30%;
         bottom: 6%;
       }
     }

     #vote-solution {
       padding: 9.2%;
     }


     .comparision-row {
       display: flex;
       justify-content: space-around;
       align-items: stretch;
       /* border-bottom:1px solid #C5C5C5; */

     }

     .comparision-col1 {
       padding: 0rem 5%;
       flex-basis: 50%;
       border-width: 0px 1px 1px 1px;
       border-style: solid;
       border-color: #C5C5C5;
     }

     .comparision-col2 {
       flex-basis: 50%;
       padding: 0rem 5%;
       /* margin-right:5%; */
       border-width: 0px 1px 1px 0px;
       border-style: solid;
       border-color: #C5C5C5;

     }

     #comparision-table td {
       padding: 1rem 1.5rem 1rem 3.5rem;
       padding: 1rem 4rem;
       width: 50%;
       border: 1px solid #C5C5C5;
     }

     @media (max-width:991px) {
       .fade-image {
         left: 50% !important;
         right: 50% !important;
         transform: translateX(-50%) !important;
       }

       .fppattern {
         position: absolute;
         right: 50%;
         bottom: 1%;
         left: 50%;
         transform: translate(-50%, 10px);
       }


       .subfooter {
         flex-direction: column;
       }

       .imglogo {
         display: flex;
         justify-content: center;
       }

       .footnavdiv {
         margin: 1.5rem 0;
       }

       .footer2 {
         padding: 4rem 0;
       }

       .socioicon {
         justify-content: center !important;
       }

     }


     .comparision-header {
       background: var(--red-100, #D01F31);
       /* border: 1px solid #C5C5C5; */
       color: var(--white-100, #FFF);
       font-family: var(--font-Bariol, 'Bariol');
       padding: 1.5rem;
       text-align: center;
       font-size: 1.5rem;
       font-style: normal;
       font-weight: 700;
       line-height: normal;

     }

     .comparision-header:nth-child(1) {
       border-radius: 1.25rem 0rem 0rem 0rem;
     }

     .comparision-header:nth-child(2) {
       border-radius: 0rem 1.25rem 0rem 0rem;
     }

     .comparision-data {
       position: relative;
       vertical-align: top;
       padding-left: 3.375rem;
       color: rgba(10, 16, 32, 0.70);
       font-family: var(--font-Roboto, Roboto);
       font-size: 1rem;
       font-style: normal;
       font-weight: 400;
       line-height: 1.75rem;
       /* 175% */

     }

     .cdata1::before {
       content: "";
       position: absolute;
       top: 1rem;
       left: 1.5rem;
       transform: translateY(0%);
       width: 1.5rem;
       height: 1.5rem;
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z' fill='%230A1020' fill-opacity='0.2'/%3E%3C/svg%3E");
       background-repeat: no-repeat;
       background-position: center;
       background-size: contain;
     }

     .cdata2::before {
       content: "";
       position: absolute;
       top: 1rem;
       left: 1.5rem;
       transform: translateY(0%);
       width: 1.5rem;
       height: 1.5rem;
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_57_3111' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='1' y='1' width='22' height='22'%3E%3Cpath d='M12 22C13.3135 22.0017 14.6143 21.7438 15.8278 21.2412C17.0413 20.7385 18.1435 20.001 19.071 19.071C20.001 18.1435 20.7385 17.0413 21.2412 15.8278C21.7438 14.6143 22.0017 13.3135 22 12C22.0017 10.6865 21.7438 9.3857 21.2411 8.17222C20.7385 6.95875 20.001 5.85656 19.071 4.92901C18.1435 3.99902 17.0413 3.26151 15.8278 2.75885C14.6143 2.25619 13.3135 1.99831 12 2.00001C10.6865 1.99833 9.3857 2.25623 8.17222 2.75889C6.95875 3.26154 5.85656 3.99904 4.92901 4.92901C3.99904 5.85656 3.26154 6.95875 2.75889 8.17222C2.25623 9.3857 1.99833 10.6865 2.00001 12C1.99831 13.3135 2.25619 14.6143 2.75885 15.8278C3.26151 17.0413 3.99902 18.1435 4.92901 19.071C5.85656 20.001 6.95875 20.7385 8.17222 21.2411C9.3857 21.7438 10.6865 22.0017 12 22Z' fill='white' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M8 12L11 15L17 9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_57_3111)'%3E%3Cpath d='M0 0H24V24H0V0Z' fill='%2327AE60'/%3E%3C/g%3E%3C/svg%3E");
       background-repeat: no-repeat;
       background-position: center;
       background-size: contain;
     }


     /* Form CSS */

     .custom-input {
       border: none;
       border-bottom: 1px solid var(--dark-30, rgba(10, 16, 32, 0.30));
       border-radius: 0;
       box-shadow: none;
       outline: none;
       padding: 1rem 0.1rem !important;

     }

     .form_img {
       width: 100%;
       height: 100%;
     }

     .form-outline ::placeholder {
       color: var(--dark-70, rgba(10, 16, 32, 0.70));
       font-family: Roboto;
       font-size: 0.875rem;
       font-style: normal;
       font-weight: 400;
       line-height: 1.25rem;
       padding: 0 auto;
     }

     #btn-div {
       display: flex;
       justify-content: center;
     }

     .form_btn {
       width: 30%;
       /* margin-left: 30%; */
     }



     #something-sec {
       background: var(--red-100, #D01F31);
       position: relative;
       border-radius: 2rem;
       background-image: url("../images/something-sec-images/something_bg.svg");
       background-repeat: no-repeat;
       background-position-y: 3rem;

       /* animation: strokeAnimation 5s infinite; */

     }

     @keyframes strokeAnimation {
       0% {
         stroke-dasharray: 1000;
         stroke-dashoffset: 1000;
       }

       100% {
         stroke-dasharray: 1000;
         stroke-dashoffset: 0;
       }
     }


     @media (max-width: 991px) {
       .header-row {
         display: block;
         /* justify-content: space-between; */
         position: relative;
         /* height: 52.0625rem; */
       }

       .btn-learnmore {
         position: absolute !important;
         left: 30%;
         bottom: 10%;
       }


       .form_btn {
         margin-left: 0%;
         width: 10rem;
         text-align: center;
       }

       #btn-div {
         display: flex;
         justify-content: center;
       }

       .form_img {
         padding: 0rem 1rem;
       }


       .header-col1 {
         width: 100%;
         position: relative;
         padding-left: 4%;
         margin-right: 3rem;
       }

       .header-col2 {
         position: relative;
         width: 100%;
         height: 100vh;
         padding: 0;
         margin: 3%;
       }

       .header-col2 object {
         display: none;
       }

       #my_header_red_sm {
         display: block;
       }

     }

     @media (max-width: 767px) {

       #revolution-mob {}

       .form_img {
         width: 100%;
       }

       .header-row {
         display: block;
         /* justify-content: space-between; */
         position: relative;
         /* height: 52.0625rem; */
       }

       .header-col1 {
         width: 100%;
         position: relative;
         padding-left: 4%;
       }

       .header-col2 {
         position: relative;
         width: 100%;
         height: 100%;
         padding: 0;
         margin: 0;
       }

       #my_header_red_sm {
         display: block;
       }

       .container-fluid {
         padding-left: 0 !important;
         padding: 0 !important;
       }

       #section-works {
         padding: 4%;
         margin: 0;
       }


       .bullet {
         display: inline-block;
         width: 0.756444rem;
         height: 0.756444rem;


       }

       .works-list li {
         font-size: 0.875rem;
         font-style: normal;
         font-weight: 400;
         line-height: 1.625rem;
         /* 185.714% */
       }


       .horizontal-line {
         display: none;
       }


       #vote-solution {
         padding: 4%;
       }



       .comparision-col1 {
         padding: 0rem 1rem;
         border-width: 0px 1px 1px 1px;
         border-style: solid;
         border-color: #C5C5C5;
       }

       .comparision-col2 {
         padding: 0rem 1rem;

       }

       #comparision-table td {
         padding: 0.25rem 1.5rem 0rem 2.5rem;
         width: 50%;
         border: 1px solid #C5C5C5;
       }



       .comparision-header {
         padding: 0.9rem;
         font-size: 1.125rem;
         line-height: 1.75rem;
         /* 155.556% */

       }


       .comparision-data {
         padding-left: 2.5rem;
         font-size: 0.875rem;
         line-height: 1.625rem;
         /* 185.714% */

       }

       .cdata1::before {
         content: "";
         position: absolute;
         position: absolute;
         top: 0.5rem;
         left: 0.5rem;
         width: 1.25rem;
         height: 1.25rem;
       }

       .cdata2::before {
         content: "";
         position: absolute;
         top: 0.5rem;
         left: 0.5rem;
         width: 1.25rem;
         height: 1.25rem;
       }

       #something_left_col {
         order: 2;
         margin-bottom: 2rem;

         background-image: url("../images/small_somethong_bg.svg");
         background-repeat: no-repeat;
         background-position-y: 1.5rem;
       }

       #something_right_col {
         order: 1;
       }

       #something-sec {
         background-image: none;
       }

       .form_btn {
         margin-left: 0%;
         width: 10rem;
         text-align: center;
       }

       #btn-div {
         display: flex;
         justify-content: center;
       }

       .form_img {
         padding: 0rem 1rem;
       }

       .button-content {
         font-size: 0.875rem !important;
         line-height: 1.5rem !important;
       }

       .fppattern {
         position: absolute;
         right: 50%;
         bottom: 0%;
         left: 50%;
         width: 80%;
         transform: translate(-50%, 10px);
       }

       .sidebar-box {
         overflow-x: auto;
       }

       #comparision-table {
         width: 200%;
       }

       #comparision-table tr td:first-child {
         width: 40%;
       }

       .h2-web {
         font-size: 1.875rem;
         line-height: 2.5rem;
       }

       .termslink a {
         padding: 0rem 1rem;
       }

       touch-btn-mob {
         margin-bottom: 5rem !important;
       }

       #btn-learnmore {
         /* bottom: 0 !important; */
         left: 20;
         /* top:0 !important; */
       }

     }

     /* Responsive adjustments for even smaller displays (optional) */
     @media (max-width: 768px) {

       /* Web/H1 */
       h1 {
         font-size: 2.5rem;
         /* Further decrease the font size for smaller desktops or tablets */
         line-height: 3rem;
         /* Adjust the line height accordingly */
       }

       .footer1 {
         padding: 2rem 1rem;
       }

       .bg-image-section {
         justify-content: center !important;
         margin-top: 2rem;
       }
     }

     .nav-link {
       color: var(--blue-100, #203267) !important;
       font-family: Roboto !important;
       font-size: 0.875rem !important;
       font-style: normal !important;
       font-weight: 400 !important;
       line-height: 1.25rem !important;
       cursor: pointer;
     }

     .custom-toggler .navbar-toggler-icon-cancel {
       display: none;
     }

     .custom-toggler[aria-expanded="true"] .navbar-toggler-icon-cancel {
       display: block;
     }

     .custom-toggler[aria-expanded="true"] .navbar-toggler-icon {
       display: none;
     }

     .navbar-toggler {
       padding: 0.5rem 0.5rem !important;
       border-radius: 1.5rem !important;
       box-shadow: none !important;
       background-color: #D01F31 !important;
     }

     .line {
       display: none;
     }

     @media (max-width: 991px) {

       .navbar-light .navbar-toggler-icon {
         background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;

       }

       .navbar-light .navbar-toggler-icon.open {
         background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'%3e%3cline x1='1' y1='-1' x2='23.7577' y2='-1' transform='matrix(0.686588 0.727046 -0.686588 0.727046 0 2)' stroke='white' stroke-width='2' stroke-linecap='round'/%3e%3cline x1='1' y1='-1' x2='23.7577' y2='-1' transform='matrix(0.686588 -0.727046 0.686588 0.727046 1.00195 20)' stroke='white' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e") !important;
       }

       .line {
         display: block;
       }

       /* .navbar-light .navbar-toggler-icon-cancel {
   background-image: url(<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
<circle cx="20" cy="20" r="20" fill="#D01F31" /> </svg>) !important;
 } */

       .nav-link {
         color: var(--blue-100, #203267) !important;
         font-family: Bariol Regular !important;
         font-size: 1.5rem !important;
         font-style: normal !important;
         font-weight: 700 !important;
         line-height: 2.25rem !important;
       }
     }


     /* CSS for fade-in effect */
     [data-aos="fade-in"] {
       opacity: 0;
     }

     [data-aos="fade-in"].aos-animate {
       opacity: 1;
       transition: opacity 1s ease;
       /* Adjust the transition duration as needed */
     }



     /* Adjusting margin for larger displays */
     @media (min-width: 90rem) {
       .container-fluid {
         margin-left: auto;
         margin-right: auto;
       }
     }

     /* Responsive adjustments for smaller displays */
     @media (max-width: 90rem) {
       .container-fluid {
         width: 100%;
         /* Container will take full width on smaller displays */
         /* padding-left:calc(100vw - 8.9rem); */
         padding-left: 9.02%;

       }
     }

     @media (max-width: 80rem) {
       .container-fluid {
         width: 100%;
         /* Container will take full width on smaller displays */
         /* padding-left:calc(100vw - 8.9rem); */
         padding-left: 4%;
       }
     }


     .fade-image {

       /* display: none; */
       position: absolute;
       top: 0;
       left: 0;
       opacity: 0;
       transition: opacity 1s ease-in-out;
     }

     .active-image {
       /* display: block; */
       opacity: 1;
     }



     /* Floating down arrow */

     

     .wrap-img img {
       margin: 0px 0 0 -40px;
       line-height: 60px;
       position: absolute;
       left: 50%;
       bottom: 1.5rem;
       height: 50px;
       width: auto;
     }

     .bounce {
       animation-iteration-count: infinite;
       animation-duration: 1.5s;
       animation: bounce 3.6s ease infinite;
       transform-origin: 50% 50%;
     }

     @keyframes bounce {
       0% {
         transform: translateY(0);
       }

       5.55556% {
         transform: translateY(0);
       }

       11.11111% {
         transform: translateY(0);
       }

       22.22222% {
         transform: translateY(-15px);
       }

       27.77778% {
         transform: translateY(0);
       }

       33.33333% {
         transform: translateY(-15px);
       }

       44.44444% {
         transform: translateY(0);
       }

       100% {
         transform: translateY(0);
       }
     }

     /* Make sure to adjust the transition duration as needed (1s in this case) */