/*--------------------------------------------------------------
# common
--------------------------------------------------------------*/

/* Template Variables */

/* font-family: 'Roboto', sans-serif;
font-family: 'Poppins', sans-serif; */

:root {
     --thm-font:   "Tajawal", sans-serif;
     --heading-font: "Tajawal", sans-serif;
     --thm-base: #ed9400;
     --thm-base-rgb: 255, 188, 69;
     --thm-primary: #e94444;
     --thm-primary-rgb: 233, 68, 68;
     --thm-black: #103172;
     --thm-black-second: #385a9c;
     --thm-black-rgb: 237, 148, 0;
     --green-dark: #00b57b;
     --green-light: #00dd97;
     --yellow-dark: #f5be66;
     --yellow-light: #fed186;
     --gray: #808389;
     --orange-gradient : linear-gradient(
       90deg,
       var(--thm-base) 0%,
       var(--thm-primary) 51%,
       var(--thm-base) 100%
     );
     --blue-gradient : linear-gradient(
       90deg,
       var(--thm-black-second) 0%,
       var(--thm-black) 51%,
       var(--thm-black-second) 100%
     );
   }
   html {
     /* scroll-behavior: smooth; */
   }
   body {
     font-family: var(--thm-font);
     font-size: 17px;
     line-height: 32px;
     color: var(--gray);
     direction: rtl;
   }
   
   [dir="rtl"] .thm__owl-carousel {
     direction: ltr;
   }
   
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
     font-family: var(--heading-font);
   }
   
   a,
   a:hover,
   a:active,
   a:focus {
     text-decoration: none;
   }
   
   .page-wrapper {
     position: relative;
     margin: 0 auto;
     width: 100%;
     min-width: 300px;
     overflow: hidden;
   }
   ul li {
     list-style: none;
   }
   @media (min-width: 1200px) {
     .container {
       max-width: 1200px;
       /* padding: 20px !important; */
     }
     .mailchimp-one .container {
       max-width: 1100px;
     }
   }
   
   /* 
   ============================
   block title 
   ============================
   */
   
   .special-text {
     color: var(--thm-base);
   }
   .red-special-text {
     color: var(--thm-primary) !important;
   }
   .block-title {
     margin-bottom: 80px;
   }
   
   .block-title p {
     margin: 0;
     margin-bottom: 28px;
   }
   
   .block-title p span {
     display: inline-block;
     border-radius: 19.5px;
     border-bottom-left-radius: 0px;
     box-shadow: 0px 10px 30px 0px rgba(51, 57, 178, 0.17);
     padding: 7px 35px;
     background-image: linear-gradient(90deg, #ffbc45 0%, #ff5959 100%);
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
     font-weight: 500;
     font-size: 21px;
     font-family: var(--heading-font);
   }
   
   .block-title p.color-2 span {
     background-image: linear-gradient(
       90deg,
       var(--thm-base) 0%,
       var(--thm-primary) 100%
     );
     margin-top: 20px;
   }
   
   .block-title h3 {
     margin: 0;
     color: var(--thm-black);
     font-size: 40px;
     line-height: 1.5;
     font-weight: bold;
     text-transform: capitalize;
   }
   .block-title h3 span {
     line-height: 1.2;
   }
   .block-title h3 span {
     font-weight: 500;
     font-size: 32px;
   }
   
   /* 
   ================================
   thm btn
   ================================
   */
   .thm-btn {
     display: inline-block;
     vertical-align: middle;
     border: none;
     outline: none;
     text-align: center;
     font-size: 16px;
     font-weight: 500;
     color: #fff;
     background-size: 200% auto;
     background-image: var(--orange-gradient );
     transition: all 500ms ease;
     box-shadow: 0px 5px 20px 0px rgba(25, 71, 174, 0.1);
     border-radius: 27.5px;
     border-bottom-left-radius: 0;
     padding: 11.5px 25.5px;
     font-family: var(--heading-font);
     border: none !important;
     outline: none !important;
   }
   
   .thm-btn:hover {
     background-position: right;
     color: #fff;
   }
   
   /*
   =================================
   Cursor
   =================================
   */
   
   .cursor {
     position: absolute;
     background-color: #fff;
     width: 6px;
     height: 6px;
     border-radius: 100%;
     z-index: 1;
     transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
       0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     pointer-events: none;
     z-index: 10000;
     transform: scale(1);
     visibility: hidden;
   }
   
   .cursor {
     visibility: visible;
   }
   
   .cursor.active {
     opacity: 0.5;
     transform: scale(0);
   }
   
   .cursor.hovered {
     opacity: 0.08;
   }
   
   .cursor-follower {
     position: absolute;
     background-color: RGBA(255, 255, 255, 0.3);
     width: 50px;
     height: 50px;
     border-radius: 100%;
     z-index: 1;
     transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
       0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     pointer-events: none;
     z-index: 10000;
     visibility: hidden;
   }
   
   .cursor-follower {
     visibility: visible;
   }
   
   .cursor-follower.active {
     opacity: 0.7;
     transform: scale(1);
   }
   
   .cursor-follower.hovered {
     opacity: 0.08;
   }
   
   .cursor-follower.close-cursor:before {
     position: absolute;
     content: "";
     height: 25px;
     width: 2px;
     background: #fff;
     left: 48%;
     top: 12px;
     transform: rotate(-45deg);
     display: inline-block;
   }
   
   .cursor-follower.close-cursor:after {
     position: absolute;
     content: "";
     height: 25px;
     width: 2px;
     background: #fff;
     right: 48%;
     top: 12px;
     transform: rotate(45deg);
   }
   
   /* bootstrap select */
   .bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
   .bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
   .bootstrap-select .show > .btn-light.dropdown-toggle {
     background-color: inherit !important;
     box-shadow: none !important;
     outline: none !important;
   }
   
   .bootstrap-select > .dropdown-toggle {
     box-shadow: none !important;
   }
   
   .bootstrap-select .dropdown-toggle:focus,
   .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
     outline: none !important;
   }
   
   .bootstrap-select .dropdown-menu {
     padding-top: 0;
     padding-bottom: 0;
     margin-top: 0;
     z-index: 991;
   }
   
   .bootstrap-select .dropdown-menu > li + li > a {
     border-top: 1px solid #f4f4f4;
   }
   
   .bootstrap-select .dropdown-menu > li:first-child > a {
     padding-top: 10px;
   }
   
   .bootstrap-select .dropdown-menu > li:last-child > a {
     padding-bottom: 10px;
   }
   
   .bootstrap-select .dropdown-menu > li.selected > a {
     background: var(--thm-black);
     color: #fff;
   }
   
   .bootstrap-select .dropdown-menu > li > a {
     font-size: 16px;
     font-weight: 400;
     padding: 9px 20px;
     color: var(--thm-black);
     transition: all 0.4s ease;
   }
   
   .bootstrap-select .dropdown-menu > li > a:hover {
     background: var(--thm-black);
     color: #fff;
     cursor: pointer;
   }
   
   .scroll-to-top {
     display: inline-block;
     width: 50px;
     height: 50px;
     background: var(--thm-base);
     border-radius: 50%;
     position: fixed;
     bottom: 40px;
     right: 40px;
     z-index: 990;
     text-align: center;
     transition: all 0.4s ease;
     display: none;
   }
   
   @media (max-width: 480px) {
     .scroll-to-top {
       width: 40px;
       height: 40px;
     }
   }
   
   .scroll-to-top i {
     font-size: 14px;
     line-height: 50px;
     color: #fff;
     position: relative;
     z-index: 10;
     transition: all 0.4s ease;
   }
   
   @media (max-width: 480px) {
     .scroll-to-top i {
       font-size: 14px;
       line-height: 40px;
     }
   }
   
   .scroll-to-top:hover {
     background-color: var(--thm-black);
   }
   
   .scroll-to-top:hover i {
     color: #fff;
   }
   
   .post-pagination {
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
   }
   
   .post-pagination a {
     color: var(--thm-black);
     font-size: 16px;
     font-weight: 500;
     transition: all 0.4s ease;
     border-radius: 30px;
     width: 60px;
     height: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     box-shadow: 0px 10px 20px 0px rgba(67, 131, 99, 0.2);
   }
   
   .post-pagination a.active,
   .post-pagination a:hover {
     color: #fff;
     background-color: var(--thm-base);
     border-color: var(--thm-base);
   }
   
   .post-pagination a + a {
     margin-left: 10px;
   }
   
   .post-pagination a.active {
     cursor: auto;
   }
   
   .post-pagination__prev,
   .post-pagination__next {
     border: none !important;
     background-color: transparent !important;
     text-decoration: underline;
     color: var(--thm-black) !important;
     text-transform: uppercase;
     font-size: 14px !important;
   }
   
   /* 
   ================================
   preloader
   ================================
   */
   
   .preloader {
     position: fixed;
     width: 100%;
     height: 100%;
     z-index: 999999999;
     background-color: #fff;
     top: 0;
     left: 0;
     z-index: 9999;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   
   .lds-ripple {
     display: inline-block;
     position: relative;
     width: 80px;
     height: 80px;
   }
   
   .lds-ripple div {
     position: absolute;
     border: 4px solid var(--thm-base);
     opacity: 1;
     border-radius: 50%;
     -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
     animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
   }
   
   .lds-ripple div:nth-child(2) {
     -webkit-animation-delay: -0.5s;
     animation-delay: -0.5s;
   }
   
   @-webkit-keyframes lds-ripple {
     0% {
       top: 36px;
       left: 36px;
       width: 0;
       height: 0;
       opacity: 1;
     }
   
     100% {
       top: 0px;
       left: 0px;
       width: 72px;
       height: 72px;
       opacity: 0;
     }
   }
   
   @keyframes lds-ripple {
     0% {
       top: 36px;
       left: 36px;
       width: 0;
       height: 0;
       opacity: 1;
     }
   
     100% {
       top: 0px;
       left: 0px;
       width: 72px;
       height: 72px;
       opacity: 0;
     }
   }
   @keyframes bounce {
     50% {
       transform: translateY(10px);
     }
   }
   
   /*
   =====================
   section bubble
   =====================
   */
   
   [class*="section__bubble-"] {
     border-radius: 50%;
     display: inline-block;
     position: absolute;
     -webkit-animation: animateBubble 15s linear infinite,
       sideWays 2s ease-in-out infinite alternate;
     animation: animateBubble 15s linear infinite,
       sideWays 2s ease-in-out infinite alternate;
   }
   
   .section__bubble-1 {
     width: 12px;
     height: 12px;
     border: 3px solid #f3c14a;
     top: 30%;
     left: 10%;
   }
   
   .section__bubble-2 {
     width: 8px;
     height: 8px;
     background-color: #9b6dfc;
     top: 60%;
     left: 20%;
   }
   
   .section__bubble-3 {
     width: 12px;
     height: 12px;
     border: 3px solid #00cedc;
     top: 90%;
     left: 10%;
   }
   
   .section__bubble-4 {
     width: 8px;
     height: 8px;
     background-color: #ff7878;
     top: 100%;
     left: 20%;
   }
   
   .section__bubble-5 {
     width: 12px;
     height: 12px;
     border: 3px solid #ff5b59;
     top: 30%;
     right: 10%;
   }
   
   .section__bubble-6 {
     width: 8px;
     height: 8px;
     background-color: #437efa;
     top: 60%;
     right: 20%;
   }
   
   .section__bubble-7 {
     width: 12px;
     height: 12px;
     border: 3px solid #00cedc;
     top: 90%;
     right: 10%;
   }
   
   .section__bubble-8 {
     width: 8px;
     height: 8px;
     background-color: #ff7878;
     top: 100%;
     right: 20%;
   }
   
   /*-------------------------------------------------------------- 
   # Animations
   --------------------------------------------------------------*/
   
   @-webkit-keyframes animateBubble {
     100% {
       margin-top: -15%;
     }
   
     0% {
       margin-top: -30%;
     }
   }
   
   @keyframes animateBubble {
     100% {
       margin-top: -15%;
     }
   
     0% {
       margin-top: -30%;
     }
   }
   
   @-webkit-keyframes sideWays {
     0% {
       margin-left: 0;
     }
   
     100% {
       margin-left: 25px;
     }
   }
   
   @keyframes sideWays {
     0% {
       margin-left: 0;
     }
   
     100% {
       margin-left: 25px;
     }
   }
   
   @-webkit-keyframes shapeMover {
     0%,
     100% {
       transform: perspective(600px) translateY(0) rotate(0deg) translateZ(0px)
         translateX(0);
     }
   
     50% {
       transform: perspective(600px) rotate(-10deg) translateZ(50px)
         translateY(50px) translateX(50px);
     }
   }
   
   @keyframes shapeMover {
     0%,
     100% {
       transform: perspective(600px) translateY(0) rotate(0deg) translateZ(0px)
         translateX(0);
     }
   
     50% {
       transform: perspective(600px) rotate(-10deg) translateZ(50px)
         translateY(50px) translateX(50px);
     }
   }
   
   @-webkit-keyframes bubbleMover {
     0% {
       transform: translateY(0px) translateX(0) rotate(0);
     }
   
     30% {
       transform: translateY(30px) translateX(50px) rotate(15deg);
       transform-origin: center center;
     }
   
     50% {
       transform: translateY(50px) translateX(100px) rotate(45deg);
       transform-origin: right bottom;
     }
   
     80% {
       transform: translateY(30px) translateX(50px) rotate(15deg);
       transform-origin: left top;
     }
   
     100% {
       transform: translateY(0px) translateX(0) rotate(0);
       transform-origin: center center;
     }
   }
   
   @keyframes bubbleMover {
     0% {
       transform: translateY(0px) translateX(0) rotate(0);
     }
   
     30% {
       transform: translateY(30px) translateX(50px) rotate(15deg);
       transform-origin: center center;
     }
   
     50% {
       transform: translateY(50px) translateX(100px) rotate(45deg);
       transform-origin: right bottom;
     }
   
     80% {
       transform: translateY(30px) translateX(50px) rotate(15deg);
       transform-origin: left top;
     }
   
     100% {
       transform: translateY(0px) translateX(0) rotate(0);
       transform-origin: center center;
     }
   }
   
   @-webkit-keyframes banner3Shake {
     0% {
       transform: rotate3d(0, 1, 0, 0deg);
     }
   
     30% {
       transform: rotate3d(0, 0, 1, 10deg);
     }
   
     60% {
       transform: rotate3d(1, 0, 0, 0deg);
     }
   
     80% {
       transform: rotate3d(0, 0, 1, 10deg);
     }
   
     100% {
       transform: rotate3d(0, 1, 0, 0deg);
     }
   }
   
   @keyframes banner3Shake {
     0% {
       transform: rotate3d(0, 1, 0, 0deg);
     }
   
     30% {
       transform: rotate3d(0, 0, 1, 10deg);
     }
   
     60% {
       transform: rotate3d(1, 0, 0, 0deg);
     }
   
     80% {
       transform: rotate3d(0, 0, 1, 10deg);
     }
   
     100% {
       transform: rotate3d(0, 1, 0, 0deg);
     }
   }
   /*
   ===================================
   sub menu
   ===================================
    */
   .sub-menu {
     width: 100%;
     color: #000;
     padding: 1rem;
     z-index: 99;
     display: none;
     transition: opacity 0.5s;
   }
   .sub-menu h5 {
     font-weight: bold;
     text-transform: capitalize;
     color: var(--thm-black);
     margin-bottom: 1.5rem;
   }
   .sub-menu__special-text {
     color: var(--thm-base);
     font-size: 1.3rem;
     font-weight: 600;
   }
   .sub-menu p {
     color: var(--gray);
   }
   .sub-menu ul li {
     padding: 5px 0rem;
   }
   .sub-menu ul li a {
     color: var(--gray);
     cursor: pointer;
   }
   .sub-menu ul p {
     color: var(--thm-black);
     font-weight: 700;
   }
   .sub-menu ul li a:hover {
     color: var(--thm-base);
   }
   
   /*=================================== 
   # Main Menu
   ===================================*/
   
   .main-nav-one {
     z-index: 91;
     position: fixed;
     left: 0;
     width: 100%;
     padding-left: 80px;
     padding-right: 80px;
     box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
     background-color: #fff;
   }
   @media (max-width: 1230px) {
     .main-nav-one.fixedMobileNav {
       position: fixed;
       background-color: #fff;
       box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
     }
   }
   
   @media (max-width: 1520px) {
     .main-nav-one {
       padding-left: 40px;
       padding-right: 40px;
     }
   }
   
   @media (max-width: 1270px) {
     .main-nav-one {
       padding-left: 20px;
       padding-right: 20px;
     }
   }
   
   .main-nav-one .inner-container {
     display: flex;
     align-items: center;
   }
   
   .main-nav-one .side-menu__toggler {
     display: none;
   }
   
   .main-nav-one .logo-box {
     display: flex;
     align-items: center;
     position: relative;
     margin-right: 145px;
   }
   
   .main-nav-one .inner-container .main-nav__search {
     margin-right: 30px;
   }
   
   @media (max-width: 1650px) {
     .main-nav-one .logo-box {
       margin-right: 0;
     }
   }
   
   .main-nav-one .main-nav__main-navigation ul {
     margin: 0;
     padding: 0;
     list-style: none;
   }
   
   .main-nav-one .dropdown-btn {
     display: none;
   }
   
   .main-nav-one .main-nav__main-navigation .main-nav__navigation-box {
     display: flex;
     align-items: center;
   }
   
   .main-nav-one .main-nav__navigation-box > li {
     padding: 22.5px 0;
   }
   
   .main-nav-one .main-nav__navigation-box > li  {
     margin-left: 20px;
   }
   
   .main-nav-one .main-nav__navigation-box > li > a {
     font-size: 18px;
     color: #ffffff;
     font-weight: 500;
     display: flex;
     align-items: center;
     position: relative;
     font-family: var(--heading-font);
     transition: all 500ms ease;
   }
   
   .main-nav-one .main-nav__navigation-box li:hover a {
     color: var(--thm-base) !important;
   }
   .main-nav-one .main-nav__navigation-box li:hover .sub-menu {
     opacity: 1;
   }
   .main-nav-one .main-nav__navigation-box > li.dropdown > a.down::after {
     content: "\f107";
     font-weight: 400;
     margin-left: 10px;
     font-family: "Font Awesome 5 Pro";
   }
   .main-nav-one .main-nav__navigation-box > li.dropdown > a.up::after {
     content: "\f106";
     font-weight: 400;
     margin-left: 10px;
     font-family: "Font Awesome 5 Pro";
   }
   
   /*
   ============================
   Dropdown menu
   ============================
   */
   
   .main-nav__main-navigation .dropdown-btn {
     display: none;
   }
   
   .main-nav__main-navigation .main-nav__navigation-box > li ul {
     position: absolute;
     width: 210px;
     background-color: #fff;
     box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
       -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     transform-origin: top;
     visibility: hidden;
     opacity: 0;
     z-index: 991;
     transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;
   }
   
   .main-nav__main-navigation .main-nav__navigation-box > li ul > li {
     position: relative;
   }
   
   .main-nav__main-navigation .main-nav__navigation-box > li ul .dropdown > a {
     position: relative;
   }
   
   .main-nav__main-navigation
     .main-nav__navigation-box
     > li
     ul
     .dropdown
     > a::after {
     position: absolute;
     right: 25px;
     top: 50%;
     transform: translateY(-50%) rotate(-90deg);
   }
   
   .main-nav__main-navigation .main-nav__navigation-box > li ul > li + li {
     border-top: 1px solid rgba(var(--thm-black-rgb), 0.15);
   }
   
   .main-nav__main-navigation .main-nav__navigation-box > li ul > li > a {
     display: block;
     color: var(--thm-black);
     font-size: 16px;
     font-family: var(--thm-font);
     word-break: break-all;
     padding-top: 9.5px;
     padding-bottom: 9.5px;
     padding-left: 20px;
     padding-right: 20px;
     transition: all 500ms ease;
   }
   
   .main-nav__main-navigation .main-nav__navigation-box > li ul > li:hover > a {
     color: #fff !important;
     background-color: var(--thm-base);
   }
   
   /* Second level menu */
   
   .main-nav__main-navigation .main-nav__navigation-box > li > ul {
     top: 100%;
     left: 0;
     transform: perspective(300px) scaleY(0) translateZ(30px);
   
     visibility: hidden;
     opacity: 0;
   }
   
   /* Right Side */
   .main-nav-one .main-nav__right {
     margin-right: auto;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 300px;
     /* flex-wrap: wrap; */
   }
   .orbit-logo-container {
     width: 250px;
     padding: 0px 20px;
   }
   
   .main-nav-one .main-nav__search:hover {
     color: var(--thm-base);
   }
   
   .main-nav-one__btn {
     background-image: none;
     background-color: var(--thm-black) !important;
     color: #fff !important;
     overflow: hidden;
     position: relative;
   }
   
   .main-nav-one__btn::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image: var(--orange-gradient );
     border-radius: 27.5px;
     border-bottom-left-radius: 0;
     background-size: 200% auto;
     transform: scale(1, 0);
     transform-origin: top;
     transition: transform 500ms ease;
   }
   
   .main-nav-one__btn:hover::before {
     transform: scale(1, 1);
     transform-origin: bottom;
   }
   .main-nav-one__btn:hover span {
     color: #fff;
   }
   
   .main-nav-one__btn span {
     position: relative;
   }
   
   /* stricked menu */
   .stricked-menu {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 999;
     background-color: var(--thm-black);
     box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
     opacity: 0;
     transform: translateY(-110%);
     transition: all 0.4s ease;
   }
   
   .main-nav-one.stricked-menu .main-nav__navigation-box > li {
     padding: 22.5px 0;
   }
   
   /* main nav home three */
   
   .main-nav-one__home-three .main-nav__navigation-box > li > a {
     color: #162f62;
   }
   .main-nav-one__home-three .main-nav__navigation-box > li.dropdown > a > i {
     /* color: #162f62;
        font-size: 1rem;
        margin-top: 2px; */
   }
   .main-nav-one__home-three
     .main-nav__navigation-box
     > li.dropdown:hover
     .dropdown
     i {
     color: var(--thm-base);
   }
   
   .main-nav-one__home-three .logo-box {
     margin-left: 40px;
   }
   
   .main-nav-one__home-three.stricked-menu {
     background-color: #fff;
   }
   .main-nav-one__home-three.stricked-menu .main-nav__navigation-box > li > a {
     color: var(--thm-black);
   }
   
   .main-nav-one__home-three.stricked-menu
     .main-nav__navigation-box
     > li
     > a:hover,
   .main-nav-one__home-three.stricked-menu
     .main-nav__navigation-box
     > li.current
     > a {
     color: var(--thm-base) !important;
   }
   
   .main-nav-one__home-three.stricked-menu .main-nav-one__btn {
     background-color: var(--thm-black);
     color: #fff;
   }
   
   /*=================================== 
   # SideMenu 
   ===================================*/
   
   .side-menu__block {
     position: fixed;
     top: 0;
     right: 0;
     width: 100vw;
     height: 100vh;
     z-index: 1000;
     transform: scale(0, 1);
     transform-origin: right center;
     transition: transform 0.7s ease;
   }
   
   .side-menu__block.active {
     transform: scale(1, 1);
   }
   
   .side-menu__block-overlay {
     width: 100%;
     height: 100%;
     background-color: #000;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 999;
     opacity: 0.7;
     cursor: pointer;
   }
   
   .side-menu__block-inner {
     position: relative;
     width: 300px;
     margin-left: auto;
     height: 100vh;
     background: rgb(255,255,255);
     background: linear-gradient(195deg, rgba(255,255,255,1) 0%, rgba(166,189,241,0.9444152661064426) 100%);  z-index: 999999;
     overflow-y: auto;
     padding-top: 30px;
     position: relative;
     display: flex;
     justify-content: center;
     align-content: space-between;
   }
   
   .side-menu__block-inner .mCustomScrollBox {
     width: 100%;
   }
   
   .side-menu__close-btn {
     position: absolute;
     top: 10px;
     right: 20px;
     z-index: 9999999;
     font-size: 18px;
     color: var(--thm-black);
     opacity: 1;
     transition: all 500ms ease;
   }
   
   .side-menu__close-btn:hover {
     color: var(--thm-base);
   }
   
   .mobile-nav__container {
     margin: 40px 0;
     /* border-top: 1px solid rgba(var(--thm-base-rgb), 0.3);
        border-bottom: 1px solid rgba(var(--thm-base-rgb), 0.3); */
   }
   
   .mobile-nav__container ul {
     margin: 0;
     padding: 0;
     list-style: none;
   }
   
   .mobile-nav__container li.dropdown ul {
     display: none;
   }
   
   .mobile-nav__container li.dropdown {
     position: relative;
   }
   
   .mobile-nav__container li.dropdown .dropdown-btn {
     border: none;
     outline: none;
     width: 35px;
     height: 35px;
     background-color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 5px;
     text-align: center;
     font-size: 20px;
     color: var(--thm-black);
     position: absolute;
     top: 8px;
     right: 10px;
     transform: rotate(0);
     transition: transfrom 500ms ease, color 500ms ease,
       background-color 500ms ease;
   }
   
   .mobile-nav__container li.dropdown .dropdown-btn.open {
     transform: rotate(180deg);
     background: #fff;
     color: var(--thm-black);
   }
   
   .mobile-nav__container li + li {
     border-top: 1px solid rgba(255, 255, 255, 0.2);
   }
   
   .mobile-nav__container li > ul {
     border-top: 1px solid rgba(255, 255, 255, 0.2);
   }
   
   .mobile-nav__container li a {
     color: var(--thm-black);
     font-size: 17px;
     font-weight: 500;
     display: block;
     font-family: var(--heading-font);
     padding: 10px 0;
     padding-left: 30px;
     padding-right: 30px;
     border-left: 3px solid transparent;
     transition: all 500ms ease;
     position: relative;
     font-weight: 600;
     text-align: right;
   }
   .nested-item {
     padding-left: 50px !important;
   }
   .nested-item__second {
     padding-left: 70px !important;
   }
   .mobile-nav__container li a:hover {
     background-color: var(--thm-black);
     color: #fff;
   }
   .section-mobile-active {
     background-color: var(--thm-base);
     color: #ffffff;
   }
   .mobile-nav__container li.current-menu-item > a,
   .mobile-nav__container li.current > a {
     border-color: var(--thm-primary);
     background-color: var(--thm-base);
   }
   
   .mobile-nav__container .navigation-box__right {
     border-top: 1px solid rgba(var(--thm-base-rgb), 0.3);
   }
   .nav-active {
     background-color: var(--thm-black);
     color: #fff !important;
   }
   
   .dropdown-btn-active {
     background-color: var(--thm-black);
     color: #fff !important;
   }
   .nav-link-active {
     color: var(--thm-base) !important;
   }
   .side-menu__logo {
     padding-left: 30px;
   }
   
   .side-menu__block__copy {
     color: var(--thm-black);
     font-family: var(--thm-font);
     font-size: 16px;
     text-align: center;
     padding-left: 30px;
     padding-right: 30px;
   }
   
   .side-menu__block__copy a {
     color: var(--thm-base);
     font-weight: 500;
     transition: all 500ms ease;
   }
   
   .side-menu__block__copy a:hover {
     color: var(--thm-base);
   }
   
   .side-menu__social {
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     align-items: center;
     justify-content: center;
     gap:10px
   }
   
   .side-menu__social a {
     color: var(--thm-black);
     font-size: 16px;
     transition: all 500ms ease;
   }
   
   .side-menu__social a:hover {
     color: var(--thm-base);
   }
   
   .side-menu__social a + a {
     margin-left: 12px;
   }
   
   /*-------------------------------------------------------------- 
   ## Banner One Home Two
   --------------------------------------------------------------*/
   
   .banner-one__home-two {
     background-image: url(../images/shapes/banner-bg-2-1.png);
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
   }
   .banner-one__home-two .container {
     padding-top: 195px;
     padding-bottom: 452px;
   }
   
   .banner-one__home-two .banner-one__form {
     margin-left: auto;
     margin-right: auto;
     position: relative;
     z-index: 10;
   }
   
   .banner-one__home-two .banner-one__content h3 {
     margin: 0;
     margin-bottom: 45px;
   }
   
   .banner-one__home-two .banner-one__images {
     position: absolute;
     bottom: -95px;
     left: 0;
     width: 100%;
   }
   
   [class*="banner-one__images-"] {
     position: absolute;
   }
   
   .banner-one__images-1 {
     bottom: 0;
     right: 50px;
     z-index: 2;
   }
   
   .banner-one__images-2 {
     bottom: 0;
     right: 0;
   }
   
   .banner-one__images-3 {
     bottom: 0;
     left: 510px;
   }
   
   .banner-one__images-4 {
     bottom: 0;
     left: 340px;
   }
   
   .banner-one__images-5 {
     bottom: 0;
     left: 125px;
   }
   
   .banner-one__images-6 {
     bottom: 0;
     left: 0;
   }
   
   .banner-two {
     padding-top: 200px;
     padding-bottom: 170px;
     position: relative;
     background-position: top left;
     
     background-repeat: no-repeat;
     background-image: url(/assets/images/banner/flibedBanner.png);
   }
   [class*="banner-two__bg-shape-"] {
     position: absolute;
   }
   
   .banner-two__bg-shape-1 {
     top: 1%;
     right: 30%;
   }
   
   .banner-two__bg-shape-2 {
     top: 0;
     right: 0;
   }
   
   .banner-two__bg-shape-3 {
     top: 8%;
     right: 20%;
   }
   
   .banner-two__bg-shape-4 {
     top: 220px;
     left: 190px;
   }
   
   .banner-two__bg-shape-5 {
     bottom: 4%;
     left: 33%;
   }
   
   .banner-two__bg-shape-6 {
     bottom: -770px;
     left: 0;
     z-index: -1;
   }
   
   .banner-two .container {
     position: relative;
   }
   .banner-two__moc {
     position: absolute;
     top: -50px;
     left: 0;
     transition: all 0.4s ease;
  
   }
   .banner-two__content h3 {
     margin: 0;
     color: #162f62;
     font-size: 60px;
     line-height: 85px;
     font-weight: bold;
     margin-bottom: 26px;
     text-align: right;
   }
   .banner-two__content h3 span {
     font-weight: 500;
   }
   
   .banner-two__content p {
     margin: 0;
     color: var(--gray);
     font-size: 17px;
     line-height: 30px;
     font-weight: 400;
     margin-bottom: 42px;
     text-align: right;
   }
   @media (max-width: 425px) {
     .banner-two__content p {
       text-align: center;
     }
     .banner-two__content h3 {
       text-align: center;
       font-size: 49px;
     }
   }
   .banner-two__btn-block {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
   }
   
   .banner-two__btn-block .thm-btn:nth-child(2) {
     margin-left: 20px;
     background-image: var(--blue-gradient );
   }
   
   /*-------------------------------------------------------------- 
   # Search Popup 
   --------------------------------------------------------------*/
   
   .search-popup {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     z-index: 1000;
     transform: scale(1, 0);
     transform-origin: bottom center;
     transition: transform 0.7s ease;
   }
   
   .search-popup.active {
     transform-origin: top center;
     transform: scale(1, 1);
   }
   
   .search-popup__overlay {
     width: 100%;
     height: 100%;
     background-color: #000;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 999;
     opacity: 0.7;
     cursor: none;
   }
   
   .search-popup__inner {
     position: absolute;
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
   }
   
   .search-popup__form {
     position: relative;
     z-index: 9991;
     width: 100%;
     padding: 15px;
     max-width: 600px;
     position: relative;
   }
   
   .search-popup__form input {
     background-color: transparent;
     border: none;
     outline: none;
     width: 100%;
     height: 60px;
     color: var(--thm-black);
     font-size: 18px;
     background-color: white;
     padding-left: 30px;
   }
   
   .search-popup__form ::-webkit-input-placeholder {
     opacity: 1;
     color: var(--thm-black);
   }
   
   .search-popup__form ::-moz-placeholder {
     opacity: 1;
     color: var(--thm-black);
   }
   
   .search-popup__form :-ms-input-placeholder {
     opacity: 1;
     color: var(--thm-black);
   }
   
   .search-popup__form ::-ms-input-placeholder {
     opacity: 1;
     color: var(--thm-black);
   }
   
   .search-popup__form ::placeholder {
     opacity: 1;
     color: var(--thm-black);
   }
   
   .search-popup__form input::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: var(--thm-black);
   }
   
   .search-popup__form input::-moz-placeholder {
     /* Firefox 19+ */
     color: var(--thm-black);
   }
   
   .search-popup__form input:-ms-input-placeholder {
     /* IE 10+ */
     color: var(--thm-black);
   }
   
   .search-popup__form input:-moz-placeholder {
     /* Firefox 18- */
     color: var(--thm-black);
   }
   
   .search-popup__form button[type="submit"] {
     border: none;
     outline: none;
     width: 60px;
     height: 60px;
     color: #fff;
     background-color: var(--thm-black);
     cursor: pointer;
     position: absolute;
     top: 50%;
     right: 15px;
     transform: translateY(-50%);
     transition: all 0.4s ease;
   }
   
   .search-popup__form button[type="submit"]:hover {
     background-color: var(--thm-base);
     color: #fff;
   }
   
   /*-------------------------------------------------------------- 
   # Footer
   --------------------------------------------------------------*/
   
   .site-footer {
     padding-top: 339px;
     background-image: url(../images/shapes/footer-bg-1-1.png);
     background-position: bottom center;
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
   }
   
   #footer-snow {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
   }
   
   [class*="site-footer__bg-shape-"] {
     position: absolute;
   }
   
   .site-footer__bg-shape-1 {
     top: 24%;
     left: 11%;
     transform-origin: center bottom;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: banner3Shake;
     animation-name: banner3Shake;
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
     -webkit-animation-duration: 5s;
     animation-duration: 5s;
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
   }
   
   .site-footer__bg-shape-2 {
     bottom: 32%;
     right: 3%;
     -webkit-animation-name: shapeMover;
     animation-name: shapeMover;
     -webkit-animation-duration: 9s;
     animation-duration: 9s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
   }
   
   .site-footer__bg-shape-3 {
     bottom: 26%;
     left: 38%;
     -webkit-animation-name: bubbleMover;
     animation-name: bubbleMover;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-duration: 8s;
     animation-duration: 8s;
   }
   
   .site-footer__bg-shape-4 {
     top: 17%;
     right: 20%;
     -webkit-animation-name: bubbleMover;
     animation-name: bubbleMover;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-duration: 8s;
     animation-duration: 8s;
   }
   
   .site-footer .container {
     position: relative;
   }
   
   .site-footer__upper {
     padding-bottom: 80px;
   }
   
   .footer-widget {
     margin-bottom: 40px;
   }
   
   .footer-widget__title {
     margin: 0;
     font-size: 24px;
     font-weight: 600;
     color: #fff;
   }
   .footer-widget__contact p span {
     font-weight: bold;
   }
   .footer-widget p {
     margin: 0;
     color: #fff;
     font-size: 16px;
     line-height: 30px;
   }
   
   .footer-widget p a {
     color: inherit;
     transition: all 500ms ease;
   }
   
   .footer-widget p a:hover {
     color: var(--thm-base);
   }
   
   .footer-widget__links-list {
     margin: 0;
   }
   
   .footer-widget__links-list li {
     line-height: 1em;
   }
   
   .footer-widget__links-list li + li {
     margin-top: 25px;
   }
   
   .footer-widget__links-list li a {
     color: #fff;
     font-size: 16px;
     line-height: 1em;
     transition: all 500ms ease;
   }
   
   .footer-widget__links-list li a:hover {
     color: var(--thm-base);
   }
   
   .footer-widget__social {
     display: flex;
     align-items: center;
     gap: 10px;
   }
   
   .footer-widget__social a {
     color: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 14px;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     border: 2px solid rgba(255, 255, 255, 0.2);
     box-shadow: 0px 30px 50px 0px rgba(25, 71, 174, 0.1);
     box-shadow: none;
     position: relative;
   }
   
   .footer-widget__social a::before {
     content: "";
     position: absolute;
     top: -2px;
     left: -2px;
     right: -2px;
     bottom: -2px;
     border-radius: 50%;
     transform: scale(0);
     transition: transform 500ms ease;
     background-image: linear-gradient(
       -48deg,
       var(--thm-primary) 0%,
       var(--thm-base) 100%
     );
   }
   
   .footer-widget__social a:hover::before {
     transform: scale(1);
   }
   
   .footer-widget__social a + a {
     margin-left: 15px;
   }
   
   .footer-widget__social a i {
     position: relative;
   }
   
   .footer-widget__contact .footer-widget__title,
   .footer-widget__about .footer-widget__title {
     margin-bottom: 36px;
   }
   
   .footer-widget__about p {
     margin-bottom: 29px;
   }
   
   .footer-widget__contact p + p {
     margin-top: 12px;
   }
   
   [class*="footer-widget__links__"] .footer-widget__title {
     margin-bottom: 41px;
   }
   
   @media (min-width: 1200px) {
     .footer-widget__links__2,
     .footer-widget__links__1 {
       padding-left: 100px;
     }
   
     .footer-widget__contact {
       padding-left: 60px;
     }
   }
   
   .site-footer__bottom {
     background-color: #002a7a;
   }
   
   .site-footer__bottom .container {
     padding-top: 18px;
     padding-bottom: 18px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
   }
   .site-footer__bottom__content {
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
     width: 100%;
   }
   .site-footer__bottom p {
     margin: 0;
     font-size: 16px;
     color: #fff;
   }
   
   .site-footer__bottom p span {
     color: var(--thm-base);
     font-weight: 700;
   }
   
   .site-footer__bottom-menu {
     margin: 0;
     display: flex;
     align-items: center;
   }
   
   .site-footer__bottom-menu li + li {
     margin-left: 46px;
   }
   
   .site-footer__bottom-menu li a {
     font-size: 16px;
     color: #fff;
     transition: all 500ms ease;
   }
   
   .site-footer__bottom-menu li a:hover {
     color: var(--thm-base);
   }
   
   .site-footer__home-three .site-footer__bottom {
     background-color: #162f62;
   }
   
   .site-footer__home-three {
     padding-top: 0;
     background-image: none;
   }
   
   .site-footer__home-three .site-footer__upper {
     background-color: var(--thm-black-second);
     background-position: bottom center;
     background-size: cover;
     background-repeat: no-repeat;
     padding-top: 120px;
   }
   
   .site-footer__home-three .footer-widget__links-list li a:hover {
     color: var(--thm-base);
   }
   
   .footer-heart-icon {
     margin: 0px 5px;
     color: var(--thm-base);
   }
   /*-------------------------------------------------------------- 
   # Contact One
   --------------------------------------------------------------*/
   
   .contact-one__form {
     padding-left: 70px;
     padding-right: 70px;
     position: relative;
   }
   
   .contact-one .block-title {
     position: relative;
   }
   
   .contact-one .block-title h3 {
     font-size: 30px;
     line-height: 1em;
   }
   
   .contact-one__form textarea,
   .contact-one__form .bootstrap-select > .dropdown-toggle,
   .contact-one__form .custom-select ,
   .contact-one__form
     input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
     border: none;
     outline: none;
     display: block;
     width: 100%;
     height: 40px;
     border-bottom: 1px solid #e5e5e5;
     font-size: 15px;
     border-radius: 0;
     /* margin-bottom: 16px; */
     color: #8a919e;
   }
   
   .contact-one__form textarea {
     height: 85px;
   }
   
   .contact-one__form ::-webkit-input-placeholder {
     opacity: 1;
     color: #8a919e;
   }
   
   .contact-one__form ::-moz-placeholder {
     opacity: 1;
     color: #8a919e;
   }
   
   .contact-one__form :-ms-input-placeholder {
     opacity: 1;
     color: #8a919e;
   }
   
   .contact-one__form ::-ms-input-placeholder {
     opacity: 1;
     color: #8a919e;
   }
   
   .contact-one__form ::placeholder {
     opacity: 1;
     color: #8a919e;
   }
   
   .contact-one__btn {
     margin-top: 34px;
   }
   
   .contact-map__block {
     padding-top: 170px;
     padding-bottom: 170px;
   }
   
   .google-map__contact-page {
     border-radius: 10px;
     width: 100%;
     height: 450px;
     border: none;
     outline: none;
     display: block;
   }
   
   /*-------------------------------------------------------------- 
   # Mailchimp One
   --------------------------------------------------------------*/
   
   .mailchimp-one {
     position: relative;
     z-index: 20;
     padding-bottom: 120px;
     padding-top: 120px;
   }
   
   .mailchimp-one .inner-container {
     border-radius: 10px;
     box-shadow: 0px -20px 50px 0px rgba(25, 71, 174, 0.1);
     padding: 80px 60px;
     position: relative;
     background-color: #fff;
     margin: auto;
     max-width: 1000px;
   }
   
   [class*="mailchimp-one__bg-shape-"],
   [class*="mailchimp-one__moc-"] {
     position: absolute;
   }
   
   .mailchimp-one__moc-1 {
     bottom: 0;
     left: -8%;
     z-index: 10;
   }
   
   .mailchimp-one__moc-2 {
     right: -80px;
     bottom: -10px;
   }
   
   .mailchimp-one__bg-shape-1 {
     top: 70px;
     left: 70px;
   }
   
   .mailchimp-one__bg-shape-2 {
     top: 120px;
     right: 120px;
   }
   
   .mailchimp-one__form {
     width: 100%;
     max-width: 770px;
     margin-left: auto;
     margin-right: auto;
     border-radius: 35px;
     background-color: #fff;
     position: relative;
     box-shadow: 0px 10px 30px 0px rgba(51, 57, 178, 0.17);
   }
   
   .mailchimp-one__form
     input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
     border: none;
     outline: none;
     width: 100%;
     height: 50px;
     padding-right: 30px;
     font-size: 16px;
     border-radius: 35px;
     color: #9b9fa6;
     font-family: var(--heading-font);
   }
   
   .mailchimp-one__form ::-webkit-input-placeholder {
     opacity: 1;
     color: #9b9fa6;
    
     

   }
   
   .mailchimp-one__form ::-moz-placeholder {
     opacity: 1;
     color: #9b9fa6;
     
   }
   
   .mailchimp-one__form :-ms-input-placeholder {
     opacity: 1;
     color: #9b9fa6;
    
   }
   
   .mailchimp-one__form ::-ms-input-placeholder {
     opacity: 1;
     color: #9b9fa6;
     
   }
   
   .mailchimp-one__form ::placeholder {
     opacity: 1;
     color: #9b9fa6;
     padding: 10px;
   }
   
   .mailchimp-one__btn {
    padding: 9px 15px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
   }
   .mailchimp-one .block-title {
     margin-bottom: 30px;
   }
   .mailchimp-one .inner-container p {
     margin-bottom: 30px;
   }
   
   /*-------------------------------------------------------------- 
   # how it works
   --------------------------------------------------------------*/
   
   .pricing-one {
     padding-top: 170px;
     padding-bottom: 130px;
     position: relative;
   }
   
   .pricing-one .row.high-gutters {
     margin-left: -20px;
     margin-right: -20px;
   }
   
   .pricing-one .row.high-gutters > [class*="col-"] {
     padding-left: 20px;
     padding-right: 20px;
   }
   
   .pricing-one__single {
     margin-bottom: 40px;
     text-align: center;
     position: relative;
     box-shadow: 0px 30px 50px 0px rgba(25, 71, 174, 0.1);
     border-radius: 10px;
     padding-top: 43px;
     padding-bottom: 75px;
     min-height: 502px;
   }
   .pricing-one__number {
     display: inline-block;
     font-size: 100px;
     font-weight: bold;
     padding: 40px 20px;
     border-radius: 15px;
     color: var(--thm-black);
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
     position: relative;
   }
   
   .pricing-one__btn {
     position: absolute;
     left: 50%;
     bottom: 0;
     opacity: 0;
     transition: all 500ms ease;
     transform: translateY(0%) translateX(-50%);
   }
   
   .pricing-one__single:hover .pricing-one__btn {
     opacity: 1;
     transform: translateY(50%) translateX(-50%);
   }
   
   .pricing-one__single h3 {
     margin-bottom: 20px;
     font-size: 20px;
     font-weight: 700;
     color: #ff4500;
     position: relative;
     z-index: 10;
     transition: all 500ms ease;
   }
   
   .pricing-one__list {
     margin: 0;
     margin-top: 20px;
     position: relative;
     z-index: 10;
   }
   
   .pricing-one__list li {
     margin: 0;
     font-size: 18px;
     color: var(--thm-base);
     line-height: 27px;
     transition: all 500ms ease;
     font-weight: 500;
   }
   .pricing-one__list li p {
     font-weight: 400;
   }
   
   .pricing-one__list li + li {
     margin-top: 7px;
   }
   
   .pricing-one__list li.disabled {
     color: var(--gray);
   }
   
   .pricing-one__single p {
     margin: 0;
     font-size: 16px;
     line-height: 1.8;
     padding: 5px 20px;
     font-family: var(--heading-font);
     color: var(--gray);
     position: relative;
     z-index: 10;
     transition: all 500ms ease;
   }
   
   
   .pricing-one__single p span {
     color: var(--thm-black);
     font-size: 17px;
     font-weight: 600;
   }
   
   .pricing-one__icon {
     width: 214px;
     height: 224px;
     display: flex;
     margin-left: auto;
     margin-right: auto;
     align-items: center;
     justify-content: center;
     text-align: center;
     position: relative;
     z-index: 10;
     margin-bottom: 30px;
     position: relative;
   }
   
   .pricing-one__icon div {
     position: absolute;
     /* background-color: var(--thm-black); */
     color: var(--thm-black);
     top: 11%;
     left: 55%;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 10px;
   }
   
   .pricing-one__icon::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     opacity: 0.4;
     background-repeat: no-repeat;
     background-position: center center;
     /* background-image: url(../images/shapes/pricing-icon-shape-1-1.png); */
     transition: all 500ms ease;
   }
   
   .pricing-one__home-three {
     padding-top: 0;
   }
   
   /*-------------------------------------------------------------- 
   ## Pricing Two
   --------------------------------------------------------------*/
   
   .pricing-two {
     padding-bottom: 120px;
     padding-top: 0px;
   }
   
   .pricing-two .pricing-one__btn {
     padding-left: 20.5px;
     padding-right: 20.5px;
     width: 80%;
   }
   
   .pricing-two .pricing-one__single {
     box-shadow: none;
     position: relative;
   }
   
   .pricing-two .pricing-one__single::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     border-radius: 10px;
     transform: scale(0, 1);
     transform-origin: right;
     background-image: linear-gradient(
       -45deg,
       var(--thm-black) 0%,
       var(--thm-black-second) 100%
     );
     transition: transform 500ms ease;
   }
   
   .pricing-two .pricing-one__single:hover::before {
     transform-origin: left;
     transform: scale(1, 1);
   }
   .pricing-two .pricing-one__single:hover .pricing-one__number {
     color: var(--thm-base);
   }
   
   .pricing-two [class*="col-"]:nth-child(even) .pricing-one__single {
     border: 1px solid #f2f2f2;
   }
   
   .pricing-two .pricing-one__icon {
     width: 150px;
     height: 157px;
   }
   
   .pricing-two .pricing-one__icon::before {
     opacity: 1;
     background-image: url(../images/shapes/s2.png);
     background-size: 150px 157px;
   }
   
   .pricing-two .pricing-one__single:hover .pricing-one__icon::before {
     background-image: url(../images/shapes/pricing-icon-shape-white.png);
     background-size: 150px 157px;
   }
   
   .pricing-two .pricing-one__single:hover h3,
   .pricing-two .pricing-one__single:hover p,
   .pricing-two .pricing-one__single:hover p span,
   .pricing-two .pricing-one__single:hover .pricing-one__list li {
     color: #fff;
     /* font-weight: bold; */
   }
   .pricing-one__list__text {
     padding: 10px;
     font-size: 16px;
   }
   .pricing-two .pricing-one__single:hover .pricing-one__list li.disabled {
     color: #fff;
     opacity: 0.8;
   }
   
   /*-------------------------------------------------------------- 
   # Call to Action One
   --------------------------------------------------------------*/
   
   .cta-one {
     background-image: url(../images/shapes/cta-bg-1-1.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     margin-bottom: 120px;
   }
   
   .cta-one .container {
     text-align: center;
     position: relative;
     padding-top: 146.5px;
     padding-bottom: 146.5px;
   }
   
   .cta-one__content {
     display: flex;
     justify-content: space-between;
     flex-direction: column;
     align-items: flex-start;
   }
   
   .cta-one h3 {
     margin: 0;
     color: #fff;
     font-size: 50px;
     line-height: 60px;
     font-weight: bold;
     margin-bottom: 47px;
     text-transform: capitalize;
   }
   .cta-one h3 span {
     font-weight: 500;
     font-size: 25px;
     line-height: 0.9;
   }
   
   @media (max-width: 992px) {
     .cta-one__content {
       margin-bottom: 50px;
     }
     .cta-one h3 {
       font-size: 40px;
     }
     .cta-one h3 span {
       font-size: 18px;
     }
   }
   @media (max-width: 425px) {
     .cta-one h3 {
       font-size: 30px;
     }
     .cta-one .thm-btn,
     .contact-one__btn {
       width: 100%;
     }
     .service-one .thm-btn {
       width: 100%;
       margin: 0px 25px;
     }
   }
   
   .cta-one__about-one .container {
     padding-top: 140px;
     padding-bottom: 409px;
   }
   
   .cta-one__home-one {
     background-position: center center;
     background-size: cover;
     padding-top: 286.5px;
     padding-bottom: 286.5px;
     background-image: url(../images/shapes/cta-bg-2-2.png);
   }
   
   .cta-one__home-one .container {
     padding-top: 0;
     padding-bottom: 0;
   }
   
   /*-------------------------------------------------------------- 
   # Service One (features)
   --------------------------------------------------------------*/
   
   .service-one {
     padding-top: 20px;
     padding-bottom: 120px;
   }
   
   .service-one .row.high-gutters {
     margin-left: -25px;
     margin-right: -25px;
   }
   
   .service-one .row.high-gutters > [class*="col-"] {
     padding-left: 25px;
     padding-right: 25px;
   }
   
   .service-one__single {
     margin-bottom: 50px;
     background-color: #fff;
     box-shadow: 0px 30px 50px 0px rgba(25, 71, 174, 0.1);
     border-radius: 10px;
     padding-left: 40px;
     padding-right: 40px;
     display: flex;
     padding-top: 37px;
     padding-bottom: 37px;
     align-items: center;
     transition: all 0.5s;
     transform: scale(1);
   }
   /* .service-one__single:hover {
        transform: scale(1.03);
   } */
   /* .service-one__single:hover .service-one__content h3>span{
        color: var(--thm-base);
   } */
   .service-one__soon-text {
     color: var(--thm-base);
     font-size: 16px;
     font-weight: 500;
   }
   
   .service-one__icon-inner {
     width: 100px;
     height: 131px;
     background-repeat: no-repeat;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .service-one__icon-inner i {
     font-size: 60px;
   }
   
   .service-one__content {
     padding-left: 30px;
   }
   
   .service-one__content h3 {
     color: var(--thm-black);
     font-size: 22px;
     font-weight: 600;
     margin: 0;
     margin-bottom: 14px;
   }
   
   .service-one__content h3 > span {
     color: inherit;
     transition: all 500ms ease;
   }
   
   .service-one__content p {
     margin: 0;
     color: var(--gray);
     font-size: 17px;
     line-height: 32px;
   }
   .service-one__content .service-one__content__special-text {
     color: var(--thm-base);
     font-weight: 600;
     text-transform: uppercase;
   }
   
   .service-one__home-two {
     position: relative;
   }
   
   .service-one__home-two__bg-1 {
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
   }
   
   .service-one__home-two .container {
     position: relative;
   }
   
   .service-one__home-three {
     background-repeat: no-repeat;
     background-image: url(../images/shapes/service-1-bg-3-1.png);
     background-position: top center;
   }
   
   .service-one__home-three .block-title h3 {
     color: #fff;
   }
   
   .service-one__home-three .block-title p {
     display: inline-block;
     border-radius: 17.5px;
     border-bottom-left-radius: 0;
     background-color: #fff;
     box-shadow: 0px 10px 30px 0px rgba(51, 57, 178, 0.17);
   }
   
   .service-one__home-three {
     position: relative;
   }
   
   .service-one__home-three .container {
     position: relative;
   }
   
   [class*="service-one__home-three__bg-"] {
     position: absolute;
   }
   
   .service-one__home-three__bg-1 {
     top: 2%;
     left: 30%;
   }
   
   .service-one__home-three__bg-2 {
     top: 6%;
     left: 38%;
   }
   
   .service-one__home-three__bg-3 {
     top: 10%;
     right: 15%;
   }
   
   /*-------------------------------------------------------------- 
   # About One  ( why us)
   --------------------------------------------------------------*/
   
   .about-one {
     padding-bottom: 120px;
     position: relative;
   }
   
   .about-one .container {
     position: relative;
   }
   .about-one__image {
     display: none;
   }
   .about-one__content .block-title {
     margin-bottom: 27px;
   }
   
   .about-one__content > p {
     margin: 0;
     font-size: 17px;
     line-height: 32px;
     text-align: right;
   }
   
   .about-one__image {
     position: relative;
     left: 50px;
     top: 100px;
   }
   
   .about-one__box-wrapper {
     margin-top: 56px;
   }
   
   .about-one__box {
     display: flex;
   }
   
   .about-one__box {
     margin-top: 45px;
   }
   
   .about-one__box-content {
     padding-right: 20px;
     text-align: right;
   }
   
   .about-one__box-content h3 {
     margin: 0;
     color: var(--thm-black);
     font-size: 20px;
     margin-bottom: 14px;
     font-weight: 600;
   }
   .about-one__box-content span {
     color: var(--thm-base);
     font-weight: bold;
   }
   
   .about-one__box-content p {
     margin: 0;
     color: var(--gray);
     font-size: 16px;
     line-height: 1.4;
     display: inline;
     text-align: right;
   }
   .about-text span {
     font-weight: 600;
     font-size: 18px;
     color: var(--thm-base);
     text-transform: uppercase;
   }
   .about-one__box-icon i {
     width: 40px;
     height: 40px;
     color: #fff;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 20px;
     position: relative;
     top: -6px;
     background-image: linear-gradient(
       -45deg,
       var(--thm-black),
       var(--thm-black-second) 100%
     );
   }
   
   .about-one__box:nth-child(2) .about-one__box-icon i {
     background-image: linear-gradient(
       -45deg,
       var(--thm-primary) 0%,
       var(--thm-base) 100%
     );
   }
   
   .about-one__box:nth-child(3) .about-one__box-icon i {
     background-image: linear-gradient(
      -45deg,
      var(--yellow-dark) 0%,
      var(--yellow-light) 100%
    );
   }
   .about-one__box:nth-child(4) .about-one__box-icon i {
     background-image: linear-gradient(-45deg, #E94A42 0%, #B71D15 100%);
   }
   .about-one__box:nth-child(5) .about-one__box-icon i {
     background-image: linear-gradient(
       -45deg,
       var(--yellow-dark) 0%,
       var(--yellow-light) 100%
     );
   }
   .about-one__box:nth-child(6) .about-one__box-icon i {
     background-image: linear-gradient(-45deg, #f65a5a 0%, #ff7878 100%);
   }
   .about-one__home-two {
     padding-top: 170px;
   }
   
   .about-one__home-two .about-one__image {
     top: 10px;
   }
   
   /*-------------------------------------------------------------- 
   ## About Two (ceate campign )
   --------------------------------------------------------------*/
   
   .about-two {
     position: relative;
     padding-bottom: 120px;
   }
   
   .about-two .container {
     position: relative;
   }
   @media (max-width: 576px) {
     .container {
       padding-left: 30px;
       padding-right: 30px;
     }
   }
   .about__image2 {
     position: absolute;
     top: -30px;
     left: 15px;
   }
   .about__image1 {
     width: 100%;
   }
   
   .about__images {
     position: relative;
   }
   .about-two__image-2 {
     bottom: 0;
     left: calc(50% - 235.5px);
   }
   
   .about-two__image-3 {
     left: 0;
     bottom: 0;
   }
   
   .about-two__content {
     padding-left: 40px;
     order: 2;
   }
   
   .about-two__content .block-title {
     margin-bottom: 30px;
   }
   
   .about-two__content > p {
     margin: 0;
     margin-bottom: 40px;
   }
   
   .about-two__counter-wrap {
     display: flex;
     justify-content: space-between;
     align-items: center;
   }
   
   .about-two__counter {
     width: 150px;
     text-align: center;
   }
   
   .about-two__count {
     width: 145px;
     height: 145px;
     display: flex;
     justify-content: center;
     align-items: center;
     border: 5px solid var(--thm-black);
     border-radius: 50%;
     font-size: 34px;
     font-family: var(--heading-font);
     font-weight: 600;
     color: var(--thm-black);
   }
   
   .about-two__counter:nth-child(2) .about-two__count {
     border-color: var(--thm-base);
   }
   
   .about-two__counter:nth-child(3) .about-two__count {
     border-color: var(--thm-primary);
   }
   
   .about-two__count b {
     font-size: 20px;
     font-weight: 600;
     position: relative;
     top: -10px;
   }
   
   .about-two__counter h3 {
     font-size: 16px;
     color: var(--thm-black);
     font-weight: 500;
     margin: 0;
     margin-top: 20px;
   }
   /* 
   ==================================
   integration
   ==================================
   */
   
   .integration-container {
     padding-bottom: 120px;
   }
   
   /* 
   ====================================
   Dashboard 
   ===================================
   */
   .dashboard {
     position: relative;
     padding-bottom: 120px;
     padding-top: 20px;
   }
   .dashboard-image {
     transition: all 1s;
     position: relative;
     height: 500px;
     display: flex;
     justify-content: center;
     align-items: center;
   }
   .dashboard-image img {
     opacity: 0;
     transition: all 1s;
     position: absolute;
     width: 100%;
     top: 0;
     left: 0;
     bottom: 0;
   }
   .dashboard-image img.img-active {
     opacity: 1;
   }
   /* 
   =====================
   backed-by
   =====================
   */
   .logo500 {
     font-size: 30px;
     color: #000;
     font-weight: bold;
   }
   .backed-by{
    direction: ltr;
    padding-bottom: 170px;
   }
   /* 
   =============================
   error-404
   =============================
   */
   
   .error-404 {
     padding-bottom: 20px;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 100vh;
   }
   
   .error-404-text {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     flex-direction: column;
     padding: 2rem;
     width: 100%;
     height: 100%;
   }
   .error-404-text h2 {
     color: var(--thm-black);
     font-weight: bold;
     text-transform: capitalize;
   }
   .error-404-text h3 {
     color: var(--thm-black);
     font-weight: bold;
     text-transform: capitalize;
   }
   .error-404-text p {
     color: var(--gray);
   }
   .error-404-img {
     max-width: 600px;
     margin: auto;
   }
   .back-to-home-btn {
     margin-top: 1rem;
   }
   @media (max-width: 425px) {
     .error-404 {
       padding-top: 50px;
       padding-bottom: 50px;
     }
     .back-to-home-btn {
       width: 100%;
     }
   }
   /* 
   ====================
   form validation
   ====================
   */
   small {
     color: #a30000;
     padding: 5px;
   }
   
   .show-error {
     border-bottom: 1px solid #a30000 !important;
   }
   .success-message-content {
     width: fit-content;
     background-color: var(--green-dark);
     position: fixed;
     color: #fff;
     padding: 6px 10px;
     top: 20px;
     z-index: 99;
     border-radius: 22px;
     justify-content: center;
     align-items: center;
     box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
     font-weight: bold;
     display: flex;
     right: 10px;
     top: 3%;
   }
   .success-message-content p {
     margin: 0;
   }
   .success-message-content-parent,
   .faild-message-content-parent {
     display: none;
   }
   .success-message-content i {
     color: #fff;
     margin-right: 10px;
   }
   .faild-message-content {
     width: fit-content;
     background-color: var(--thm-primary);
     position: fixed;
     color: #fff;
     padding: 6px 10px;
     top: 20px;
     z-index: 99;
     border-radius: 22px;
     justify-content: center;
     align-items: center;
     box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
     font-weight: bold;
     display: flex;
     right: 10px;
     top: 3%;
   }
   .faild-message-content p {
     margin: 0;
   }
   .faild-message-content i {
     color: #fff;
     margin-right: 10px;
   }
   /* 
   ======================
   spnsorship 
   ======================
   */
   .sponsorship-view {
     position: relative;
     padding-bottom: 120px;
     padding-top: 20px;
   }
   .sponsorship-video {
     position: relative;
     width: 100%;
     padding-bottom: 56.25%;
   }
   .sponsorship-video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 20px;
   }
   .orbit-logo {
     min-width: 250px;
   }
   .sponsorship-text-special {
     color: var(--thm-black) !important;
     font-size: 1.2rem;
   }
   .sponsor-logo-container {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     /* gap: 10px; */
   }
   .sponsorship-mobile-view a {
     position: relative;
   }
   .sponsorship-mobile-view {
     display: none;
   }
   .sponsorship-arrow {
     animation: bounce 1500ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
     cursor: pointer;
     align-self: center;
     position: absolute;
     bottom: -10px;
     right: -10px;
     /* transform: rotateX(45deg); */
   }
   .leads-mart-logo {
     width: 180px;
   }
   /*-------------------------------------------------------------- 
# FAQ One
--------------------------------------------------------------*/

.faq-one {
	padding-top: 170px;
}


.faq-one__form-wrap .contact-two__form-wrap,
.faq-one__form-wrap .contact-one__form {
	padding: 0;
	box-shadow: none;
	background-color: transparent;
}

.faq-one__form-wrap .contact-one__form {
	margin-right: 20px;
}

.faq-one__form-wrap .block-title {
	margin-bottom: 36px;
  text-align: right;
}

.faq-one__form-wrap .contact-one__btn {
	margin-top: 14px;
}

.faq-one__form-image {
	position: relative;
	display: inline-block;
	left: 110px;
}

.faq-one__form-image img:nth-child(1) {
	position: absolute;
	bottom: 0;
	left: -60px;
}

.faq-one {
	background-image: url(../images/shapes/faq-one-bg-1.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 216px;
}

.faq-one .accrodion+.accrodion {
	margin-top: 40px;
}

.faq-one .accrodion-title h4 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: var(--thm-black);
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
	padding-right: 70px;
	line-height: 40px;
  text-align: right;
}

.faq-one .accrodion-title h4::before {
	content: '\f309';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 50%;
	background-image: linear-gradient(
    -45deg,
    var(--thm-primary) 0%,
    var(--thm-base) 100%
  );
	transition: transform 500ms ease;
	transform: rotate(0deg);
	position: absolute;
	top: 50%;
	right: 0;
	transform: rotate(0deg) translateY(-50%);
	transform-origin: top;
}

.faq-one .accrodion:nth-child(2) .accrodion-title h4::before {
	background-image: linear-gradient(
    -45deg,
    var(--thm-black),
    var(--thm-black-second) 100%
  );
}

.faq-one .accrodion:nth-child(3) .accrodion-title h4::before {
  background-image: linear-gradient(-45deg, #E94A42 0%, #B71D15 100%);

}

.faq-one .accrodion:nth-child(4) .accrodion-title h4::before {
	background-image: linear-gradient(
    -45deg,
    var(--yellow-dark) 0%,
    var(--yellow-light) 100%
  );}
  .faq-one .accrodion:nth-child(5) .accrodion-title h4::before {
    background-image: linear-gradient(
    -45deg,
    var(--thm-black),
    var(--thm-black-second) 100%
  );
  }

.faq-one .accrodion.active .accrodion-title h4::before {
	transform-origin: top;
	transform: rotate(180deg) translateY(-50%);
}

.faq-one .accrodion-content p {
	margin: 0;
	font-size: 17px;
	line-height: 32px;
	color: #8a919e;
}

.faq-one .accrodion-content {
	padding-right: 70px;
  text-align: right;
	margin-bottom: -10px;
}

.faq-one .row.high-gutters {
	margin-left: -27px;
	margin-right: -27px;
}

.faq-one .row.high-gutters>[class*=col-] {
	padding-left: 27px;
	padding-right: 27px;
}

.faq-one__home-three {
	background-image: none;
	padding-top: 0;
	padding-bottom: 170px;
}



.faq-one__home-three .faq-one__form-image {
	left: auto;
}
/*-------------------------------------------------------------- 
## Contact Two
--------------------------------------------------------------*/

.contact-two {
	position: relative;

  padding-bottom: 170px;
}

.contact-two .container {
	position: relative;
}


[class*=contact-two__bg-shape-] {
	position: absolute;
}

.contact-two__bg-shape-1 {
	top: 19%;
	left: 49%;
	transform-origin: center bottom;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: banner3Shake;
	animation-name: banner3Shake;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.contact-two__bg-shape-2 {
	left: 10%;
	bottom: -10%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	transition: transform .4s ease;
	-webkit-animation-name: globeRotate;
	animation-name: globeRotate;
	-webkit-animation-duration: 10s !important;
	animation-duration: 10s !important;
}

.contact-two__bg-shape-3 {
	top: 49%;
	right: 15%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	transition: transform .4s ease;
	-webkit-animation-name: globeRotate;
	animation-name: globeRotate;
	-webkit-animation-duration: 10s !important;
	animation-duration: 10s !important;
}


[class*=contact-two__bubble-] {
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	-webkit-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
	        animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
}

.contact-two__bubble-1 {
	width: 12px;
	height: 12px;
	border: 3px solid #f3c14a;
	top: 30%;
	left: 10%;
}

.contact-two__bubble-2 {
	width: 8px;
	height: 8px;
	background-color: #9b6dfc;
	top: 60%;
	left: 20%;
}

.contact-two__bubble-3 {
	width: 12px;
	height: 12px;
	border: 3px solid #00cedc;
	top: 90%;
	left: 10%;
}

.contact-two__bubble-4 {
	width: 8px;
	height: 8px;
	background-color: #ff7878;
	top: 100%;
	left: 20%;
}

.contact-two__bubble-5 {
	width: 12px;
	height: 12px;
	border: 3px solid #ff5b59;
	top: 30%;
	right: 10%;
}

.contact-two__bubble-6 {
	width: 8px;
	height: 8px;
	background-color: #437efa;
	top: 60%;
	right: 20%;
}

.contact-two__bubble-7 {
	width: 12px;
	height: 12px;
	border: 3px solid #00cedc;
	top: 90%;
	right: 10%;
}

.contact-two__bubble-8 {
	width: 8px;
	height: 8px;
	background-color: #ff7878;
	top: 100%;
	right: 20%;
}

.contact-two .contact-one__form {
	padding: 0;
}

.contact-two__info-single {
	display: flex;
}

.contact-two__info-single+.contact-two__info-single {
	margin-top: 31px;
}

.contact-two__info h3 {
	margin: 0;
	color: var(--thm-black);
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 52px;
}

.contact-two__info-icon i {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 24px;
	background-image: linear-gradient(-45deg, #dc88ff 0%, #8035ff 100%);
	color: #fff;
	border-radius: 50%;
	margin-right: 30px;
	position: relative;
	box-shadow: 0px 20px 30px 0px rgba(199, 75, 51, 0.15);
	top: 5px;
}

.contact-two__info-single:nth-child(1) .contact-two__info-icon i {
	background-image: linear-gradient(-45deg, #dc88ff 0%, #8035ff 100%);
}

.contact-two__info-single:nth-child(2) .contact-two__info-icon i {
	background-image: linear-gradient(-45deg, #61d8ff 0%, #6168ff 100%);
}

.contact-two__info-single:nth-child(3) .contact-two__info-icon i {
	background-image: linear-gradient(-45deg, #ff90ca 0%, #d52176 100%);
}

.contact-two__info-content h4 {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	color: var(--thm-black);
	margin-bottom: 7px;
}

.contact-two__info-content p {
	margin: 0;
	color: #8a919e;
	font-size: 16px;
	line-height: 30px;
}

.contact-two__info-content p a {
	color: inherit;
	transition: all 500ms ease;
}

.contact-two__info-content p a:hover {
	color: var(--thm-black);
}

.contact-two__form-wrap {
	background-color: #fff;
	border-radius: 11px;
	padding-top: 55px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 60px;
	box-shadow: 0px 20px 50px 0px rgba(25, 71, 174, 0.1);
}


.contact-two__form-wrap h3 {
	margin: 0;
	color: var(--thm-black);
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 23px;
}

.contact-two .contact-one__btn {
	margin: 0;
	margin-top: 14px;
}/*-------------------------------------------------------------- 
## Service Details
--------------------------------------------------------------*/

.service-details {
	padding-top: 170px;
	padding-bottom: 170px;
}
.service-details__list {
	margin-top: 25px;
}


.service-details__list div {
	position: relative;
	padding-right: 35px;
  margin-top: 1rem;
}

.service-details__list div i {
	position: absolute;
	top: 6px;
	/* transform: translateY(-50%); */
	right: 0;
	font-size: 17px;
	background-image: linear-gradient(
    -48deg,
    var(--thm-primary) 0%,
    var(--thm-base) 100%
  );
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.service-details__list div:nth-child(2) i {
	background-image: linear-gradient(
    -45deg,
    var(--thm-black) 0%,
    var(--thm-black-second) 100%
  );
}

.service-details__list div:nth-child(3) i {
  background-image: linear-gradient(-45deg, #E94A42 0%, #B71D15 100%);

}
.service-details__list div:nth-child(4) i {
	background-image:   linear-gradient(
    -45deg,
    var(--yellow-dark) 0%,
    var(--yellow-light) 100%
  );
}
   /* language icon style */

.language-dropdown-menu{
  border-radius: 10px;
  border: none;
  box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
}
.language-icon{
  color: var(--thm-black);
}
.language-dropdown__btn{
  color: var(--thm-black);
  transition: all 0.5s;
}
.language-dropdown__btn:hover{
  color: var(--thm-base);
}
.dropdown-item{
  text-align: right;
}
@media (max-width: 767px) {
  .language-dropdown{
    display: none;
  }
}
@media (min-width: 767px) {
  .mobile-language-dropdown{
    display: none;
  }
}
.custom-select{
  background-position: left;
   padding-right: 5px;
   border: none;
 
}
.custom-select:focus {
 outline-color: #000;
 
}