@import url("../../css2-2.html");

 /* ==== 
 --------- (2.1) reset styles start ---------
 ==== */
 * {
   margin: 0px;
   padding: 0px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }

 *::-webkit-scrollbar {
   width: 8px;
 }

 *::-webkit-scrollbar-track {
   background-color: #cae6f7;
   border-radius: 5px;
 }

 *::-webkit-scrollbar-button,
 *::-webkit-scrollbar-thumb {
   background-color: #ec671c;
   border-radius: 5px;
 }

 *::-moz-selection {
   color: #ffffff;
   background-color: #1770c8;
 }

 *::selection {
   color: #ffffff;
   background-color: #1770c8;
 }

 html {
   scroll-behavior: smooth;
   min-height: 100%;
   scroll-padding-top: 100px;
 }

 body {
   font-family: "Poppins", sans-serif;
   font-size: 18px;
   line-height: 30px;
   font-weight: 400;
   color: #0f223c;
   background-color: #ffffff;
   padding: 0px;
   margin: 0px;
   overflow-x: hidden;
 }

 a {
   text-decoration: none;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 8px;
   outline: 0px;
   border: 0px;
   -webkit-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
 }

 a i {
   -webkit-transition: inherit;
   transition: inherit;
   color: inherit;
 }

 a:hover,
 a:focus,
 a:active {
   text-decoration: none;
   border: 0px;
   outline: 0px;
 }

 button {
   border: 0px;
   outline: 0px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 8px;
   cursor: pointer;
 }

 button i {
   -webkit-transition: inherit;
   transition: inherit;
   color: inherit;
 }

 button:focus,
 button:active,
 button:hover {
   border: 0px;
   outline: 0px;
   -webkit-box-shadow: 0px 0px 0px;
   box-shadow: 0px 0px 0px;
 }

 ul,
 ol {
   list-style-type: none;
   list-style-position: inside;
   margin: 0px;
   padding: 0px;
 }

 input:focus,
 textarea:focus {
   border: 0px;
   outline: 0px;
   -webkit-box-shadow: 0px 0px 0px;
   box-shadow: 0px 0px 0px;
 }

 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }

 input[type="number"] {
   -moz-appearance: textfield;
 }

 input[type="checkbox"] {
   width: initial;
   height: initial;
 }

 textarea {
   min-height: 150px;
   resize: none;
 }

 table {
   border-collapse: collapse;
   border-spacing: 0;
 }

 iframe {
   border: 0px;
   width: 100%;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
   padding: 0px;
   margin: 0px;
   font-weight: 700;
   color: #0f223c;
 }

 div {
   line-height: 0px;
 }

 /* ==== 
     --------- (2.1) reset styles end ---------
   ==== */
 /* ==== 
 --------- (2.2) typography styles start ---------
 ==== */
 p,
 th,
 td,
 li,
 input,
 textarea,
 select,
 label,
 blockquote,
 span {
   font-size: 18px;
   line-height: 30px;
   font-weight: 400;
   margin-top: -7px;
   color: #0f223c;
 }

 .primary-text {
   font-size: 24px;
   line-height: 34px;
   margin-top: -7px;
 }

 a,
 button {
   font-size: 18px;
   line-height: 24px;
   color: #0f223c;
   font-weight: 600;
 }

 a:hover,
 button:hover {
   color: #ec671c;
 }

 h1,
 .hero__content__title {
   font-size: 76px;
   line-height: 92px;
   margin-top: -11px;
   letter-spacing: -1px;
 }

 h1 span,
 .hero__content__title span {
   color: #ec671c;
 }

 h2,
 .section-title {
   font-size: 57px;
   line-height: 74px;
   margin-top: -12px;
 }

 h3 {
   font-size: 43px;
   line-height: 55px;
   margin-top: -8px;
 }

 h4 {
   font-size: 32px;
   line-height: 40px;
   margin-top: -6px;
 }

 h5 {
   font-size: 24px;
   line-height: 32px;
   margin-top: -5px;
 }

 h6 {
   font-size: 18px;
   line-height: 24px;
   margin-top: -4px;
 }

 h1>a,
 h1>span,
 h2>a,
 h2>span,
 h3>a,
 h3>span,
 h4>a,
 h4>span,
 h5>a,
 h5>span,
 h6>a,
 h6>span,
 p>a,
 p>span {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
   font-weight: inherit;
   color: inherit;
 }

 /* ==== 
 --------- (2.2) typography styles end ---------
 ==== */
 /* ==== 
 --------- (2.3) global styles start ---------
 ==== */
 .section-space {
   padding: 70px 0px;
 }

 .section-space-top {
   padding-top: 120px;
 }

 .section-space-bottom {
   padding-bottom: 70px;
 }

 .cta-btn-space {
   margin-top: 40px;
 }

 .neutral-row-gutter {
   margin-bottom: -30px;
 }

 .neutral-row-gutter .column-gutter {
   margin-bottom: 30px;
   /*text-align: center;*/
 }

 .bg-img {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
 }

 img {
   max-width: 100%;
   height: auto;
   border: 0px;
   outline: 0px;
 }

 .max-width-unset {
   max-width: unset;
 }

 .dir-rtl {
   direction: rtl;
 }

 .section-header {
   margin-bottom: 55px;
 }

 .section-header h5 {
   color: #ec671c;
   font-weight: 600;
   margin-bottom: 26px;
 }

 .section-header h2 {
   color: #0f223c;
   margin-bottom: 13px;
 }

 .section-header h2.secondary {
   margin-bottom: 30px;
 }

 .section-header--secondary h2 {
   color: #ffffff;
 }

 .section-header--secondary p {
   color: #ffffff;
 }

 .section__content h5 {
   color: #ec671c;
   font-weight: 600;
   margin-bottom: 26px;
 }

 .section__content h2 {
   color: #0f223c;
   margin-bottom: 13px;
 }

 .section__content h2.secondary {
   margin-bottom: 30px;
 }

 .section__content p {
   margin-bottom: 25px;
 }

 .section__content p:nth-last-of-type(1) {
   margin-bottom: 0px;
 }

 .section__content .cta-btn {
   margin-top: 35px;
 }

 .dark-bg {
   background-color: #0f223c;
 }

 .white-bg {
   background-color: #ffffff;
 }

 .primary-bg {
   background-color: #ebfefe;
 }

 .slick-slide {
   margin: 0px 12px;
 }

 .slick-slide img {
   display: inline-block;
 }

 .slick-list {
   margin: 0px -12px;
 }

 @-webkit-keyframes pulse {
   0% {
     opacity: 0.5;
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   50% {
     opacity: 0.2;
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(2);
     transform: scale(2);
   }
 }

 @keyframes pulse {
   0% {
     opacity: 0.5;
     -webkit-transform: scale(1);
     transform: scale(1);
   }

   50% {
     opacity: 0.2;
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(2);
     transform: scale(2);
   }
 }

 @-webkit-keyframes rotate {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     opacity: 0.5;
   }

   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     opacity: 1;
   }
 }

 @keyframes rotate {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     opacity: 0.5;
   }

   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     opacity: 1;
   }
 }

 @-webkit-keyframes pulse-img {
   0% {
     -webkit-transform: scale(0.65);
     transform: scale(0.65);
     opacity: 0.5;
   }

   70% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;
   }

   100% {
     -webkit-transform: scale(0.65);
     transform: scale(0.65);
     opacity: 0.5;
   }
 }

 @keyframes pulse-img {
   0% {
     -webkit-transform: scale(0.65);
     transform: scale(0.65);
     opacity: 0.5;
   }

   70% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;
   }

   100% {
     -webkit-transform: scale(0.65);
     transform: scale(0.65);
     opacity: 0.5;
   }
 }

 /* ==== 
   --------- (2.3) global styles end ---------
 ==== */
 /* ==== 
 --------- (3.1) button styles start ---------
 ==== */
 .cmn-button {
   padding: 18px 30px;
   color: #0f223c;
   background-color: #ff975b;
   position: relative;
   z-index: 1;
   border-radius: 30px;
   overflow: hidden;
 }

 .cmn-button::before {
   content: "";
   position: absolute;
   top: 0px;
   left: -100%;
   width: 100%;
   height: 100%;
   z-index: -1;
   background-color: #ec671c;
   -webkit-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
   border-radius: 5px;
 }

 .cmn-button:hover {
   color: #ffffff;
 }

 .cmn-button:hover::before {
   left: 0%;
 }

 .slider-btn {
   width: 60px;
   min-width: 60px;
   height: 60px;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #ffeade;
   color: #0f223c;
   background-image: -webkit-gradient(linear, left bottom, left top, from(#ffeade), to(#ffeade));
   background-image: linear-gradient(0deg, #ffeade 0%, #ffeade 100%);
   -webkit-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
 }

 .slider-btn:hover {
   background-image: -webkit-gradient(linear, left bottom, left top, from(#ff975b), to(#ff0000));
   background-image: linear-gradient(0deg, #ff975b 0%, #ff0000 100%);
   color: #0f223c;
 }

 .scrollToTop {
   position: fixed;
   bottom: 0;
   right: 24px;
   width: 40px;
   height: 40px;
   background-color: #ff975b;
   color: #0f223c;
   line-height: 40px;
   font-size: 18px;
   text-align: center;
   z-index: 99;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   border-radius: 5px;
   -webkit-box-shadow: 0px 8px 53px rgba(184, 178, 206, 0.36);
   box-shadow: 0px 8px 53px rgba(184, 178, 206, 0.36);
   -webkit-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
   -webkit-transform: translateY(100%);
   transform: translateY(100%);
 }

 .scrollToTop:hover {
   background-color: #ec671c;
   color: #0f223c;
 }

 .scrollToTop.active {
   bottom: 30px;
   -webkit-transform: translateY(0%);
   transform: translateY(0%);
 }

 /* ==== 
   --------- (3.1) button styles end ---------
 ==== */
 /* ==== 
 --------- (3.2) form styles start ---------
 ==== */
 .footer__newsletter__form__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 15px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 10px 10px 10px 0px;
   border-radius: 35px;
   -webkit-filter: drop-shadow(0px 8px 9px rgba(210, 229, 255, 0.61));
   filter: drop-shadow(0px 8px 9px rgba(210, 229, 255, 0.61));
   background-color: #fff9f9;
 }

 .footer__newsletter__form__content input {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   max-width: 100%;
   margin: 0px;
   padding: 10px 30px;
   border: none;
   outline: none;
   border-radius: 35px;
   background-color: #fff9f9;
 }

 .footer__newsletter__form__content input::-webkit-input-placeholder {
   color: #0f223c70;
 }

 .footer__newsletter__form__content input:-ms-input-placeholder {
   color: #0f223c70;
 }

 .footer__newsletter__form__content input::-ms-input-placeholder {
   color: #0f223c70;
 }

 .footer__newsletter__form__content input::placeholder {
   color: #0f223c70;
 }

 .footer__newsletter__form__content .cmn-button {
   padding: 13px 30px;
 }

 /* ==== 
 --------- (3.2) form styles end ---------
 ==== */
 /* ==== 
 --------- (3.3) preloader styles start ---------
 ==== */
 #preloader {
   position: fixed;
   width: 100vw;
   height: 100vh;
   background-color: #ffffff;
   z-index: 9999;
 }

 #preloader>div {
   position: relative;
   width: 160px;
   height: 130px;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .inscription {
   width: 13ch;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .inscription>i {
   color: #0f223c;
   padding-right: 0.3rem;
   padding-left: 0.7rem;
   font-family: monospace;
   font-style: italic;
 }

 .inscription>span {
   color: #0f223c;
   width: 5ch;
   font-size: 2rem;
   white-space: nowrap;
   overflow: hidden;
   -webkit-animation: slashes 4s steps(4) infinite;
   animation: slashes 4s steps(4) infinite;
 }

 .rectangles {
   -ms-flex-item-align: center;
   -ms-grid-row-align: center;
   align-self: center;
   width: 80px;
   height: 80px;
   position: relative;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
 }

 .rect {
   position: absolute;
   width: 30px;
   height: 30px;
   border: 4px double black;
   border-radius: 10px;
   -webkit-animation: spinner 3s ease-in-out infinite;
   animation: spinner 3s ease-in-out infinite;
 }

 .rect.q {
   top: 0;
   left: 0;
   border-color: #8c3232;
 }

 .rect.w {
   top: 0;
   right: 0;
   border-color: #328c32;
 }

 .rect.e {
   bottom: 0;
   left: 0;
   border-color: #328c8c;
 }

 .rect.r {
   bottom: 0;
   right: 0;
   border-color: #8c8c32;
 }

 @-webkit-keyframes spinner {
   45% {
     border-color: white;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
   }

   55% {
     border-color: white;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%) rotate(1turn);
     transform: translate(-50%, -50%) rotate(1turn);
   }

   100% {
     -webkit-transform: rotate(1turn);
     transform: rotate(1turn);
   }
 }

 @keyframes spinner {
   45% {
     border-color: white;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
   }

   55% {
     border-color: white;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%) rotate(1turn);
     transform: translate(-50%, -50%) rotate(1turn);
   }

   100% {
     -webkit-transform: rotate(1turn);
     transform: rotate(1turn);
   }
 }

 @-webkit-keyframes slashes {
   0% {
     width: 0;
   }
 }

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

 /* ==== 
 --------- (3.3) preloader styles end ---------
 ==== */
 /* ==== 
 --------- (4.1) header styles start ---------
 ==== */
 .header {
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   width: 100%;
   z-index: 99;
 }

 .sticky-active {
   background-color: #ffffff;
   -webkit-animation: header 0.3s;
   animation: header 0.3s;
   -webkit-box-shadow: 0px 0px 10px 0px #cfd3d8;
   box-shadow: 0px 0px 10px 0px #cfd3d8;
 }

 .nav {
   padding: 20px 0px;
 }

 .nav li,
 .nav span {
   margin: 0px;
 }

 .nav .nav__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 30px;
   min-width: 100%;
 }

 .nav .nav__menu {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
 }

 .nav .nav__menu-items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
 }

 .nav .nav__menu-link {
   padding: 10px 15px;
   color: #0f223c;
 }

 .nav .nav__menu-link:hover {
   color: #ec671c;
 }

 .nav .nav__uncollapsed {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 30px;
 }

 .nav .nav__uncollapsed-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 30px;
 }

 .nav .nav__bar {
   padding: 0px;
   display: inline-block;
   background-color: transparent;
 }

 .nav .nav__bar span {
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
 }

 .nav .nav__bar .icon-bar {
   width: 35px;
   height: 2px;
   background-color: #0f223c;
   margin: 0px;
   display: block;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
 }

 .nav .nav__bar .middle-bar {
   margin: 6px 0px;
   opacity: 1;
 }

 .nav .nav__bar-toggle .top-bar {
   -webkit-transform: rotate(-45deg) translate(-7px, 4px);
   transform: rotate(-45deg) translate(-7px, 4px);
   background: #ec671c;
 }

 .nav .nav__bar-toggle .middle-bar {
   opacity: 0;
 }

 .nav .nav__bar-toggle .bottom-bar {
   -webkit-transform: rotate(45deg) translate(-7px, -4px);
   transform: rotate(45deg) translate(-7px, -4px);
   background: #ec671c;
 }

 .backdrop {
   position: fixed;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   width: 100%;
   height: 100%;
   background-color: #00000080;
   z-index: 9;
   -webkit-transform: translateX(-100%);
   transform: translateX(-100%);
   -webkit-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
 }

 .backdrop-active {
   -webkit-transform: translateX(0px);
   transform: translateX(0px);
 }

 @-webkit-keyframes header {
   0% {
     -webkit-transform: translateY(-100%);
     transform: translateY(-100%);
   }

   100% {
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
   }
 }

 @keyframes header {
   0% {
     -webkit-transform: translateY(-100%);
     transform: translateY(-100%);
   }

   100% {
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
   }
 }

 /* ==== 
 --------- (4.1) header styles end ---------
 ==== */
 /* ==== 
 --------- (4.2) hero section styles start ---------
 ==== */
 .hero {
   z-index: 1;
 }

 .hero__inner {
   padding: 70px 0px;
   background-color: #fff9f9;
   overflow-x: clip;
   overflow-y: auto;
   background-size: auto;
   background-position: right top;
   position: relative;
   z-index: 1;
 }

 .hero__content__title {
   margin-bottom: 31px;
 }

 .hero__content__action {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 30px;
   margin-top: 37px;
 }

 .hero__video {
   color: #ff975b;
   width: 40px;
   min-width: 40px;
   height: 40px;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
 }

 .hero__video::before,
 .hero__video::after {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   border: 1px solid #ff975b;
   border-radius: 50%;
   left: 0;
   top: 0;
   -webkit-animation: pulse 3s linear infinite;
   animation: pulse 3s linear infinite;
 }

 .hero__video::before {
   -webkit-animation: pulse 2s infinite;
   animation: pulse 2s infinite;
 }

 .hero__counter {
   margin-top: -100px;
   position: relative;
   z-index: 9;
 }

 .hero__counter .neutral-row-gutter {
   margin-bottom: -40px;
 }

 .hero__counter .neutral-row-gutter .column-gutter {
   margin-bottom: 40px;
 }

 .hero__counter__inner {
   padding: 60px 20px;
   background-color: #ffffff;
   -webkit-filter: drop-shadow(0px 8px 9px rgba(238, 233, 255, 0.61));
   filter: drop-shadow(0px 8px 9px rgba(238, 233, 255, 0.61));
   border-radius: 20px;
 }

 .hero__counter__single {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 30px;
   position: relative;
 }

 .hero__counter__single::after {
   content: "";
   position: absolute;
   top: 50%;
   right: -10px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 1px;
   height: calc(100% + 30px);
   background-color: #0f223c80;
 }

 .hero__counter__single--secondary::after {
   content: none;
 }

 .hero__counter__single__content h3 {
   margin-bottom: 10px;
 }

 .hero__counter__single__content p {
   color: #383b3e;
 }

 .hero__thumbs {
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   width: 100%;
   height: 100%;
   z-index: -1;
   overflow: hidden;
 }

 .hero__thumbs img {
   position: absolute;
   -webkit-animation: pulse-img 9s linear infinite;
   animation: pulse-img 9s linear infinite;
 }

 .hero__thumbs .pink-circle {
   top: 170px;
   left: 100px;
 }

 .hero__thumbs .gray-circle {
   left: 20px;
   top: 130px;
   -webkit-animation-duration: 5s;
   animation-duration: 5s;
   animation-direction: alternate-reverse;
 }

 .hero__thumbs .white-circle {
   left: 120px;
   top: 100px;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
 }

 /* ==== 
 --------- (4.2) hero section styles end ---------
 ==== */
 /* ==== 
 --------- (4.3) banner styles start ---------
 ==== */
 .banner {
   padding: 310px 0px 190px;
   background-color: #fff9f9;
   background-size: auto;
   background-position: right top;
   z-index: 1;
 }

 .banner .calculate__thumbs .gray-circle {
   top: 108px;
   left: 80px;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
 }

 .banner .calculate__thumbs .small-circle {
   left: 5%;
   top: 5%;
 }

 .banner__content {
   z-index: 1;
 }

 .banner__content h2 {
   margin-bottom: 4px;
 }

 .banner__content .breadcrumb {
   margin: 0px 0px -5px;
   padding: 0px;
 }

 .banner__content .breadcrumb li {
   margin: 0px;
 }

 .banner__content .breadcrumb .breadcrumb-item a {
   color: #383b3e;
   font-weight: 400;
 }

 .banner__content .breadcrumb .breadcrumb-item a:hover {
   color: #ec671c;
 }

 .banner__content .breadcrumb .active {
   color: #383b3e;
   font-weight: 400;
 }

 .banner__content .breadcrumb .breadcrumb-item+.breadcrumb-item {
   padding-left: 10px;
 }

 .banner__content .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
   content: "\f178";
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   color: #0f223c;
   padding-right: 10px;
 }

 .banner__thumb {
   position: absolute;
   bottom: 0px;
 }

 .banner--blog h2 {
   margin-bottom: 23px;
 }

 /* ==== 
 --------- (4.3) banner styles end ---------
 ==== */
 /* ==== 
 --------- (4.4) all sections styles start ---------
 ==== */
 .modal-active {
   overflow: hidden;
 }

 .registration {
   padding: 100px 0px;
   background-color: #00000090;
   overflow-y: auto;
   position: fixed;
   width: 100vw;
   height: 100vh;
   z-index: 99;
   top: 0%;
   left: 0%;
   right: 0px;
   bottom: 0px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   -webkit-transform: scale(0.8);
   transform: scale(0.8);
 }

 .registration__active {
   opacity: 1;
   visibility: visible;
   -webkit-transform: scale(1);
   transform: scale(1);
 }

 .registration__content {
   padding: 60px 0px;
   background-color: #ffffff;
   border-radius: 30px;
 }

 .registration__content .registration__head {
   padding: 0px 12px;
   margin-bottom: 40px;
 }

 .registration__content .registration__head .cmn-button {
   background-color: #ffffff;
   border: 1px solid rgba(43, 11, 137, 0.4);
   margin-top: 23px;
   width: 100%;
   max-width: 300px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
 }

 .registration__content .registration__head .cmn-button::before {
   content: none;
 }

 .registration__content .registration__head .cmn-button:hover {
   color: #0f223c;
   background-color: #ffffff;
 }

 .registration__content .divider-text {
   position: relative;
   display: block;
   font-size: 16px;
   color: #3b368c;
 }

 .registration__content .divider-text::before {
   content: "";
   position: absolute;
   top: 50%;
   right: 0px;
   width: calc(50% - 25px);
   height: 1px;
   background-color: #dddce7;
 }

 .registration__content .divider-text::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 0px;
   width: calc(50% - 25px);
   height: 1px;
   background-color: #dddce7;
 }

 .registration__content .registration__form {
   padding: 34px 40px 30px;
 }

 .registration__content .registration__form .contact__group--terms {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 15px;
 }

 .registration__content .registration__form .contact__group--terms input {
   width: 30px;
   height: 20px;
   cursor: pointer;
 }

 .registration__content .registration__form .contact__group--terms label {
   margin: 0px;
   font-size: 16px;
   font-weight: 400;
   cursor: pointer;
 }

 .registration__content .registration__form .cmn-button {
   width: 100%;
   max-width: 230px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
 }

 .registration__content .registration__form .cta-btn-space {
   margin-top: 35px;
 }

 .registration__content .registration__form .contact__group--secondary {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 10px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .registration__content .registration__form .contact__group--secondary a {
   font-size: 16px;
   font-weight: 400;
 }

 .registration__content .registration__form .contact__group--tertiary {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 5px;
 }

 .registration__content .registration__footer a {
   color: #ff975b;
 }

 .overview {
   z-index: 1;
 }

 .overview__single {
   padding: 40px 30px;
   -webkit-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
   background-color: #ffffff;
   border-radius: 20px;
   margin-bottom: 30px;
   border: 1px solid #ccc;
 }

 .overview__single:hover {
   background-color: #fff9f9;
   -webkit-filter: drop-shadow(0px 18px 12.5px rgba(190, 160, 160, 0.19));
   filter: drop-shadow(0px 18px 12.5px rgba(190, 160, 160, 0.19));
 }

 .overview__single__content {
   margin-top: 30px;
 }

 .overview__single__content h5 {
   margin-bottom: 17px;
 }

 .overview__single__content p {
   color: #383b3e;
   margin-bottom: -5px;
 }

 .globe-circle {
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: -1;
   -webkit-transform: translateX(-160px);
   transform: translateX(-160px);
 }

 .globe-circle img {
   -webkit-animation: rotate 20s linear infinite;
   animation: rotate 20s linear infinite;
 }

 .dark-circle,
 .light-circle,
 .small-circle {
   position: absolute;
   bottom: 10%;
   right: 0%;
   -webkit-animation: pulse-img 9s linear infinite;
   animation: pulse-img 9s linear infinite;
   animation-direction: alternate-reverse;
   z-index: -1;
 }

 .light-circle {
   bottom: 12%;
   right: 5%;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   animation-direction: alternate-reverse;
 }

 .small-circle {
   bottom: 27%;
   right: 7%;
   -webkit-animation-duration: 6s;
   animation-duration: 6s;
   animation-direction: reverse;
 }

 .convenient {
   padding: 60px 0px;
 }

 .experience__thumb {
   direction: rtl;
 }

 .experience__content__single {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 30px;
   margin-bottom: 36px;
 }

 .experience__content__single:nth-last-of-type(1) {
   margin-bottom: 0px;
 }

 .experience__content__single__thumb {
   width: 90px;
   min-width: 90px;
   height: 90px;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
 }

 .experience__content__single__thumb img {}

 .experience__content__single__content h4 {
   /* margin-bottom: 20px; */
 }

 .experience__content__single .experience__content__single__content {
   margin: auto 0;
 }

 .experience .globe-circle {
   bottom: 170px;
   top: unset;
   left: unset;
   right: 0px;
   -webkit-transform: translateX(100px);
   transform: translateX(100px);
 }

 .work {
   background-position: top center;
   margin-bottom: 100px;
   padding-top: 70px;
   padding-bottom: 70px;
 }

 .work__single {
   display: -webkit-box;
   display: -ms-flexbox;
   display: inline-flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 30px;
 }

 .work__single__thumb {
   width: 90px;
   min-width: 90px;
   height: 90px;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
 }

 .work__single__thumb img {
   width: 100%;
   height: 100%;
 }

 .work__video__modal {
   margin-bottom: -300px;
 }

 .work__video__modal .work__video__btn {
   color: #ffffff;
   width: 40px;
   min-width: 40px;
   height: 40px;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #ff8a00;
 }

 .work__video__modal .work__video__btn::before,
 .work__video__modal .work__video__btn::after {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   border: 1px solid #ff8a00;
   border-radius: 50%;
   left: 0;
   top: 0;
   -webkit-animation: pulse 3s linear infinite;
   animation: pulse 3s linear infinite;
   z-index: -1;
 }

 .work__video__modal .work__video__btn::before {
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
 }

 .work__video__modal .video__btn__wrapper {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .work__video__modal .video__btn__wrapper::before,
 .work__video__modal .video__btn__wrapper::after {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   border: 1px solid #ff8a00;
   border-radius: 50%;
   left: 0;
   top: 0;
   -webkit-animation: pulse 4s linear infinite;
   animation: pulse 4s linear infinite;
   z-index: -1;
 }

 .work__video__modal .video__btn__wrapper::before {
   -webkit-animation-delay: 0.5s;
   animation-delay: 0.5s;
 }

 .work__single__content {
   margin: auto 0;
 }

 .work__single__content h4 {
   color: #fff9f9;
   /* margin-bottom: 25px; */
 }

 .work__single__content p {
   color: #cfd3d8;
 }

 .testimonial {
   background-size: auto;
   background-position: right center;
 }

 .social__info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 30px;
 }

 .social__info__single {
   width: 240px;
   height: 240px;
   width: 240px;
   min-width: 240px;
   height: 240px;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 50%;
   background-color: #4167b2;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 15px;
 }

 .social__info__single i {
   font-size: 60px;
   color: #ffffff;
 }

 .social__info__single h4,
 .social__info__single p {
   color: #ffffff;
 }

 .social__info__single--secondary {
   background-color: #04abee;
 }

 .testimonial__slider__single__thumb img {
   border-radius: 50%;
   display: inline-block;
 }

 .testimonial__slider__single__content img {
   margin-bottom: 30px;
 }

 .testimonial__slider__single__content .primary-text {
   font-weight: 500;
   margin-bottom: 28px;
 }

 .testimonial__slider__single__content h5 {
   font-weight: 600;
 }

 .testimonial__slider__single__content h5 span {
   font-size: 16px;
   line-height: 22px;
   color: #0f223c;
   font-weight: 400;
 }

 .testimonial__slider__control {
   margin-top: 56px;
 }

 .testimonial__slider__controls {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .pricing {
   margin-bottom: 430px;
 }

 .pricing__content {
   margin-bottom: -430px;
 }

 .pricing__single {
   background-color: #ffffff;
   -webkit-filter: drop-shadow(0px 8px 53px rgba(184, 178, 206, 0.36));
   filter: drop-shadow(0px 8px 53px rgba(184, 178, 206, 0.36));
   z-index: 1;
   margin-top: 21px;
 }

 .pricing__single .price-tag {
   position: absolute;
   padding: 8px 30px 6px;
   font-weight: 600;
   color: #ffffff;
   background-color: #8f48ff;
   border-radius: 30px;
   margin: -21px auto 0px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
 }

 .pricing__single:hover .pricing__single__header::after {
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
 }

 .pricing__single__header {
   padding: 40px 40px 25px;
   position: relative;
   overflow: hidden;
 }

 .pricing__single__header::after {
   content: "";
   position: absolute;
   top: -100px;
   left: 0px;
   right: 0px;
   width: 100%;
   height: 200px;
   background-color: #ffa16b;
   border-radius: 50%;
   -webkit-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
   z-index: -1;
 }

 .pricing__single__header img {
   margin-bottom: 30px;
 }

 .pricing__single__header h5 {
   color: #ec671c;
   font-weight: 600;
 }

 .pricing__single__price {
   padding: 30px 40px 25px;
   background-color: #ffeade;
 }

 .pricing__single__price h3 {
   margin-bottom: 5px;
 }

 .pricing__single__price h3 span {
   font-size: 24px;
 }

 .pricing__single__features {
   padding: 40px 30px 30px;
 }

 .pricing__single__features li {
   border-bottom: 1px dotted #0f223c50;
   padding: 10px 0px;
   margin: 0px;
 }

 .pricing__single__features li:nth-of-type(1) {
   margin-top: -7px;
   padding-top: 0px;
 }

 .pricing__single__features li:nth-last-of-type(1) {
   border-bottom: 0px;
   padding-bottom: 0px;
 }

 .pricing__single__features .cta-btn {
   margin-top: 36px;
 }

 .pricing__single__features .cta-btn .cmn-button {
   width: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
 }

 .featured {
   padding-top: 90px;
 }

 .featured__slider {
   margin-top: 40px;
 }

 .featured__item img {
   border: 1px solid rgba(223, 215, 233, 0.5);
   border-radius: 10px;
   width: 100%;
   height: auto;
 }

 .calculate {
   background-size: 100% 100%;
   background-position: left top;
   margin-bottom: 300px;
   z-index: 1;
 }

 .calculate .section-header p {
   max-width: 500px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
 }

 .calculate .calculate__content {
   margin-bottom: -300px;
 }

 .calculate .calculate__tab {
   background-color: #ffffff;
   border-radius: 30px;
   -webkit-filter: drop-shadow(0px 8px 9px rgba(238, 233, 255, 0.61));
   filter: drop-shadow(0px 8px 9px rgba(238, 233, 255, 0.61));
 }

 .calculate .calculate__header {
   padding: 20px;
   background-color: #8f48ff;
   border-radius: 30px 30px 0px 0px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 30px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .calculate .calculate__header .cmn-button--tab {
   color: #0f223c;
   padding: 18px 40px;
   background-color: #ffffff;
 }

 .calculate .calculate__header .cmn-button--tab:hover {
   background-color: #ff975b;
 }

 .calculate .calculate__header .cmn-button--tab-active {
   background-color: #ec671c;
 }

 .calculate .calculate__header .bet-type {
   display: none;
 }

 .calculate .calculate__header label {
   margin: 0px;
 }

 .calculate .calculate__header label span {
   color: #0f223c;
   font-weight: 600;
   padding: 12px 40px;
   background-color: #ffffff;
   position: relative;
   z-index: 1;
   border-radius: 30px;
   overflow: hidden;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   cursor: pointer;
   margin: 0px;
 }

 .calculate .calculate__header label span::before {
   content: "";
   position: absolute;
   top: 0px;
   left: -100%;
   width: 100%;
   height: 100%;
   z-index: -1;
   background-color: #ec671c;
   -webkit-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
   border-radius: 5px;
 }

 .calculate .calculate__header label span:hover {
   background-color: #ff975b;
 }

 .calculate .calculate__header label span:hover::before {
   left: 0%;
 }

 .calculate .calculate__header .bet-button input:checked+span {
   background-color: #ec671c;
 }

 .calculate .calculate__item {
   padding: 50px 80px 30px;
   background-color: #ffffff;
   border-radius: 0px 0px 30px 30px;
 }

 .calculate .calculate__item label,
 .calculate .calculate__item input,
 .calculate .calculate__item span {
   margin: 0px;
 }

 .calculate .calculate__group {
   margin-bottom: 80px;
   position: relative;
   z-index: 1;
 }

 .calculate .calculate__group::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: calc(100% + 120px);
   height: calc(100% + 60px);
   border-radius: 20px;
   background-color: #fff9f9;
   z-index: -1;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .calculate .calculate__group:nth-last-of-type(1) {
   margin-bottom: 0px;
 }

 .calculate .calculate__group--secondary {
   margin-bottom: 60px;
 }

 .calculate .calculate__group--secondary::before {
   background-color: #def4ff;
 }

 .calculate .calculate__group--tertiary::before {
   content: none;
 }

 .calculate .calculate__row {
   margin-bottom: 20px;
 }

 .calculate .calculate__row:nth-last-of-type(1) {
   margin-bottom: 0px;
 }

 .calculate .calculate__label label {
   font-weight: 600;
 }

 .calculate .calculate__input {
   border-radius: 10px;
   background-color: #fef3f3;
   border: 1px solid #b1a2c6;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
 }

 .calculate .calculate__input span {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 10px 30px;
   background-color: #efdede;
   border-radius: 10px 0px 0px 10px;
   border-right: 1px solid #b1a2c6;
 }

 .calculate .calculate__input input {
   width: 100%;
   padding: 16px 30px;
   background-color: #fef3f3;
   border: 0px;
   border-radius: 10px;
 }

 .calculate .calculate__input input::-webkit-input-placeholder {
   color: rgba(15, 34, 60, 0.502);
 }

 .calculate .calculate__input input:-ms-input-placeholder {
   color: rgba(15, 34, 60, 0.502);
 }

 .calculate .calculate__input input::-ms-input-placeholder {
   color: rgba(15, 34, 60, 0.502);
 }

 .calculate .calculate__input input::placeholder {
   color: rgba(15, 34, 60, 0.502);
 }

 .calculate .calculate__result-row {
   border-bottom: 1px solid #ced3e8;
   padding: 15px 0px 17px;
 }

 .calculate .calculate__result-row:nth-of-type(1) {
   padding-top: 0px;
   margin-top: -6px;
 }

 .calculate .calculate__result-row:nth-of-type(1) span {
   font-weight: 600;
 }

 .calculate .calculate__result-row:nth-last-of-type(1) {
   padding-bottom: 0px;
   border: 0px;
   margin-bottom: -6px;
 }

 .calculate .bet-profit {
   color: #45ae21;
 }

 .calculate .bet-loss {
   color: #f00;
 }

 .calculate__thumbs {
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   width: 100%;
   height: 100%;
   z-index: -1;
   overflow: hidden;
 }

 .calculate__thumbs img {
   position: absolute;
   -webkit-animation: pulse-img 12s linear infinite;
   animation: pulse-img 12s linear infinite;
 }

 .calculate__thumbs .violet-circle {
   top: 30px;
   right: 20%;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   animation-direction: reverse;
 }

 .calculate__thumbs .cyan-circle {
   bottom: 100px;
   right: 250px;
   -webkit-animation-duration: 6s;
   animation-duration: 6s;
   animation-direction: alternate-reverse;
 }

 .calculate__thumbs .gray-circle {
   bottom: 120px;
   right: 200px;
   -webkit-animation-duration: 9s;
   animation-duration: 9s;
   -webkit-animation-direction: alternate;
   animation-direction: alternate;
 }

 .calculate__thumbs .cyan--secondary-circle {
   bottom: 350px;
   right: 80%;
 }

 .calculate__thumbs .gray--secondary-circle {
   bottom: 380px;
   right: 85%;
   -webkit-animation-duration: 5s;
   animation-duration: 5s;
   animation-direction: reverse;
 }

 .calculate__thumbs .small-circle {
   bottom: 540px;
   right: 84%;
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
 }

 .contact {
   z-index: 1;
 }

 .contact::before {
   content: "";
   position: absolute;
   top: 35%;
   left: 0px;
   bottom: 0px;
   right: 0px;
   width: 100%;
   height: 100%;
   z-index: -1;
   background-image: url("../images/contact-bg.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: left top;
 }

 .contact .calculate__thumbs .violet-circle {
   bottom: 25%;
   right: 10%;
   top: unset;
   -webkit-animation-duration: 9s;
   animation-duration: 9s;
 }

 .contact .calculate__thumbs .gray-circle {
   bottom: 40%;
 }

 .contact .calculate__thumbs .cyan-circle {
   bottom: 40%;
 }

 .contact__form {
   padding: 60px;
   border-radius: 20px;
   -webkit-filter: drop-shadow(-3.009px -3.993px 12.5px rgba(99, 119, 144, 0.19));
   filter: drop-shadow(-3.009px -3.993px 12.5px rgba(99, 119, 144, 0.19));
   background-color: #fff9f9;
 }

 .contact__group {
   margin-bottom: 30px;
   margin-top: -7px;
 }

 .contact__group label {
   color: #0f223c;
   font-weight: 500;
   margin-bottom: 5px;
 }

 .contact__group input,
 .contact__group textarea {
   width: 100%;
   max-width: 100%;
   margin: 0px;
   padding: 14px 30px;
   border: none;
   outline: none;
   border-radius: 10px;
   background-color: #fef3f3;
   border: 1px solid #b1a2c6;
 }

 .contact__group input::-webkit-input-placeholder,
 .contact__group textarea::-webkit-input-placeholder {
   color: #0f223c70;
 }

 .contact__group input:-ms-input-placeholder,
 .contact__group textarea:-ms-input-placeholder {
   color: #0f223c70;
 }

 .contact__group input::-ms-input-placeholder,
 .contact__group textarea::-ms-input-placeholder {
   color: #0f223c70;
 }

 .contact__group input::placeholder,
 .contact__group textarea::placeholder {
   color: #0f223c70;
 }

 .contact__group textarea {
   max-height: 250px;
 }

 .contact__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 30px;
 }

 .contact__item h4 {
   margin-bottom: 18px;
   color: #fff9f9;
 }

 .contact__item p {
   color: #fff9f9;
 }

 .contact__item a {
   color: #ec671c;
   font-weight: 400;
   margin-bottom: 10px;
 }

 .faq__items .accordion-item {
   -webkit-filter: drop-shadow(-0.707px 0.707px 12.5px rgba(52, 85, 169, 0.19));
   filter: drop-shadow(-0.707px 0.707px 12.5px rgba(52, 85, 169, 0.19));
   margin-bottom: 20px;
   border-radius: 15px;
 }

 .faq__items .accordion-item:nth-last-of-type(1) {
   margin-bottom: 0px;
 }

 .faq__items .accordion-item:nth-last-of-type(1) .accordion-button {
   border-radius: 15px;
 }

 .faq__items .accordion-item h5 {
   margin: 0px;
 }

 .faq__items .accordion-item .accordion-button {
   outline: none;
   border: 0px;
   -webkit-box-shadow: 0px 0px 0px;
   box-shadow: 0px 0px 0px;
   border-radius: 15px;
   padding: 20px 30px;
   font-size: 22px;
   line-height: 30px;
   color: #0f223c;
   font-weight: 500;
   -webkit-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
   gap: 40px;
 }

 .faq__items .accordion-item .accordion-button::after {
   background-image: none;
   content: "\f107";
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   z-index: 1;
 }

 .faq__items .accordion-item .accordion-button::before {
   content: "";
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 30px;
   width: 40px;
   height: 40px;
   background-color: #ff975b;
   border-radius: 50%;
 }

 .faq__items .accordion-item .accordion-button:not(.collapsed) {
   background-color: #ffffff;
   color: #0f223c;
   border-radius: 15px 15px 0px 0px;
 }

 .faq__items .accordion-item .accordion-body {
   padding: 20px 30px;
   border-top: 1px solid #0f223c50;
 }

 .blog__tab {
   margin-bottom: 55px;
 }

 .blog__btns {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   gap: 10px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .blog__btns .cmn-button--filter {
   padding: 13px 25px;
   background-color: #ffffff;
   border: 1px solid rgba(127, 108, 152, 0.5);
   color: #12111a;
   text-transform: uppercase;
 }

 .blog__btns .cmn-button--filter:hover {
   border-color: #ec671c;
 }

 .blog__btns .cmn-button--filter-active {
   background-color: #ec671c;
   border-color: #ec671c;
 }

 .blog__item {
   border-radius: 20px;
   background-color: #ffffff;
   border: 1px solid rgba(233, 216, 255, 0.5);
 }

 .blog__item:hover a img {
   -webkit-transform: scale(1.2) rotate(-5deg);
   transform: scale(1.2) rotate(-5deg);
 }

 .blog__item-thumb a {
   display: block;
   border-radius: 20px 20px 0px 0px;
   overflow: hidden;
 }

 .blog__item-thumb a img {
   border-radius: 20px 20px 0px 0px;
   -webkit-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
 }

 .blog__item-content {
   padding: 30px 40px;
 }

 .blog__item-content h4 {
   margin-bottom: 20px;
 }

 .blog__item-content .read-more {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: #ec671c;
   border-bottom: 2px solid #ec671c;
   margin-top: 30px;
 }

 .blog__item-content .read-more:hover {
   color: #0f223c;
   border-color: #0f223c;
 }

 .blog__meta {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 20px;
   margin-bottom: 14px;
 }

 .blog__meta span {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   color: #ec671c;
 }

 .is-hidden {
   display: none;
 }

 .blog__pagination {
   margin-top: 60px;
 }

 .blog__pagination .pagination {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 15px;
 }

 .blog__pagination .pagination li {
   margin: 0px;
 }

 .blog__pagination .pagination .page-link {
   font-weight: 700;
   color: #0f223c;
   width: 42px;
   min-width: 42px;
   height: 42px;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #f8e6e6;
   border: 0px;
 }

 .blog__pagination .pagination .page-link span {
   margin: 0px;
 }

 .blog__pagination .pagination .page-link:hover {
   background-color: #ff975b;
 }

 .blog__pagination .pagination .page-item:first-child .page-link,
 .blog__pagination .pagination .page-item:last-child .page-link {
   width: 50px;
   height: 50px;
 }

 .blog-single .blog__meta {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin: 30px 0px 54px;
 }

 .blog-single .blog-single__poster {
   margin-bottom: 40px;
 }

 .blog-single .blog-single__poster img {
   border-radius: 15px;
 }

 .blog-single .blog-single__group {
   margin-bottom: 56px;
 }

 .blog-single .blog-single__group:nth-last-of-type(1) {
   margin-bottom: 0px;
 }

 .blog-single .blog-single__group h3,
 .blog-single .blog-single__group h4,
 .blog-single .blog-single__group h5 {
   margin-bottom: 20px;
 }

 .blog-single .blog-single__group p {
   margin-bottom: 30px;
 }

 .blog-single .blog-single__group p:nth-last-of-type(1) {
   margin-bottom: -4px;
 }

 .blog-single .blog-single__group ol {
   margin-top: 30px;
 }

 .blog-single .blog-single__group li {
   font-weight: 500;
   margin-bottom: 15px;
   list-style-type: number;
 }

 .blog-single .blog-single__group li:nth-last-of-type(1) {
   margin-bottom: 0px;
 }

 .blog-single .blog-single__group .secondary-text {
   font-size: 16px;
 }

 .blog-single .blog-single__group .blog-single__group-thumb {
   margin-bottom: 20px;
 }

 .blog-single .blog-single__group .blog-single__group-thumb img {
   border-radius: 15px;
 }

 .blog-single blockquote {
   font-size: 26px;
   line-height: 36px;
   color: #ffffff;
   padding: 60px;
   border-radius: 20px;
   background-color: #30405f;
   margin: 60px 0px;
 }

 .blog-single .blog-single__tags {
   padding: 30px;
   background-color: #ebfefe;
 }

 .blog-single .blog-single__tags-item,
 .blog-single .blog-single__tags-social {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-column-gap: 20px;
   column-gap: 20px;
   row-gap: 10px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .blog-single .blog-single__tags-item span,
 .blog-single .blog-single__tags-social span {
   font-weight: 700;
   margin: 0px;
 }

 .blog-single .blog-single__tags-item .social a,
 .blog-single .blog-single__tags-social .social a {
   width: 45px;
   min-width: 45px;
   height: 45px;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }

 .blog-single .blog-single__tags-item .social a:hover,
 .blog-single .blog-single__tags-social .social a:hover {
   color: #0f223c;
   background-color: #ff975b;
 }

 .blog-single .blog-single-tag a {
   font-weight: 400;
 }

 .blog-single .blog-single__comment-group {
   margin-top: 60px;
 }

 .blog-single .blog-single__comment-group h4 {
   margin-bottom: 30px;
 }

 .blog-single .blog-single__comment-wrapper {
   margin-bottom: 30px;
 }

 .blog-single .blog-single__comment {
   padding: 40px 30px 35px;
   border-radius: 20px;
   background-color: #ffffff;
   border: 1px solid rgba(233, 216, 255, 0.5);
   margin-bottom: 30px;
 }

 .blog-single .blog-single__comment:nth-last-of-type(1) {
   margin-bottom: 0px;
 }

 .blog-single .blog-single__comment p {
   font-size: 16px;
 }

 .blog-single .blog-single__comment-head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-column-gap: 10px;
   column-gap: 10px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .blog-single .blog-single__comment-author {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-column-gap: 30px;
   column-gap: 30px;
   row-gap: 20px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-bottom: 30px;
 }

 .blog-single .blog-single__comment-author h5 {
   margin-bottom: 10px;
 }

 .blog-single .blog-single__comment--reply {
   margin-left: 110px;
 }

 .blog-single .blog-single__reply {
   margin-top: 20px;
   display: none;
 }

 .blog-single .blog-single__reply textarea {
   width: 100%;
   margin: 0px;
   max-height: 150px;
   border-radius: 10px;
   padding: 15px 30px;
   border: 0px;
   background-color: #ebfefe;
   border: 1px solid rgba(233, 216, 255, 0.5);
   margin-bottom: 15px;
 }

 .blog-single .blog-single__comment-form-wrapper h4 {
   margin-bottom: 32px;
 }

 .blog-single .blog-single__comment-form {
   padding: 40px 60px;
   border-radius: 20px;
   -webkit-filter: drop-shadow(-3.009px -3.993px 12.5px rgba(99, 119, 144, 0.19));
   filter: drop-shadow(-3.009px -3.993px 12.5px rgba(99, 119, 144, 0.19));
   background-color: #fff9f9;
 }

 .blog-single .blog-single__comment-form textarea {
   max-height: 180px;
 }

 .theme-option {
   max-width: 150px;
   padding: 10px 20px;
   background-color: #ffffff;
   position: fixed;
   top: 50%;
   right: 0px;
   -webkit-transform: translateY(-50%) translateX(100%);
   transform: translateY(-50%) translateX(100%);
   -webkit-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
   z-index: 999;
   -webkit-box-shadow: 0px 0px 10px #00000050;
   box-shadow: 0px 0px 10px #00000050;
 }

 .theme-option .out-theme {
   display: block;
   padding: 5px 10px;
 }

 .theme-option #cog {
   position: absolute;
   top: 0%;
   -webkit-transform: translateX(-90%);
   transform: translateX(-90%);
   left: 0px;
   width: 50px;
   height: 30px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #ffffff;
 }

 .theme-option #cog i {
   font-size: 20px;
   color: #0f223c;
 }

 .theme-option #cog:hover i {
   color: #ec671c;
 }

 .theme-option-active {
   -webkit-transform: translateY(-50%) translateX(0px);
   transform: translateY(-50%) translateX(0px);
 }

 .privacy-policy .blog-single__group {
   margin-bottom: 56px;
 }

 .privacy-policy .blog-single__group:nth-last-of-type(1) {
   margin-bottom: 0px;
 }

 .privacy-policy .blog-single__group h3,
 .privacy-policy .blog-single__group h4,
 .privacy-policy .blog-single__group h5 {
   margin-bottom: 20px;
 }

 .privacy-policy .blog-single__group p {
   margin-bottom: 30px;
 }

 .privacy-policy .blog-single__group p:nth-last-of-type(1) {
   margin-bottom: -4px;
 }

 .privacy-policy .blog-single__group ol {
   margin-top: 30px;
 }

 .privacy-policy .blog-single__group .ol {
   margin-bottom: 30px;
 }

 .privacy-policy .blog-single__group li {
   font-weight: 500;
   margin-bottom: 15px;
   list-style-type: number;
 }

 .privacy-policy .blog-single__group li:nth-last-of-type(1) {
   margin-bottom: 0px;
 }

 .privacy-policy .blog-single__group .secondary-text {
   font-size: 16px;
 }

 .privacy-policy .blog-single__group .blog-single__group-thumb {
   margin-bottom: 20px;
 }

 .privacy-policy .blog-single__group .blog-single__group-thumb img {
   border-radius: 15px;
 }

 /* ==== 
 --------- (4.4) all sections styles end ---------
 ==== */
 /* ==== 
 --------- (4.5) footer styles start ---------
 ==== */
 .footer {
   z-index: 1;
   /* margin-top: 220px; */
   margin-bottom: 75px;
 }

 .footer__newsletter {
   padding: 80px 80px;
   background-color: #cbfbf1;
   background-size: auto;
   background-position: bottom 0px center;
   z-index: 1;
   margin-top: -220px;
 }

 .footer__newsletter .footer__newsletter__content {
   max-width: 710px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
 }

 .footer__newsletter .footer__newsletter__content h3 {
   margin-bottom: 17px;
 }

 .footer__newsletter .footer__newsletter__content p {
   max-width: 480px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   margin-bottom: 28px;
 }

 .footer__newsletter img {
   position: absolute;
   z-index: -1;
   -webkit-animation: rotate 20s linear infinite;
   animation: rotate 20s linear infinite;
 }

 .footer__newsletter .globe-left {
   position: absolute;
   left: -120px;
   top: -50px;
   bottom: 0px;
 }

 .footer__newsletter .globe-right {
   right: -190px;
   bottom: -250px;
   -webkit-animation-delay: 0.5s;
   animation-delay: 0.5s;
 }

 .footer__thumbs {
   z-index: -1;
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }

 .footer__thumbs img {
   position: absolute;
   -webkit-animation: pulse-img 10s linear infinite;
   animation: pulse-img 10s linear infinite;
 }

 .footer__thumbs .blue-circle {
   bottom: 40%;
   left: 150px;
   -webkit-animation-duration: 6s;
   animation-duration: 6s;
   -webkit-animation-direction: alternate;
   animation-direction: alternate;
 }

 .footer__thumbs .cyan-circle {
   bottom: 80%;
   left: 180px;
   -webkit-animation-duration: 5s;
   animation-duration: 5s;
   animation-direction: alternate-reverse;
 }

 .footer__thumbs .violet-ring {
   bottom: 70%;
   left: 50px;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-direction: alternate;
   animation-direction: alternate;
 }

 .footer__thumbs .violet-circle {
   top: 5%;
   right: 20px;
 }

 .footer__thumbs .yellow-circle {
   top: 50%;
   right: 100px;
   -webkit-animation-duration: 6s;
   animation-duration: 6s;
   animation-direction: reverse;
 }

 .footer__thumbs .cyan-ring {
   bottom: 50px;
   right: 50px;
   animation-direction: alternate-reverse;
 }

 .footer__thumbs .blue-ring {
   top: 25%;
   right: 10%;
 }

 .footer__nav ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   gap: 30px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .footer__nav a {
   font-weight: 600;
   color: #ffffff;
 }

 .footer__nav a:hover {
   color: #ec671c;
 }

 .footer hr {
   height: 1px;
   background-color: #485668;
   margin: 30px 0px;
 }

 .footer__copyright p {
   color: #ffffff;
 }

 .footer__social {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   gap: 30px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding-bottom: 30px;
 }

 .footer__social a {
   width: 45px;
   min-width: 45px;
   height: 45px;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #ffffff;
 }

 .footer__social a:hover {
   color: #0f223c;
   background-color: #ff975b;
 }

 /* ==== 
 --------- (4.5) footer styles end ---------
 ==== */
 /* ==== 
 --------- (4.6) responsive styles start ---------
 ==== */
 @media only screen and (min-width: 1200px) {
   .social__info {
     position: relative;
   }

   .social__info__single {
     -webkit-transform: translateX(80px) translateY(90px);
     transform: translateX(80px) translateY(90px);
   }

   .social__info__single--secondary {
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
     position: absolute;
     top: 50%;
     left: 0px;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
   }
 }

 @media only screen and (max-width: 1399px) {
   .nav .nav__content {
     gap: 20px;
   }

   .nav .nav__menu-link {
     padding: 10px;
   }

   .social__info__single {
     width: 200px;
     min-width: 200px;
     height: 200px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 @media only screen and (max-width: 1199px) {
   .header {
     background-color: #ffffff;
     -webkit-box-shadow: 0px 0px 10px 0px #cfd3d8;
     box-shadow: 0px 0px 10px 0px #cfd3d8;
   }

   .dark-mode .header {
     background-color: #0f223c;
     -webkit-box-shadow: 0px 0px 10px #0f223c;
     box-shadow: 0px 0px 10px #0f223c;
   }

   .nav .nav__menu {
     position: fixed;
     top: 0px;
     left: 0px;
     bottom: 0px;
     min-width: 300px;
     max-width: 300px;
     height: 100vh;
     z-index: 99;
     overflow-x: clip;
     overflow-y: auto;
     padding: 40px 20px;
     background-color: #e4e4e4;
     -webkit-box-shadow: 0px 4px 4px #000000;
     box-shadow: 0px 4px 4px #000000;
     -webkit-transform: translateX(-110%);
     transform: translateX(-110%);
     -webkit-transition: 0.1s;
     transition: 0.1s;
   }

   .nav .nav__menu::-webkit-scrollbar {
     width: 5px;
   }

   .nav .nav__menu-logo {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin-bottom: 30px;
     gap: 20px;
   }

   .nav .nav__menu-logo .nav__menu-close {
     font-size: 30px;
     color: #ec671c;
   }

   .nav .nav__menu-active {
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
     -webkit-animation: sidenav 0.2s linear;
     animation: sidenav 0.2s linear;
   }

   .nav .nav__menu-items {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
   }

   .nav .nav__menu-item {
     width: 100%;
     margin-bottom: 5px;
   }

   .nav .nav__menu-item:nth-last-of-type(1) {
     margin-bottom: 0px;
     margin-top: 20px;
   }

   .nav .nav__menu-item:nth-last-of-type(1) .cmn-button {
     width: 100%;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   .nav .nav__menu-link {
     width: 100%;
     background-color: #ffffff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
   }

   .overview__single {
     padding: 40px 50px;
   }

   .work {
     margin-bottom: 100px;
   }

   .work__video__modal {
     margin-bottom: -200px;
   }

   .calculate {
     background-size: cover;
   }

   .blog__btns {
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     gap: 20px;
   }

   .blog__tab {
     margin-bottom: 25px;
   }

   .footer__newsletter img {
     max-width: 40%;
   }

   .footer__newsletter .globe-right {
     right: -120px;
     bottom: -200px;
   }
 }

 @media only screen and (max-width: 991px) {
   .max-width-unset {
     max-width: 100%;
   }

   .hero__counter__single {
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 20px;
   }

   .hero__counter__single::after {
     content: none;
   }

   .overview__single {
     padding: 40px 30px;
   }

   .convenient {
     padding: 120px 0px;
   }

   .experience__thumb {
     direction: ltr;
   }

   .dir-rtl {
     direction: ltr;
   }

   .banner {
     padding: 250px 0px 150px;
   }

   .banner--contact .banner__thumb,
   .banner--blog .banner__thumb {
     right: 0px;
   }

   .banner--contact .banner__thumb img,
   .banner--blog .banner__thumb img {
     max-width: 50%;
   }

   .blog-single .blog-single__comment--reply {
     margin-left: 30px;
   }

   .footer__nav {
     margin-top: 30px;
   }

   .footer__nav ul {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   .footer__copyright {
     margin-bottom: 26px;
   }

   .footer__copyright p {
     text-align: center;
   }

   .footer__social {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 #sticky_footer {
   position: fixed;
   width: 100%;
   bottom: 0;
   box-sizing: border-box;
   z-index: 2;
 }

 #sticky_footer {
   background: linear-gradient(to bottom, rgba(25, 0, 64, 1) 0%, rgba(38, 8, 82, 1) 100%);
   padding: 10px;
   text-align: center;
 }

 #sticky_footer a {
   position: relative;
   display: inline-block;
   font-size: 24px;
   vertical-align: top;
   text-align: center;
   letter-spacing: 1px;
   line-height: 24px;
   color: #fefefe;
   font-weight: 400;
   font-family: "Anton";
   padding: 8px 15px;
   border-radius: 35px;
   text-transform: capitalize;
   width: 430px;
   -webkit-transition: all ease 0.5s;
   -moz-transition: all ease 0.5s;
   -ms-transition: all ease 0.5s;
   -o-transition: all ease 0.5s;
   transition: all ease 0.5s;
   box-shadow: 0px 0px 2px 2px rgba(247, 172, 4, 0.8);
   text-shadow: 5px 4px 0px #efa500;
   background: linear-gradient(to bottom, #ffd679 30%, #f7ac03 70%);
   filter: drop-shadow(0 0px 20px rgba(101, 40, 193, 0.5));
 }

 @media only screen and (max-width: 767px) {
   #header .navlinks li:last-child {
     display: block !important;
   }

   body {
     font-size: 16px;
     line-height: 28px;
   }

   .nav .nav__content .nav__logo a img {
     width: 400px !important;
   }

   .neutral-row-gutter .column-gutter,
   .hero .hero__inner .neutral-row-gutter .column-gutter {
     text-align: center;
   }

   .nav .nav__content .nav__logo {
     margin: auto;
   }

   .experience__content__single__thumb {
     margin: 0 auto;
   }

   .work .neutral-row-gutter .column-gutter {
     text-align: left !important;
   }

   .section-space-top {
     text-align: center;
   }

   .footer h5 {
     margin-top: 1rem;
   }

   .experience__content__single .experience__content__single__content {
     margin: auto;
   }

   .nav .nav__content {
     justfy-content: center;
   }

   .hero__content {
     margin-top: 12%;
   }

   .cmn-button {
     font-size: 20px !important;
   }

   .section-space {
     padding: 100px 0px;
   }

   .section-space-top {
     padding-top: 100px;
   }

   .section-space-bottom {
     padding-bottom: 100px;
   }

   p,
   th,
   td,
   li,
   input,
   textarea,
   select,
   label,
   blockquote,
   span {
     font-size: 16px;
     line-height: 28px;
   }

   .primary-text {
     font-size: 20px;
     line-height: 30px;
   }

   h1,
   .hero__content__title {
     font-size: 57px;
     line-height: 74px;
     margin-top: -12px;
   }

   h2,
   .section-title {
     font-size: 43px;
     line-height: 55px;
     margin-top: -8px;
   }

   h3 {
     font-size: 32px;
     line-height: 40px;
     margin-top: -6px;
   }

   h4 {
     font-size: 24px;
     line-height: 32px;
     margin-top: -5px;
   }

   h5 {
     font-size: 20px;
     line-height: 24px;
     margin-top: -4px;
   }

   a,
   button {
     font-size: 16px;
   }

   .registration {
     padding: 80px 0px;
   }

   .section-header {
     margin-bottom: 36px;
   }

   .hero__inner {
     background-size: cover;
     background-position: center center;
   }

   .hero__counter__inner {
     padding: 40px 20px;
   }

   .overview__single {
     padding: 40px 20px;
   }

   .overview__thumbs .circle-group img {
     max-width: 20%;
   }

   .convenient {
     padding: 100px 0px;
   }

   .work {
     margin-bottom: 100px;
   }

   .work__video__modal {
     margin-bottom: -100px;
   }

   .testimonial__slider__control {
     margin-top: 36px;
   }

   .featured {
     padding-top: 70px;
   }

   .banner {
     padding: 180px 0px 100px;
   }

   .banner--contact .banner__thumb img,
   .banner--blog .banner__thumb img {
     max-width: 40%;
   }

   .footer__newsletter {
     padding: 80px 40px;
   }

   .footer__newsletter img {
     max-width: 50%;
   }

   .footer__newsletter .globe-right {
     right: -60px;
     bottom: -120px;
   }

   .hero__thumbs img {
     max-width: 80px;
   }

   .calculate .calculate__item {
     padding: 35px 30px 40px;
   }

   .calculate .calculate__group {
     margin-bottom: 50px;
   }

   .calculate .calculate__group::before {
     width: calc(100% + 30px);
     height: calc(100% + 30px);
   }

   .calculate__thumbs img {
     max-width: 20%;
   }

   .faq__items .accordion-item .accordion-button {
     padding: 20px;
     font-size: 20px;
     gap: 15px;
   }

   .faq__items .accordion-item .accordion-button::before {
     right: 20px;
   }

   .faq__items .accordion-item .accordion-body {
     padding: 20px;
   }

   .blog__item-content {
     padding: 30px 20px;
   }

   .blog__pagination {
     margin-top: 40px;
   }

   .blog__pagination .pagination {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }

   .blog__pagination .pagination .page-link {
     width: 35px;
     min-width: 35px;
     height: 35px;
   }

   .blog__pagination .pagination .page-item:first-child .page-link,
   .blog__pagination .pagination .page-item:last-child .page-link {
     width: 40px;
     height: 40px;
   }

   .blog-single .blog__meta {
     margin-bottom: 36px;
   }

   .blog-single .blog-single__group {
     margin-bottom: 36px;
   }

   .blog-single blockquote {
     margin: 40px 0px;
   }

   .footer__thumbs img {
     max-width: 10%;
   }
 }

 /*header*/
 #header .logo {
   position: absolute;
   left: 20px;
   width: 85px;
   cursor: pointer;
 }

 #header li,
 #header a,
 #header button {
   font-family: "Montserrat", sans-serif;
   font-weight: 600;
   font-size: 16px;
   color: bisque;
   text-decoration: none;

 }

 #header header {
   background-color: #002423;
   display: flex;
   justify-content: flex-end;
   align-items: center;
   box-shadow: 2px 2px 10px black;
 }

 #header header:hover {
   box-shadow: 2px 2px 25px black;
   transition: 0.5s;
 }

 #header .navlinks li {
   display: inline-block;
   margin: 30px;
   align-items: center;
 }

 #header .navlinks li a:hover {
   color: tomato;
   text-shadow: 1px 1px 5px black;
 }

 #header button {
   width: 100%;
   padding: 12px;
   background-color: firebrick;
   border-radius: 50px;
   outline: none;
   cursor: pointer;
   transition: all 0.5s, ease 0s;
   border: none;
   z-index: 999;
 }

 #header button:hover {
   box-shadow: 1px 1px 5px black;
 }

 #header .navlinks {
   text-align: right;
 }

 #header .navlinks li:last-child {
   display: none;
 }

 #header .sidebar {
   position: fixed;
   top: 0;
   right: 0;
   height: 100vh;
   width: 300px;
   z-index: 999;
   background-color: transparent;
   backdrop-filter: blur(10px);
   box-shadow: -3px 0 10px black;
   display: none;
   justify-content: flex-start;
   list-style: none;
   flex-direction: column;
   transition: transform 0.3s ease;
   transform: translateX(100%);
 }

 .sidebar li {
   width: 100%;
   margin: 25px;
   text-shadow: 1px 1px 2px black;

 }

 #header .sidebar img {
   position: absolute;
   bottom: 20px;
   width: 100%;
   height: 120px;
 }

 #header nav ion-icon {
   font-size: 2em;
   position: absolute;
   top: 35px;
   right: 20px;
 }

 #header nav .logo {
  width: 170px;
  top: 1rem;
 }

 #header h2 {
   color: wheat;
   text-shadow: #002423 -2px 2px 10px;
   font-size: 2em;
   margin: 20%;
   text-align: center;
 }

 @media only screen and (min-width: 830px) {
   #header .navlinks ion-icon {
     display: none;

   }
 }

 @media only screen and (max-width: 830px) {
   #header .navlinks .items {
     display: none;
   }
 }

 /*header*/
 @media only screen and (max-width: 575px) {
   #header .navlinks li:last-child {
     display: block;
   }

   #header .logo {
     position: static;
   }

   #header #close {
     width: 80%;
     text-align: right;
   }

   #header nav {
     display: flex;
     justify-content: space-between;
     align-items: center;
   }

   #header nav .logo {
    width: 130px; 
    height: 45px; 
    margin-left: 15px;
   }

   .nav .nav__content .nav__logo a img {
     width: 70px !important;
   }

   .hero__content {
     margin-top: 0%;
   }

   .cmn-button {
     padding: 7px 30px;
   }

   #sticky_footer a {
     position: relative;
     display: inline-block;
     font-size: 19px;
     vertical-align: top;
     text-align: center;
     letter-spacing: 1px;
     line-height: 24px;
     color: #fefefe;
     font-weight: 600;
     font-family: "Anton";
     padding: 8px 15px;
     border-radius: 35px;
     text-transform: capitalize;
     width: 250px;
   }

   .section-space {
     padding: 80px 0px;
   }

   .section-space-top {
     padding-top: 80px;
   }

   .section-space-bottom {
     padding-bottom: 80px;
   }

   h1,
   .hero__content__title {
     font-size: 43px;
     line-height: 55px;
     margin-top: -8px;
   }

   h2,
   .section-title {
     font-size: 32px;
     line-height: 40px;
     margin-top: -6px;
   }

   h3 {
     font-size: 28px;
     line-height: 36px;
     margin-top: -5px;
   }

   .registration__content {
     padding: 40px 0px;
   }

   .registration__content .registration__form {
     padding: 24px 20px 20px;
   }

   .convenient {
     padding: 80px 0px;
   }

   .experience__content__single {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }

   .social__info__single {
     width: 150px;
     min-width: 150px;
     height: 150px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     gap: 10px;
   }

   .social__info__single i {
     font-size: 30px;
   }

   .calculate .calculate__label label {
     margin-bottom: 5px;
   }

   .blog-single blockquote {
     padding: 40px;
     font-size: 18px;
     line-height: 28px;
   }

   .blog-single .blog-single__tags {
     padding: 30px 20px;
   }

   .blog-single .blog-single__comment {
     padding: 30px 20px 25px;
   }

   .blog-single .blog-single__comment-form {
     padding: 30px 20px;
   }

   .featured {
     padding-top: 50px;
   }

   .contact__form {
     padding: 30px 20px;
   }

   .footer__newsletter {
     padding: 60px 20px;
   }

   .footer__newsletter__form__content {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 20px;
     border-radius: 10px;
     padding: 0px;
     background-color: transparent;
   }

   .footer__newsletter__form__content input {
     width: 100%;
   }

   .footer__newsletter img {
     max-width: 70%;
   }
 }

 @media only screen and (max-width: 424px) {
   .nav .nav__menu {
     min-width: 280px;
   }

   .hero__content__action {
     gap: 20px;
   }

   .pricing__single .price-tag {
     padding: 8px 15px 6px;
     font-size: 12px;
   }

   .contact__item {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center;
     gap: 20px;
   }
 }

 @media only screen and (max-width: 350px) {
   .work__single {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
   }

   .featured__item {
     text-align: center;
   }

   .featured__item img {
     width: auto;
     max-width: 100%;
   }
 }

 /* ==== 
 --------- (4.6) responsive styles end ---------
 ==== */
 .dark-mode {
   background-color: #0a182a;
 }

 .dark-mode h1,
 .dark-mode h2,
 .dark-mode h3,
 .dark-mode h4,
 .dark-mode h5,
 .dark-mode h6 {
   color: #ffffff;
 }

 .dark-mode h5 {
   color: #ec671c;
 }

 .dark-mode p {
   color: #cfd3d8;
 }

 .dark-mode #preloader {
   background-color: #0f223c;
 }

 .dark-mode #preloader .inscription>i {
   color: #ffffff;
 }

 .dark-mode #preloader .inscription>span {
   color: #ffffff;
 }

 .dark-mode .sticky-active {
   background-color: #0f223c;
   -webkit-box-shadow: 0px 0px 10px #0f223c;
   box-shadow: 0px 0px 10px #0f223c;
 }

 .dark-mode .nav .nav__menu-link,
 .dark-mode .nav .navbar__responsive__menu__link {
   color: #ffffff;
 }

 .dark-mode .nav .nav__menu-link:hover,
 .dark-mode .nav .navbar__responsive__menu__link:hover {
   color: #ec671c;
 }

 .dark-mode .nav .nav__bar .icon-bar {
   background-color: #ffffff;
 }

 @media only screen and (max-width: 1199px) {
   .dark-mode .nav__menu-active {
     background-color: #000000;
   }

   .dark-mode .nav .nav__menu-link {
     background-color: #0f223c;
   }
 }

 .dark-mode .hero__inner {
   background-color: #0e223c;
 }

 .dark-mode .hero__content__title {
   color: #ffffff;
 }

 .dark-mode .hero__counter__inner {
   -webkit-filter: drop-shadow(-1.04px -4.891px 9px rgba(8, 16, 27, 0.61));
   filter: drop-shadow(-1.04px -4.891px 9px rgba(8, 16, 27, 0.61));
   background-color: #0e223c;
 }

 .dark-mode .overview__single {
   background-color: #0a182a;
   border: 1px solid #ffffff10;
 }

 .dark-mode .overview__single h5 {
   color: #ffffff;
 }

 .dark-mode .overview__single:hover {
   background-color: #ffdfcc;
 }

 .dark-mode .overview__single:hover h5 {
   color: #0f223c;
 }

 .dark-mode .overview__single:hover p {
   color: #383b3e;
 }

 .dark-mode .convenient {
   background-color: #d9fdfd;
 }

 .dark-mode .convenient h2,
 .dark-mode .convenient p {
   color: #0f223c;
 }

 .dark-mode .testimonial {
   background-color: #0a182a;
 }

 .dark-mode .testimonial .testimonial__slider__single__content h5 {
   color: #fefefe;
 }

 .dark-mode .testimonial .testimonial__slider__single__content h5 span {
   color: #cfd3d8;
 }

 .dark-mode .pricing .pricing__single {
   -webkit-filter: drop-shadow(0px 8px 53px rgba(10, 24, 42, 0.36));
   filter: drop-shadow(0px 8px 53px rgba(10, 24, 42, 0.36));
   background-color: #16345c;
 }

 .dark-mode .pricing .pricing__single__header::after {
   background-color: #ffeade20;
 }

 .dark-mode .pricing .pricing__single__price {
   background-color: #ffeade20;
 }

 .dark-mode .pricing li {
   color: #ffffff;
   border-bottom: 1px dotted #ffffff20;
 }

 .dark-mode .pricing li:nth-last-of-type(1) {
   border-bottom: 0px;
 }

 .dark-mode .featured {
   background-color: #0a182a;
 }

 .dark-mode .featured h5 {
   color: #ffffff;
 }

 .dark-mode .featured img {
   border: 0px;
 }

 .dark-mode .calculate .section-header h2,
 .dark-mode .calculate .section-header p {
   color: #0f223c;
 }

 .dark-mode .calculate .calculate__item {
   background-color: #16345b;
 }

 .dark-mode .calculate .calculate__tab {
   border-radius: 35px;
   -webkit-filter: drop-shadow(0px 8px 9px rgba(10, 24, 42, 0.1));
   filter: drop-shadow(0px 8px 9px rgba(10, 24, 42, 0.1));
 }

 .dark-mode .calculate .calculate__result-row {
   border-color: #ced3e830;
 }

 .dark-mode .calculate .calculate__result-row span {
   color: #ffffff;
 }

 .dark-mode .calculate .bet-profit {
   color: #45ae21 !important;
 }

 .dark-mode .calculate .bet-loss {
   color: #f00 !important;
 }

 .dark-mode .banner {
   background-color: #0e223c;
 }

 .dark-mode .banner .breadcrumb-item a {
   color: #e4f2ff;
 }

 .dark-mode .banner .breadcrumb .active {
   color: #e4f2ff;
 }

 .dark-mode .banner .breadcrumb-item+.breadcrumb-item::before {
   color: #e4f2ff;
 }

 .dark-mode .contact__form {
   -webkit-filter: drop-shadow(0px 8px 53px rgba(10, 24, 42, 0.36));
   filter: drop-shadow(0px 8px 53px rgba(10, 24, 42, 0.36));
   background-color: #16345c;
 }

 .dark-mode .contact__form .contact__group label {
   color: #ffffff;
 }

 .dark-mode .contact__form .contact__group input,
 .dark-mode .contact__form .contact__group textarea {
   background-color: #1e4271;
   border: 1px solid #305d9a;
   color: #ffffff;
 }

 .dark-mode .contact__form .contact__group input::-webkit-input-placeholder,
 .dark-mode .contact__form .contact__group textarea::-webkit-input-placeholder {
   color: #ffffff50;
 }

 .dark-mode .contact__form .contact__group input:-ms-input-placeholder,
 .dark-mode .contact__form .contact__group textarea:-ms-input-placeholder {
   color: #ffffff50;
 }

 .dark-mode .contact__form .contact__group input::-ms-input-placeholder,
 .dark-mode .contact__form .contact__group textarea::-ms-input-placeholder {
   color: #ffffff50;
 }

 .dark-mode .contact__form .contact__group input::placeholder,
 .dark-mode .contact__form .contact__group textarea::placeholder {
   color: #ffffff50;
 }

 .dark-mode .faq .accordion-item {
   border: 0px;
   border-radius: 20px;
   background-color: #16345c;
   -webkit-filter: drop-shadow(0px 0px 0px);
   filter: drop-shadow(0px 0px 0px);
 }

 .dark-mode .faq .accordion-button {
   -webkit-filter: drop-shadow(-0.707px 0.707px 12.5px rgba(52, 85, 169, 0.19));
   filter: drop-shadow(-0.707px 0.707px 12.5px rgba(52, 85, 169, 0.19));
   background-color: #16345c;
   color: #ffffff;
 }

 .dark-mode .faq .accordion-button:not(.collapsed) {
   -webkit-filter: drop-shadow(-0.707px 0.707px 12.5px rgba(52, 85, 169, 0.19));
   filter: drop-shadow(-0.707px 0.707px 12.5px rgba(52, 85, 169, 0.19));
   background-color: #16345c;
   color: #ffffff;
 }

 .dark-mode .faq .accordion-body {
   background-color: #16345c;
   border-radius: 0px 0px 15px 15px;
   border-top: 1px solid #ffffff50;
 }

 .dark-mode .cmn-button--filter {
   color: #ffffff;
   background-color: #0a182a;
   border: 1px solid rgba(127, 108, 152, 0.5);
 }

 .dark-mode .cmn-button--filter-active {
   background-color: #ec671c;
   border-color: #ec671c;
   color: #12111a;
 }

 .dark-mode .blog__item {
   border: 0px;
   background-color: #16345c;
 }

 .dark-mode .blog__item .read-more {
   color: #ffffff;
 }

 .dark-mode .pagination .page-link {
   background-color: #16345c;
   color: #ffffff;
 }

 .dark-mode .pagination .page-link:hover {
   color: #0f223c;
 }

 .dark-mode .blog-single__group li {
   color: #cfd3d8;
 }

 .dark-mode .blog-single__group h5 {
   color: #ffffff;
 }

 .dark-mode .blog-single__tags {
   background-color: #283652;
 }

 .dark-mode .blog-single__tags span {
   color: #ffffff;
 }

 .dark-mode .blog-single__tags .blog-single-tag a {
   color: #dcebff;
 }

 .dark-mode .blog-single__tags .blog-single-tag a:hover {
   color: #ec671c;
 }

 .dark-mode .blog-single__tags .social a {
   color: #12111a;
   background-color: #ffffff;
 }

 .dark-mode .blog-single__comment {
   background-color: #0a182a;
   border: 1px solid rgba(33, 56, 87, 0.5);
 }

 .dark-mode .blog-single__comment h5 {
   color: #ffffff;
 }

 .dark-mode .blog-single__comment .reply-btn {
   color: #ffffff;
 }

 .dark-mode .blog-single__comment-form {
   -webkit-filter: drop-shadow(-3.009px -3.993px 12.5px rgba(99, 119, 144, 0.19));
   filter: drop-shadow(-3.009px -3.993px 12.5px rgba(99, 119, 144, 0.19));
   background-color: #16345c;
 }

 .dark-mode .blog-single__comment-form label {
   color: #ffffff;
 }

 .dark-mode .blog-single__comment-form input,
 .dark-mode .blog-single__comment-form textarea {
   background-color: #1e4271;
   border: 1px solid #305d9a;
   color: #ffffff;
 }

 .dark-mode .blog-single__comment-form input::-webkit-input-placeholder,
 .dark-mode .blog-single__comment-form textarea::-webkit-input-placeholder {
   color: #ffffff50;
 }

 .dark-mode .blog-single__comment-form input:-ms-input-placeholder,
 .dark-mode .blog-single__comment-form textarea:-ms-input-placeholder {
   color: #ffffff50;
 }

 .dark-mode .blog-single__comment-form input::-ms-input-placeholder,
 .dark-mode .blog-single__comment-form textarea::-ms-input-placeholder {
   color: #ffffff50;
 }

 .dark-mode .blog-single__comment-form input::placeholder,
 .dark-mode .blog-single__comment-form textarea::placeholder {
   color: #ffffff50;
 }

 .dark-mode .registration__content {
   background-color: #16345c;
 }

 .dark-mode .registration__content label {
   color: #ffffff;
 }

 .dark-mode .registration__content input,
 .dark-mode .registration__content textarea {
   background-color: #1e4271;
   border: 1px solid rgba(59, 54, 140, 0.1);
   color: #ffffff;
 }

 .dark-mode .registration__content input::-webkit-input-placeholder,
 .dark-mode .registration__content textarea::-webkit-input-placeholder {
   color: #ffffff50;
 }

 .dark-mode .registration__content input:-ms-input-placeholder,
 .dark-mode .registration__content textarea:-ms-input-placeholder {
   color: #ffffff50;
 }

 .dark-mode .registration__content input::-ms-input-placeholder,
 .dark-mode .registration__content textarea::-ms-input-placeholder {
   color: #ffffff50;
 }

 .dark-mode .registration__content input::placeholder,
 .dark-mode .registration__content textarea::placeholder {
   color: #ffffff50;
 }

 .dark-mode .registration__head .cmn-button {
   color: #ffffff;
   background-color: #16345c;
   border: 1px solid rgba(54, 105, 171, 0.4);
 }

 .dark-mode .divider-text {
   color: #ffffff;
 }

 .dark-mode .divider-text::before,
 .dark-mode .divider-text::after {
   background-color: #ffeade20;
 }

 .dark-mode .contact__group--secondary a {
   color: #ffffff;
 }

 .dark-mode .footer__newsletter__content h3,
 .dark-mode .footer__newsletter__content p {
   color: #0f223c;
 }

 @-webkit-keyframes pulse-animation {
   0% {
     -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
     box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
   }

   100% {
     -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
     box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
   }
 }

 @keyframes pulse-animation {
   0% {
     -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
     box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
   }

   100% {
     -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
     box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
   }
 }

 @keyframes rotate {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     opacity: 0.1;
   }

   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     opacity: 0.2;
   }
 }

 .dark-mode .theme-option #cog {
   color: #ffffff;
 }

 .footer h5 {
   margin-bottom: 20px;
 }

 .footer ul li {
   color: #fff;
   margin: 10px 0px
 }

 .footer ul li a {
   color: #cacbd3;
   font-weight: 500;
 }

 .footer ul li img {
   margin-right: 1rem;
 }