/*-------------------------------------------------------------------
                        @Agep Design Solutions
        -------------------------------------------------------------------- */

        @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=PT+Serif:ital@1&family=Playfair+Display:ital@1&family=Poppins:wght@200;300&display=swap');

        * {
          margin: 0px;
          padding: 0px;
          box-sizing: border-box;
          font-family: 'Poppins', sans-serif;

        }

        html {
          overflow-y: auto;
          overflow-x: auto;
          scroll-behavior: smooth;
        }

        body {
          margin: 0;
          overflow: hidden;
        }

        body::-webkit-scrollbar {
          display: none;
        }

        body::-webkit-scrollbar-track {
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        }

        body::-webkit-scrollbar-thumb {
          background-color: #363636;
          /*height: 30%;*/
        }

        a {
          text-decoration: none;
        }


        /*---------------------- Toggle Button Section Start-----------------------*/
        .offcanvas-body ul li {
          color: gray;
        }

        #nav-toggle-button {
          color: gray;
        }

        .toggle {
          overflow: hidden;
          width: 68px;
          height: 72px;
          /* background: #fff; */
          border-radius: 10px;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .line-toggle {
          position: absolute;
          display: block;
          width: 37px;
          height: 4px;
          background: #000;
          border-radius: 2px;
          transition: all .6s;
        }

        .line-toggle:first-child {
          transform: translateY(-10px) translateX(0px);
          width: 37px;
          transition-delay: 0s;
        }

        .toggle .line-toggle:nth-child(2) {
          transition-delay: .12s;
        }

        .line-toggle:last-child {
          transform: translateY(10px) translateX(0px);
          width: 39px;
          transition-delay: 0s;
        }

        .toggle.activate .line-toggle:first-child {
          background: #FF0066;
          transform: translateY(0) translateX(0) rotate(45deg);
          width: 37px;
          height: 5px;
          transition-delay: .1s;
        }

        .toggle.activate .line-toggle:nth-child(2) {
          transform: translateX(110px);
          transition-delay: 0s;
        }

        .toggle.activate .line-toggle:last-child {
          background: #FF0066;
          transform: translateY(0) translateX(0) rotate(314deg);
          width: 37px;
          height: 5px;
          transition-delay: .1s;
        }


        /*---------------------- Toggle Section End-----------------------*/
        /*-------------- Services Section dropdown Menu Section Start-----------------*/

        .dropdown-menu {
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          border: none;
          border-radius: 0;
          transform: translate(-75%, 8%);
          width: 100vw !important;
          height: auto;
        }

        @media only screen and (min-width: 992px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
          }

          .dropdown-menu.show {
            display: flex;

        }

        .dropdown-menu ul {
          list-style: none;
          padding: 0%;
        }

        .dropdown-menu li .dropdown-item {
          color: gray;
          font-size: 1em;
          padding: 0.5em 1em;
        }

        .dropdown-menu li .dropdown-item:hover {
          background-color: #f1f1f1;
        }

        .dropdown-menu li:first-child a {
          font-weight: bold;
          font-size: 1em;
          text-transform: uppercase;
          color: #516beb;
        }

        .dropdown-menu li:first-child a:hover {
          background-color: #f1f1f1;
        }
      }

        @media only screen and (max-width: 992px) {
          .dropdown-menu.show {
            flex-wrap: wrap;
            max-height: 300px;
            overflow-y: scroll;
            overflow: hidden;
          }
        }

        @media only screen and (min-width: 300px) and (max-width: 1140px) {
          .dropdown:hover .dropdown-menu {
            width: 30vw;
            flex-wrap: wrap;
            transform: translate(-20%, 5%);
            overflow: hidden;

          }

          /* .dropdown-menu {
  border-radius: 0;
  border: none;
  padding: 0.5em;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
}
.dropdown-menu ul {
  list-style: none;
  padding: 0;
} */

          .dropdown-menu li a {
            color: gray;
            padding: 0.5em 1em;
          }

          .dropdown-menu li:first-child a {
            font-weight: bold;
            font-size: 1em;
            color: #516beb;
          }
        }

        @media screen and (min-width: 993px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
          }

          .dropdown-menu.show {
            display: flex;
          }
        }

        @media screen and (max-width: 992px) {
          .dropdown-menu.show {
            max-height: 60vh;
            overflow-y: scroll;
          }

        }



        /*----------------------------- Services_menu Section dropdown-----------------------------*/
        .navbar {
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
          font-family: 'Poppins', sans-serif;
        }

        .navbar .navbar-brand img {
          max-width: 8rem;

        }

        .navbar .navbar-nav .nav-link {
          font-family: 'Poppins', sans-serif;
          font-size: 13px;
          color: #000;
          padding: 0% 10%;
        }

        .nav-link:hover,
        .nav-link:active {
          border-bottom: 0.5px solid #FF0066;
        }


        @media only screen and (max-width: 797px) {
          .navbar {
            letter-spacing: 0.1em;
          }

          .navbar .navbar-brand img {
            max-width: 5rem;

          }

          .navbar .navbar-nav .nav-link {
            padding: 0.2em 0.5em;
          }

          .nav-link:hover,
          .nav-link:active {
            border-bottom: 1px solid #FF0066;
          }
        }

        @media only screen and (min-width: 960px) {
          .navbar {
            letter-spacing: 0.1em;
          }

          .navbar .navbar-brand img {
            max-width: 8rem;

          }

          .navbar .navbar-nav .nav-link {
            padding: 0.2em 0.5em;
          }

          .nav-link:hover,
          .nav-link:active {
            border-bottom: 1px solid #FF0066;
          }
        }

        @media screen and (max-width: 1720px) {
          .navbar {
            letter-spacing: 0.1em;
          }

          .navbar .navbar-nav .nav-link {
            padding: 0.2em 0.5em;
          }

          .nav-link:hover,
          .nav-link:active {
            border-bottom: 1px solid #FF0066;
          }

        }

        @media screen and (max-width: 1024px) {
          .navbar {
            letter-spacing: 0.1em;
          }

          .navbar .navbar-nav .nav-link {
            padding: 0.5em 1em;
          }

          .nav-link:hover,
          .nav-link:active {
            border-bottom: 1px solid #FF0066;
          }

          .dropdown:hover .dropdown-menu {
            display: block;
          }
        }

        @media screen and (max-width: 768px) {
          .navbar .navbar-brand img {
            max-width: 7em;
          }

          .navbar .navbar-collapse {
            display: flex;
            flex-direction: column-reverse;
            align-items: flex-end;
          }

        }

        .contact-info p,
        .contact-info a {
          font-size: 0.9em;
          padding-right: 1em;
          color: grey;
        }

        .contact-info a {
          padding-right: 0;
        }


        /*-------------------------------------------------
 Animation Social Media Icon Section End -----
 ------------------------------------------------*/
        /* Floating Social Media Bar Style Starts Here */

        .fl-fl {
          background: #000000;
          text-transform: uppercase;
          letter-spacing: 3px;
          padding: 0px;
          width: 190px;
          position: fixed;
          right: -150px;
          z-index: 1000;
          font: normal normal 10px Arial;
          -webkit-transition: all .25s ease;
          -moz-transition: all .25s ease;
          -ms-transition: all .25s ease;
          -o-transition: all .25s ease;
          transition: all .25s ease;
          font-family: 'Poppins', sans-serif;
          border-radius: 30px 0px 0px 30px;

        }

        .bi {
          font-size: 25px;
          color: #fff;
          padding: 10px 0;
          width: 40px;
          margin-left: 10px;
        }

        .fl-fl:hover {
          right: 0;
        }

        .fl-fl a {
          color: #fff !important;
          text-decoration: none;
          text-align: center;
          line-height: 42px !important;
          vertical-align: top !important;
        }

        .float-fb {
          top: 160px;
        }

        .float-tw {
          top: 215px;
        }

        .float-ig {
          top: 270px;
        }

        .float-pn {
          top: 325px;

        }

        .float-be {
          top: 380px;
        }

        /* // @media only screen and (max-width: 604px){
//   .fl-fl{
//     overflow:hidden;
//   }
// } */


        /*------------------ Top Set Heading Text -------------------------*/
        .top-setheading h4 {
          font-weight: 1000;
          font-size: 58px;
          font-family: 'Ubuntu', sans-serif;
          line-height: 0.7;

        }

        .top-setheading h1 {
          background-image: linear-gradient(90deg, #FF0066, 30%, #fb7700);
          color: transparent;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-weight: 500;
          font-size: 130px;
          line-height: 0.8;
          overflow: hidden;
        }

        .top-setheading p {
          font-size: 48px;
          line-height: 0.8;
        }

        .top-setheading h5 {
          padding-top: 10%;
          font-size: 18px;
        }

        .top-setheading button {
          line-height: 1;
          font-size: 18px;
        }

        .top-setheading button a {
          color: #fff;
        }

        .top-setsubsection .img-section {
          background-image: linear-gradient(-45deg, #fb7700, 30%, #FF0066);
          display: inline-block;
          border-radius: 50%;
          width: 385px;
          height: 385px;
          position: absolute;
          margin-top: 4%;
          overflow: hidden;
          margin-left: 4.5%;
        }

        .top-setsubsection img {
          display: inline-block;
          height: 100%;
          width: 100%;
          position: relative;
          overflow: hidden;
          margin-right: 80%;
          animation: Rotate 20s linear infinite;
          -webkit-animation: Rotate 20s linear infinite;
        }

        @keyframes Rotate {
          from {
            transform: rotate(0);
          }

          to {
            transform: rotate(360deg);
          }
        }
        @media only screen and (max-width: 2000px) {
            .loader {
                    width: 32%;
                    margin-left: 34%;
              }
               .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 27.4ch;
            overflow: hidden;
          }
            
        }
        
        @media only screen and (max-width: 1880px) {
            .loader {
                    width: 32%;
                    margin-left: 34%;
              }
               .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 27.4ch;
            overflow: hidden;
          }
            
        }
        
        @media only screen and (max-width: 1770px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
            padding-bottom: 5%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 41px;
          }

          .top-setheading h1 {
            font-size: 135px;
          }

          .top-setheading p {
            font-size: 32px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 29px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 22px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 356px;
            height: 321px;
            margin-left: 6%;
            margin-top: 6%;
          }

          .top-setsubsection img {
            margin-top: 4%;
            height: 96%;
            margin-left: 6%;
            width: 83%;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 25px;

          }

          .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 27.4ch;
            overflow: hidden;
          }
          .loader {
                    width: 32%;
                    margin-left: 34%;
              }

        }

        @media only screen and (max-width: 1556px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
            padding-bottom: 5%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 41px;
          }

          .top-setheading h1 {
            font-size: 128px;
          }

          .top-setheading p {
            font-size: 32px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 29px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 22px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 328px;
            height: 302px;
            margin-left: 6%;
            margin-top: 6%;
          }

          .top-setsubsection img {
            margin-top: 4%;
            height: 95%;
            margin-left: 6%;
            width: 75%;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 25px;

          }

          .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 27.4ch;
            overflow: hidden;
          }
        .loader {
                    width: 32%;
                    margin-left: 34%;
                }
        }

        @media only screen and (max-width: 1400px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
            padding-bottom: 5%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 40px;
          }

          .top-setheading h1 {
            font-size: 100px;
          }

          .top-setheading p {
            font-size: 32px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 18px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 307px;
            height: 282px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
            margin-top: 1%;
            height: 96%;
            margin-left: 11%;
            width: 86%;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 25px;

          }

          .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 27.4ch;
            overflow: hidden;
          }
         .loader {
                    width: 29%;
                    margin-left: 36%;
        }
        }


        @media only screen and (max-width: 1298px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
            padding-bottom: 5%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 40px;
          }

          .top-setheading h1 {
            font-size: 100px;
          }

          .top-setheading p {
            font-size: 32px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 18px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 307px;
            height: 282px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
            margin-top: 1%;
            height: 96%;
            margin-left: 11%;
            width: 86%;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 25px;

          }

          .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 27.4ch;
            overflow: hidden;
          }
           .loader {
            width: 29%;
            margin-left: 36%;
        }

        }

        @media only screen and (max-width: 1200px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
            padding-bottom: 5%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 40px;
          }

          .top-setheading h1 {
            font-size: 100px;
          }

          .top-setheading p {
            font-size: 32px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 18px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 180px;
            height: 180px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
            margin-top: 5%;
            height: 75%;
            margin-left: 16%;
            width: 63%;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 25px;

          }

          .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 27.4ch;
            overflow: hidden;
          }
        .loader {
            width: 29%;
            margin-left: 36%;
        }
        }

        @media only screen and (max-width: 1196px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
            padding-bottom: 5%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 40px;
          }

          .top-setheading h1 {
            font-size: 100px;
          }

          .top-setheading p {
            font-size: 32px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 18px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 200px;
            height: 200px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
            margin-top: 5%;
            height: 75%;
            margin-left: 16%;
            width: 63%;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 25px;

          }

          .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 26.7ch;
            overflow: hidden;
          }
                  .loader {
            width: 29%;
            margin-left: 36%;
        }

        }



        @media only screen and (max-width: 1189px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
            padding-bottom: 5%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 40px;
          }

          .top-setheading h1 {
            font-size: 100px;
          }

          .top-setheading p {
            font-size: 32px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 18px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 180px;
            height: 180px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
            margin-top: 5%;
            height: 75%;
            margin-left: 16%;
            width: 63%;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 25px;

          }

          .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 26.2ch;
            overflow: hidden;
          }

        }



        @media only screen and (max-width: 1152px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
            padding-bottom: 5%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 40px;
          }

          .top-setheading h1 {
            font-size: 100px;
          }

          .top-setheading p {
            font-size: 32px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 18px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 180px;
            height: 180px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
            margin-top: 5%;
            height: 74%;
            margin-left: 16%;
            width: 60%;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 25px;

          }

          .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 27.2ch;
            overflow: hidden;
          }

        }



        @media only screen and (max-width: 1131px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
            padding-bottom: 5%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 40px;
          }

          .top-setheading h1 {
            font-size: 100px;
          }

          .top-setheading p {
            font-size: 32px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 18px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 180px;
            height: 180px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
            margin-top: 5%;
            height: 74%;
            margin-left: 16%;
            width: 60%;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 25px;

          }

          .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 27.5ch;
            overflow: hidden;
          }

        }


        @media only screen and (max-width: 1024px) {
          .dropdown:hover .dropdown-menu {
            display: block;
            width: 100%;
            padding-bottom: 5%;
            padding-left: 15%;
          }

          .dropdown-menu.show {
            display: block;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 40px;
          }

          .top-setheading h1 {
            font-size: 100px;
          }

          .top-setheading p {
            font-size: 32px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 18px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 180px;
            height: 180px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
            margin-top: 5%;
            height: 72%;
            margin-left: 16%;
            width: 60%;
          }
          .header-text .top-text {
           font-size: 37px;
            }
                      
          .header-text span>bold {
            font-size: 28px;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 25px;

          }

          .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 27.5ch;
            overflow: hidden;
          }
             .loader {
                   width: 24%;
                 margin-left: 39%;
        }
        }

        @media only screen and (max-width: 1000px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
            padding-bottom: 5%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 40px;
          }

          .top-setheading h1 {
            font-size: 100px;
          }

          .top-setheading p {
            font-size: 29px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 17px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 180px;
            height: 180px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
            margin-top: 9%;
            height: 71%;
            margin-left: 23%;
            width: 80%;
        
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 25px;

          }

          .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 26.7ch;
            overflow: hidden;
          }

        }

        @media only screen and (max-width: 970px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
            padding-bottom: 5%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 40px;
          }

          .top-setheading h1 {
            font-size: 100px;
          }

          .top-setheading p {
            font-size: 29px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 17px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 180px;
            height: 180px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
            margin-top: 10%;
            height: 70%;
            margin-left: 24%;
            width: 76%;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 25px;

          }

          .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 27.4ch;
            overflow: hidden;
          }

        }

        @media only screen and (max-width: 952px) {
          .dropdown:hover .dropdown-menu {
            display: block;
            width: 100%;
            padding-bottom: 5%;
            padding-left: 15%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 40px;
          }

          .top-setheading h1 {
            font-size: 100px;
          }

          .top-setheading p {
            font-size: 30px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 16px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 180px;
            height: 180px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
            margin-top: 4%;
            height: 77%;
            margin-left: 17%;
            width: 84%;
          }
          .header-text .top-text {
            font-size: 32px;
            }
                      
          .header-text span>bold {
            font-size: 26px;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 25px;

          }

          .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 27.5ch;
            overflow: hidden;
          }

        }

        @media only screen and (max-width: 829px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
            padding-bottom: 5%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 40px;
          }

          .top-setheading h1 {
            font-size: 100px;
          }

          .top-setheading p {
            font-size: 30px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 16px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 180px;
            height: 180px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
            margin-top: 8%;
            height: 67%;
            margin-left: 20%;
            width: 76%;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 25px;

          }

          .ani-text .text-end {
            font-size: 28px;
            font-weight: 600;
            width: 27.5ch;
            overflow: hidden;
          }

        }

        @media only screen and (max-width: 820px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 25px;
          }

          .top-setheading h1 {
            font-size: 80px;
          }

          .top-setheading p {
            font-size: 25px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 15px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 180px;
            height: 180px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
            margin-top: 5%;
            height: 80%;
            margin-left: 18%;
            width: 80%;
          }
        .header-text .top-text {
           font-size: 30px;
          }
                      
          .header-text span>bold {
            font-size: 25px;
          }
          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 20px;

          }

          .ani-text .text-end {
            font-size: 20px;
            font-weight: 600;
            width: 27.5ch;
            overflow: hidden;
          }
           .loader {
           width: 45%;
           margin-left: 27%;
        }

        }

        @media only screen and (max-width: 799px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 30px;
          }

          .top-setheading h1 {
            font-size: 100px;
          }

          .top-setheading p {
            font-size: 30px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 15px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 180px;
            height: 180px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
            margin-top: 8%;
            height: 70%;
            margin-left: 18%;
            width: 75%;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 20px;

          }

          .ani-text .text-end {
            font-size: 20px;
            font-weight: 600;
            width: 27.5ch;
            overflow: hidden;
          }

         .loader {
                   width: 38%;
                  margin-left: 33%;
                }
        }

        @media only screen and (max-width: 770px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 30px;
          }

          .top-setheading h1 {
            font-size: 53px;
          }

          .top-setheading p {
            font-size: 20px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 12px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 165px;
            height: 162px;
            margin-left: 9%;
            margin-top: 5%;
          }

          .top-setsubsection img {
          margin-top: 6%;
            height: 80%;
            margin-left: 17%;
            width: 71%;
          }
            .header-text .top-text {
             font-size: 27px;
           }
                      
          .header-text span>bold {
            font-size: 22px;
          }
          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 20px;

          }

          .ani-text .text-end {
            font-size: 20px;
            font-weight: 600;
            width: 27.4ch;
            overflow: hidden;
          }
         .loader {
                   width: 36%;
                margin-left: 36%;
          }
        }

        @media only screen and (max-width: 761px) {
          .loader:before {
            content: "";
            padding: 10%;
            --_g: no-repeat content-box radial-gradient(50% 50%, #000 95%, #0000);
            background: var(--_g), var(--_g), var(--_g), var(--_g), #fff;
            background-size: 20% 20%;
            filter: blur(5px) contrast(20);
            mix-blend-mode: lighten;
            animation: l 3s infinite, s 3s infinite;
          }
        }

        @media only screen and (max-width: 765px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h4 {
            font-size: 25px;
          }

          .top-setheading h1 {
            font-size: 70px;
          }

          .top-setheading p {
            font-size: 20px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 12px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 10px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 150px;
            height: 150px;
            margin-left: 12%;
            margin-top: 6%;
          }

          .top-setsubsection img {
            margin-top: 17%;
            height: 70%;
            margin-left: 39%;
            width: 90%;
            overflow: hidden;
          }

          .data-icon h3 {
            font-size: 15px;
            overflow: hidden;
            line-height: 1;
          }

          .data-icon img {
            width: 100%;
          }

          .data-icon .text-data {
            font-size: 15px;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 20px;

          }

          .ani-text .text-end {
            font-size: 20px;
            font-weight: 600;
            width: 27.4ch;
            overflow: hidden;
          }
        }

        @media only screen and (max-width: 729px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 150px;
            height: 150px;
            margin-left: 12%;
            margin-top: 6%;
          }

          .top-setsubsection img {
            margin-top: 14%;
            height: 70%;
            margin-left: 34%;
            width: 90%;
            overflow: hidden;
          }

          .top-setheading h4 {
            font-size: 22px;
          }
        }

        @media only screen and (max-width: 663px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 150px;
            height: 150px;
            margin-left: 12%;
            margin-top: 6%;
          }

          .top-setsubsection img {
            margin-top: 15%;
            height: 70%;
            margin-left: 33%;
            width: 90%;
            overflow: hidden;
          }

          .top-setheading h4 {
            font-size: 22px;
          }
        }

        @media only screen and (max-width: 605px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .navbar {
            letter-spacing: 0.1em;
          }

          .navbar .navbar-brand img {
            max-width: 10rem;

          }

          .navbar .navbar-nav .nav-link {
            padding: 0.2em 0.5em;
          }

          .top-setheading h4 {
            font-size: 25px;
          }

          .top-setheading h1 {
            font-size: 70px;
          }

          .top-setheading p {
            font-size: 20px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 12px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 10px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 150px;
            height: 150px;
            margin-left: 12%;
            margin-top: 6%;
          }

          .top-setsubsection img {
            margin-top: 12%;
            height: 70%;
            margin-left: 31%;
            width: 86%;
            overflow: hidden;
          }

          .data-icon h3 {
            font-size: 15px;
            overflow: hidden;
            line-height: 1;
          }

          .data-icon img {
            width: 100%;
          }

          .data-icon .text-data {
            font-size: 15px;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 20px;

          }

          .ani-text .text-end {
            font-size: 20px;
            font-weight: 600;
            width: 27ch;
            overflow: hidden;
          }
        }

        @media only screen and (max-width: 580px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .navbar {
            letter-spacing: 0.1em;
          }

          .navbar .navbar-brand img {
            max-width: 10rem;

          }

          .navbar .navbar-nav .nav-link {
            padding: 0.2em 0.5em;
          }

          .top-setheading h4 {
            font-size: 38px;
          }

          .top-setheading h1 {
            font-size: 63px;
          }

          .top-setheading p {
            font-size: 22px;
            line-height: 0.8;
          }

          .top-setheading h5 {
            padding-top: 10%;
            font-size: 13px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 10px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 192px;
            height: 187px;
            margin-left: 23%;
            margin-top: 9%;
          }

          .top-setsubsection img {
            margin-top: 7%;
            height: 86%;
            margin-left: 25%;
            width: 51%;
            overflow: overlay
          }

          .data-icon h3 {
            font-size: 13px;
            overflow: hidden;
            line-height: 0;
          }

          .data-icon img {
            width: 100%;
          }

          .data-icon .text-data {
            font-size: 22px;
          }

          .ani-text {
            margin-left: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 20px;

          }

          .ani-text .text-end {
            font-size: 20px;
            font-weight: 600;
            width: 27ch;
            overflow: hidden;
          }
        }


        @media only screen and (max-width: 571px) {
          .dropdown:hover .dropdown-menu {
            display: block;
            width: 100%;
          }

          .dropdown-menu.show {
            display: block;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h1 {
            font-size: 94px;
            position: absolute;

          }

          .top-setheading h4 {
            font-size: 59px;
          }

          .top-setheading p {
            font-size: 25px;
            position: absolute;
            margin-top: 17%;
          }

          .top-setheading h5 {
            font-size: 21px;
            position: absolute;
            top: 304px;
          }

          .top-setheading button {
            line-height: 1;
            margin-top: 103%;
            font-size: 18px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 185px;
            height: 173px;
            margin-left: 22%;
            margin-top: 12%;
          }

          .top-setsubsection img {
            margin-top: 8%;
            height: 86%;
            margin-left: 22%;
            width: 53%;
            overflow: hidden;
          }

          .explore-btn .success {
            margin-left: -11%;
            width: 100%;
          }
        }


        @media only screen and (max-width: 557px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 125px;
            height: 125px;
            margin-left: 8%;
            margin-top: 9%;
          }

          .top-setsubsection img {
            margin-top: 18%;
            height: 60%;
            margin-left: 17%;
            width: 70%;
            overflow: hidden;
          }

          .top-setheading h4 {
            font-size: 19px;
          }
        }

        @media only screen and (max-width: 550px) {
          .top-setheading h1 {
            font-size: 58px;
            position: absolute;

          }

          .top-setheading h4 {
            font-size: 53px;
          }

          .top-setheading p {
            font-size: 20px;
            position: absolute;
            margin-top: 11%;
          }

          .top-setheading h5 {
            font-size: 16px;
            position: absolute;
            top: 273px;
          }

          .top-setheading button {
            line-height: 1;
            margin-top: 80%;
            font-size: 13px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 227px;
            height: 201px;
            margin-left: 14%;
            margin-top: 14%;
          }

          .top-setsubsection img {
            margin-top: 11%;
            height: 86%;
            margin-left: 13%;
            width: 64%;
            overflow: hidden;
          }

          .data-icon img {
            width: 43%;
          }

          .explore-btn {
            margin-left: 30%;
          }
        }

        @media only screen and (max-width: 536px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h1 {
            font-size: 55px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 110px;
            height: 110px;
            margin-left: 7%;
            margin-top: 9%;
          }

          .top-setsubsection img {
            margin-top: 17%;
            height: 60%;
            margin-left: 13%;
            width: 70%;
            overflow: hidden;
          }

          .top-setheading h5 {
            font-size: 10px;
          }

          .servises-img h5 {
            font-size: 15px;
          }
            .data-icon img {
               width: 38%;
        }

        }

        @media only screen and (max-width: 531px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h1 {
            font-size: 52px;

          }

          .top-setheading p {
            font-size: 19px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 110px;
            height: 110px;
            margin-left: 7%;
            margin-top: 9%;
          }

          .top-setsubsection img {
            margin-top: 19%;
            height: 58%;
            margin-left: 14%;
            width: 71%;
            overflow: hidden;
          }

          .top-setheading h5 {
            font-size: 10px;
          }

          .explore-btn .success {
            position: absolute;
            margin-right: 18%;
          }

          .servises-img h5 {
            font-size: 15px;
          }

        }

        @media only screen and (max-width: 505px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h1 {
            font-size: 50px;
          }

          .top-setheading p {
            font-size: 15px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 110px;
            height: 110px;
            margin-left: 7%;
            margin-top: 9%;
          }

          .top-setsubsection img {
            margin-top: 19%;
            height: 60%;
            margin-left: 14%;
            width: 72%;
            overflow: hidden;
          }

          .top-setheading h5 {
            font-size: 10px;
          }

          .servises-img h5 {
            font-size: 15px;
          }

          .section-wrap {
            padding: 3px;
          }

          .section-wrap--md .call-to-action__title {
            font-size: 28px;
          }

        }


        @media only screen and (max-width: 469px) {
          .dropdown:hover .dropdown-menu {
            display: block;
            width: 100%;
          }

          .dropdown-menu.show {
            display: block;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h1 {
            font-size: 50px;
            position: absolute;

          }

          .top-setheading h4 {
            font-size: 48px;
          }

          .top-setheading p {
            font-size: 19px;
            position: absolute;
            margin-top: 12%;
          }

          .top-setheading h5 {
            font-size: 14px;
            position: absolute;
            top: 252px;
          }

          .top-setheading button {
            line-height: 1;
            margin-top: 94%;
            font-size: 13px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 155px;
            height: 147px;
            margin-left: 18%;
            margin-top: 14%;
          }

          .top-setsubsection img {
            margin-top: 10%;
            height: 85%;
            margin-left: 15%;
            width: 65%;
            overflow: hidden;
          }

          .servises-img h5 {
            font-size: 15px;
          }

          .explore-btn .success {
             margin-left: -33%;
            position: absolute;
            width: 65%;
        }

          .section-wrap {
            padding: 3px;
          }

          .section-wrap--md .call-to-action__title {
            font-size: 28px;
          }
         
        }

        @media only screen and (max-width: 447px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h1 {
            font-size: 57px;
            position: absolute;

          }

          .top-setheading h4 {
            font-size: 27px;
          }

          .top-setheading p {
            font-size: 19px;
            position: absolute;
            margin-top: 17%;
          }

          .top-setheading h5 {
            font-size: 14px;
            position: absolute;
            top: 252px;
          }

          .top-setheading button {
            line-height: 1;
            margin-top: 123%;
            font-size: 13px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 155px;
            height: 147px;
            margin-left: 14%;
            margin-top: 14%;
          }

          .top-setsubsection img {
            margin-top: 14%;
            height: 81%;
            margin-left: 15%;
            width: 59%;
            overflow: hidden;
          }
             .header-text .top-text {
                        font-size: 20px;
                      }
                      
          .header-text span>bold {
            font-size: 19px;
          }

          .servises-img h5 {
            font-size: 15px;
          }

          .section-wrap {
            padding: 3px;
          }

          .section-wrap--md .call-to-action__title {
            font-size: 28px;
          }

        .loader {
                   width: 59%;
                margin-left: 22%;
                }

        }

        @media only screen and (max-width: 430px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h1 {
            font-size: 57px;
            position: absolute;

          }

          .top-setheading h4 {
            font-size: 27px;
          }

          .top-setheading p {
            font-size: 19px;
            position: absolute;
            margin-top: 17%;
          }

          .top-setheading h5 {
            font-size: 14px;
            position: absolute;
            top: 252px;
          }

          .top-setheading button {
            line-height: 1;
            margin-top: 123%;
            font-size: 13px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 155px;
            height: 147px;
            margin-left: 14%;
            margin-top: 14%;
          }

          .top-setsubsection img {
            margin-top: 14%;
            height: 81%;
            margin-left: 15%;
            width: 63%;
            overflow: hidden;
          }

          .data-icon h3 {
            font-size: 18px;
            overflow: hidden;
            line-height: 1;
          }
            .ani-text .text-end {
                font-size: 18px;
                font-weight: 600;
                width: 27ch;
                overflow: hidden;
            }
          .data-icon .text-data {
            font-size: 18px;
          }

          .explore-btn {
            margin-left: 30%;
          }

          /* // About Us info */
          .header-text .top-text {
            font-size: 27px;
          }

          .header-text span>bold {
            font-size: 23px;
          }

          .header-text h5 {
            font-size: 13px;
          }

          .abt-text .abt-info {
            padding: 8px;
            font-size: 15px;

          }

          .vision-section img {
            padding: 10px 10px;
          }

          .section-wrap {
            padding: 3px;
          }

          .section-wrap--md .call-to-action__title {
            font-size: 28px;
          }
          .loader {
                width: 47%;
                margin-left: 27%;
            }

          }
        


        @media only screen and (max-width: 414px) {
          .dropdown:hover .dropdown-menu {
            display: block;
            width: 100%;
          }

          .dropdown-menu.show {
            display: block;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h1 {
            font-size: 57px;
            position: absolute;

          }

          .top-setheading h4 {
            font-size: 27px;
          }

          .top-setheading p {
            font-size: 19px;
            position: absolute;
            margin-top: 17%;
          }

          .top-setheading h5 {
            font-size: 14px;
            position: absolute;
            top: 252px;
          }

          .top-setheading button {
            line-height: 1;
            margin-top: 123%;
            font-size: 13px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 155px;
            height: 147px;
            margin-left: 14%;
            margin-top: 14%;
          }

          .top-setsubsection img {
            margin-top: 12%;
            height: 85%;
            margin-left: 14%;
            width: 65%;
            overflow: hidden;
          }

          .ani-text {
            padding-right: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 15px;

          }

          .ani-text .text-end {
            font-size: 15px;
            font-weight: 600;
            width: 29ch;
            overflow: hidden;
          }

           .data-icon .text-data {
            font-size: 20px;
          }
        
          .explore-btn {
            margin-left: 30%;
          }
          .data-icon {
            margin: 0%;
            padding: 0%;
          }
          .data-icon img {
            padding: 2.5rem;
            margin: -9%;
            height: 90%;
          }
          .data-icon h3 {
            font-size: 13px;
            overflow: hidden;
            line-height: 1;
            margin: 0% -10% 7% 7%;
          }
        }

        @media only screen and (max-width: 410px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h1 {
            font-size: 57px;
            position: absolute;

          }

          .top-setheading h4 {
            font-size: 27px;
          }

          .top-setheading p {
            font-size: 19px;
            position: absolute;
            margin-top: 17%;
          }

          .top-setheading h5 {
            font-size: 14px;
            position: absolute;
            top: 252px;
          }

          .top-setheading button {
            line-height: 1;
            margin-top: 123%;
            font-size: 13px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 159px;
            height: 147px;
            margin-left: 14%;
            margin-top: 14%;
          }

          .top-setsubsection img {
           margin-top: 12%;
            height: 86%;
            margin-left: 14%;
            width: 71%;
            overflow: hidden;
            padding: 0%;
          }

          .ani-text {
            padding-right: 25%;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 15px;

          }

          .ani-text .text-end {
            font-size: 17px;
            font-weight: 600;
            width: 30ch;
            overflow: hidden;
          }

          .data-icon .text-data {
            font-size: 19px;
          }

          .explore-btn {
            margin-left: 30%;
          }
          
          .loader {
            width: 48%;
            margin-left: 25%;
          }

        }

        @media only screen and (max-width: 390px) {
          .top-setheading h1 {
            font-size: 57px;
            position: absolute;

          }

          .top-setheading h4 {
            font-size: 27px;
          }

          .top-setheading p {
            font-size: 19px;
            position: absolute;
            margin-top: 17%;
          }

          .top-setheading h5 {
            font-size: 14px;
            position: absolute;
            top: 252px;
          }

          .top-setheading button {
            line-height: 1;
            margin-top: 123%;
            font-size: 13px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 167px;
            height: 146px;
            margin-left: 7%;
            margin-top: 14%;
          }

          .top-setsubsection img {
            margin-top: 9%;
            height: 92%;
            margin-left: 2%;
            width: 82%;
            overflow: hidden;
          }
           .header-text .top-text{
                font-size: 26px;
            }

          .data-icon .text-data {
            font-size: 18px;
          }

          .explore-btn {
            margin-left: 30%;
          }

          .section-wrap {
            padding: 3px;
          }

          .section-wrap--md .call-to-action__title {
            font-size: 28px;
          }
           .loader {
            width: 48%;
            margin-left: 25%;
          }
              .data-icon img {
               width: 38%;
        }
        }


        @media only screen and (max-width: 375px) {
          .dropdown:hover .dropdown-menu {
            display: flex;
            width: 100%;
          }

          .dropdown-menu.show {
            display: flex;
          }

          .dropdown-menu li .dropdown-item {
            color: gray;
            font-size: 0.8em;
            padding: 0.1em 5.5em;
          }

          .top-setheading h1 {
            font-size: 57px;
            position: absolute;

          }

          .top-setheading h4 {
            font-size: 27px;
          }

          .top-setheading p {
            font-size: 19px;
            position: absolute;
            margin-top: 17%;
          }

          .top-setheading h5 {
            font-size: 14px;
            position: absolute;
            top: 252px;
          }

          .top-setheading button {
            line-height: 1;
            margin-top: 131%;
            font-size: 12px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 155px;
            height: 147px;
            margin-left: 14%;
            margin-top: 14%;
          }

          .top-setsubsection img {
            margin-top: 13%;
            height: 86%;
            margin-left: 15%;
            width: 78%;
            overflow: hidden;
          }
            .header-text .top-text{
                font-size: 30px;
            }
          .data-icon h3 {
            line-height: 1;
            font-size: 18px;
          }

          .data-icon .text-data {
            font-size: 18px;
          }

          .explore-btn {
            margin-left: 30%;
          }

          .ani-text {
            margin-left: 20%;
            width: 50%;
          }

          .ani-text h1 {
            font-size: 12px;

          }

          .ani-text .text-end {
            font-size: 15px;
            font-weight: 600;
            width: 29ch;
            overflow: hidden;
          }

          .header-text .top-text {
            font-size: 18px;
          }

          .header-text span>bold {
            font-size: 18px;
          }

          .header-text h5 {
            font-size: 13px;
          }

          .abt-text .abt-info {
            padding: 8px;
            font-size: 15px;

          }

          .prot-text {
            font-size: 10px;
          }

          .vision-section img {
            padding: 10px 10px;
          }

          .contact-us .no-gutters .map-box2 {
            font-size: 8px;
            padding-right: 10em;
          }

          .loader {
            width: 47%;
          }

          .section-wrap {
            padding: 3px;
          }

          .section-wrap--md .call-to-action__title {
            font-size: 28px;
          }
            .data-icon img {
               width: 38%;
        }
        }

        @media only screen and (max-width: 326px) {
          .bi {
            font-size: 18px;
            color: #fff;
            padding: 8px 0;
            width: 35px;
            margin-left: 10px;
          }

          .fl-fl {
            width: 150px;
            position: fixed;
            right: -115px;
          }

          .top-setheading h1 {
            font-size: 48px;
            position: absolute;

          }

          .top-setheading h4 {
            font-size: 27px;
          }

          .top-setheading p {
            font-size: 15px;
            position: absolute;
            margin-top: 17%;
          }

          .top-setheading h5 {
            font-size: 11px;
            position: absolute;
            top: 226px;
          }

          .top-setheading button {
            line-height: 1;
            margin-top: 126%;
            font-size: 8px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 94px;
            height: 93px;
            margin-left: 24%;
            margin-top: 13%;
          }

          .top-setsubsection img {
            margin-top: 12%;
            height: 85%;
            margin-left: 32%;
            width: 60%;
            overflow: hidden;
          }

          .data-icon h3 {
            line-height: 1;
          }

          .data-icon .text-data {
            font-size: 8px;
          }

          .explore-btn {
            margin-left: 30%;
          }

          .ani-text {
            padding-right: 75%;
            width: 50%;
          }

          .ani-text h1 {
            font-size: 8px;

          }

          .ani-text .text-end {
            font-size: 10px;
            font-weight: 600;
            width: 29ch;
            overflow: hidden;
          }

          .servises-img h5 {
            font-size: 8px;
          }

          .section-wrap {
            padding: 3px;
          }

          .section-wrap--md .call-to-action__title {
            font-size: 28px;
          }
            .data-icon img {
               width: 35%;
        }
        }


        @media only screen and (max-width: 320px) {
          .bi {
            font-size: 18px;
            color: #fff;
            padding: 8px 0;
            width: 35px;
            margin-left: 10px;
          }

          .fl-fl {
            width: 150px;
            position: fixed;
            right: -115px;
          }

          .top-setheading h1 {
            font-size: 48px;
            position: absolute;

          }

          .top-setheading h4 {
            font-size: 27px;
          }

          .top-setheading p {
            font-size: 15px;
            position: absolute;
            margin-top: 17%;
          }

          .top-setheading h5 {
            font-size: 11px;
            position: absolute;
            top: 226px;
          }

          .top-setheading button {
            line-height: 1;
            margin-top: 126%;
            font-size: 8px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 94px;
            height: 93px;
            margin-left: 13%;
            margin-top: 12%;
          }

          .top-setsubsection img {
            margin-top: 12%;
            height: 85%;
            margin-left: 14%;
            width: 61%;
            overflow: hidden;
          }

          .data-icon h3 {
            line-height: 1;
          }

          .data-icon .text-data {
            font-size: 14px;
          }

          .explore-btn {
            margin-left: 30%;
          }

          .ani-text {
            padding-right: 75%;
            width: 50%;
          }

         .ani-text h1{
             font-size:15px;
         }

          .ani-text .text-end {
            font-size: 14px;
            font-weight: 600;
            width: 27ch;
            overflow: hidden;
          }

          .servises-img h5 {
            font-size: 15px;
          }

          .section-wrap {
            padding: 3px;
          }

          .section-wrap--md .call-to-action__title {
            font-size: 28px;
          }
            .loader {
               width: 54%;
               margin-left: 25%;
            }
              .data-icon img {
               width: 35%;
        }
        }


        @media only screen and (max-width: 287px) {
          .fa {
            font-size: 18px;
            color: #fff;
            padding: 8px 0;
            width: 30px;
            margin-left: 10px;
          }

          .fl-fl {
            width: 143px;
            position: fixed;
            right: -115px;
            line-height: 2;
            display: none;
          }

          .top-setheading h1 {
            font-size: 45px;
            position: absolute;

          }

          .top-setheading h4 {
            font-size: 22px;
          }

          .top-setheading p {
            font-size: 15px;
            position: absolute;
            margin-top: 17%;
          }

          .top-setheading h5 {
            font-size: 11px;
            position: absolute;
            top: 226px;
          }

          .top-setheading button {
            line-height: 1;
            margin-top: 150%;
            font-size: 6px;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 72px;
            height: 72px;
            margin-left: 14%;
            margin-top: 13%;
          }

          .top-setsubsection img {
            margin-top: 12%;
            height: 85%;
            margin-left: 14%;
            width: 65%;
            overflow: hidden;
          }

          .data-icon h3 {
            line-height: 1;
            font-size: 22px;

          }

          .data-icon .text-data {
            font-size: 8px;
          }

          .explore-btn {
            margin-left: 30%;
          }

          .ani-text {
            padding-right: 75%;
            width: 50%;
          }

          .ani-text h1 {
            font-size: 8px;

          }

          .ani-text .text-end {
            font-size: 10px;
            font-weight: 600;
            width: 27ch;
            overflow: hidden;
          }

          .servises-img h5 {
            font-size: 8px;
          }

          .section-wrap {
            padding: 3px;
          }

          .section-wrap--md .call-to-action__title {
            font-size: 28px;
          }
           .loader {
                width: 78%;
                margin-left: 17%;
            }
              .data-icon img {
               width: 34%;
        }
        }

        @media screen and (max-width: 240px) {
          .navbar {
            letter-spacing: 0.1em;
          }

          .navbar .navbar-brand img {
            max-width: 5rem;
            margin-left: 40px;

          }

          .navbar .navbar-nav .nav-link {
            padding: 1rem 0.5em;
          }

          .nav-link:hover,
          .nav-link:active {
            border-bottom: 1px solid #FF0066;
          }

          .line-toggle {
            width: 100%;
            margin-left: 40px;
          }

          .bi {
            font-size: 18px;
            color: #fff;
            padding: 8px 0;
            width: 35px;
            margin-left: 10px;
          }

          .fl-fl {
            width: 150px;
            position: fixed;
            right: -115px;
          }

          .top-setheading h1 {
            font-size: 12px;
          }

          .top-setheading h4 {
            font-size: 6px;
          }

          .top-setheading p {
            font-size: 3px;
          }

          .top-setheading h5 {
            font-size: 5px;
          }

          .top-setheading button {
            line-height: 1;
            font-size: 2px;
          }

          .top-setheading button a {
            color: #fff;

          }

          .top-setsubsection {
            margin-top: 10%;
          }

          .top-setsubsection .img-section {
            overflow: hidden;
            width: 30px;
            height: 30px;
            margin-left: 6%;
            margin-top: 12%;

          }

          .top-setsubsection img {
            margin-top: 48%;
            height: 30%;
            margin-left: 16%;
            width: 90%;
            overflow: hidden;
          }

          .data-icon h3 {
            line-height: 1.2;
          }

          .data-icon .text-data {
            font-size: 6px;
          }

          .explore-btn {
            margin-left: 30%;
            font-size: 5px;
          }

          .ani-text {
            padding-right: 40%;
            width: 50%;
          }

          .ani-text h1 {
            font-size: 10px;

          }

          .ani-text .text-end {
            font-size: 13px;
            font-weight: 600;
            width: 27ch;
            overflow: hidden;
          }

          .servises-img h5 {
            font-size: 8px;
          }
        .loader {
            width: 100%;
            margin-left: 4%;
        }
          .data-icon img {
               width: 32%;
        }
        
        }



        .text-header {
          font-family: 'Poppins', sans-serif;
          height: 100vh;
        }

        .text-header h2 {
          font-size: 50px;
          color: #222;
          position: absolute;
          padding-bottom: 80%;
          font-weight: 800;
          line-height: 0.5;
        }

        .top-textheader {
          padding: 10%;
          width: 100%;
          height: 100vh;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
          margin: auto;
          position: relative;
        }

        .top-textheader p {
          font-family: 'Ubuntu', sans-serif;
          font-weight: 800;
          line-height: 1;
          font-size: 60px;
          letter-spacing: 0.2;

        }

        .sub-headertext h5 {
          font-size: 18px;
          font-weight: 600;

        }


        /*----------------------- Top Home Page Text HeaderText End -----------------------*/

        .header-text span {
          font-size: 33px;
          font-family: 'Ubuntu', sans-serif;

        }

        .header-text h2 {
          font-family: 'Ubuntu', sans-serif;
          font-size: 50px;
        }

        .header-text bold {
          white-space: nowrap;
          background-image: linear-gradient(90deg, #FF0066, 30%, #fb7700);
          color: transparent;
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-family: 'Ubuntu', sans-serif;
          font-weight: 600;
          line-height: 1;
          font-size: 41px;

        }


        /*----------- Home Page Animation Text Section ------------------*/
        .ani-text span {
          white-space: nowrap;
          background-image: linear-gradient(90deg, #FF0066, 30%, #fb7700);
          color: transparent;
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-weight: 800;
        }


        .data-icon img {
          width: 60%;
        }

        .data-icon p {
          font-size: 22px;
        }

        .servises-icon h5 {
          font-size: 15px;
        }

        .ani-text {
          margin-left: 22%;
        }

        .ani-text h1 {
          margin-top: 5%;
          margin-left: 44%;
          color: #000;
          font-weight: 600;
          width: 36ch;
          overflow: hidden;
          white-space: nowrap;

        }

        @keyframes type {
          0% {
            width: 0;
          }
        }

        .ani-text h2 {
          color: #000;
          font-weight: 600;
          width: 27ch;
          overflow: hidden;
          white-space: nowrap;
          font-size: 40px;
          animation: type 4.5s infinite;
        }

        .servises-img img {
          -webkit-transition: 0.4s ease;
          transition: 0.4s ease;
        }

        .servises-img img:hover .servises-img img {
          -webkit-transform: scale(1.08);
          transform: scale(1.08);
        }

        @media only screen and (max-width: 720px) {
          .symphony small {
            font-size: 18px;
          }

          .header-text h2 {
            font-family: 'Ubuntu', sans-serif;
            font-size: 16px;
          }

          .services-iconsection .card-top img {
            height: auto;
            width: 20%;
          }

        }

        @media only screen and (max-width: 604px) {
          .servises-icon img {
            height: 70%;
            width: 70%;
          }

          .text-header {
            width: 100%;
            height: 100%
          }

          .text-header video {
            height: 100%;
          }

          .ani-text {
            margin-left: 20px;
            width: 100%;
          }

          .ani-text h1 {
            font-size: 20px;

          }

          .ani-text h2 {
            font-size: 20px;
            font-weight: 600;
            width: 27ch;
            overflow: hidden;
            white-space: nowrap;
          }

        }

        /*----------------------------------------------------------
 Our Card Image section
 ---------------------------------------------------------*/
        .card {
          border: none;
          border-radius: 0;
          box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
          cursor: pointer;

        }

        /* .carousel-inner {
  padding: 0.5em;
} */
        .card:hover .card-img-overlay {
          opacity: 1;
          transform: scale(1);
          overflow: hidden;
        }

        .card-img-overlay {
          position: absolute;
          background-color: rgba(117, 117, 117, .7);
          width: 100%;
          height: 100%;
          top: 0;
          transform: scale(0.9);
          opacity: 0;
          transition: transform .5s ease 0s;
          overflow: hidden;

        }

        .card-img-overlay span {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-weight: bold;
          font-size: 2em;
          color: #fff;
          font-family: Sans-serif;
          overflow: hidden;
        }

        .card .card-img img {
          transition: transform .8s ease;
          cursor: pointer;

        }

        .card :hover .card-img img {
          transform: scale(1.1);
          cursor: pointer;
          overflow: hidden;
        }

        @media (max-width: 1200px) {
          .card {
            border: flex;
            border-radius: 0;
            box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
          }
        }


        /*---------------------------------------------------------------
  Call To action 
  -----------------------------------------------------------------*/
        .section-wrap--md {
          padding: 170px 0;
        }

        .section-wrap {
          padding: 25px;
          background-repeat: no-repeat;
          background-size: auto;
          overflow: hidden;
          background-attachment: fixed;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          background-position: center center;
          background-repeat: no-repeat;
        }

        .section-wrap--md .bg-light {
          background-color: #f7f9fa;
        }

        .section-wrap--md .call-to-action__title {
          font-size: 50px;
        }

        .section-wrap--md .call-to-action__dot {
          color: #f36b21;
        }

        .mt-40 {
          margin-top: 40px;
        }

        .section-wrap--md .btn {
          font-family: "Montserrat", sans-serif;
          font-weight: 700;
          overflow: hidden;
          display: inline-block;
          text-transform: uppercase;
          text-decoration: none;
          text-align: center;
          letter-spacing: 0.14em;
          border-radius: 50px;
          border: none;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          color: #363636;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          position: relative;
          z-index: 1;
          white-space: nowrap;
          vertical-align: middle;
          -ms-touch-action: manipulation;
          touch-action: manipulation;
          cursor: pointer;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
        }

        .section-wrap--md .btn-lg,
        .btn-lg.btn-button {
          font-size: 13px;
          padding: 0 24px;
          line-height: 46px;
        }

        .section-wrap--md .btn-color {
          background-color: #fff;
        }

        .section-wrap--md .btn-icon span {
          position: relative;
          display: inline-block;
          left: 0;
          -webkit-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
          -moz-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
          -ms-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
          -o-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
          transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
        }

        .section-wrap--md .btn-icon>i {
          position: absolute;
          left: auto;
          font-size: 18px;
          width: 36px;
          line-height: 46px;
          background-color: rgba(0, 0, 0, 0.05);
          right: -36px;
          top: 0;
          text-align: center;
          display: block;
          border-radius: 0 3px 3px 0;
          -webkit-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
          -moz-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
          -ms-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
          -o-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
          transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
        }

        .section-wrap--md .btn:hover {
          color: #363636;
          opacity: .9;
          border-color: transparent;
        }

        .section-wrap--md .btn-icon:hover span {
          left: -16px;
        }

        .btn-icon:hover i {
          right: 0;
        }

        /*---------------------------------------------------------
 About section
 -----------------------------------------------------------*/
        .abt-text p {
          font-size: 20px;
          text-align: justify;
        }

        .vision-section .abt-img {
          position: relative;
          display: inline-block;
          padding: 0%;
        }

        .vision-section .abt-img .abt-top {
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 99;
        }

        .vision-section .abt-img:hover .abt-top {
          display: inline;
        }

        .vision-section p {
          position: absolute;
          bottom: 8px;
          width: 100%;
        }

        /*-------------------------------------------------------
Contact us Section
---------------------------------------------------------*/
        .loader {
          /* control the size */
          aspect-ratio: 1;
          display: grid;
          background: linear-gradient(135deg, #FF0066, #F77700);
          clip-path: inset(8%);
        }

        .loader:before {
          content: "";
          padding: 10%;
          --_g: no-repeat content-box radial-gradient(50% 50%, #000 95%, #0000);
          background: var(--_g), var(--_g), var(--_g), var(--_g), #fff;
          background-size: 20% 20%;
          filter: blur(5px) contrast(20);
          mix-blend-mode: lighten;
          animation: l 3s infinite, s 3s infinite;
        }

        @keyframes l {

          0%,
          100% {
            background-position: top, right, bottom, left
          }

          20% {
            background-position: center, right, bottom, left
          }

          40% {
            background-position: center, center, bottom, left
          }

          60% {
            background-position: center, center, center, left
          }

          80% {
            background-position: center, center, center, center
          }
        }

        @keyframes s {

          0%,
          25%,
          90% {
            background-size: 20% 20%, 20% 20%, 20% 20%, 20% 20%
          }

          40%,
          45% {
            background-size: 30% 30%, 20% 20%, 20% 20%, 20% 20%
          }

          60%,
          65% {
            background-size: 40% 40%, 20% 20%, 20% 20%, 20% 20%
          }

          80% {
            background-size: 50% 50%, 20% 20%, 20% 20%, 20% 20%
          }
        }

        /*-------------------------------------------------------
Contact us Section end
---------------------------------------------------------*/
        .form-group {
          position: relative;
          margin: 40px auto;
        }

        .form-control {
          position: relative;
          z-index: 1;
          width: 100%;
          height: 35px;
          border-radius: 0;
          font-size: 16px;
          box-shadow: none;
          border: none;
          border-bottom: 1px solid #cccccc;
          background-color: transparent;

          &+label {
            position: absolute;
            top: 10px;
            left: 3px;
            font-size: 16px;
            color: #0000;
            transition: all 0.8s ease-out;
          }

          &:focus {
            box-shadow: none;
            outline: none;
            border-width: 2px;
            border-color: #0000 bold;
          }

          &:focus+label,
          &.has-value+label {
            top: -15px;
            color: #000;
            font-size: 12px;
          }
        }

        .form-group select,
        .mob,
        .det {
          margin-bottom: 15px;
          width: 40%;
        }

        .input-group-addon {
          padding: 0;
          font-size: 14px;
          font-weight: 400;
          line-height: 1;
          color: #fff;
          text-align: center;
          background-color: transparent;
          border: none;
          border-radius: 0;
        }

        @media screen and (max-width: 768px) {

          .form-group select,
          .mob {
            min-width: 100%;
          }

          .services-iconsection .link img {
            height: 10rem;
            width: 100%;
          }
        }

        /*----------------------------------------------------
 Footer Section
 ----------------------------------------------------*/
        hr {
          width: 100%;
          background: #fcf8fa;
          padding: 1px;
        }

        .footer-section {
          background: #fcf8fa;
          position: relative;
        }

        .footer-cta {
          border-bottom: 1px solid #373636;
        }

        .single-cta i {
          color: #ff5e14;
          font-size: 30px;
          float: left;
          margin-top: 8px;
        }

        .cta-text {
          padding-left: 15px;
          display: inline-block;
        }

        .cta-text h4 {
          color: #363636;
          font-size: 20px;
          font-weight: 600;
          margin-bottom: 2px;
        }

        .cta-text span {
          color: #757575;
          font-size: 15px;
        }

        .footer-content {
          position: relative;
          z-index: 2;
        }

        .footer-pattern img {
          position: absolute;
          top: 0;
          left: 0;
          height: 330px;
          background-size: cover;
          background-position: 100% 100%;
        }

        .footer-logo {
          margin-bottom: 30px;
        }

        .footer-logo img {
          max-width: 100px;
        }

        .footer-text p {
          margin-bottom: 14px;
          font-size: 14px;
          color: #7e7e7e;
          line-height: 28px;
        }

        .footer-social-icon span {
          color: #363636;
          display: block;
          font-size: 20px;
          font-weight: 700;
          font-family: 'Poppins', sans-serif;
          margin-bottom: 20px;
        }

        .footer-social-icon a {
          color: #363636;
          font-size: 16px;
          margin-right: 15px;
        }

        .footer-social-icon i {
          height: 40px;
          width: 40px;
          text-align: center;
          line-height: 38px;
          border-radius: 50%;
        }

        .facebook-bg {
          background: #3B5998;
        }

        .twitter-bg {
          background: #55ACEE;
        }

        .google-bg {
          background: #DD4B39;
        }

        .footer-widget-heading h3 {
          color: #363636;
          font-size: 20px;
          font-weight: 600;
          margin-bottom: 40px;
          position: relative;
        }

        .footer-widget-heading h3::before {
          content: "";
          position: absolute;
          left: 0;
          bottom: -15px;
          height: 2px;
          width: 50px;
          background: #ff5e14;
        }

        .footer-widget ul li {
          display: inline-block;
          /* float: ; */
          width: 50%;
          margin-bottom: 12px;
        }

        .footer-widget ul li a:hover {
          color: #ff5e14;
        }

        .footer-widget ul li a {
          color: #878787;
          text-transform: capitalize;
        }

        .subscribe-form {
          position: relative;
          overflow: hidden;
        }

        .subscribe-form input {
          width: 100%;
          padding: 14px 28px;
          background: #2E2E2E;
          border: 1px solid #2E2E2E;
          color: #fff;
        }

        .subscribe-form button {
          position: absolute;
          right: 0;
          background: #ff5e14;
          padding: 13px 20px;
          border: 1px solid #ff5e14;
          top: 0;
        }

        .subscribe-form button i {
          color: #fff;
          font-size: 22px;
          transform: rotate(-6deg);
        }

        .copyright-area {
          background: #fff;
          padding: 25px 0;
        }

        .copyright-text p {
          margin: 0;
          font-size: 14px;
          color: #878787;
        }

        .copyright-text p a {
          color: #ff5e14;
        }

        .footer-menu li {
          display: inline-block;
          margin-left: 20px;
        }

        .footer-menu li:hover a {
          color: #ff5e14;
        }

        .footer-menu li a {
          font-size: 14px;
          color: #878787;
        }



        /*---------------------Services Page Section-----------------------*/

        .service-topsection video {
          width: 45%;
        }

        /* Icon section */
        .services-iconsection {
          text-align: center;
          padding: 15px;
        }

        .services-iconsection .card-top {
          position: relative;
          display: inline-block;
        }

        .services-iconsection .card-top .img-top {
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 99;
        }

        .services-iconsection .card-top:hover .img-top {
          display: inline;
        }

        .services-iconsection .link {
          display: block;
          background: #f8f8f8;
          padding: 20px;
        }

        .services-iconsection .link:hover {
          cursor: pointer;
          background-image: linear-gradient(to right, #fb7700, #FF0066);
          color: #fff;
          transition: background-color 0.9s ease;
        }

        .services-con h2 {
          font-size: 3rem;
        }

        .services-con ul li {
          font-weight: 800;
        }

        .explore-btn .success {
          color: #FF0066;
          border: 1px solid;
          padding: 1px 20px;
          font-size: 16px;
          border-radius: 50px;
        }

        .services-con button a {
          color: #FF0066;
        }

        @media screen and (max-width: 768px) {
          .service-topsection p {
            font-size: 20px;
            margin: 15px;
          }

          .service-topsection img {
            height: 25rem;
          }

          /* Icon section */
          .services-iconsection {
            text-align: center;
            margin: 40px;
            padding: 3px;
          }

          .services-iconsection .link img {
            height: auto;
          }

          .services-iconsection .link p {
            font-size: 0.5em;
            margin-top: 20px;
            color: #000;
          }

          .services-con {
            font-size: 12px;
          }
        }

        /*----------------------------------- End Services Section---------------------*/

        /*------------------------------------------ Contact Us------------------------*/
        .contact-us .btn {
          padding: 14px 26px;
          font-weight: 700;
          font-size: 13px;
          letter-spacing: 1px;
          text-transform: uppercase;
        }

        .contact-us .btn-danger {
          background-color: #e34c43;
          border-color: #e34c43;
        }

        .contact-us #gmap_canvas {
          filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
          -webkit-filter: grayscale(90%);
          filter: grayscale(90%);
          filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
        }

        .contact-us .map-box2 {
          z-index: 9999;
          right: 60px;
          width: 360px;
        }


        @media screen and (max-width:1341px) {
          .top-textheader {
            height: 50vh;
            aspect-ratio: 2/1;
          }

          .top-textheader p {
            font-size: 42px;
          }

          .toggle {
            overflow: hidden;
            width: 39px;
            height: 60px;
          }

          .line-toggle:first-child {
            transform: translateY(-15px) translateX(-15px);
            width: 100px;
            transition-delay: 0s;
          }

          .line-toggle:last-child {
            transform: translateY(15px) translateX(-15px);
            width: 100px;
            transition-delay: 0s;
          }

        }

        @media screen and (max-width:933px) {
          .navbar .navbar-brand img {
            max-width: 10rem;
            overflow: hidden;
          }

          .top-textheader {
            height: 50vh;
            aspect-ratio: 2/1;
          }

          .top-textheader p {
            font-size: 42px;
          }

          .top-textheader #dynamicContent {
            font-size: 25px;
            width: 100%;
            display: flex;
          }

          .toggle {
            overflow: hidden;
            width: 38px;
            height: 60px;
          }

          .line-toggle:first-child {
            transform: translateY(-14px) translateX(-14px);
            width: 100px;
            transition-delay: 0s;
          }

          .line-toggle:last-child {
            transform: translateY(14px) translateX(-14px);
            width: 100px;
            transition-delay: 0s;
          }

          .ani-text h2 {
            font-size: 35px;
            overflow: hidden;
            text-align: center;
          }
        }


        @media screen and (max-width:641px) {
          .navbar .navbar-brand img {
            max-width: 10rem;
            overflow: hidden;
          }

          .top-textheader {
            height: 42vh;
            aspect-ratio: 2/1;
          }

          .top-textheader p {
            font-size: 42px;
          }

          .top-textheader #dynamicContent {
            font-size: 22px;
            width: 100ch;
            display: flex;
          }

          .toggle {
            overflow: hidden;
            width: 38px;
            height: 60px;
          }

          .line-toggle:first-child {
            transform: translateY(-14px) translateX(-14px);
            width: 90px;
            transition-delay: 0s;
          }

          .line-toggle:last-child {
            transform: translateY(14px) translateX(-14px);
            width: 90px;
            transition-delay: 0s;
          }

          .ani-text h1 {
            padding-right: 30%;
            font-size: 22px;
          }

          .ani-text h2 {
            padding-right: 20%;
            font-size: 22px;
            overflow: hidden;
            text-align: center;
          }
        }


        @media screen and (max-width:489px) {
          .navbar .navbar-brand img {
            max-width: 8rem;
            overflow: hidden;
          }

          .top-textheader {
            height: 30vh;
            aspect-ratio: 2/1;
          }

          .top-textheader p {
            font-size: 30px;
          }

          .top-textheader #dynamicContent {
            font-size: 15px;
            width: 100ch;
            display: flex;
          }

          .toggle {
            overflow: hidden;
            width: 32px;
            height: 51px;
          }

          .line-toggle:first-child {
            transform: translateY(-9px) translateX(-13px);
            width: 86px;
            transition-delay: 0s;
          }

          .line-toggle:last-child {
            transform: translateY(9px) translateX(-13px);
            width: 100px;
            transition-delay: 0s;
          }

          .ani-text h1 {
            padding-right: 42%;
            font-size: 18px;
          }

          .ani-text h2 {
            padding-right: 20%;
            font-size: 10px;
            overflow: hidden;
            text-align: center;
          }

          .card .card-img {
            height: 100%;
            overflow: hidden;
          }
        }

        @media (max-width: 767px) {
          .carousel-inner .carousel-item>div {
            display: none;
          }

          .carousel-inner .carousel-item>div:first-child {
            display: block;
          }
        }

        .carousel-inner .carousel-item.active,
        .carousel-inner .carousel-item-next,
        .carousel-inner .carousel-item-prev {
          display: flex;
        }

        /* medium and up screens */
        @media (min-width: 768px) {

          .carousel-inner .carousel-item-end.active,
          .carousel-inner .carousel-item-next {
            transform: translateX(25%);
          }

          .carousel-inner .carousel-item-start.active,
          .carousel-inner .carousel-item-prev {
            transform: translateX(-25%);
          }
        }

        .carousel-inner .carousel-item-end,
        .carousel-inner .carousel-item-start {
          transform: translateX(0);
        }
        
        
        @media (max-width: 435px) {
          .data-icon {
            margin: 0%;
            padding: 0%;
          }
          .data-icon img {
            padding: 3rem;
            margin: -9%;
            height: 92%;
          }
          .data-icon h3 {
            font-size: 15px;
            overflow: hidden;
            line-height: 1;
            margin: 0% -10% 7% 4%;
          }
        }
        
        @media (max-width: 380px) {
          .data-icon {
            margin: 0%;
            padding: 0%;
          }
          .data-icon img {
            padding: 2rem;
            margin: -9%;
            height: 89%;
          }
          .data-icon h3 {
            font-size: 13px;
            overflow: hidden;
            line-height: 1;
            margin: 0% -10% 7% 7%;
          }
        }