/* ------------------------------- font family ------------------------------ */

 @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');


 /* -------------------------------------------------------------------------- */
 /*                                common start                                */
 /* -------------------------------------------------------------------------- */


 html {
     overflow-x: hidden !important;
 }

 .sticky-top {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 1000;
     /* Ensure it's above other content */
 }

 .section-spacing {
     margin: 48px 0px 48px 0px;
 }

 body {
     font-family: "Work Sans", sans-serif;
     font-weight: 400;
     overflow-x: hidden !important;
 }

 #service-column-alignment-right-text {
     padding-left: 43px;
 }

 #service-column-alignment-left-text {
     padding-right: 43px;
 }

 .compulsory-field {

     font-weight: 600;
     font-size: 16px;
     color: #FF0000;
 }

 .custom-form-control::placeholder {
     font-weight: 400;
     font-size: 16px;
     color: #333333;
     opacity: 0.5;
 }

 .custom-form-control-description::placeholder {
     font-weight: 400;
     font-size: 16px;
     color: #333333;
     opacity: 0.5;
 }

 .was-validated .form-control:invalid {
     background-image: none;
 }

 .was-validated .form-control:valid {
     background-image: none;
     border-color: #1961fb80;
 }

 .custom-form-control:focus {
     box-shadow: none;
 }

 .custom-form-control-description:focus {
     box-shadow: none;
 }

 .was-validated .form-control:valid:focus {
     box-shadow: 0 0 0 .25rem rgba(25, 97, 251, 0.164);
     border-color: #1961fb48;
 }

 .was-validated .form-select:focus {
     box-shadow: 0 0 0 .25rem rgba(25, 97, 251, 0.164);
     border-color: #1961fb48;
 }

 .was-validated .form-select:invalid:not([multiple]):not([size]) {
     --bs-form-select-bg-icon: none;
 }

 .was-validated .form-select:valid:not([multiple]):not([size]) {
     --bs-form-select-bg-icon: none;
     box-shadow: 0 0 0 .25rem rgba(25, 97, 251, 0.164);
     border-color: #1961fb48;
 }

 .g-recaptcha {
     transform: scale(0.77);
     -webkit-transform: scale(0.77);
     -origin: 0 0;
     -webkit-transform-origin: 0 0;
     "

 }

 .dropdown-menu[data-bs-popper] {
     top: 109%;
     left: 10px;
     margin-top: var(--bs-dropdown-spacer);
     right: 10px;
 }


 /* -------------------------------------------------------------------------- */
 /*                                 common end                                 */
 /* -------------------------------------------------------------------------- */


 /* -------------------------------------------------------------------------- */
 /*                            Homepage style start                            */
 /* -------------------------------------------------------------------------- */

 /* --------------------------- navbar style start --------------------------- */

 .navbar {
     padding: 12px;
 }

 .navbar-brand {
     font-weight: 400;
     font-size: 30px;
     color: #1961FB !important;
 }

 .navbar-brand span {
     font-weight: 700;
     font-size: 30px;
     color: #FD5B68;
 }

 .navbar-nav .nav-link {
     font-weight: 700;
     font-size: 18px;
     color: #333333;
 }

 .sign_up_dropdown .bi-people-fill {
     color: #333333;
 }

 .sign_up_dropdown .dropdown-menu a img {
     width: 22px;
     height: 24px;
     object-fit: contain;
 }

 .sign_up_dropdown .dropdown-menu {
     border: transparent;
     box-shadow: 0px 8px 32px rgba(25, 97, 251, 0.16);
 }

 .sign_up_dropdown .dropdown-menu .dropdown-item {
     padding: 12px;
 }

 .sign_up_dropdown .dropdown-menu .dropdown-item:hover {
     color: #DD1D1D;
 }

 .navbar-nav .nav-link:hover,
 .navbar-nav .nav-link.active,
 .fa-bars {
     color: #DD1D1D;
 }

 #navbarToggler .navbar-nav .nav-item {
     margin: 0px 15px;
 }

 .navbar-toggler:focus {
     box-shadow: none;
     outline: none
 }

 .social-icon-link {
     display: flex;
     flex-direction: row;
     align-items: center;
     display: none;
 }

 .JoinNetwork-btn {
     display: inline-flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     padding: 10px 36px;
     gap: 10px;
     /* height: 56px; */
     background: #FFFFFF;
     border: 1px solid #DD1D1D;
     border-radius: 100px;
     font-weight: 700;
     font-size: 18px;
     color: #DD1D1D;
 }

 .JoinNetwork-btn:hover {
     background-color: #DD1D1D;
     color: #fff;
 }

 .custom-navbar {
     background: rgba(255, 255, 255, 0.6);
     border-bottom: 1px solid #F0F5FF;
     box-shadow: 0px 8px 32px rgba(25, 97, 251, 0.16);
     backdrop-filter: blur(48px);
     transition: all 0.7s ease;
     /* Optional: Add transition for smooth effect */
 }


 /* ---------------------------- navbar style end ---------------------------- */

 /* --------------------------- banner style start --------------------------- */
 .Main-banner {
     background-image: url("../images/home-banner.png");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: scroll;
     Width: 100%;
     Height: 700px;
     display: flex;
     align-items: center;
     position: relative;
     z-index: -1;
 }

 .banner-heading {
     font-weight: 700;
     font-size: 56px;
     color: #FFFFFF;
 }

 .banner-subtext {
     font-weight: 400;
     font-size: 16px;
     color: #FFFFFF;
     opacity: 0.7;
     width: 79%;
 }

 .banner-subtext a {
     font-weight: 700;
     font-size: 16px;
     text-decoration-line: underline;
     color: #FFFFFF;
     opacity: 0.7;
 }

 .contactus-btn {
     display: inline-flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     padding: 10px 36px;
     gap: 10px;
     height: 56px;
     background: #DD1D1D;
     border-radius: 100px;
     font-weight: 700;
     font-size: 18px;
     color: #FFFFFF;
     border: 2px solid #DD1D1D;
     z-index: 1000;
     position: relative;
 }

 .contactus-btn:hover {
     background: rgba(255, 255, 255, 0.2);
     border: 2px solid #FFFFFF;
     border-radius: 100px;
     font-weight: 700;
     font-size: 18px;
     color: #FFFFFF;
 }

 .contactus-btn,
 .carousel-indicators {
     z-index: inherit !important;
     /* Adjust as needed */
     position: relative;
     /* Ensure position is set if not already */
 }

 .Main-banner .col-md-12.col-lg-7.position-relative {
     top: -71px;
     left: 12px;
 }

 .app-img-mobile-view {
     display: none;
 }

 /* ----------------------- pulsing circle style start ----------------------- */
 #container {
     display: flex;
     align-items: center;
     justify-content: end;
     overflow: visible;
     position: relative;
 }

 #outerContainer {
     position: absolute;
     right: -119px;
     bottom: -392px;
     z-index: 0;
 }

 .circle {
     border-radius: 50%;
     background-color: deepskyblue;
     width: 150px;
     height: 150px;
     position: absolute;
     opacity: 0;
 }

 .circle {
     border-radius: 50%;
     width: 700px;
     height: 700px;
     background: #FFFFFF;
     opacity: 0.1;
     position: absolute;
     animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
 }

 @keyframes scaleIn {
     from {
         transform: scale(.5, .5);
         opacity: .5;
     }

     to {
         transform: scale(1.5, 1.5);
         opacity: 0;
     }
 }

 /* ------------------------ pulsing circle style end ------------------------ */

 /* .mask1 {
     mask-image: url("../images/home-banner.png");
     mask-repeat: no-repeat;
 } */

 .app-img {
     object-fit: cover;
     position: absolute;
     z-index: 0;
 }


 .carousel-indicators [data-bs-target] {
     box-sizing: content-box;
     flex: 0 1 auto;
     width: 10px;
     height: 10px;
     padding: 0;
     margin-right: 3px;
     margin-left: 3px;
     text-indent: -999px;
     cursor: pointer;
     background: none !important;
     border: 2px solid #fff !important;
     opacity: .5;
     transition: opacity .6s ease;
 }

 .carousel-indicators .active {
     opacity: 1;
     width: 24px;
     height: 10px;
     transition: opacity 0.6s ease;
     background: #fff !important;
 }

 .carousel-indicators {
     position: absolute;
     right: 0;
     bottom: -70px;
     left: -111px;
     z-index: 2;
     display: flex;
     justify-content: left;
     padding: 0;
     margin-right: 15%;
     margin-bottom: 1rem;
     margin-left: 15%;
 }

 /* ---------------------------- banner style end ---------------------------- */

 /* -------------------------- services style start -------------------------- */

 .Highlight-text {
     font-weight: 600;
     font-size: 56px;
     text-align: center;
     color: #1931A5;
 }

 .sub-heading {
     font-weight: 600;
     font-size: 56px;
     text-align: center;
     color: #333333;
 }

 .sub-line {
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #333333;
     opacity: 0.7;
     margin-top: 10px;
 }

 .service-img {
     max-width: 100%;
     width: 592px;
     height: 350px;
     border: 1px solid #FCEFF1;
     border-radius: 20px;
     object-fit: cover;
 }

 .service-heading {
     font-weight: 600;
     font-size: 44px;
     color: #333333;
 }

 .service-text {
     font-weight: 400;
     font-size: 16px;
     color: #333333;
     opacity: 0.7;
     margin-top: 15px;
     text-align: justify;
 }

 /* --------------------------- services style end --------------------------- */

 /* ---------------------- hompage category style start ---------------------- */
 .category-banner {
     background-image: url("../images/category-banner.png");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: scroll;
     Width: 100%;
     max-height: 100%;
     height: 716px;
     display: flex;
     align-items: center;
 }

 .category-heading {
     font-weight: 600;
     font-size: 56px;
     text-align: center;
     color: #333333;
 }

 .category-subline {
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #333333;
     opacity: 0.7;
     margin-top: 10px;
 }

 .custom-category-card {
     background: #FFFFFF;
     box-shadow: 0px 8px 32px rgba(25, 97, 251, 0.16);
     border-radius: 20px;
     border: 2px solid #FFFFFF;
     margin: 0px auto;
     max-height: 100%;
     height: 302px;
 }

 .custom-category-card:hover {
     background: linear-gradient(180deg, #D3E1FF 0%, #FFFFFF 54%);
     border: 2px solid #FFFFFF;
     box-shadow: 0px 8px 32px rgba(25, 97, 251, 0.16);
     border-radius: 20px;
 }

 .category-circle {
     min-width: 108px;
     height: 108px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #F1F6FF;
     border: 3px solid #FFFFFF;
     border-radius: 100%;
 }

 .category-name {
     font-weight: 600;
     font-size: 24px;
     text-align: center;
     color: #333333;
     margin-top: 28px;
 }

 /* ----------------------- hompage category style end ----------------------- */

 /* -------------------------- copyright style start ------------------------- */

 .copyright-background {
     display: flex;
     align-items: center;
     max-height: 80px;
     background: #001136;
 }

 .company-link {
     font-weight: 600;
     font-size: 16px;
     color: #FFFFFF;
     text-decoration: none;
 }

 .copyright-text {
     font-weight: 400;
     font-size: 16px;
     color: #FFFFFF;
 }

 /* --------------------------- copyright style end -------------------------- */


 /* -------------------------------------------------------------------------- */
 /*                         WHAT WE DO PAGE STYLE START                        */
 /* -------------------------------------------------------------------------- */

 /* --------------------------- banner style start --------------------------- */

 .whatwedo-banner {
     background-image: url("../images/what-we-do-banner.png");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: scroll;
     Width: 100%;
     max-height: 100%;
     height: 500px;
     display: flex;
     align-items: center;
 }

 .whatwedo-banner h1 {
     font-weight: 600;
     font-size: 56px;
     text-align: center;
     color: #FFFFFF;
 }

 .whatwedo-banner p {
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #FFFFFF;
     opacity: 0.7;
 }

 .service-section-spacing {
     margin: 48px 0px 84px 0px;
 }

 /* ---------------------------- banner style end ---------------------------- */

 /* -------------------------------------------------------------------------- */
 /*                          WHAT WE DO PAGE STYLE END                         */
 /* -------------------------------------------------------------------------- */


 /* -------------------------------------------------------------------------- */
 /*                       WHAT WE TREAT PAGE STYLE START                       */
 /* -------------------------------------------------------------------------- */


 /* -------------------------------------------------------------------------- */
 /*                       WHAT WE TREAT PAGE STYLE END                         */
 /* -------------------------------------------------------------------------- */


 /* -------------------------------------------------------------------------- */
 /*                             ABOUT US PAGE STYLE START                      */
 /* -------------------------------------------------------------------------- */

 .aboutus-heading {
     font-weight: 600;
     font-size: 56px;
     text-align: center;
     color: #333333;
 }

 .heading-subline {
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #333333;
 }

 .custom-aboutus-card {
     background: #FFFFFF;
     box-shadow: 0px 8px 32px rgba(25, 97, 251, 0.16);
     border-radius: 20px;
     border: transparent;
     height: 100%;
 }

 .vision-circle {
     width: 200px;
     height: 200px;
     background: #E0E7F2;
     border-radius: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 30px;
 }

 .custom-aboutus-card h2 {
     font-weight: 600;
     font-size: 44px;
     text-align: center;
     color: #333333;
 }

 .custom-aboutus-card p {
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     line-height: normal;
     color: #333333;
     opacity: 0.7;
 }

 .aboutus-rectangle {
     background: #E0E7F2;
     border-radius: 12px;
     display: flex;
     align-items: center;
     height: 100%;
     justify-content: center;
 }


 /* -------------------------------------------------------------------------- */
 /*                             ABOUT US PAGE STYLE END                        */
 /* -------------------------------------------------------------------------- */


 /* -------------------------------------------------------------------------- */
 /*                          CONTACT PAGE STYLE START                          */
 /* -------------------------------------------------------------------------- */


 .custom-contactform-card {
     background: #FFFFFF;
     box-shadow: 0px 8px 32px rgba(25, 97, 251, 0.16);
     border-radius: 20px;
     border: transparent;
     max-height: 100%;
     height: 850px;
     max-width: 730px;
 }

 .contactform-heading {
     font-weight: 600;
     font-size: 21px;
     color: #333333;
 }

 .sendmessage-btn {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     padding: 15px 32px;
     height: 44px;
     background: #DD1D1D !important;
     border-radius: 100px;
     font-weight: 700;
     font-size: 16px;
     color: #FFFFFF !important;
     position: absolute;
     bottom: 26px;
 }


 .custom-form-control {
     height: 48px;
     border: 1px solid #E0E7F2;
     border-radius: 7px;
 }

 .custom-contactform-card label {
     font-weight: 600;
     font-size: 16px;
     color: #333333;
 }

 .custom-contactform-card .col-md-6 {
     margin-bottom: 25px;
 }

 .custom-form-control-description {
     height: 144px;
     border: 1px solid #E0E7F2;
     border-radius: 7px;
 }

 .custom-contactform-card p {
     font-weight: 400;
     font-size: 16px;
     color: #333333;
 }

 /* -------------------------------------------------------------------------- */
 /*                          CONTACT PAGE STYLE END                          */
 /* -------------------------------------------------------------------------- */


 /* -------------------------------------------------------------------------- */
 /*                      JOIN OUR NETWORK PAGE STYLE START                     */
 /* -------------------------------------------------------------------------- */


 .custom-joinnetwork-card {
     height: 100%;
     background: #FFFFFF;
     box-shadow: 4px 8px 32px rgba(25, 97, 251, 0.16);
     border-radius: 24px;
     border: transparent;
 }

 .custom-joinnetwork-card label {
     font-weight: 600;
     font-size: 16px;
     color: #333333;
 }

 .custom-joinnetwork-card .col-md-6 {
     margin-bottom: 25px;
 }

 .custom-joinnetwork-card p {
     font-family: 'Work Sans';
     font-weight: 400;
     font-size: 16px;
     color: #333333;
     opacity: 0.7;
 }

 .joinnetwork-card-img {
     border-top-right-radius: 24px;
     border-bottom-right-radius: 24px;
     position: absolute;
     right: 0;
     max-width: 100%;
     height: auto;
     -o-object-fit: cover;
     object-fit: cover;
     z-index: 0;
     background: linear-gradient(180deg, #F1F6FF 0%, #CBDEFF 100%);
     border-radius: 0px 24px 24px 0px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .join-network-form h1 {
     font-weight: 700;
     font-size: 40px;
     text-align: center;
     color: #333333;
 }

 .join-network-form h1 span {
     font-weight: 700;
     font-size: 40px;
     text-align: center;
     color: #1931A5;
 }

 .join-network-form p {
     font-family: 'Work Sans';
     font-style: normal;
     font-weight: 400;
     font-size: 24px;
     line-height: 28px;
     text-align: center;
     color: #333333;
 }

 .custom-file-upload {
     height: 48px;
     background: #E0E7F2;
     border: 1px dashed #BDC9DF;
     border-radius: 7px
 }

 .contact-us-link {
     font-weight: 600;
     font-size: 21px;
     color: #333333;
 }

 .contact-us-link a {
     font-weight: 600;
     font-size: 21px;
     text-decoration-line: underline;
     color: #1931A5;
 }

 .sendmessage-joinnetwork-btn {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     padding: 0px 22px;
     height: 44px;
     background: #DD1D1D !important;
     border-radius: 100px;
     font-weight: 700;
     font-size: 16px;
     color: #FFFFFF !important;
     white-space: nowrap;
 }

 .custom-file-upload::-webkit-file-upload-button {
     visibility: hidden;
 }

 .custom-file-upload::before {
     content: 'Upload file here';
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 3px;
     outline: none;
     white-space: nowrap;
     -webkit-user-select: none;
     cursor: pointer;
     font-weight: 600;
     font-size: 16px;
     line-height: 36px;
     color: #333333;
 }


 /* -------------------------------------------------------------------------- */
 /*                      JOIN OUR NETWORK PAGE STYLE END                       */
 /* -------------------------------------------------------------------------- */


 /* -------------------------------------------------------------------------- */
 /*                      TERMS AND CONDITION PAGE STYLE END                    */
 /* -------------------------------------------------------------------------- */

 .terms-condition h3 {
     font-family: 'Work Sans';
     font-weight: 600;
     font-size: 44px;
     line-height: 52px;
     color: #333333;
     /* margin-bottom: 0; */
 }

 .terms-condition h4 {
     font-family: 'Work Sans';
     font-weight: 600;
     font-size: 22px;
     line-height: 52px;
     color: #333333;
     /* margin-bottom: 0; */
 }

 .terms-condition p,
 ul li {
     font-family: 'Work Sans';
     font-weight: 400;
     font-size: 18px;
     line-height: normal;
     color: #333333;
     opacity: 0.7;
 }

 .terms-condition a {
     color: #DD1D1D;
 }

 /* -------------------------------------------------------------------------- */
 /*                      TERMS AND CONDITION PAGE STYLE END                    */
 /* -------------------------------------------------------------------------- */


 /* -------------------------------------------------------------------------- */
 /*                              TAHNK YOU MESSAGE START                       */
 /* -------------------------------------------------------------------------- */

 .thankyou-message h1 {
     font-family: 'Work Sans';
     font-style: normal;
     font-weight: 600;
     font-size: 56px;
     text-align: center;
     color: #333333;
 }

 .thankyou-message p {
     font-family: 'Work Sans';
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #333333;
     opacity: 0.7;
 }

 .thankyou-message p a {
     font-family: 'Work Sans';
     font-style: normal;
     font-weight: 700;
     font-size: 16px;
     line-height: 19px;
     text-decoration-line: underline;
     color: #1931A5;
 }

 /* -------------------------------------------------------------------------- */
 /*                              TAHNK YOU MESSAGE END                         */
 /* -------------------------------------------------------------------------- */


 /* -------------------------------------------------------------------------- */
 /*                         Common Media Queries Start                         */
 /* -------------------------------------------------------------------------- */

 @media (max-width:1920px) {

     .app-img {
         object-fit: cover;
         top: -32.5%;
         position: absolute;
         right: -95px;
         width: 737px;
     }
 }

 @media (max-width :1440px) {

     .app-img {
         position: absolute;
         top: -5%;
         right: 4%;
         width: 616px;
     }

     #outerContainer {
         right: 0;
         bottom: -366px;
         z-index: 0;
     }

     .circle {
         width: 600px;
         height: 600px;
     }

     .Main-banner .col-md-12.col-lg-7.position-relative {
         top: 0;
     }
 }

 @media (max-width: 1400px) {

     .whatwedo-banner h1 {
         font-size: 49px;
     }

     .sub-heading {
         font-size: 48px;
     }

     .Highlight-text {
         font-size: 48px;
     }

     .service-heading,
     .terms-condition h3 {
         font-size: 40px;
     }

     .service-img {
         width: auto;
     }

     .contact-us-link,
     .contact-us-link a {
         font-size: 18px;
     }

     .carousel-indicators {
         left: -96px;
     }

     #service-column-alignment-right-text {
         padding-left: 19px;
     }

     #service-column-alignment-left-text {
         padding-right: 19px;
     }
 }

 @media (max-width:1399px) {

     .app-img {
         position: absolute;
         top: 9%;
         right: -12%;
         width: 600px;
     }

     #outerContainer {
         right: -29px;
         bottom: -366px;
         z-index: 0;
     }

     .JoinNetwork-btn {
         padding: 10px 14px;
     }
 }

 @media (max-width:1269px) {

     #outerContainer {
         right: 62px;
         bottom: -366px;
         z-index: 0;
     }

     .app-img {
         position: absolute;
         top: 8.6%;
         right: -5%;
         width: 600px;
     }

 }



 @media (max-width:1200px) {

     #navbarToggler .navbar-nav .nav-item {
         margin: 0px 5px;
     }

     .whatwedo-banner h1 {
         font-size: 41px;
         line-height: 50px;
     }

     .sub-heading {
         font-size: 41px;
         line-height: 50px;
     }

     .Highlight-text {
         font-size: 41px;
         line-height: 50px;
     }

     .sendmessage-joinnetwork-btn {
         padding: 0px 17px;
     }

     .banner-heading {
         font-weight: 700;
         font-size: 38px;
         color: #FFFFFF;
     }

     .carousel-indicators {
         left: -81px;
     }

 }

 @media (max-width:1199px) {

     .app-img {
         position: absolute;
         right: -58px;
         top: -4px;
         width: 591px;
     }

     #outerContainer {
         right: -36px;
         bottom: -366px;
         z-index: 0;
     }

     .navbar-nav .nav-link {
         font-size: 16px;
     }

     .JoinNetwork-btn {
         font-size: 16px;
     }

 }

 @media (max-width:1024px) {
     .contact-us-link {
         font-size: 16px;
     }

     .contact-us-link a {
         font-size: 16px;
     }

     .circle {
         border-radius: 50%;
         width: 400px;
         height: 400px;
         background: #FFFFFF;
         opacity: 0.1;
         position: absolute;
         animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
     }

     #outerContainer {
         right: 72px;
         bottom: -337px;
         z-index: 0;
     }

     .Main-banner .col-md-12.col-lg-7.position-relative {
         top: -45px;
     }

     .app-img {
         position: absolute;
         top: 0%;
         left: -96px;
         width: 480px;
     }

     .Main-banner {
         height: 520px;
     }

     .carousel-indicators {
         left: -82px;
     }

     .circle {
         width: 340px;
         height: 340px;
     }

     .service-heading,
     .custom-aboutus-card h2,
     .terms-condition h3 {
         font-size: 30px;
         line-height: normal;
     }

     .Highlight-text,
     .sub-heading,
     .category-heading,
     .banner-heading,
     .whatwedo-banner h1,
     .aboutus-heading,
     .join-network-form h1,
     .join-network-form h1 span {
         font-size: 34px;
     }

     .category-banner {
         margin-top: -50px;
     }

     .custom-category-card {
         height: 100%;
     }

     .whatwedo-banner {
         height: 300px;
     }

 }

 @media (max-width: 992px) {

     .category-banner {
         margin-top: -5px;
     }

     .service-heading {
         font-size: 20px;
     }

     .section-spacing {
         margin: 50px 0px;
     }

     .service-section-spacing {
         margin: 24px 0px;
     }

     #navbarToggler .navbar-nav .nav-item {
         margin: 15px 0px 0px 0px;
     }

     #desktop-view-only {
         display: none;
     }

 }

 @media (max-width: 991px) {

     .category-banner {
         height: 900px;
     }

     .carousel-indicators {
         left: -104px;
     }

     .app-img {
         position: absolute;
         width: 69%;
         right: -54px;
         left: 39%;
         /* bottom: -84%; */
         top: -282px;
     }

     .circle {
         width: 340px;
         height: 340px;
     }

     #outerContainer {
         right: 0;
         top: 0;
         z-index: 0;
         left: 0;
     }

     .Main-banner {
         height: 700px;
     }

     .Main-banner .col-md-12.col-lg-7.position-relative {
         top: -193px;
     }

     .service-img {
         width: 100%;
         height: auto;
     }

     #service-column-alignment-right-text {
         padding-left: calc(var(--bs-gutter-x)* .5);
     }

     #service-column-alignment-left-text {
         padding-right: calc(var(--bs-gutter-x)* .5);
     }

     .app-img-mobile-view {
         display: block;
         width: 45%;
         position: absolute;
         top: -241px;
         right: 26px;
     }

     .app-img {
         display: none;
     }

     .social-icon-link {
         display: flex;
     }

     .aboutus-quotes svg {
         width: 50px;
         height: 50px;
     }

 }

 @media (max-width:768px) {

     .sub-heading,
     .category-heading,
     .Highlight-text,
     .aboutus-heading {
         font-size: 28px;
         line-height: normal;
     }

     .service-img {
         width: 100%;
         height: auto;
     }

     .category-name {
         font-size: 16px;
         margin-top: 15px;
     }

     .contact-us-link,
     .contact-us-link a,
     .service-text {
         font-size: 14px;
     }

     .sendmessage-joinnetwork-btn {
         padding: 0px 12px;
     }

     #send-btn-mobileview {
         flex-direction: column;
         align-items: flex-start !important;
     }

     .contact-us-link {
         margin-top: 20px;
     }

     .sendmessage-btn {
         margin: 20px 0px;
         position: absolute;
         bottom: 0;
     }

     .carousel-indicators {
         left: -102px;
     }

     .Main-banner {
         Height: 786px;
     }

     .app-img {
         position: absolute;
         width: 62%;
         right: -54px;
         left: 32%;
         top: -282px;
     }

     .circle {
         width: 300px;
         height: 300px;
     }

     #outerContainer {
         right: 81px;
         top: 0;
         z-index: 0;
         left: 0;
     }

     .Main-banner .col-md-12.col-lg-7.position-relative {
         top: -212px;
     }

     .app-img-mobile-view {
         display: block;
         width: 45%;
         position: absolute;
         top: -219px;
         right: 83px;
     }

 }

 @media (max-width:767px) {

     * {
         line-height: normal;
     }

     #outerContainer {
         right: 20px;
         bottom: 0px;
         z-index: 0;
     }

     body,
     .sub-line {
         font-size: 14px;
     }

     .banner-heading {
         font-size: 28px;
     }

     .category-banner {
         height: 750px;
     }

     .whatwedo-banner h1 {
         font-size: 28px;
         line-height: normal;
     }

     .aboutus-rectangle {
         height: 245px;
     }

     .circle {
         width: 350px;
         height: 350px;
     }

     #outerContainer {
         right: 58px;
         bottom: -100px;
         z-index: 0;
     }

     .Main-banner .col-md-12.col-lg-7.position-relative {
         top: -212px;
     }

     .carousel-indicators {
         left: -77px;
     }

     .category-banner {
         margin-top: -48px;
     }

     .app-img-mobile-view {
         display: block;
         width: 62%;
         position: absolute;
         top: -213px;
         margin: auto;
         right: 73px;
     }

     .category-circle {
         min-width: 90px;
         height: 90px;
     }

     .category-circle svg {
         width: 38px;
         height: 38px;
     }

     .copyright-background {
         max-height: 100%;
     }

     .custom-contactform-card {
        height: 100%;
     }

 }

 @media (max-width:575px) {

     .category-banner {
         height: 100% !important;
     }

     .category-banner .container {
         height: 100% !important;
         margin: 183px auto 76px auto !important;
     }

     .carousel-indicators {
         position: absolute;
         right: 0;
         bottom: -46px;
         left: 0;
         z-index: 2;
         display: flex;
         justify-content: left;
         padding: 0;
         margin-right: 15%;
         margin-bottom: 1rem;
         margin-left: 15%;
     }

     .contactus-btn {
         padding: 10px 20px;
         height: 40px;
         font-size: 16px;
     }

     .circle {
         width: 325px;
         height: 325px;
     }

     #outerContainer {
         right: 125px;
         bottom: -67px;
         z-index: 0;
     }

     .Main-banner .col-md-12.col-lg-7.position-relative {
         top: -212px;
     }

     .carousel-indicators {
         left: -82px;
     }

     .category-banner {
         margin-top: -86px;
     }

     .section-spacing {
         margin: 40px 0px;
     }

     .Main-banner {
         height: 800px;
     }

     .navbar-brand,
     .navbar-brand span {
         font-size: 22px;
     }

 }

 @media (max-width:440px) {

     .custom-contactform-card {
         height: 860px;
     }

     .sendmessage-btn {
         margin: 20px 0px;
         position: absolute;
         bottom: 0;
     }

     .custom-contactform-card .col-md-6 {
         margin-bottom: 16px;
     }

     .custom-aboutus-card h2 {
         font-size: 24px;
         text-align: center !important;
     }

     .custom-aboutus-card p {
         text-align: center !important;
     }

     .vision-circle {
         width: 150px;
         height: 150px;
     }

     .aboutus-rectangle svg {
         width: 100px;
         height: 100px;
     }

     .aboutus-rectangle {
         height: 245px;
     }

     .circle {
         border-radius: 50%;
         width: 275px;
         height: 275px;
         background: #FFFFFF;
         opacity: 0.1;
         position: absolute;
         animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
     }

     #outerContainer {
         right: 74px;
         bottom: -67px;
         z-index: 0;
     }

     .app-img-mobile-view {
         display: block;
         width: 78%;
         position: absolute;
         top: -184px;
         margin: auto;
         right: 63px;
     }

     .Main-banner .col-md-12.col-lg-7.position-relative {
         top: -206px;
         left: 0px;
     }

     .carousel-indicators {
         left: -60px;
     }

 }

 @media (max-width:375px) {

     .circle {
         width: 250px;
         height: 250px;
     }

     #outerContainer {
         right: 56px;
         bottom: -67px;
         z-index: 0;
     }

     .carousel-indicators {
         left: -46px;
     }

     .app-img-mobile-view {
         display: block;
         width: 80%;
         position: absolute;
         top: -171px;
         right: 57px;
     }

 }


 @media (max-width:320px) {

     .circle {
         width: 200px;
         height: 200px;
     }

     #outerContainer {
         right: 49px;
         bottom: 87px;
         z-index: 0;
     }

     .app-img-mobile-view {
         display: block;
         width: 79%;
         position: absolute;
         top: -135px;
         right: 46px;
     }

     .Main-banner .col-md-12.col-lg-7.position-relative {
         top: -163px;
         left: 5px;
     }

     .carousel-indicators {
         left: -46px;
     }
 }

 /* -------------------------------------------------------------------------- */
 /*                         Common Media Queries End                           */
 /* -------------------------------------------------------------------------- */