/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700'); */
 @import url('https://fonts.googleapis.com/css2?family=Cal+Sans&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');


 .main-font {
     font-family: "Plus Jakarta Sans", sans-serif;
 }

 .alt-font {
     font-family: "Cal Sans", sans-serif;
 }


 /* ===================================
    General
====================================== */

 body {
     font-family: "Plus Jakarta Sans", sans-serif;
     font-size: 15px;
     color: #000;
     font-weight: 400;
     line-height: 26px;
     /* letter-spacing: 0.5px; */
     overflow-x: hidden;
     -webkit-font-smoothing: antialiased;
 }

 p {
     margin-bottom: 0;
     color: #000;

 }

 a {
     color: inherit;
 }

 br {
     line-height: 15px
 }

 ::-webkit-scrollbar-track {
     background-color: #e9edf0;
     border-left: 1px solid #ededed;
 }

 ::-webkit-scrollbar {
     width: 7px;
     background-color: #385aef;
 }

 ::-webkit-scrollbar-thumb {
     background: #385aef;
 }

 a:hover,
 a:active {
     color: #385aef;
     text-decoration: none;
 }

 a:focus,
 a:active,
 button:focus,
 button:active,
 .btn.active.focus,
 .btn.active:focus,
 .btn.focus,
 .btn:active.focus,
 .btn:active:focus,
 .btn:focus {
     outline: none;
     text-decoration: none
 }

 .form-control::placeholder {
     color: #000;
     opacity: 1;
 }

 .form-control:-ms-input-placeholder {
     color: #000;
 }

 .form-control::-ms-input-placeholder {
     color: #000;
 }

 a,
 *::before,
 *::after,
 img,
 span,
 input,
 button,
 .navbar,
 .fixedmenu,
 .tp-bullet,
 .owl-dot,
 .owl-prev,
 .owl-next {
     transition: ease-in-out 0.2s;
     -webkit-transition: ease-in-out 0.2s;
     -moz-transition: ease-in-out 0.2s;
     -ms-transition: ease-in-out 0.2s;
     -o-transition: ease-in-out 0.2s;
 }

 ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 :focus {
     outline: none;
 }

 img {
     max-width: 100%
 }

 section,
 .section-padding {
     position: relative;
     padding: 7.5rem 0;
     overflow: hidden;
 }

 .section-top-margin {
     margin-top: 7.5rem;
 }

 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     line-height: 1;
     font-family: "Cal Sans", sans-serif;
     margin-bottom: 0;
 }

 .btn.focus,
 .btn:focus {
     box-shadow: none;
 }

 a {
     text-decoration: none;
 }

 .form-group {
     margin-bottom: 1rem;
 }

 /* transition none */

 .no-transition * {
     transition-timing-function: initial;
     -moz-transition-timing-function: initial;
     -webkit-transition-timing-function: initial;
     -o-transition-timing-function: initial;
     -ms-transition-timing-function: initial;
     transition-duration: 0s;
     -moz-transition-duration: 0s;
     -webkit-transition-duration: 0s;
     -o-transition-duration: 0s;
     -ms-transition-duration: 0s;
 }


 /* opacity */
 .opacity-full {
     opacity: 1;
 }

 .opacity-3 {
     opacity: .3;
 }

 .opacity-4 {
     opacity: .4;
 }

 .opacity-5 {
     opacity: .5;
 }

 .opacity-6 {
     opacity: .6;
 }

 .opacity-7 {
     opacity: .7;
 }

 .opacity-8 {
     opacity: .8;
 }

 .opacity-9 {
     opacity: .9;
 }

 /*font-weight*/
 .font-weight-100 {
     font-weight: 100;
 }

 .font-weight-300 {
     font-weight: 300;
 }

 .font-weight-500 {
     font-weight: 500;
 }

 .font-weight-600 {
     font-weight: 600;
 }

 /* z index */
 .z-index-1 {
     z-index: 1;
 }

 .z-index-2 {
     z-index: 2;
 }

 .z-index-2 {
     z-index: 3;
 }

 .z-index-2 {
     z-index: 4;
 }

 .z-index-2 {
     z-index: 5;
 }


 /* overlay */
 .bg-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 /* backround color */

 .bg-black {
     background: #000000;
 }

 .bg-dark {
     background-color: #1d1d21 !important;
 }

 .bg-blue {
     background-color: #347aae;
 }

 .gradient-bg1 {
     background: #3264f5;
     background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3264f5', endColorstr='#7202bb', GradientType=1);
 }

 /* text-color */
 .main-color {
     color: #3264f5;
 }

 .alt-color {
     color: #7202bb;
 }

 .third-color {
     color: #347aae;
 }

 .gradient-text1 {
     background: #3264f5;
     background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3264f5', endColorstr='#7202bb', GradientType=1);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 /* button */
 .btn {
     display: inline-block;
     font-size: 17px;
     border: 2px solid transparent;
     letter-spacing: .5px;
     line-height: inherit;
     border-radius: 0;
     text-transform: capitalize;
     width: auto;
     font-family: "Cal Sans", sans-serif;
     font-weight: 500;
     transition-duration: 0.3s;
     transition: all 0.3s !important;
     transition-timing-function: ease-in-out
 }

 /* button size */
 .btn.btn-small {
     font-size: 12px;
     padding: 4px 24px;
 }

 .btn.btn-medium {
     font-size: 12px;
     padding: 6px 25px;
 }

 .btn.btn-large {
     font-size: 14px;
     padding: 6px 24px;
     line-height: 25px;
     margin-top: 10px;
 }

 .btn.btn-rounded {
     border-radius: 10px;
 }

 /* button background */
 .btn.btn-white {
     background: #ffffff;
     border-color: #ffffff;
     color: #585858
 }

 .btn.btn-white:hover,
 .btn.btn-white:focus {
     background: transparent !important;
     border-color: #ffffff;
     color: #ffffff !important
 }

 .btn.btn-transparent-white {
     background: transparent;
     border-color: #ffffff;
     color: #ffffff
 }

 .btn.btn-transparent-white:hover,
 .btn.btn-transparent-white:focus {
     background: #ffffff !important;
     color: #585858 !important
 }

 .btn.btn-transparent-black {
     background: transparent;
     border-color: #2b2b2b;
     color: #2b2b2b
 }

 .btn.btn-transparent-black:hover,
 .btn.btn-transparent-black:focus {
     background: #2b2b2b !important;
     color: #ffffff !important
 }

 .btn.btn-black {
     background: #2b2b2b;
     border-color: #2b2b2b;
     color: #ffffff
 }

 .btn.btn-black:hover,
 .btn.btn-black:focus {
     background: transparent !important;
     border-color: #2b2b2b;
     color: #2b2b2b !important
 }

 .btn.btn-blue {
     background: #347aae;
     border-color: #347aae;
     color: #ffffff
 }

 .btn.btn-blue:hover,
 .btn.btn-blue:focus {
     background: transparent !important;
     border-color: #347aae;
     color: #347aae !important
 }

 .btn.btn-gradient {
     color: #ffffff;
     flex: 1 1 auto;
     transition: 0.5s;
     background-size: 200% auto;
     background-image: linear-gradient(to right, #3264f5 0%, #7202bb 51%, #3264f5 100%);
 }

 .btn.btn-gradient:hover {
     background-position: right center;
 }

 .btn.btn-hvr-white:hover,
 .btn.btn-hvr-white:focus {
     background: #ffffff !important;
     border-color: #ffffff;
     color: #585858 !important
 }

 /* ===================================
   Social Icon Hover
====================================== */

 /*icon bg bover */
 .facebook-bg-hvr:hover {
     background: #4267B2 !important;
     color: #fff !important;
     border: 1px solid #4267B2 !important;
 }

 .twitter-bg-hvr:hover {
     background: #1DA1F2 !important;
     color: #fff !important;
     border: 1px solid #1DA1F2 !important;
 }

 .instagram-bg-hvr:hover {
     background: #C32AA3 !important;
     color: #fff !important;
     border: 1px solid #C32AA3 !important;
 }

 .linkedin-bg-hvr:hover {
     background: #0077B5 !important;
     color: #fff !important;
     border: 1px solid #0077B5 !important;
 }

 .pinterest-bg-hvr:hover {
     background: #BD081C !important;
     color: #fff !important;
     border: 1px solid #BD081C !important;
 }

 .google-bg-hvr:hover {
     background: #DB4437 !important;
     color: #fff !important;
     border: 1px solid #DB4437 !important;
 }

 /*icon text bover */
 .facebook-text-hvr:hover {
     color: #4267B2 !important;
 }

 .twitter-text-hvr:hover {
     color: #1DA1F2 !important;
 }

 .instagram-text-hvr:hover {
     color: #C32AA3 !important;
 }

 .linkedin-text-hvr:hover {
     color: #0077B5 !important;
 }

 .pinterest-text-hvr:hover {
     color: #BD081C !important;
 }

 .google-text-hvr:hover {
     color: #DB4437 !important;
 }

 .fancy-image {
     background: url("../images/slider-image1.jpg");
 }

 /* ===================================
    Header & Navigation
====================================== */

 header {
     width: 100%;
     z-index: 99;
 }

 /* logo change */

 header .logo .logo-dark,
 header .logo .logo-light {
     visibility: hidden;
     opacity: 0;
     width: 0;
     transition-duration: 0.5s;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -ms-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

 header .logo .logo-dark.default,
 header .logo .logo-light.default {
     visibility: visible;
     opacity: 1;
     width: auto;
     transition-duration: 0.5s;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -ms-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

 header.header-appear nav .logo .logo-light,
 header.header-appear nav.header-dark .logo .logo-light {
     visibility: visible;
     opacity: 1;
     width: auto;
     transition-duration: 0.5s;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -ms-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

 header.header-appear nav .logo .logo-dark,
 header.header-appear nav.header-dark .logo .logo-dark {
     visibility: hidden;
     opacity: 0;
     width: 0;
     transition-duration: 0.5s;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -ms-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

 header.header-appear nav .logo .logo-dark,
 header.header-appear nav.header-light .logo .logo-dark {
     visibility: visible;
     opacity: 1;
     width: auto;
     transition-duration: 0.5s;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -ms-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

 header.header-appear nav .logo .logo-light,
 header.header-appear nav.header-light .logo .logo-light {
     visibility: hidden;
     opacity: 0;
     width: 0;
     transition-duration: 0.5s;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -ms-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

 header a.logo {
     display: inline-block;
     vertical-align: middle;
     line-height: 0
 }

 header a.logo img {
     /* max-height: 35px; */
     max-width: 180px;
     vertical-align: sub;
     top: 8px;
     position: relative;
 }

 header .Premiere-logo a img {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     max-width: 150px;
 }

 /*header top bar*/
 .banner {
     background-repeat: no-repeat;
     background-image: url('../img/Banner.webp');
     background-size: cover;
     background-position: top;
     width: 100%;
     height: auto;
     opacity: 1;
     visibility: inherit;
     position: relative;
 }

 .banner-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
     position: relative;
     margin-top: 220px;
     padding: 60px 50px;
     box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
     border-radius: 15px;
     background: rgb(255 255 255 / 40%);
     backdrop-filter: blur(5px);
     background: rgb(255 255 255 / 10%);
     box-shadow: inset 0px 0px 11px 5px rgb(255 255 255 / 62%);
     margin-bottom: 90px;
 }

 .banner-grid img {
     border-radius: 10px;
 }

 .banner-grid .wow:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 20%;
     opacity: 0;
     top: 0;
     left: 0;
     background: rgb(255 94 20 / 36%);
     transition: all .3s ease-in-out 0s;
 }

 .overlay-container {
     position: relative;
     overflow: hidden;
     /* hides overlay edges */
     cursor: pointer;
     border-radius: 10px;
 }

 .overlay-container img {
     width: 100%;
     display: block;
     transition: transform 0.5s ease;
     border-radius: 10px;
 }

 /* Overlay styling */
 .overlay-container::after {
     content: "";
     position: absolute;
     top: -100%;
     /* start above image */
     left: 0;
     width: 100%;
     height: 100%;
     background: #00000080;
     /* red overlay (change color as you like) */
     transition: top 0.5s ease;
     z-index: 2;
     border-radius: 10px;
 }

 .overlay-container::after {
     content: "";
     position: absolute;
     top: -100%;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
     transition: top 0.5s ease;
     z-index: 2;
 }

 /* On hover — overlay slides down */
 .overlay-container:hover::after {
     top: 0;
     /* animate from top to bottom */
     border-radius: 10px;
 }

 /* Optional — image zoom effect */
 .overlay-container:hover img {
     transform: scale(1.05);
     border-radius: 10px;
 }

 .banner-video {
     position: relative;
 }

 .banner-video i {}

 /* Card Container */
 .video-card {
     position: relative;
     border-radius: 15px;
     overflow: hidden;
     cursor: pointer;
     background: rgba(255, 255, 255, 0.15);
     backdrop-filter: blur(10px);
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .video-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
 }

 /* Background Image */
 .video-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: filter 0.3s ease;
 }

 .video-card:hover img {
     filter: brightness(100%);
 }

 /* Play Button */
 .play-button {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 70px;
     height: 70px;
     background: rgba(255, 255, 255, 0.8);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
     transition: all 0.3s ease;
 }

 .banner-video:hover .play-button {
     background: rgba(255, 255, 255, 1);
     transform: translate(-50%, -50%) scale(1.2);
 }

 .play-button::before {
     content: '';
     display: block;
     width: 0;
     height: 0;
     border-left: 18px solid #000;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     margin-left: 4px;
 }

 .top-header-area {
     position: absolute;
     top: 0;
     z-index: 99;
     width: 100%;
     display: block;
     height: 45px;
     line-height: 45px;
     font-size: 14px;
 }

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

 .header-top-text a {
     font-size: 16px;
     font-weight: 400;
 }

 .header-top-text a {
     padding-right: 30px;
 }

 .header-top-text a i {
     color: #ffffff;
     background-color: #000;
     padding: 7px 7px;
     border-radius: 50%;
     font-size: 15px;
     line-height: 14px;
 }

 /* .header-top-text a:last-child i {
     background-color: #4cae50;
     color: #fff;
     border-radius: 50%;
 } */

 .top-header-area~.navbar-top-default {
     background-color: transparent;
     top: 45px;
     height: auto;
 }

 .header-appear .top-header-area {
     display: none;
 }

 .header-appear .top-header-area~.navbar-top-default {
     top: 0;
 }

 /* nav top default */

 .navbar-top-default {
     position: absolute;
     top: 0;
     z-index: 99;
     /* overflow: hidden; */
     height: 90px;
     width: 100%;
     -webkit-transition: all .1s ease;
     -moz-transition: all .1s ease;
     -ms-transition: all .1s ease;
     -o-transition: all .1s ease;
     transition: all .1s ease;
 }


 .navbar-top-default.navbar-gradient .navbar-nav .nav-link {
     padding: .4rem 0;
     color: #FFFFFF;
     font-weight: 300;
     min-width: 100px;
     text-align: center;
 }

 .header-appear .navbar-top-default.navbar-gradient .navbar-nav .nav-link,
 .header-appear .navbar-top-default.navbar-gradient .navbar-nav .nav-link.active {
     color: #FFFFFF;
 }

 .header-appear .navbar-top-default.navbar-gradient .navbar-nav .menu-line {
     color: #FFFFFF;
 }


 .header-appear .navbar-top-default {
     height: 70px;
     position: fixed;
     z-index: 999;
     background: #ffffff;
     -webkit-animation-name: animationFade;
     -o-animation-name: animationFade;
     animation-name: animationFade;
     -webkit-animation-duration: 1s;
     -o-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     -o-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
     box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
 }

 .header-appear .navbar-top-default.navbar-gradient {
     background: #3264f5;
     background: -moz-linear-gradient(left, #7202bb 2%, #3264f5 82%);
     background: -webkit-linear-gradient(left, #7202bb 2%, #3264f5 82%);
     background: linear-gradient(to right, #7202bb 2%, #3264f5 82%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3264f5', endColorstr='#7202bb', GradientType=1);

 }

 .navbar-top-default #wexim {
     margin-right: -30px;
 }

 .nav-icon .navbar-nav {
     position: relative;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .menu-line {
     position: absolute;
     top: -20px;
     font-size: 20px;
     color: #ffffff;
     left: 0;
     display: block;
     text-align: center;
     width: 100px;
     height: 30px;
     pointer-events: none;
     -webkit-transition: -webkit-transform 0.5s;
     transition: transform 0.5s;
     -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
     -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
     transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
 }

 .nav-icon .navbar-nav .nav-link:nth-child(1).active~.menu-line {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }

 .nav-icon .navbar-nav .nav-link:nth-child(2).active~.menu-line {
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0);
 }

 .nav-icon .navbar-nav .nav-link:nth-child(3).active~.menu-line {
     -webkit-transform: translate3d(200%, 0, 0);
     transform: translate3d(200%, 0, 0);
 }

 .nav-icon .navbar-nav .nav-link:nth-child(4).active~.menu-line {
     -webkit-transform: translate3d(300%, 0, 0);
     transform: translate3d(300%, 0, 0);
 }

 .nav-icon .navbar-nav .nav-link:nth-child(5).active~.menu-line {
     -webkit-transform: translate3d(400%, 0, 0);
     transform: translate3d(400%, 0, 0);
 }

 .nav-icon .navbar-nav .nav-link:nth-child(6).active~.menu-line {
     -webkit-transform: translate3d(500%, 0, 0);
     transform: translate3d(500%, 0, 0);
 }

 .nav-icon .navbar-nav .nav-link:nth-child(7).active~.menu-line {
     -webkit-transform: translate3d(600%, 0, 0);
     transform: translate3d(600%, 0, 0);
 }



 .nav-icon .navbar-nav .nav-link:nth-child(1):hover~.menu-line {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }

 .nav-icon .navbar-nav .nav-link:nth-child(2):hover~.menu-line {
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0);
 }

 .nav-icon .navbar-nav .nav-link:nth-child(3):hover~.menu-line {
     -webkit-transform: translate3d(200%, 0, 0);
     transform: translate3d(200%, 0, 0);
 }

 .nav-icon .navbar-nav .nav-link:nth-child(4):hover~.menu-line {
     -webkit-transform: translate3d(300%, 0, 0);
     transform: translate3d(300%, 0, 0);
 }

 .nav-icon .navbar-nav .nav-link:nth-child(5):hover~.menu-line {
     -webkit-transform: translate3d(400%, 0, 0);
     transform: translate3d(400%, 0, 0);
 }

 .nav-icon .navbar-nav .nav-link:nth-child(6):hover~.menu-line {
     -webkit-transform: translate3d(500%, 0, 0);
     transform: translate3d(500%, 0, 0);
 }

 .nav-icon .navbar-nav .nav-link:nth-child(7):hover~.menu-line {
     -webkit-transform: translate3d(600%, 0, 0);
     transform: translate3d(600%, 0, 0);
 }


 /*Navbar Simple*/

 .navbar-simple .navbar-nav .nav-link {
     padding: 0.4rem 1.5rem;
     margin-left: .5rem;
     color: #fff;
     font-weight: 300;
 }

 .navbar-top-default.navbar-dark .navbar-nav .nav-link,
 .navbar-top-default.navbar-dark .navbar-nav .nav-link.active {
     color: #151515;
     font-weight: 400;
 }

 .navbar-top-default.navbar-dark .menu-line {
     color: #151515;
 }

 .navbar-dark .sidemenu_btn span {
     background: #151515;
 }

 .header-appear .navbar-simple .navbar-nav .nav-link {
     color: #2b2b2b;
     font-weight: 400;
 }

 .nav-box-round .navbar-nav .nav-link {
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
 }

 .header-appear .nav-box-round .navbar-nav .nav-link.active {
     background-color: #347aae;
     color: #ffffff !important;
 }

 .header-appear .nav-box-round .navbar-nav .nav-link:hover {
     color: #347aae;
 }

 /*nav line*/

 .nav-line .navbar-nav .nav-link.active:before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     visibility: visible;
     opacity: 1;
 }

 .nav-line .navbar-nav .nav-link:before {
     position: relative;
     content: '';
     width: 100%;
     max-width: 100%;
     margin: 0 auto;
     display: table;
     height: 3px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     bottom: -28px;
     -webkit-transition: all 300ms linear;
     transition: all 300ms linear;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     background: #347aae;
     visibility: hidden;
     opacity: 0;
 }


 /*Navbar Center Logo*/

 .center-logo .logo {
     left: 50%;
     position: absolute;
     margin-top: -14px;
     top: 50%;
     text-align: center;
     transform: translateX(-50%);
     z-index: 1;
 }

 .center-logo .navbar-nav .nav-link:nth-child(5) {
     margin-left: auto;
 }

 header .center-logo a.logo img {
     max-width: 130px;
 }

 /*Bottom Nav*/

 .bottom-nav,
 .header-appear .bottom-nav {
     position: absolute;
     top: auto;
     height: 70px;
     bottom: 0;
     -webkit-animation-name: fadeInDown;
     -o-animation-name: fadeInDown;
     animation-name: fadeInDown;
 }

 .bottom-nav.navbar-bottom-top {
     position: fixed !important;
     top: 0 !important;
     bottom: auto !important;
     margin: auto !important;
 }

 /*Navbar Box*/

 .navbar-box {
     height: auto;
     top: 50px;
 }

 .header-appear .navbar-box {
     top: 0;
 }

 .navbar-box .container {
     height: 65px;
     border-radius: 5px;
     background-color: #ffff;
     padding: 0 30px;
 }

 .navbar-box .sidemenu_btn {
     display: none !important;
 }

 .header-appear .navbar-box .sidemenu_btn {
     display: inline-block !important;
 }

 /*side nav*/

 .navbar-side {
     position: fixed;
     width: 100%;
     z-index: 999;
     height: 90px;
 }


 .header-appear .navbar-side .logo {
     transform: scale(0) !important;
 }

 .header-appear .navbar-side .sidemenu_btn span {
     background: #151515;
 }



 /* side menu button */

 .sidemenu_btn {
     -webkit-transition: all .3s linear;
     -o-transition: all .3s linear;
     transition: all .3s linear;
     width: 36px;
     padding: 6px;
     margin-right: 1rem;
     position: absolute;
     right: 15px;
     display: inline-block;
 }

 .sidemenu_btn.parallax-btn {
     width: 70px;
 }


 .sidemenu_btn_inner {
     height: 70px;
     width: 70px;
     display: flex;
     position: relative;
     justify-content: center;
     align-items: center;
     float: left;
 }

 .sidemenu_btn_inner .animated-element {
     width: 25px;
     text-align: center;
 }

 .sidemenu_btn span {
     height: 2px;
     width: 100%;
     background-color: #FFFFFF;
     display: block;
 }

 .sidemenu_btn span:nth-child(2) {
     margin: 4px 0;
 }

 /*Navbar Right*/

 .navbar.navbar-right {
     background: #fff;
     border: none;
     display: inline-table;
     width: 290px;
     -webkit-border-radius: 0;
     border-radius: 0;
     position: fixed;
     top: 0;
     z-index: 110;
     height: 100%;
     padding: 3rem 2rem;
     border-right: 1px solid rgba(0, 0, 0, .07);
     left: 0;
     overflow-x: hidden;
 }

 .navbar.navbar-right.left {
     left: auto;
     right: 0;
 }


 .navbar.navbar-right .navbar-nav {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 100%;
     text-align: center;
 }

 .navbar.navbar-right a.logo {
     display: block;
     width: 100%;
     text-align: center;
     margin-bottom: 8rem;
 }

 .navbar.navbar-right .navbar-nav .nav-link {
     display: block;
     padding: .5rem 1rem;
     font-size: 1.2rem;
     font-weight: 300;
 }

 .navbar.navbar-right .navbar-nav .nav-link.active {
     color: #347aae;
 }

 .navbar.navbar-right .navbar-nav .nav-link:hover {
     color: #385aef;
 }

 .navbar.navbar-right .navbar-nav .nav-link {
     color: #000000;
 }

 .wrapper {
     padding-left: 290px;
 }

 .wrapper.right {
     padding-left: 0;
     padding-right: 290px;
 }

 .side-right-social {
     width: 100%;
     display: block;
     text-align: center;
     position: absolute;
     bottom: 50px;
     left: 0;
 }

 .side-right-social a {
     height: 30px;
     width: 30px;
     display: inline-block;
     line-height: 30px;
     border: 1px solid #347aae;
     color: #FFFFFF;
     background: #347aae;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
 }

 .side-right-btn {
     -webkit-transition: all .3s linear;
     -o-transition: all .3s linear;
     transition: all .3s linear;
     width: 40px;
     padding: 10px;
     display: none;
     position: fixed;
     background: #ffffff;
     z-index: 999;
     top: 20px;
     left: 20px;
     cursor: pointer;
 }

 .side-right-btn>span {
     height: 2px;
     width: 100%;
     background: #1d1d1d;
     display: block;
 }

 .side-right-btn>span:nth-child(2) {
     margin: 4px 0;
 }


 /* slider */

 .slider-social {
     display: inline-block;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 30px;
     z-index: 13;
 }

 .slider-social a {
     display: block;
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     border-radius: 50px;
     color: #fff;
     font-size: 17px;
     margin: 3px;
     border: 1px solid transparent;
     -webkit-transition: background-color .2s ease-in-out;
     -moz-transition: background-color .2s ease-in-out;
     -ms-transition: background-color .2s ease-in-out;
     -o-transition: background-color .2s ease-in-out;
     transition: background-color .2s ease-in-out;
 }

 .slider-social a:hover {
     background-color: #ffffff;
 }

 .slider-social .animated-wrap a:hover {
     background-color: transparent;
     color: #ffffff;
 }

 .scroll-down {
     display: inline-block;
     position: absolute;
     bottom: 30px;
     z-index: 13;
     left: 50%;
     transform: translateX(-50%);
     color: #fff !important;
 }

 .scroll-down i {
     font-size: 12px;
     padding-left: 10px;
     color: #fff;
     -webkit-animation: mover 1s infinite alternate;
     animation: mover 1s infinite alternate;
 }

 .scroll-down:hover i {
     color: #fff;
 }

 @-webkit-keyframes mover {
     0% {
         transform: translateY(2px);
     }

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

 .fullscreen {
     height: 100vh !important;
     width: 100%;
 }

 .fullscreen .center-col {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 100%;
 }

 .owl-dots .owl-dot {
     height: 12px;
     width: 12px;
     margin: 2px 3px;
     position: relative;
     display: inline-block;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #ffffff;
     cursor: pointer;
 }

 #single-slider .owl-dots {
     margin-top: 15px;
 }

 #single-slider .owl-dots .owl-dot {
     width: 15px;
     height: 15px;
 }

 .owl-dots .owl-dot.active span,
 .owl-dots .owl-dot:hover span {
     background: #ffffff;
 }

 .owl-dots .owl-dot.active::after,
 .owl-dots .owl-dot:hover:after {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     visibility: visible;
 }

 .owl-dots .owl-dot::after {
     background-color: #347aae;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0;
     position: absolute;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0);
     visibility: hidden;
     width: 100%;
 }

 .particles-version h2 {
     font-size: 2.5rem;
     line-height: 1.5;
     font-weight: 100;
     margin-bottom: 1.4rem;
 }

 .single-version h2 {
     font-size: 3.8rem;
     line-height: 1.5;
     font-weight: 100;
     margin-bottom: 1.4rem;
 }

 .single-version h2 span {
     font-size: 4rem;
 }

 .morphext>.animated {
     display: inline-block;
 }

 .dark-slider h2 {
     font-size: 3.8rem !important;
     font-weight: 100 !important;
 }

 .dark-slider h2.font-weight-600 {
     font-weight: 600 !important;
 }

 .dark-slider p {
     font-size: 18px !important;
 }

 .dark-slider .slider-social a {
     color: #2B2B2B;
 }

 .dark-slider .scroll-down,
 .dark-slider .scroll-down i {
     color: #2B2B2B !important;
 }

 .onepage-slide h2 {
     font-size: 3rem !important;
     line-height: 1.3 !important;
     font-weight: 100 !important;
 }

 .onepage-slide h2 span {
     font-size: 3rem !important;
     line-height: 1.3 !important;
     font-weight: 500 !important;
 }

 .video-text h2 {
     font-size: 3.5rem;
     line-height: 1.2;
 }

 .classic-box {
     max-width: 700px;
     margin: 0 auto;
 }

 .classic-box h2 {
     font-size: 3.5rem;
     line-height: 1.2;
     font-weight: 400;
     margin: 1.4rem 0;
 }

 .button-play {
     height: 70px;
     width: 70px;
     margin: 15px 10px 20px 10px;
     line-height: 73px;
     padding-left: 5px;
     color: #fff;
     display: inline-block;
     text-align: center;
     font-size: 22px;
     top: 50%;
     left: 50%;
     z-index: 2;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #347aae;
     -webkit-animation: pulse_effect 1s infinite;
     -o-animation: pulse_effect 1s infinite;
     animation: pulse_effect 1s infinite;
     -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255);
     box-shadow: 0 0 0 0 rgb(255, 255, 255);
 }

 .button-play:hover {
     background: #FFFFFF;
 }


 .button-play i {
     color: #fff;
     -webkit-transition: all .1s ease;
     -moz-transition: all .1s ease;
     -ms-transition: all .1s ease;
     -o-transition: all .1s ease;
     transition: all .1s ease;
 }

 .button-play:hover i {
     color: #347aae;
 }

 @-webkit-keyframes pulse_effect {
     0% {
         -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
         box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
     }

     25% {
         -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
         box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
     }

     70% {
         -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
         box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
     }

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

 @-o-keyframes pulse_effect {
     0% {
         box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
     }

     25% {
         box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
     }

     70% {
         box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
     }

     100% {
         box-shadow: 0 0 0 20px rgba(100, 48, 148, 0.1);
     }
 }

 @keyframes pulse_effect {
     0% {
         -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
         box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
     }

     25% {
         -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
         box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
     }

     70% {
         -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
         box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
     }

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

 /*personal version*/

 .myphoto {
     height: 200px;
     width: 200px;
     position: relative;
     border: 5px solid #ffffff;
     display: inline-block;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
 }

 .personal-box h2 {
     font-size: 3rem;
     margin-top: 30px;
 }

 .personal-box h3 {
     font-size: 2.2rem;
     margin-top: .6rem;
 }




 /* animation */

 @-webkit-keyframes animationFade {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }

 @-o-keyframes animationFade {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         -o-transform: none;
         transform: none;
     }
 }

 @keyframes animationFade {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
     }

     to {
         opacity: 1;
         -webkit-transform: none;
         -o-transform: none;
         transform: none;
     }
 }

 /* ===================================
    About Section
====================================== */

 .title {
     margin-bottom: 1rem;
 }

 .title h2 {
     font-size: 37px;
     line-height: 1.2;
     font-weight: 400;
 }

 .title h6 {
     letter-spacing: 1px;
     font-family: "Plus Jakarta Sans", sans-serif;
     font-size: 13px;

 }

 .title p {
     max-width: 720px;
     margin: 0 auto;
 }

 .line-seprator {
     margin-top: .7rem;
     margin-bottom: .7rem;
     border: 0;
     border-top: none;
 }

 .feature-box .item-number {
     padding: 2.5rem 0;
     position: relative;
     display: inline-block;
     font-size: 2.5rem;
     font-weight: 700;
 }

 .laptop {
     margin-top: 5rem;
 }

 .laptop-img {
     position: relative;
     display: inline-block;
     width: 100%;
     height: 100%;
 }

 #laptop-slide {
     width: 483px;
     height: 302px;
     overflow: hidden;
     position: absolute;
     display: inline-block;
     top: 129px;
     right: 208px;
 }

 .feature-skill-box {
     padding: 0 80px;
 }

 .feature-skill-box .title p {
     font-size: 15.5px;
     max-width: 100%;
 }

 .about-box {
     max-width: 520px;
 }

 .about-skill .about-item {
     width: 49%;
     display: inline-block;
     padding: 0 10px;
 }

 .about-skill .about-item i {
     font-size: 25px;
     margin-right: 5px;
     line-height: 1;
 }


 /* ===================================
    Team
====================================== */

 #team-slider {
     text-align: center;
 }

 .team-box {
     text-align: center;
     margin: 0 10px;
     display: inline-block;
     max-width: 380px;
     border: 20px solid #ffffff;
     background-color: #ffffff;
 }

 .team-box .team-image {
     position: relative;
     overflow: hidden;
 }

 .team-box .team-text {
     text-align: center;
     font-size: 14px;
     padding: 2rem 0 2.5rem 0;
 }

 .team-box .team-text h5 {
     font-size: 1.6rem;
 }

 .team-progress {
     padding-bottom: 1rem;
 }

 .team-progress .progress-item:not(:last-child) {
     margin-bottom: 2rem;
 }

 .team-progress .progress {
     height: 12px;
     margin-top: 12px;
     overflow: hidden;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     background-color: #eaeaea;
 }

 .team-progress .progress-item .count {
     font-weight: 500;
 }

 .team-progress .progress-bar {
     height: 100%;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
     background: #3264f5;
     background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3264f5', endColorstr='#7202bb', GradientType=1);
 }

 .team-box:hover .overlay {
     opacity: 1;
     visibility: visible;
 }

 .team-box .overlay {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
 }

 .center-block {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -moz-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .overlay {
     position: absolute;
     left: 20px;
     top: 25px;
     right: 20px;
     bottom: 22px;
     opacity: 0;
     visibility: hidden;
     z-index: 1;
     -webkit-transition: all .5s ease-in .1s;
     -o-transition: all .5s ease-in .1s;
     transition: all .5s ease-in .1s;
 }

 .team-box .overlay:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #3264f5;
     background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3264f5', endColorstr='#7202bb', GradientType=1);
     opacity: .5;
 }

 .team-box .team-social li {
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -o-transform: translateY(-100%);
     transform: translateY(-100%);
 }

 .team-box:hover .team-social li {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
 }

 .team-box .team-social li {
     display: inline-block;
     -webkit-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .team-box .team-social li:first-child {
     -webkit-transition-delay: .1s;
     -o-transition-delay: .1s;
     transition-delay: .1s;
 }

 .team-box .team-social li:nth-child(2) {
     -webkit-transition-delay: .2s;
     -o-transition-delay: .2s;
     transition-delay: .2s;
 }

 .team-box .team-social li:nth-child(3) {
     -webkit-transition-delay: .3s;
     -o-transition-delay: .3s;
     transition-delay: .3s;
 }

 .team-box .team-social li:nth-child(4) {
     -webkit-transition-delay: .4s;
     -o-transition-delay: .4s;
     transition-delay: .4s;
 }

 .team-box .team-social li:nth-child(5) {
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
 }

 .team-box .team-social li:nth-child(6) {
     -webkit-transition-delay: .6s;
     -o-transition-delay: .6s;
     transition-delay: .6s;
 }

 .team-box .team-social li:nth-child(7) {
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
 }

 .team-box .team-social li a {
     display: block;
     font-size: 16px;
     height: 36px;
     line-height: 36px;
     text-align: center;
     border: 1px solid;
     width: 36px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     position: relative;
     z-index: 1;
     overflow: hidden;
     background: #fff;
     border-color: #FFFFFF;
     color: #384141;
     -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
     box-shadow: 0 0 3px rgba(0, 0, 0, .1);
     -webkit-transition: all .1s ease;
     -o-transition: all .1s ease;
     transition: all .1s ease;
 }


 /* ===================================
   Team Two
====================================== */

 .team-box-two {
     max-width: 600px;
     margin: 0 auto;
 }

 .team-box-two .team-two-block {
     background: #fbfbfb;
     overflow: hidden;
     width: 100%;
     position: relative;
     margin-bottom: -1px;
 }

 .team-two-block .team-image {
     width: 100%;
     overflow: hidden;
 }

 .team-two-block .team-image img {
     transform: scale(1.0);
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
 }

 .team-box-two .team-two-block:hover .team-image img {
     transform: scale(1.1);
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
 }

 .team-box-two .team-two-block li {
     width: 50%;
     display: inline-block;
     position: relative;
 }

 .team-box-two .team-two-content {
     padding: 0 25px;
 }

 .team-box-two .team-two-content span {
     font-weight: 500;
     margin-bottom: .4rem;
     display: inline-block;
 }

 .team-box-two .team-two-social {
     margin-top: 1rem;
 }

 .team-box-two .team-two-social a {
     display: inline-block;
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     border-radius: 50px;
     font-size: 17px;
     margin-right: 1px;
     color: #9a9a9a;
     border: 1px solid transparent;
     -webkit-transition: background-color .2s ease-in-out;
     -moz-transition: background-color .2s ease-in-out;
     -ms-transition: background-color .2s ease-in-out;
     -o-transition: background-color .2s ease-in-out;
     transition: background-color .2s ease-in-out;
 }

 .team-box-two .team-two-social a:hover {
     background-color: #ffffff;
     border: 1px solid #ffffff;
 }

 .team-box-two .team-two-block::before {
     content: "";
     position: absolute;
     top: 0;
     right: auto;
     left: auto;
     width: 50%;
     height: 100%;
     bottom: 0;
     background-size: 200% auto;
     background-image: linear-gradient(to right, #3264f5 0%, #7202bb 51%, #3264f5 100%);
     opacity: 0;
     visibility: hidden;
 }

 .team-box-two .team-two-block.left::before {
     left: -50%;
 }

 .team-box-two .team-two-block.left:hover::before {
     left: 50%;
     opacity: 1;
     visibility: visible;
 }

 .team-box-two .team-two-block.right::before {
     right: -50%;
 }

 .team-box-two .team-two-block.right:hover::before {
     right: 50%;
     opacity: 1;
     visibility: visible;
 }

 .team-box-two .team-two-block:hover .team-two-content,
 .team-box-two .team-two-block:hover .team-two-content p {
     color: #ffffff;
 }

 .team-box-two .team-two-block:hover .team-two-content span {
     -webkit-text-fill-color: #ffffff;
     background: transparent;
 }

 .team-box-two .team-two-block:hover .team-two-social a {
     color: #ffffff;
 }


 /*  Team Box Three  */

 #team-three-slider {
     margin-top: 2rem;
 }

 .team-box-three .team-image {
     max-width: 200px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
     margin: 0 auto;
     margin-bottom: 2rem;
     transform: translateX(1px);
 }

 .team-box-three .team-image img {
     transform: scale(1);
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
 }

 .team-box-three:hover .team-image img {
     transform: scale(1.1);
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
 }

 .team-box-three .team-text h6 {
     font-size: 1.2rem;
     font-weight: 300;
 }

 .team-box-three .team-three-social a {
     display: inline-block;
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     border-radius: 50px;
     font-size: 17px;
     margin-right: 1px;
     margin-top: 10px;
     color: #3b3b3b;
     border: 1px solid transparent;
     -webkit-transition: background-color .2s ease-in-out;
     -moz-transition: background-color .2s ease-in-out;
     -ms-transition: background-color .2s ease-in-out;
     -o-transition: background-color .2s ease-in-out;
     transition: background-color .2s ease-in-out;
 }









 /* ===================================
    Cube Portfolio
====================================== */

 .cube-portfolio1 .cbp-l-filters-button .cbp-filter-item {
     background: transparent;
     border: none;
     margin: 10px 4px 6px 4px;
     padding: 10px 0;
     font-size: 14px;
     font-weight: 500;
     color: #333333;
     display: inline-block;
     font-family: "Cal Sans", sans-serif;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
 }

 .cube-portfolio1 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
     background: #3264f5;
     background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3264f5', endColorstr='#7202bb', GradientType=1);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .cube-portfolio1 .cbp-l-filters-button .cbp-filter-item:hover {
     color: #3264f5;
 }

 .cube-portfolio1 .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap {
     background: #3264f5;
     background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3264f5', endColorstr='#7202bb', GradientType=1);
     -webkit-transition: opacity .3s ease-in-out;
     -moz-transition: opacity .3s ease-in-out;
     -ms-transition: opacity .3s ease-in-out;
     -o-transition: opacity .3s ease-in-out;
     transition: opacity .3s ease-in-out;
 }

 .cube-portfolio1 .cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap {
     opacity: .8;
 }

 .cbp-l-caption-alignCenter {
     position: absolute;
     top: 0;
     z-index: 4;
     opacity: 0;
     -webkit-transition: opacity .4s ease-in-out;
     -moz-transition: opacity .4s ease-in-out;
     -ms-transition: opacity .4s ease-in-out;
     -o-transition: opacity .4s ease-in-out;
     transition: opacity .4s ease-in-out;
 }

 .cube-portfolio1 .cbp-caption-zoom .cbp-caption:hover .cbp-l-caption-alignCenter {
     opacity: 1;
 }

 .cbp-l-caption-body p {
     font-size: 12px;
 }

 .cbp-l-caption-body h5 {
     font-weight: 400;
 }

 .plus {
     display: block;
     margin: 0 auto;
     height: 70px;
     width: 70px;
     position: relative;
     overflow: hidden;
     margin-bottom: 1rem;
 }


 .plus::before {
     width: 2px;
     margin-left: -1px;
     left: 50%;
     top: 5px;
     bottom: 5px;
 }

 .plus::after {
     height: 2px;
     margin-top: -1px;
     top: 50%;
     left: 5px;
     right: 5px;
 }

 .plus::before,
 .plus::after {
     content: " ";
     position: absolute;
     background: #fff;
 }


 /*-------------------------------*/
 /* Gallery Portfolio */
 /*-------------------------------*/

 .portfolio_top {
     position: relative;
     overflow: hidden;
 }

 #portfolio_top::before,
 #portfolio_top::after {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     background: #fff;
     height: 90px;
     width: 100%;
 }

 #portfolio_top::before {
     top: 0;
 }

 #portfolio_top::after {
     bottom: 0;
 }

 .text_wrap {
     padding: 50px 2rem 0.5rem 2rem;
 }

 .itemshadow .cbp-item-wrapper {
     -webkit-box-shadow: 0 0 4px 1px rgba(101, 101, 101, 0.2);
     box-shadow: 0 0 4px 1px rgba(101, 101, 101, 0.2);
     padding-bottom: 2px;
     padding-top: 5px;
 }

 .border-portfolio .cbp-item img {
     border: 20px solid #fff;
 }

 .bottom-text {
     display: table;
 }

 .bottom-text>.cells {
     display: table-cell;
     vertical-align: middle;
     padding: 15px;
 }

 .bottom-text p {
     font-size: 15px;
     margin-bottom: 0;
 }

 .bottom-text .port_head {
     font-weight: 600;
     font-size: 5.625rem;
     line-height: 1;
 }

 /*Overlays*/

 .overlay-two {
     position: absolute;
     left: 20px;
     top: 25px;
     right: 20px;
     bottom: 22px;
     opacity: 0;
     visibility: hidden;
     z-index: 1;
     -webkit-transition: all .5s ease-in .1s;
     -o-transition: all .5s ease-in .1s;
     transition: all .5s ease-in .1s;
 }

 .overlay-two:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #3264f5;
     background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3264f5', endColorstr='#7202bb', GradientType=1);
     opacity: .7;
 }

 .cbp-item:hover .overlay-two,
 .cbp-item:focus .overlay-two {
     opacity: 1;
     visibility: visible;
     -webkit-border-radius: 0;
     border-radius: 0;
 }

 .cbp-item:hover .overlay-two {
     opacity: 1;
     visibility: visible;
 }

 .plus {
     display: inline-block;
     height: 70px;
     width: 70px;
     position: relative;
     overflow: hidden;
 }

 .overlay-two>h4,
 .overlay-two>p {
     position: relative;
     color: #ffffff;
 }

 .plus::before,
 .plus::after {
     content: " ";
     position: absolute;
     background: #fff;
 }

 .plus::after {
     height: 2px;
     margin-top: -1px;
     top: 50%;
     left: 5px;
     right: 5px;
 }

 .plus::before {
     width: 2px;
     margin-left: -1px;
     left: 50%;
     top: 5px;
     bottom: 5px;
 }

 .plus p {
     font-size: 13px;
 }

 .bottom-text>.cells {
     display: table-cell;
     vertical-align: middle;
     padding: 15px;
 }

 /* ===================================
    Pricing
====================================== */

 #price-slider {
     text-align: center;
 }

 .price-item {
     border: 2px solid #FFFFFF;
     padding: 32px 21px;
     border-radius: 4px;
     max-width: 380px;
     margin: 10px;
     display: inline-block;
     background: #fff;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 }

 .price {
     position: relative;
     display: inline-block;
     float: left;
     margin-right: 15px;
 }

 .price-tag {
     padding: 15px 0;
     text-align: left;
     border-top: 2px solid rgba(111, 123, 133, 0.18);
     border-bottom: 2px solid rgba(111, 123, 133, 0.18);
 }

 .price-text {
     font-size: 12px;
     font-weight: 300;
     line-height: 20px;
 }

 .price .sign {
     font-size: 22px;
     font-weight: 500;
     vertical-align: super;
 }

 .price .currency {
     font-size: 3.5rem;
     font-weight: 400;
     letter-spacing: -2px;
     line-height: 45px;
     padding: 0;
     vertical-align: middle;
 }

 .price .month {
     font-size: 12px;
     font-weight: 300;
     display: block;
     text-align: right;
     padding-right: 7px;
 }

 ul.packages {
     padding: 20px 0;
     margin: 0;
 }

 ul.packages li {
     font-size: 13px;
     font-weight: 400;
     line-height: 40px;
     list-style-type: none;
     color: #232323;
 }

 ul.packages li i {
     display: inline-block;
     width: 24px;
     padding-right: 5px;
 }

 ul.packages li i.fa-check {
     color: #63be11;
 }

 ul.packages li i.fa-times {
     color: #e04645;
 }

 .price-item .btn.btn-black:hover,
 .price-item .btn.btn-black:focus {
     background: #347aae !important;
     border-color: #347aae;
     color: #ffffff !important
 }

 .price-two {
     padding: 4rem;
     background: #f8f9fa;
     border-radius: 10px;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
 }

 .price-two .price-tag-two {
     padding-top: 20px;
 }

 .price-two .price-tag-two h3 {
     font-size: 3rem;
     display: inline-block;
     font-weight: 300;
 }

 .price-two .price-tag-two .month {
     vertical-align: text-bottom;
 }

 .price-two h3 .sign {
     font-size: 1.2rem;
     vertical-align: super;
 }

 .price-two.hvr-gradient:hover {
     background: #3264f5;
     background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3264f5', endColorstr='#7202bb', GradientType=1);
 }

 .price-two.hvr-blue:hover {
     background-color: #347aae;

 }

 .price-two:hover h3,
 .price-two:hover ul.packages li,
 .price-two:hover ul.packages li i,
 .price-two:hover p,
 .price-two:hover .price-tag-two h3,
 .price-two:hover .price-tag-two .month {
     color: #ffffff;
     background: transparent;
     -webkit-text-fill-color: #ffffff;
 }


 .price-two:hover .btn {
     background: #ffff;
     color: #585858;
     border-color: #ffff;
 }

 .price-two .btn:hover {
     color: #ffffff !important;
     background: transparent;
 }


 /* ===================================
       Content
    ====================================== */


 .content .title {
     margin-bottom: 0;
 }

 .content-image img {
     max-width: 685px;
     position: relative;
     margin-left: -50px;
 }


 /* ===================================
    Testimonial $ Counter
====================================== */



 .testimonial-item {
     max-width: 560px;
     margin: 0 auto;
     text-align: center;
     padding: 7.5rem 0;
 }


 .testimonial-item .testimonial-icon {
     font-size: 2.2rem;
     margin-bottom: 2rem;
 }


 .testimonial-item .testimonial-image {
     position: relative;
     overflow: hidden;
     max-width: 100px;
     margin: 2rem auto 1.5rem auto;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
 }

 .testimonial-item .destination {
     font-size: 13px;
     font-weight: 400;
     color: #9c9c9c;
 }

 #testimonial_slider .owl-dots {
     position: relative;
     bottom: 80px;
     display: block;
     text-align: center;
     width: 100%;
 }

 #testimonial_slider .owl-dots .owl-dot {
     background: #e2dada;
 }


 .counter-row {
     width: 550px;
     margin: 0 auto;
     position: relative;
 }

 .counter-row .counter-item {
     width: 50%;
     text-align: left;
     display: inline-block;
     float: left;
     padding-bottom: 40px;
 }

 .counter-row .counter-item .count {
     font-size: 38px;
     font-weight: 500;
     margin-bottom: 1rem;
     color: #ffffff;
 }

 .counter-row .counter-item h6 {
     font-weight: 300;
 }

 .counter-row .counter-item:nth-last-child(-n+2) {
     padding-bottom: 0;
     padding-top: 40px;
 }


 /* ===================================
    Mobile App
====================================== */


 .app-feature {
     text-align: center;
     margin-bottom: 3rem;
 }

 .app-feature:hover i {
     transform: translateY(-5px);
 }

 .app-feature:last-child {
     margin-bottom: 0;
 }

 .app-feature i {
     font-size: 38px;
     margin-bottom: 1.5rem;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
 }

 .app-image {
     text-align: center;
     position: relative;
     display: inline-block;
     width: 100%;
     height: 100%;
 }

 .app-image img {
     max-width: 280px;
     margin: 0 auto;
     display: inline-block;
 }

 #app-slider {
     position: absolute;
     top: 65px;
     width: 235px;
     left: 58px;
     height: 420px;
 }


 /* ===================================
    Parallax Images
====================================== */


 .bg-img1 {

     background: url(../images/bg-img1.jpg);
 }

 .bg-img3 {
     background: url(../images/slider-image3.jpg);
 }

 .bg-img4 {
     background: url(../images/address-image.jpg);
 }

 .bg-img5 {
     background: url(../images/bg-img2.jpg);
 }

 .bg-img6 {
     background: url(../images/bg-img3.jpg);
 }

 .bg-img7 {
     background: url(../images/bg-img4.jpg);
 }

 .bg-img8 {
     background: url(../images/bg-img5.jpg);
 }

 .bg-img9 {
     background: url(../images/bg-img6.jpg);
 }

 .bg-img10 {
     background: url(../images/bg-img7.jpg);
 }

 .bg-img11 {
     background: url(../images/bg-img8.jpg);
 }

 .bg-img12 {
     background: url(../images/bg-img9.jpg);
 }

 .bg-img-map {
     background: url(../images/map.jpg);
 }

 .bg-img-count1 {
     background: url(../images/countdown_bg1.jpg);
 }

 .bg-img-count2 {
     background: url(../images/countdown_bg2.jpg);
 }

 [class*=bg-img] {
     position: relative;
     background-size: cover;
     width: 100%;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     overflow: hidden;
 }

 .bg-img2 {
     background: url(../images/slider-image3.jpg);
 }


 /* ===================================
    Side Menu
====================================== */


 .side-menu {
     width: 40%;
     position: fixed;
     right: 0;
     top: 0;
     background: #347aae;
     z-index: 1032;
     height: 100%;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0);
     -webkit-transition: -webkit-transform .5s ease;
     transition: -webkit-transform .5s ease;
     -o-transition: -o-transform .5s ease;
     transition: transform .5s ease;
     transition: transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease;
     transition: transform .5s ease, -webkit-transform .5s ease;
     overflow: hidden;
 }

 .side-menu.left {
     left: 0;
     right: auto;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
 }

 .side-menu.before-side {
     width: 280px;
 }

 .side-menu.side-menu-active,
 .side-menu.before-side {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }

 .pul-menu .side-menu.side-menu-active {
     visibility: visible;
     opacity: 1;
 }

 .side-menu .navbar-brand {
     margin: 0 0 2.5rem 0;
 }

 /*Side overlay*/
 #close_side_menu {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #000;
     -webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
     -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
     transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
     display: none;
     z-index: 1031;
     opacity: 0.4;
 }

 /*side clode btn*/
 .side-menu .btn-close {
     background: none;
     height: 33px;
     width: 33px;
     display: inline-block;
     text-align: center;
     position: absolute;
     top: 30px;
     right: 15px;
     cursor: pointer;
 }

 .side-menu.before-side .btn-close {
     display: none;
 }

 .side-menu .btn-close::before,
 .side-menu .btn-close::after {
     position: absolute;
     left: 16px;
     content: ' ';
     height: 24px;
     width: 2px;
     background: #fff;
     top: 5px;
 }

 .side-menu .btn-close:before {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
 }

 .side-menu .btn-close:after {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }

 /*side open btn*/

 .sidemenu_btn.left {
     left: 15px;
     right: auto;
 }

 .sidemenu_btn span {
     height: 2px;
     width: 100%;
     background: #FFFFFF;
     display: block;
 }

 .header-appear .navbar-simple .sidemenu_btn span {
     background: #666666;
 }

 .header-appear .navbar-gradient .sidemenu_btn span {
     background: #FFFFFF;
 }

 .sidemenu_btn span:nth-child(2) {
     margin: 4px 0;
 }

 .side-menu .inner-wrapper {
     padding: 3.5rem 5rem;
     height: 100%;
     position: relative;
     overflow-y: auto;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: left;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }

 .pul-menu.pushwrap .side-menu .inner-wrapper {
     padding: 3.5rem 2.5rem;
 }

 .side-menu .side-nav {
     margin-bottom: 30px;
     display: block;
 }

 .side-nav .navbar-nav .nav-item {
     display: block;
     margin: 10px 0;
     padding: 0 !important;
     opacity: 0;
     -webkit-transition: all 0.8s ease 500ms;
     -o-transition: all 0.8s ease 500ms;
     transition: all 0.8s ease 500ms;

     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     -o-transform: translateY(30px);
     transform: translateY(30px);
 }

 .side-nav .navbar-nav .nav-item:first-child {
     -webkit-transition-delay: .1s;
     -o-transition-delay: .1s;
     transition-delay: .1s;
 }

 .side-nav .navbar-nav .nav-item:nth-child(2) {
     -webkit-transition-delay: .2s;
     -o-transition-delay: .2s;
     transition-delay: .2s;
 }

 .side-nav .navbar-nav .nav-item:nth-child(3) {
     -webkit-transition-delay: .3s;
     -o-transition-delay: .3s;
     transition-delay: .3s;
 }

 .side-nav .navbar-nav .nav-item:nth-child(4) {
     -webkit-transition-delay: .4s;
     -o-transition-delay: .4s;
     transition-delay: .4s;
 }

 .side-nav .navbar-nav .nav-item:nth-child(5) {
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
 }

 .side-nav .navbar-nav .nav-item:nth-child(6) {
     -webkit-transition-delay: .6s;
     -o-transition-delay: .6s;
     transition-delay: .6s;
 }

 .side-nav .navbar-nav .nav-item:nth-child(7) {
     -webkit-transition-delay: .7s;
     -o-transition-delay: .7s;
     transition-delay: .7s;
 }

 .side-nav .navbar-nav .nav-item:nth-child(8) {
     -webkit-transition-delay: .8s;
     -o-transition-delay: .8s;
     transition-delay: .8s;
 }

 .side-nav .navbar-nav .nav-item:nth-child(9) {
     -webkit-transition-delay: .9s;
     -o-transition-delay: .9s;
     transition-delay: .9s;
 }

 .side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
 }

 .side-nav .navbar-nav .nav-link {
     display: inline-table;
     color: #fff;
     padding: 2px 0 3px 0 !important;
     font-size: 1.5rem;
     font-weight: 300;
     line-height: normal;
     position: relative;
     -webkit-border-radius: 0;
     border-radius: 0;
 }

 .side-nav .navbar-nav .nav-link::after {
     content: "";
     position: absolute;
     background: #fff;
     display: inline-block;
     width: 0;
     height: 3px;
     bottom: 0;
     left: 0;
     overflow: hidden;
     -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
     -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
     transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
 }

 .side-nav .navbar-nav .nav-link:hover::after,
 .side-nav .navbar-nav .nav-link:focus::after,
 .side-nav .navbar-nav .nav-link.active::after {
     width: 100%;
 }

 .side-nav .navbar-nav .nav-link.active {
     background: transparent;
 }

 .side-menu p {
     font-size: 13px;
     margin-top: .5rem;
     margin-bottom: 0;
 }

 .social-icons-simple {
     margin-bottom: 0;
     margin-left: -10px;
 }

 .social-icons-simple li {
     display: inline-block;
 }

 .social-icons-simple li a {
     display: block;
     font-size: 16px;
     height: 36px;
     line-height: 38px;
     border: 1px solid transparent;
     text-align: center;
     width: 36px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     position: relative;
     z-index: 1;
     overflow: hidden;
     -webkit-transition: background-color .5s ease;
     -o-transition: background-color .5s ease;
     transition: background-color .5s ease;
 }

 .social-icons-simple li a:hover {
     background-color: #FFFFFF;
 }

 .social-icons-simple li.animated-wrap a:hover {
     background-color: transparent;
     color: #ffffff;
 }


 /* ===================================
    Blog Section
====================================== */

 .blog-text {
     max-width: 500px;
 }

 .blog-text h2 {
     font-size: 2.5rem;
     margin-bottom: 1.2rem;
     line-height: 1.3;
 }

 .blog-image {
     max-width: 500px;
 }


 /* ===================================
    Address , Map % Contact
====================================== */

 .address-text {
     padding: 7.5rem 0;
 }

 .address-social li {
     display: inline-block;
 }

 .address-social a {
     display: block;
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 40px;
     border-radius: 50px;
     color: #fff;
     font-size: 17px;
     margin: 5px;
     border: 1px solid transparent;
     -webkit-transition: background-color .2s ease-in-out;
     -moz-transition: background-color .2s ease-in-out;
     -ms-transition: background-color .2s ease-in-out;
     -o-transition: background-color .2s ease-in-out;
     transition: background-color .2s ease-in-out;
 }

 .address-social a:hover {
     background-color: #ffffff;
 }

 .half-map {
     height: 620px;
     width: 100%;
     overflow: hidden;
 }

 .contact-map {
     height: 400px;
     width: 100%;
     overflow: hidden;
 }

 .full-map {
     height: 500px;
     width: 100%;
     overflow: hidden;
 }

 .contact-form {
     max-width: 750px;
     display: block;
     text-align: center;
     margin: 0 auto;
 }

 .contact-form .form-control {
     border: none;
     border: 1px solid #00000059;
     padding: 12px;
     background: #fff;
     letter-spacing: .7px;
     font-weight: 400;
     -webkit-border-radius: 0;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     height: 44px;
     color: #a5a5a5;
     font-size: 14px;
     position: relative;
     -webkit-transition: border .9s ease;
     -o-transition: border .9s ease;
     transition: border .9s ease;
 }

 .contact-form textarea {
     min-height: 175px;
     resize: none;
 }

 .contact-form .form-group {
     margin-bottom: 1.5rem;
 }


 /* ===================================
   Parallax
====================================== */

 .parallax-box {
     padding: 3rem 0;
     text-align: center;
 }

 .parallax-box i {
     font-size: 2.5rem;
     margin-bottom: 25px;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
 }

 .parallax-box:hover i {
     transform: translateY(-5px);
     color: #347aae;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
 }

 .parallax-box h2 {
     font-size: 2.5rem;
     margin-bottom: 10px;
 }

 .parallax-box h5 {
     font-weight: 300;
 }





 /* ===================================
   Footer
====================================== */

 .footer-social li {
     display: inline-block;
 }

 .footer-social a {
     display: block;
     width: 45px;
     height: 45px;
     text-align: center;
     line-height: 45px;
     border-radius: 50px;
     font-size: 17px;
     margin: 10px 5px;
     border: 1px solid transparent;
     -webkit-transition: background-color .2s ease-in-out;
     -moz-transition: background-color .2s ease-in-out;
     -ms-transition: background-color .2s ease-in-out;
     -o-transition: background-color .2s ease-in-out;
     transition: background-color .2s ease-in-out;
 }

 .footer-social li a:hover {
     background-color: #347aae;
     color: #ffffff;
 }

 .company-about {
     font-size: 13px;
 }

 .scroll-top-arrow {
     font-size: 30px;
     line-height: 38px;
     color: #000 !important;
     display: none;
     background: #347aae !important;
     border: 1px solid #000;
     height: 45px;
     width: 45px;
     padding: 0;
     position: fixed;
     bottom: 20px;
     right: 20px;
     text-align: center;
     text-decoration: none;
     z-index: 99;
     border-radius: 100%;
     background-size: 200% auto;
     background-image: linear-gradient(to right, #3264f5 0%, #7202bb 51%, #3264f5 100%);
 }

 .scroll-top-arrow:hover {
     background-position: right center;
     color: #347aae !important;
     display: none;
     background: #000 !important;
     border: 1px solid #347aae;
 }


 /* ===================================
    Error & Coming Soon Page
====================================== */


 .error-image {
     max-width: 800px;
     margin: 0 auto;
 }

 .error-text h2 {
     display: inline-block;
     background: #347aae;
     color: #fff;
     padding: 15px 30px;
     font-size: 2.2rem;
     border-radius: 25px;
     font-weight: 600;
     margin: 1rem 0 3rem;
 }

 .error-text h3 {
     font-size: 2rem;
     color: #a5a5a5;
     letter-spacing: 3px;
 }

 .count_down p {
     color: #232323;
 }

 .count_down.white p {
     color: #ffffff;
 }

 .form_placeholder1::-webkit-input-placeholder {
     color: #000;
 }

 .form_placeholder1::-moz-placeholder {
     color: #000;
 }

 .form_placeholder1:-ms-input-placeholder {
     color: #000;
 }

 .form_placeholder1:-moz-placeholder {
     color: #000;
 }

 ul.count_down {
     list-style: none;
     margin: 65px 0 0 0;
     padding: 0;
     display: block;
     text-align: center;
 }

 ul.count_down li {
     display: inline-block;
     color: #232323;
     padding: 0 35px;
     width: 165px;
 }

 ul.count_down.white li {
     color: #ffffff;
 }

 ul.count_down li p:nth-child(1) {
     font-size: 70px;
     font-weight: bold;
     line-height: normal;
     margin: 0 0 0 0;
     transition: 1s;
 }

 ul.count_down li p:nth-child(2) {
     color: #232323;
     font-size: 14px;
     line-height: normal;
     text-align: center;
     text-transform: uppercase;
     margin: 0 0 0 0;
     transition: 1s;
     font-weight: 500;
     margin-top: 10px;
 }

 ul.count_down.white li p:nth-child(2) {
     color: #ffffff;
 }

 .count-down-form form {
     width: 580px;
     margin: 0 auto;
     margin-top: 65px;
     position: relative;
 }

 .count-down-form form input {
     border: transparent;
     background: transparent;
     box-shadow: none;
     border-bottom: 2px solid #232323;
     border-radius: 0;
     padding-left: 0;
     padding-right: 0;
     padding-bottom: 15px;
     font-size: 20px;
     font-weight: 100;
     color: #232323;
     text-align: left;
     height: 45px;
 }

 .count-down-form.white form input {

     border-bottom: 2px solid #ffffff;
     color: #ffffff;
 }

 .count-down-form .form-control:focus {
     color: initial;
     background-color: transparent;
     border-color: initial;
     outline: 0;
     box-shadow: none;
     border-bottom: 2px solid #347aae !important;
 }

 .count-down-form form a {
     transition: all linear 300ms;
     position: absolute;
     top: 6px;
     right: 4px;
 }

 .count-down-form form a i {
     font-size: 18px;
     color: #232323;
     transition: 1s;
 }

 .count-down-form.white form a i {
     color: #ffffff;
 }


 /* ===================================
    Single Version
====================================== */


 .single-items {
     position: relative;
     width: 100%;
     height: 100vh;
     overflow: hidden;
     background-position: center center;
     -webkit-background-size: cover;
     background-size: cover;
     background-attachment: fixed;
 }

 .single-items h3 {
     font-size: 3rem;
     margin-bottom: 1.3rem !important;
 }

 .single-items h3 strong {
     font-weight: 600;
     text-shadow: 0px 2px 2px rgba(0, 0, 0, .7);
 }

 .single-items p {
     margin-bottom: 0;
     color: #272727;
 }

 .single-items a:hover,
 .single-items a:active {
     color: inherit;
 }


 /* ===================================
        Blog Pages
    ====================================== */

 .page_nav {
     background: #fff;
     -webkit-border-top-left-radius: 4px;
     border-top-left-radius: 4px;
     -webkit-border-top-right-radius: 4px;
     border-top-right-radius: 4px;
     padding: 18px 40px 10px;
     display: inline-block;
     margin-top: 80px;
     color: #7f7f7f;
     font-size: 0.875rem;
     float: right;
     margin-bottom: -2px;
 }

 /* blog list */

 .blog-list-item {
     margin-bottom: 4rem;
 }

 .blog-list-item:last-child {
     margin-bottom: 1rem;
 }

 .blog-pagination li {
     display: inline-block;
 }

 .blog-pagination li a {
     display: block;
     width: 35px;
     height: 35px;
     line-height: 35px;
     border: 1px solid #a0a0a0;
     border-radius: 50px;
     margin: 0 5px;
     text-align: center;
     color: #a0a0a0;
 }

 .blog-pagination li a i {
     font-size: 16px;
 }

 .blog-pagination li a:hover,
 .blog-pagination li.active a,
 .blog-pagination li a:focus {
     background: #347aae;
     color: #fff;
     border: 1px solid #fff;
 }

 .widget {
     position: relative;
     overflow: hidden;
     padding: 2rem;
     text-align: left;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     margin-bottom: 3rem;
 }

 .widget:last-child {
     margin-bottom: 0;
 }

 .widget .search {
     width: 100%;
     padding: 5px 15px;
     border: 1px solid #e6e6e6;
     border-right: none;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
 }

 .widget .search-btn {
     position: absolute;
     width: 38px;
     line-height: 38px;
     text-align: center;
     border: none;
     color: #FFFFFF;
     background-size: 200% auto;
     background-image: linear-gradient(to right, #3264f5 0%, #7202bb 51%, #3264f5 100%);
     cursor: pointer;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     right: 30px;

 }

 .widget .search-btn:hover {
     background-position: right center;
 }

 .recent-post {
     margin-bottom: .8rem;
 }

 .recent-post:last-child {
     margin-bottom: 0;
 }

 .recent-post img {
     width: 70px;
     height: 70px;
     margin-right: 15px;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
 }

 .recent-post .text a {
     line-height: 18px;
     margin-top: 10px;
     display: block;
     text-transform: capitalize;
     color: #232323;
 }

 .recent-post .text a:hover {
     color: #3264F5;
 }

 .recent-post .text .date {
     font-size: 13px;
     color: #347aae;
 }

 .blog-category li {
     border-bottom: 1px solid #e2e2e2;
     margin-bottom: 20px;
     font-size: .9rem;

 }

 .blog-tags li {
     display: inline-block;
     margin-bottom: 6px;
 }

 .blog-tags li a {
     padding: 6px 15px;
     border: 1px solid #838383;
     font-size: 13px;
     color: #838383;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
 }

 .blog-tags li a:hover,
 .blog-tags li a:focus {
     border: 1px solid #347aae;
     background-color: #347aae;
     color: #FFFFFF;


 }

 .standalone-row:not(:last-child) {
     margin-bottom: 3rem;
 }


 .hover-effect {
     position: relative;
     overflow: hidden;
 }

 .hover-effect::before {
     right: 0;
     opacity: 1;
     top: 0;
 }

 .hover-effect::before,
 .hover-effect::after {
     content: "";
     background: #fff;
     height: 0;
     width: 0;
     z-index: 1;
     position: absolute;
     -webkit-transition-duration: 1.3s;
     -o-transition-duration: 1.3s;
     transition-duration: 1.3s;
 }

 .hover-effect::after {
     bottom: 0;
     opacity: .7;
     left: 0;
 }

 .hover-effect::before,
 .hover-effect::after {
     content: "";
     background: #fff;
     height: 0;
     width: 0;
     z-index: 1;
     position: absolute;
     -webkit-transition-duration: 1.3s;
     -o-transition-duration: 1.3s;
     transition-duration: 1.3s;
 }

 .hover-effect:hover::after,
 .hover-effect:hover::before {
     height: 100%;
     opacity: 0;
     width: 100%;
 }

 /* blog detail */

 .blog-detail-item blockquote {
     font-size: 1.1rem;
     line-height: 1.7rem;
     font-style: italic;
     letter-spacing: 1px;
     font-weight: 500;
     padding-left: 15px;
     color: #4f4f4f;
     border-left: 5px solid #eee;
 }

 .blog-detail-item .blog-share {
     margin: 0;
     display: inline-block;
     float: right;
 }

 .blog-detail-item .blog-share li {
     display: inline-block;
 }

 .blog-detail-item .blog-share li a {
     display: block;
     height: 30px;
     width: 30px;
     line-height: 30px;
     border: 1px solid #8b8b8b;
     text-align: center;
     color: #8b8b8b;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
     -webkit-transition: all .1s ease-in-out;
     -moz-transition: all .1s ease-in-out;
     -ms-transition: all .1s ease-in-out;
     -o-transition: all .1s ease-in-out;
     transition: all .1s ease-in-out;
 }

 .blog-detail-item .blog-share li a:hover {
     color: #ffffff;
 }

 .blog-detail-tag {
     padding: 15px 0;
     border-top: 1px solid #ededed;
     border-bottom: 1px solid #ededed;
     margin: 2rem 0;
     color: #969696;
     text-align: left;
 }

 .blog-detail-tag a {
     margin: 0 3px;
 }

 .blog-detail-tag .btn.btn-transparent-gray {
     color: #8b8b8b;
     border: 1px solid #8b8b8b;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
 }

 .blog-detail-tag .btn.btn-transparent-gray:hover {
     border: 1px solid #347aae;
     background-color: #347aae;
     color: #FFFFFF;
 }

 .blog-item-content h4 {
     margin-bottom: 2.5rem;
 }

 .blog-detail-nav {
     margin-top: 2rem;
     position: relative;
     display: block;
     text-align: left;
     line-height: 1;
 }

 .blog-detail-nav a {
     display: inline-block;
 }

 .blog-detail-nav a:nth-child(2) {
     float: right;
 }

 .blog-detail-item .date {
     color: #a6a6a6;
 }

 .blog-item-content h4 a:hover {
     background: #3264f5;
     background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3264f5', endColorstr='#7202bb', GradientType=1);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }


 .blog-comment {
     list-style: none;
     margin: 0;
     padding: 0;
     text-align: left
 }

 .blog-comment .avatar {
     width: 110px;
     margin-right: 20px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden
 }

 .blog-comment .comment-text {
     vertical-align: top;
 }

 .blog-comment .date {
     font-size: 12px;
     margin-bottom: .5rem;
     color: #b3aeae;
 }

 .blog-comment li {
     padding: 50px 0;
     border-bottom: 1px solid #ededed;
     position: relative
 }

 .blog-comment>li:first-child {
     padding-top: 0
 }

 .blog-comment li:last-child {
     border-bottom: none;
     padding-bottom: 0
 }

 .blog-comment li ul.child-comment {
     margin-left: 40px;
     list-style: none
 }

 .blog-comment li ul.child-comment li {
     border: none;
     padding-bottom: 0;
     border-top: 1px solid #ededed;
     margin-top: 50px
 }


 .comment-form .form-control {
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     font-weight: 300;
 }

 .comment-form .form-control:focus {
     border-color: #ced4da;
     outline: 0;
     box-shadow: none;
 }

 .comment-form textarea {
     margin-bottom: 1.2rem;
     resize: none;
 }

 /* ===================================
    Cursor
====================================== */


 /* Cursor */

 #aimated-cursor {
     position: absolute;
     left: 0;
     display: none;
     top: 0;
     width: 30px;
     height: 30px;
     pointer-events: none;
     z-index: 10000;
     -webkit-transition: opacity 0.2s ease-in-out 0.5s;
     transition: opacity 0.2s ease-in-out 0.5s;
 }

 .cursor-light:hover~#aimated-cursor {
     display: inline-block;
 }


 #cursor {
     position: fixed;
     transform: translate(-50%, -50%);
     width: 30px;
     height: 30px;
     border: 2px solid rgba(255, 255, 255, 1);
     border-radius: 50%;
     pointer-events: none;
     opacity: 1;
     box-sizing: border-box;
 }

 #cursor:before {
     font-family: FontAwesome;
     content: "\f053";
     font-size: 6px;
     width: 4px;
     height: 8px;
     line-height: 8px;
     text-align: center;
     position: absolute;
     left: -12px;
     top: 9px;
     color: #ffffff;
     opacity: 0;
     transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
 }

 #hold-event {
     width: 26px;
     height: 26px;
     position: absolute;
     top: 0px;
     left: 0px;
     border-radius: 100%;
     background: rgba(255, 255, 255, 0);
 }

 #cursor-loader {
     width: 40px;
     height: 40px;
     position: absolute;
     background-color: transparent;
     border-right: 2px solid transparent;
     border-bottom: 2px solid #ffffff;
     border-left: 2px solid transparent;
     border-top: 2px solid transparent;
     border-radius: 50px;
     box-sizing: border-box;
     opacity: 0;
     transform: translate(-9px, -9px) rotate(0deg);
     -webkit-animation: rotating 0.8s ease-in-out infinite;
     animation: rotating 0.8s ease-in-out infinite;
     -webkit-transition: opacity 0s ease-in-out 0s;
     transition: opacity 0s ease-in-out 0s;
 }

 #cursor:after {
     font-family: FontAwesome;
     content: "\f054";
     font-size: 6px;
     width: 4px;
     height: 8px;
     line-height: 8px;
     text-align: center;
     position: absolute;
     right: -10px;
     top: 9px;
     color: #ffffff;
     opacity: 0;
     transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
 }

 @keyframes rotating {
     0% {
         -webkit-transform: translate(-7px, -7px) rotate(0deg);
         transform: translate(-7px, -7px) rotate(0deg);
     }

     95% {
         -webkit-transform: translate(-7px, -7px) rotate(350deg);
         transform: translate(-7px, -7px) rotate(350deg);
     }

     100% {
         -webkit-transform: translate(-7px, -7px) rotate(360deg);
         transform: translate(-7px, -7px) rotate(360deg);
     }
 }




 /* ===================================
    Loader
====================================== */

 .loader {
     bottom: 0;
     height: 100%;
     left: 0;
     position: fixed;
     right: 0;
     top: 0;
     width: 100%;
     z-index: 1111;
     overflow-x: hidden;
     background: #3264f5;
     background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);
     background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3264f5', endColorstr='#7202bb', GradientType=1);
 }

 .loader-inner {
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
 }

 .loader-inner>img {
     width: 120px;
     max-width: 120px;
     display: inline-block;
 }

 .loader-blocks {
     height: 58px;
     width: 58px;
 }

 .loader span {
     background: #347aae;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     display: block;
     height: 12px;
     opacity: 0;
     position: absolute;
     width: 12px;
     animation: load 4.6s ease-in-out infinite;
     -o-animation: load 4.6s ease-in-out infinite;
     -ms-animation: load 4.6s ease-in-out infinite;
     -webkit-animation: load 4.6s ease-in-out infinite;
     -moz-animation: load 4.6s ease-in-out infinite;
 }

 .loader span.block-1 {
     animation-delay: 1.06s;
     -o-animation-delay: 1.06s;
     -ms-animation-delay: 1.06s;
     -webkit-animation-delay: 1.06s;
     -moz-animation-delay: 1.06s;
     left: 0px;
     top: 0px;
 }

 .loader span.block-2 {
     animation-delay: 0.97s;
     -o-animation-delay: 0.97s;
     -ms-animation-delay: 0.97s;
     -webkit-animation-delay: 0.97s;
     -moz-animation-delay: 0.97s;
     left: 16px;
     top: 0px;
 }

 .loader span.block-3 {
     animation-delay: 0.87s;
     -o-animation-delay: 0.87s;
     -ms-animation-delay: 0.87s;
     -webkit-animation-delay: 0.87s;
     -moz-animation-delay: 0.87s;
     left: 31px;
     top: 0px;
 }

 .loader span.block-4 {
     animation-delay: 0.78s;
     -o-animation-delay: 0.78s;
     -ms-animation-delay: 0.78s;
     -webkit-animation-delay: 0.78s;
     -moz-animation-delay: 0.78s;
     left: 47px;
     top: 0px;
 }

 .loader span.block-5 {
     animation-delay: 0.69s;
     -o-animation-delay: 0.69s;
     -ms-animation-delay: 0.69s;
     -webkit-animation-delay: 0.69s;
     -moz-animation-delay: 0.69s;
     left: 0px;
     top: 16px;
 }

 .loader span.block-6 {
     animation-delay: 0.6s;
     -o-animation-delay: 0.6s;
     -ms-animation-delay: 0.6s;
     -webkit-animation-delay: 0.6s;
     -moz-animation-delay: 0.6s;
     left: 16px;
     top: 16px;
 }

 .loader span.block-7 {
     animation-delay: 0.51s;
     -o-animation-delay: 0.51s;
     -ms-animation-delay: 0.51s;
     -webkit-animation-delay: 0.51s;
     -moz-animation-delay: 0.51s;
     left: 31px;
     top: 16px;
 }

 .loader span.block-8 {
     animation-delay: 0.41s;
     -o-animation-delay: 0.41s;
     -ms-animation-delay: 0.41s;
     -webkit-animation-delay: 0.41s;
     -moz-animation-delay: 0.41s;
     left: 47px;
     top: 16px;
 }

 .loader span.block-9 {
     animation-delay: 0.32s;
     -o-animation-delay: 0.32s;
     -ms-animation-delay: 0.32s;
     -webkit-animation-delay: 0.32s;
     -moz-animation-delay: 0.32s;
     left: 0px;
     top: 31px;
 }

 .loader span.block-10 {
     animation-delay: 0.23s;
     -o-animation-delay: 0.23s;
     -ms-animation-delay: 0.23s;
     -webkit-animation-delay: 0.23s;
     -moz-animation-delay: 0.23s;
     left: 16px;
     top: 31px;
 }

 .loader span.block-11 {
     animation-delay: 0.14s;
     -o-animation-delay: 0.14s;
     -ms-animation-delay: 0.14s;
     -webkit-animation-delay: 0.14s;
     -moz-animation-delay: 0.14s;
     left: 31px;
     top: 31px;
 }

 .loader span.block-12 {
     animation-delay: 0.05s;
     -o-animation-delay: 0.05s;
     -ms-animation-delay: 0.05s;
     -webkit-animation-delay: 0.05s;
     -moz-animation-delay: 0.05s;
     left: 47px;
     top: 31px;
 }

 .loader span.block-13 {
     animation-delay: -0.05s;
     -o-animation-delay: -0.05s;
     -ms-animation-delay: -0.05s;
     -webkit-animation-delay: -0.05s;
     -moz-animation-delay: -0.05s;
     left: 0px;
     top: 47px;
 }

 .loader span.block-14 {
     animation-delay: -0.14s;
     -o-animation-delay: -0.14s;
     -ms-animation-delay: -0.14s;
     -webkit-animation-delay: -0.14s;
     -moz-animation-delay: -0.14s;
     left: 16px;
     top: 47px;
 }

 .loader span.block-15 {
     animation-delay: -0.23s;
     -o-animation-delay: -0.23s;
     -ms-animation-delay: -0.23s;
     -webkit-animation-delay: -0.23s;
     -moz-animation-delay: -0.23s;
     left: 31px;
     top: 47px;
 }

 .loader span.block-16 {
     animation-delay: -0.32s;
     -o-animation-delay: -0.32s;
     -ms-animation-delay: -0.32s;
     -webkit-animation-delay: -0.32s;
     -moz-animation-delay: -0.32s;
     left: 47px;
     top: 47px;
 }

 @keyframes load {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-97px);
         -o-transform: translateY(-97px);
         transform: translateY(-97px);
     }

     15% {
         opacity: 0;
         -webkit-transform: translateY(-97px);
         -o-transform: translateY(-97px);
         transform: translateY(-97px);
     }

     30% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -o-transform: translateY(0);
         transform: translateY(0);
     }

     70% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -o-transform: translateY(0);
         transform: translateY(0);
     }

     85% {
         opacity: 0;
         -webkit-transform: translateY(97px);
         -o-transform: translateY(97px);
         transform: translateY(97px);
     }

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

 @-o-keyframes load {
     0% {
         opacity: 0;
         -o-transform: translateY(-97px);
     }

     15% {
         opacity: 0;
         -o-transform: translateY(-97px);
     }

     30% {
         opacity: 1;
         -o-transform: translateY(0);
     }

     70% {
         opacity: 1;
         -o-transform: translateY(0);
     }

     85% {
         opacity: 0;
         -o-transform: translateY(97px);
     }

     100% {
         opacity: 0;
         -o-transform: translateY(97px);
     }
 }

 @-webkit-keyframes load {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-97px);
     }

     15% {
         opacity: 0;
         -webkit-transform: translateY(-97px);
     }

     30% {
         opacity: 1;
         -webkit-transform: translateY(0);
     }

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

     85% {
         opacity: 0;
         -webkit-transform: translateY(97px);
     }

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



 /*Rev slider*/

 .rev_slider .tp-mask-wrap .tp-caption.Photography-Menuitem {
     color: #fff !important;
     background: #3264f5;
 }





 /* ===================================
    Other pgaes
====================================== */

 /*Contact Page*/

 .address-block {
     background: #fff;
     width: 100%;
     height: 400px;
     -webkit-box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
     box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
     padding: 3.5rem 1rem 3.5rem 3.5rem;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -moz-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     text-align: left;
     margin-bottom: 5px;
 }

 .address-block ul.address-list {
     padding-top: 1.3rem;
     font-size: 1rem;
     color: #939393;
 }

 .address-block ul.address-list li {
     margin-bottom: 5px;
 }

 .adress-icon a {
     font-size: 15px;
     height: 30px;
     width: 30px;
     line-height: 30px;
     display: inline-block;
     color: #939393;
     border: 1px solid;
     text-align: center;
     border-radius: 50px;
     margin-right: 3px;
     margin-top: 20px;
     transition: all 0.1s ease-in-out;
     -moz-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
     -webkit-transition: all 0.1s ease-in-out;
 }


 /*Login*/

 .login-content {
     max-width: 450px;
     margin: 0 auto;
     padding: 15px;
 }


 .login-content h3 {
     font-size: 2rem;
     line-height: 1.3;
 }

 .login-content .alert {
     position: relative;
     padding: 6px 12px;
     background-color: #fff8e1;
     border-color: #f1cb4b;
     color: #000000;
     font-size: 13px;
     font-weight: 400;
     margin-bottom: 1.5rem;
 }

 .login-content .alert-dismissible .close {
     padding: 0.4rem 1.25rem;
     font-weight: 400;
 }

 .login-content input {
     width: 100%;
     padding: 9px 20px;
     text-align: left;
     outline: 0;
     border-radius: 6px;
     font-size: 15px;
     font-weight: 300;
     border: 0;
     background-color: #F7F7F7;
     color: #000000;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     margin-bottom: 14px;
 }

 .login-content .form-button {
     margin-top: 2.2rem;
 }

 .login-content .form-button a {
     font-weight: 500;
     margin-left: 2rem;
 }

 .login-sec {
     height: 100vh;
 }

 .alert-warning button.close {
     background: transparent;
     border: none;
     font-size: 22px;
 }

 .alert-dismissible .close {
     position: absolute;
     top: 0;
     right: 0;
     padding: .75rem 1.25rem;
     color: inherit;
 }


 /*forget password*/


 .foget-password {
     max-width: 400px;
     margin: 0 auto;
     padding: 15px;
 }

 .foget-password h3 {
     font-size: 2.5rem;
     font-weight: 500;
 }

 .foget-password input {
     width: 100%;
     padding: 9px 20px;
     text-align: left;
     border: 0;
     outline: 0;
     border-radius: 6px;
     background-color: #ffffff14;
     font-size: 15px;
     font-weight: 300;
     color: #ffffff;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     margin-bottom: 14px;
 }

 .sidemenu_btn {
     display: none;
 }

 .head {
     position: relative;
     padding: 23px 40px;
     box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
     background: rgb(255 255 255 / 40%);
     box-shadow: inset 0px 0px 11px 5px rgb(255 255 255 / 44%);
     border-radius: 15px;
     backdrop-filter: blur(5px);
     display: flex;
     justify-content: space-between;
     align-items: center;
     position: relative;
     z-index: 9;
     box-shadow:
         inset 0px 0px 11px 5px rgb(255 255 255 / 44%),
         rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
         rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;


     /* background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.12));
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 8px 22px rgba(10, 30, 60, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2); */

 }

 .navbar>.container,
 .navbar>.container-fluid,
 .navbar>.container-lg,
 .navbar>.container-md,
 .navbar>.container-sm,
 .navbar>.container-xl,
 .navbar>.container-xxl {
     display: block;
 }

 .project-bg {
     background-repeat: no-repeat;
     background-image: url('../img/BG.webp');
     background-size: cover;
     background-position: center center;
     width: 100%;
     height: auto;
     opacity: 1;
     visibility: inherit;
     position: relative;
     padding-top: 80px;
 }

 .project-bg .contact-form .form-control {
     border: 1px solid #00000059;
     background: transparent;
     color: #000;
 }

 .enqur-row {
     padding: 35px 33px;
     box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
     border-radius: 15px;
     background: rgb(255 255 255 / 0%);
     backdrop-filter: blur(5px);
     position: relative;
 }

 .projet-row {
     padding-top: 90px;
 }

 .vector img {
     position: absolute;
     right: -28px;
     top: -62px;
     width: 95px;
 }

 .majr-img {
     display: none;
 }

 /* Parent Wrapper */
 .khan-project {

     color: #062433;
 }

 /* Inner Container */
 .khan-project .inner {
     /* max-width: 1100px; */
     margin: 0 auto;
 }

 /* Title (Optional) */
 .khan-project h2 {
     margin-bottom: 18px;
     font-weight: 600;
     letter-spacing: 0.6px;
     text-transform: uppercase;
     font-size: 18px;
     color: #062433;
 }

 /* Grid Layout for List */
 .khan-project ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: grid;
     grid-template-columns: repeat(2, minmax(240px, 1fr));
     gap: 14px 48px;
 }

 /* List Item Styling */
 .khan-project li {
     position: relative;
     padding-left: 20px;
     line-height: 1.6;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 0.6px;
     font-size: 15px;
 }

 /* Custom Bullet */
 .khan-project li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 8px;
     height: 8px;
     border-radius: 50%;
     /* background: #062433;
    box-shadow: 0 0 0 4px rgba(6, 36, 51, 0.04); */
     border: 2px solid #062433;
 }

 /* Extra spacing version (optional) */
 .khan-project .spacious {
     gap: 8px 20px;
 }

 /* Responsive Design */
 @media (max-width: 700px) {
     .khan-project ul {
         grid-template-columns: 1fr;
         gap: 12px 20px;
     }

     .khan-project {
         padding: 28px 14px;
     }

     .khan-project h2 {
         font-size: 16px;
     }
 }


 .enqrty-bg {
     position: absolute;
     bottom: 0;
     right: 0;
 }

 .enqrty-bg img {
     width: 400px;
 }

 .major-sec {
     background-repeat: no-repeat;
     /* background-image: url('../img/Major-attraction-bg.webp'); */
     background-size: cover;
     background-position: center center;
     width: 100%;
     height: auto;
     opacity: 1;
     visibility: inherit;
     position: relative;
     padding: 57px 0px;
     padding-bottom: 0;
 }


 .major-sec .title h2 {
     font-size: 30px;
     line-height: 1.2;
     font-weight: 400;
     color: #fff;
     text-transform: uppercase;
 }


 .major-sec .khan-project ul {
     grid-template-columns: repeat(1, minmax(240px, 1fr));
 }

 .major-sec .khan-project li::before {
     border: 2px solid #fff;
 }

 .major-sec .khan-project li {
     color: #fff;
 }

 .modal-dialog {
     margin: 7.75rem auto;
 }

 /* New rule for the focus state */
 .project-bg .contact-form .form-control:focus {
     /* Example: Make the border thicker and a distinct color (like blue) */
     border: 1px solid #347aae;
     /* A common focus color */
     /* Optional: Add a subtle box-shadow for extra emphasis */
     /* box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); */
     /* You might also want to override the default browser outline */
     outline: none;
 }

 .downlod i {
     font-size: 65px;

     background-color: #347aae;
     border: 1px solid #347aae;
     padding: 12px;
     border-radius: 10px;
     color: #fff;
 }

 .downlod:hover i {
     color: #347aae;
     background-color: #000;
     border: 1px solid #347aae;
 }

 .cube-portfolio1 p {
     font-size: 17px;
     font-weight: 500;
     padding-bottom: 30px;
 }

 .premiere {
     /* background: #d7e8f2; */
     color: #000;
     padding: 48px 24px 28px;
 }

 /* Top area */
 .premiere .top-row {
     border-bottom: 1px solid rgb(255 255 255 / 22%);
     padding-bottom: 26px;
     margin-bottom: 28px;
 }

 .premiere .brand-logo img {
     max-width: 220px;
     height: auto;
     display: block;
 }

 /* Project MahaRERA area */
 .mharera-title {
     color: #347aae;
     font-weight: 700;
     /* letter-spacing: 0.6px; */
     text-transform: uppercase;
     font-size: 16px;
 }

 .mharera-list {
     color: #347aae;
     font-weight: 600;
     font-size: 17px;
 }

 .qr-box {
     /* background: #0a0a0a;
    padding: 18px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.03); */
 }

 .qr-box img {
     width: 110px;
     height: 110px;
     object-fit: cover;
     display: inline-block;
 }

 /* vertical divider between QR columns on large screens */
 .vertical-divider {
     border-left: 3px solid #347aae;
     height: 152px;
     margin: 0px 17px;
     position: relative;
     top: 28px;

 }

 .foot-contac {
     display: flex;
     align-items: center;
     padding-bottom: 20px;
 }

 .map iframe {
     width: 100%;
     height: 310px;
 }

 /* Middle area */
 .contact-block {
     display: flex;
     align-items: center;
     gap: 20px;
     padding: 28px 0;
     border-top: 1px solid rgba(255, 255, 255, 0.03);
 }

 .contact-circle {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #000;
     font-weight: 700;
     font-size: 20px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
 }

 .contact-circle i {
     font-size: 23px;
 }

 .contact-text {
     font-weight: 700;
     font-size: 18px;
     color: #000;
 }

 .contact-small {
     color: #000;
     font-size: 13px;
     margin-top: 6px;
 }

 .head-enq .btn.btn-large {
     margin: 0;
 }

 .btn:hover {
     background-color: #347aae;
 }

 .header-appear .Premiere-logo a img {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     max-width: 110px;
 }

 .header-appear .head {
     position: relative;
     padding: 23px 0px;
     box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
     background: transparent;
     box-shadow: none;
     border-radius: 0px;
     backdrop-filter: blur(0px);
 }

 /* Disclaimer column */
 .disclaimer {
     color: #000;
     font-size: 13px;
     line-height: 1.45;
     padding-right: 18px;
 }

 .disclaimer strong {
     margin-bottom: 8px;
 }

 .premiere a:hover {
     color: #347aae;
 }

 /* Map image */
 .map-img {
     border-radius: 6px;
     border: 1px solid rgba(255, 255, 255, 0.04);
     overflow: hidden;
 }

 .map-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 /* bottom rounded copyright pill */
 .copyright-pill {
     margin-top: 34px;
     background: #fff;
     color: #0b0b0b;
     padding: 12px 22px;
     border-radius: 40px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
 }

 .copyright-left {
     font-size: 14px;
 }

 .copyright-right a {
     color: #0b0b0b;
     text-decoration: none;
     margin-left: 18px;
     font-weight: 600;
 }

 /* smaller screens tweaks */
 @media (max-width: 991px) {
     .vertical-divider {
         display: none;
     }

     .mharera-list {
         font-size: 13px;
     }

     .qr-box img {
         width: 92px;
         height: 92px;
     }
 }

 @media (max-width: 575px) {
     .contact-block {
         flex-direction: column;
         align-items: flex-start;
         gap: 12px;
     }

     .contact-text {
         font-size: 16px;
     }

     .disclaimer {
         padding-right: 0;
     }

     .copyright-pill {
         flex-direction: column;
         align-items: flex-start;
         gap: 10px;
         padding: 14px;
     }
 }

 .maha-foot {
     display: flex;
     align-items: center;
 }

 .float {
     position: fixed;
     width: 50px;
     height: 50px;
     bottom: 18px;
     right: 17px;
     line-height: 50px;
     background-color: #0dc143;
     color: #FFF;
     border-radius: 50px;
     text-align: center;
     font-size: 31px;
     /* box-shadow: 2px 2px 3px #999; */
     z-index: 100;
 }



 /* Styles for the Mobile Sticky Bottom Bar */
 .mobile-bottom-nav .nav-link {
     color: #fff;
     text-decoration: none;
     padding: 8px 5px;
     transition: background-color 0.2s ease;
     border: 1px solid #ffffff40;
     border-radius: 5px;
     /* backdrop-filter: blur(5px); */
     background: rgb(16 77 150);
     /* box-shadow: inset 0px 0px 11px 5px rgb(255 255 255 / 62%); */
 }

 .mobile-bottom-nav .nav-link:hover {
     background-color: #f8f9fa;
     /* Light grey on hover */
 }

 /* Icon styles */
 .mobile-bottom-nav .nav-link .fa {
     font-size: 1.4rem;
     /* Make icon bigger */
     display: block;
     /* Puts icon on its own line */
     margin: 0 auto 4px;
     /* Centers the icon and adds space below it */
 }

 /* Text styles */
 .mobile-bottom-nav .nav-link span {
     font-size: 16px;
     /* Make text smaller */
     font-weight: 700;
 }

 /* --- Icon Colors (from your image) --- */
 .mobile-bottom-nav .fa-phone {
     /* color: #032d6d; */
     color: #fff;
     /* Green */
 }

 .mobile-bottom-nav .fa-whatsapp {
     /* color: #25D366; */
     color: #fff;
     /* Official WhatsApp Green */
 }

 .mobile-bottom-nav .fa-info {
     /* color: #ffc107; */
     color: #fff;
     /* Yellow */
 }

 .plan-card {
     background: rgb(16 154 194 / 90%);
     /* Semi-transparent white */
     backdrop-filter: blur(12px) saturate(1.1);
     /* The blur effect */
     -webkit-backdrop-filter: blur(12px) saturate(1.1);
     border-radius: 16px;
     /* border: 1px solid rgba(255, 255, 255, 0.2); */
     box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);
     padding: 2rem 1.5rem;
     text-align: center;
     color: #fff;
     /* White text for contrast */
     height: 100%;
     /* Makes all cards in a row the same height */
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 /* 3. CARD CONTENT STYLING 
      Matching the text styles from your image.
    */
 .plan-card h2 {
     font-size: 3rem;
     font-weight: 500;
     margin-bottom: 0;
     letter-spacing: 1px;
 }

 .plan-card .area-title {
     font-size: 24px;
     font-weight: 700;
     margin-top: 1rem;
 }

 .plan-card .area-sqft {
     font-size: 18px;
     font-weight: 400;
     margin-top: 5px;
 }

 .plan-card .btn-custom {
     background-color: #0f5098;
     /* Dark color from your image */
     border: none;
     color: #fff;
     font-weight: 500;
     padding: 0.6rem 1.5rem;
     border-radius: 6px;
     margin-top: 1.5rem;
     transition: background-color 0.2s ease;
     font-size: 24px;
     cursor: auto;
 }

 .plan-card .btn-custom:hover {
     background-color: #343a40;
     /* Slightly lighter on hover */
     color: #fff;
 }

 .plan-card .btn-custom .fa {
     margin-right: 8px;
     /* Space between icon and text */
 }

 .floor-card {
     padding: 50px 0px;
 }

 /* The horizontal scroll container */
 .gallery-scroll-row {
     padding-top: 1rem;
     padding-bottom: 1rem;
 }

 /* Style for the gallery images */
 .gallery-img {
     border-radius: 8px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     background-color: #fff;
     width: 100%;
     /* Ensure image fills its container */
 }

 .gallery-img:hover {
     transform: scale(1.05);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
     z-index: 10;
 }

 .gallery-scroll-row .col-lg-6 {
     overflow: hidden;
 }

 .galler {
     padding-top: 60px;
     padding-bottom: 40px;
 }

 /* Optional: Subtle scrollbar */
 .overflow-auto::-webkit-scrollbar {
     height: 8px;
 }

 .overflow-auto::-webkit-scrollbar-track {
     background: #e0e0e0;
     border-radius: 10px;
 }

 .overflow-auto::-webkit-scrollbar-thumb {
     background: #347aae;
     border-radius: 10px;
 }

 .overflow-auto::-webkit-scrollbar-thumb:hover {
     background: #2a628a;
 }

 .rear-hegt {

     display: flex;

     overflow-x: auto;

     gap: 15px;

     /* padding: 15px; */

     /* background: #f5f5f5; */

     /* border-radius: 8px; */

     scrollbar-width: thin;

     scrollbar-color: #042e6f #f1f1f1;
     overflow-y: hidden;

 }



 .rear-hegt::-webkit-scrollbar {

     height: 10px;

 }

 .rear-hegt::-webkit-scrollbar-track {

     background: #f1f1f1;

     border-radius: 10px;

 }

 .rear-hegt::-webkit-scrollbar-thumb {

     background: #042e6f;

     border-radius: 10px;

 }

 .rear-hegt::-webkit-scrollbar-thumb:hover {

     background: #042e6f;

 }



 .rear-hegt img {

     flex: 0 0 auto;

     /* height: 250px; */

     width: 350px;

     object-fit: cover;

     /* border-radius: 6px; */

     /* box-shadow: 0 4px 8px rgba(0,0,0,0.1); */

     transition: transform 0.3s ease;

 }



 .rear-hegt img:hover {

     transform: scale(1.02);

 }

 .oc-rev {
     padding-bottom: 100px;
 }
































 /* ===================================
    Media Queries
====================================== */

 @media screen and (min-width: 1610px) {}

 @media (min-width: 1400px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl {
         max-width: 1140px;
     }
 }

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

     #laptop-slide {
         right: 118px;
     }

     .content-image img {
         max-width: 100%;
         margin-left: 0;
     }

     .counter-row {
         width: 100%;
         max-width: 100%;
     }

     .counters {
         padding: 7.5rem 15px;
     }

     .counter-row .counter-item {
         text-align: center;
     }

     #app-slider {
         left: 27px;
     }

     .blog-image,
     .blog-image img {
         max-width: 100%;
     }

     .feature-skill-box {
         padding: 20px;
     }

     .feature-half {
         height: 800px;
     }

     .rev_slider .caption,
     .rev_slider .tp-caption p {
         font-size: 15px !important;
         line-height: 1.5 !important;
     }

     .half-map {
         height: 680px;
     }


 }

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

     .top-header-area {
         display: none;
     }

     .top-header-area~.navbar-top-default {
         top: 0;
     }

     #laptop-slide {
         width: 375px;
         height: 235px;
         overflow: hidden;
         position: absolute;
         display: inline-block;
         top: 100px;
         right: 76px;
     }

     .slider-social,
     .tp-bullets.wexim {
         display: none;
     }

     .sidemenu_btn {
         position: relative;
         right: 0;
         margin: 0;
     }

     .app-image img {
         max-width: 100%;
     }

     #app-slider {
         position: absolute;
         top: 51px;
         width: 177px;
         left: 16px;
         height: 315px;
     }

     .blog-pagination {
         margin-bottom: 3.5rem;
     }

     .center-logo .logo {
         left: 0;
         position: relative;
         top: auto;
         transform: translateX(0);
     }

     .navbar-box .container {
         padding: 0 15px;
     }

     .navbar-box .sidemenu_btn {
         display: inline-block !important;
         margin: 0;
     }

     .onepage-slide h2 {
         font-size: 2.5rem !important;
     }

     .onepage-slide h2 span {
         font-size: 2.5rem !important;
     }

     .coming-img {
         display: none;
     }

     .standalone-row {
         text-align: center;
     }

     .standalone-row h2 {
         margin-top: 3rem;
     }

     .blog-text {
         max-width: 100%;
     }

     .feature-half {
         height: auto;
         width: 100%;
     }

     .feature-skill-box {
         padding: 7.5rem 0;
         max-width: 720px;
         margin: 0 auto;
     }

     .content .title {
         margin-bottom: 3rem;
     }

     #portfolio_top::before,
     #portfolio_top::after {
         background: #f8f9fa;
         height: auto;
     }

     .text_wrap {
         padding: 25px 15px;
     }

     .about-box {
         max-width: 100%;
         text-align: center;
         padding: 0 15px;
     }

     .about-box {
         max-width: 100%;
         text-align: center;
         padding: 0 15px;
     }

     .feature-half-two {
         display: none;
     }

     .wrapper {
         padding-left: 0;
     }

     .wrapper.right {
         padding-right: 0;
     }

     .side-right-btn {
         display: inline-block;
     }

     .navbar-right.left~.side-right-btn {
         left: auto;
         right: 20px;
     }


     .navbar.navbar-right {
         left: -290px;
     }

     .navbar.navbar-right.show {
         left: 0;
     }

     .navbar.navbar-right.left {
         left: auto;
         right: -290px;
     }

     .navbar.navbar-right.show {
         right: 0;
     }


     .blog-half-text {
         padding: 7.5rem 0;
     }

     .price-two {
         text-align: center;
     }

     #aimated-cursor {
         display: none !important;
         visibility: hidden !important;
     }

     .ul.count_down {
         padding: 0 15px;
     }

     ul.count_down li {
         width: 100px;
     }

     ul.count_down li p:nth-child(1) {
         font-size: 48px;
     }

     .sidemenu_btn.parallax-btn {
         width: 45px;
     }

     .sidemenu_btn_inner {
         height: 35px;
         width: 35px;
     }

     .content {
         text-align: center;
     }

     .address-block {
         padding: 15px;
         text-align: center;
     }


 }

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

     body {
         text-align: center;
     }

     section,
     .section-padding,
     .testimonial-item {
         position: relative;
         padding: 4.5rem 0;
         overflow: hidden;
     }

     .address-text {
         padding: 4.5rem 0;
     }

     .counters {
         padding: 4.5rem 15px;
     }

     .half-map {
         height: 450px;
     }

     .blog-half-text,
     .contact-form.left {
         padding: 4.5rem 0;
     }

     .title h2 {
         font-size: 2.2rem;
     }

     .title {
         margin-bottom: 2rem;
     }


     #laptop-slide {
         width: 277px;
         height: 175px;
         overflow: hidden;
         position: absolute;
         display: inline-block;
         top: 74px;
         right: 56px;
     }

     .app-image {
         width: 170px;
         margin: 3rem auto;
     }

     .app-image img {
         max-width: 100%;
     }

     #app-slider {
         position: absolute;
         top: 40px;
         width: 142px;
         left: 14px;
         height: 255px;
         overflow: hidden;
     }

     .side-menu {
         width: 380px;
     }

     .cube-portfolio1 .cbp-l-filters-button .cbp-filter-item {
         margin: 0;
         padding: 0;
     }

     .page_nav {
         float: none;
     }

     .blog-text {
         margin-bottom: 2.8rem;
     }

     .blog-text h2 {
         font-size: 2rem;
     }

     .btn.btn-large {
         font-size: 13px;
         padding: 7px 28px;
     }

     .dark-slider h2 {
         font-size: 2.5rem !important;
     }

     .dark-slider p {
         font-size: 15px !important;
     }

     .onepage-slide h2 {
         font-size: 2rem !important;
     }

     .onepage-slide h2 span {
         font-size: 2rem !important;
     }

     .personal-box h2 {
         font-size: 2rem;
     }

     .personal-box h3 {
         font-size: 1.5rem;
     }

     .sidemenu_btn {
         margin-right: 0;
     }

     .coming-box img {
         max-width: 300px;
     }

     .coming-box .subscribe {
         max-width: 400px;
     }

     .simply-countdown .simply-section .simply-amount {
         font-size: 1.2rem;
     }

     #testimonial_slider .owl-dots {
         bottom: 50px;
     }

     .single-version h2,
     .single-version h2 span {
         font-size: 3rem;
         line-height: 1.3;
     }

     .feature-skill-box {
         max-width: 540px;
         padding: 4.5rem 0;
     }

     .classic-box h2 {
         font-size: 2.2rem;
     }

     .bottom-text .port_head {
         font-size: 4rem;
         text-align: left;
     }

     .about-skill .about-item {
         width: 100%;
     }

     .about-skill .about-item:not(:last-child) {
         margin-bottom: 2rem;
     }

     .parallax-box h2 {
         font-size: 2rem;
     }

     .parallax-box h5 {
         font-size: 1rem;
     }

     .ul.count_down {
         padding: 0 15px;
     }

     ul.count_down li {
         width: 125px;
         padding: 0 10px;
     }

     ul.count_down li p:nth-child(1) {
         font-size: 48px;
     }

     .count-down-form form {
         width: 100%;
         max-width: 465px;
     }

     .rev_slider .caption,
     .rev_slider .tp-caption p {
         padding: 30px 0 !important;
     }

 }


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

     .laptop-img {
         width: 400px;
     }

     #laptop-slide {
         width: 218px;
         height: 137px;
         overflow: hidden;
         position: absolute;
         display: inline-block;
         top: 58px;
         right: 44px;
     }

     #particles-js h2 {
         font-size: 2rem;
     }

     .single-version h2 {
         font-size: 2.5rem;
     }

     .single-version h2 span {
         font-size: 3rem;
     }

     .h1,
     h1 {
         font-size: 2rem;
     }

     .team-two-block.d-flex {
         display: block !important;
     }

     .team-box-two .team-two-block li {
         width: 100%;
         display: block;
     }

     .team-box-two .team-two-content {
         padding: 40px 25px;
     }

     .team-box-two .team-two-block::before {
         width: 100%;
         top: 0;
     }

     .team-box-two .team-two-block.left::before {
         left: 0 !important;
         top: -100%;
     }

     .team-box-two .team-two-block.left:hover::before {
         top: 0;
         opacity: 1;
         visibility: visible;
     }

     .team-box-two .team-two-block.right::before {
         right: 0 !important;
         top: -100%;
     }

     .team-box-two .team-two-block.right:hover::before {
         top: 0;
         opacity: 1;
         visibility: visible;
     }

     .price-two {
         padding: 4rem 2rem;
     }

     .count-down-form {
         padding: 0 30px;
     }

     .h1,
     .h2,
     .h3,
     .h4,
     .h5,
     .h6,
     h1,
     h2,
     h3,
     h4,
     h5,
     h6 {
         line-height: 1.4;
     }

     .blog-pagination li a {
         width: 28px;
         height: 28px;
         line-height: 28px;
         font-size: 13px;
     }

     .blog-text h2 {
         font-size: 1.5rem;
     }

     .login-content h3,
     .foget-password h3 {
         font-size: 1.5rem;
     }

 }



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

     .laptop-img {
         width: 320px;
     }

     #laptop-slide {
         width: 175px;
         height: 110px;
         overflow: hidden;
         position: absolute;
         display: inline-block;
         top: 46px;
         right: 35px;
     }

     .footer-social a {
         width: 35px;
         height: 35px;
         line-height: 35px;
         font-size: 15px;
     }

     .blog-detail-tag {
         text-align: center;
     }

     .blog-detail-item .blog-share {
         display: block;
         float: none;
         text-align: center;
         padding-top: 15px;
     }

     .blog-comment .avatar {
         width: 70px;
     }
 }


 @media only screen and (max-device-width : 466px) {

     .rev_slider .caption,
     .rev_slider .tp-caption p {
         line-height: 1.2 !important;
         letter-spacing: .5px !important;
         font-size: 12px !important;
     }

     .blog-detail-tag .btn {
         margin: 5px 0;
     }

 }

 #videoModal .modal-body {
     padding: 20px;
     background: transparent;
 }

 #videoModal .modal-content {
     position: relative;
     display: flex;
     flex-direction: column;
     width: 100%;
     pointer-events: auto;
     background-color: transparent;
     background-clip: padding-box;
     border: 0px solid rgba(0, 0, 0, .2);
     border-radius: .3rem;
     outline: 0;
     /* backdrop-filter: blur(5px);
    background: rgb(255 255 255 / 10%);
    box-shadow: inset 0px 0px 11px 5px rgb(255 255 255 / 62%); */
 }

 /* 1. Container Setup */
 .tv-set-container {
     /* Set the container to position: relative to anchor the stand correctly */
     position: relative;
     /* Add padding at the bottom for the stand to extend into */
     padding-bottom: 50px;
     /* Ensures the stand doesn't overlap header/footer if they were present */
     /* overflow: hidden;  */
 }

 /* 2. TV Frame (The Screen Bezel) */
 .tv-set-container .video-frame {
     /* Modern, dark, recessed look */
     background-color: #1a1a1a;
     border: 10px solid #0d0d0d;
     /* Outer dark border */
     border-radius: 8px;
     padding: 3px;
     position: relative;
     /* Needed for any internal elements */
     margin-bottom: -5px;
     /* Pulls the frame slightly over the stand top */

     /* Complex box shadow for a professional, layered look */
     box-shadow:
         /* Outer glow/ambient light */
         0 20px 30px rgba(0, 0, 0, 0.5),
         /* Inner shadow to recess the screen */
         inset 0 0 10px rgba(0, 0, 0, 0.9);
 }

 /* 3. The Stand (Single Pedestal Base) */
 .tv-set-container .tv-stand {
     /* Positioning it absolutely at the bottom center */
     position: absolute;
     left: 50%;
     transform: translateX(-50%);

     /* Style for the stand neck */
     top: 94%;
     /* Start the stand just below the TV frame */
     width: 80px;
     /* Width of the stand neck */
     height: 30px;
     /* Height of the stand neck */
     background-color: #000;
     /* Dark metal/slate color */
     border-radius: 5px 5px 0 0;

     /* Creating the base using a pseudo-element on the stand div */
     z-index: 10;
 }

 .tv-set-container .tv-stand::after {
     content: "";
     position: absolute;
     bottom: -15px;
     /* Position below the neck */
     left: -50px;
     /* Center the wide base */
     right: -50px;
     height: 15px;
     /* Thickness of the base plate */
     background-color: #000;
     /* Slightly lighter than the neck */
     border-radius: 0 0 10px 10px;
     /* Shadow for the base */
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
 }

 /* Optional: Slight shadow on the video player itself for screen depth */
 .tv-set-container iframe {
     box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.8);
     border-radius: 2px;
 }

 .modal-backdrop {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1040;
     width: 100vw;
     height: 100vh;
     background-color: #00000082;
 }

 .address {
     margin-bottom: 10px;
 }

 .syla-disc {
     display: flex;
     justify-content: space-between;
 }

 .hub-syla p {
     line-height: 1.2;
     padding-top: 0px;
     font-size: 13px;
     font-weight: 600;
     color: #032d6d;
     padding-left: 10px;
 }

 header .hub-syla a {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
 }

 .header-top-text p {
     display: inline;
     padding-right: 0px;
     font-weight: 500;
 }

 .maj-atrac {
     display: block;
 }

 .maj-atrac2 {
     display: none;
 }

 .privacy h2 {
     font-size: 31px;
     padding-bottom: 15px;
     text-align: center;
 }

 .privacy p {
     padding-bottom: 10px;
 }

 .privacy ul {
     padding-left: 20px;
     padding-bottom: 20px;
 }

 .privacy ul li {
     list-style: disc;
 }

 .privacy h4 {
     font-size: 19px;
     font-weight: 300;
     padding-bottom: 2px;
 }

 #privacyModal .modal-dialog {
     margin: 7.75rem auto;
     max-width: 1250px;
 }

 .thanks {
     box-sizing: border-box;
     background: url('https://www.hubtown-risingcity.in/img/Banner.webp') center/cover no-repeat fixed;
     min-height: 100%;
     position: relative;
 }
 .thanks .premiere { 
    padding-top: 0;
}
 .main-content{
     padding: 0;
     padding-top: 182px;
 }

 .thanks::before {
     content: '';
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgb(0 0 0 / 17%);
     z-index: -1;
 }

 .thankyou.thank-you-container {
     min-height: 100vh;
     display: flex;
     flex-direction: column;
 }

 .thankyou.main-content {
     flex: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 60px 20px;
 }

 .thankyou.thank-you-card {
     background: rgba(255, 255, 255, 0.15);
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 20px;
     box-shadow: 0 25px 45px rgba(0, 0, 0, 0.3);
     padding: 50px 40px;
     text-align: center;
     /* max-width: 600px; */
     width: 100%;
 }

 .thankyou.success-icon {
     width: 80px;
     height: 80px;
     background: linear-gradient(135deg, #032d6d, #347aae);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 30px;
     animation: pulse 2s infinite;
 }

 .thankyou.success-icon i {
     font-size: 40px;
     color: white;
 }

 @keyframes pulse {
     0% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.05);
     }

     100% {
         transform: scale(1);
     }
 }

 .thankyou.thank-you-title {
         font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: 3px;
     color: #ffffff;
     margin-bottom: 20px;
     /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); */
 }

 .thankyou.thank-you-subtitle {
     font-size: 1.3rem;
     font-weight: 500;
     color: #032d6d;
     margin-bottom: 15px;
     /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); */
 }

 .thankyou.thank-you-description {
     font-size: 1.1rem;
     color: rgba(255, 255, 255, 0.9);
     line-height: 1.6;
     margin-bottom: 40px;
     /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); */
 }

 .thankyou.contact-info {
     background: rgb(129 129 129 / 10%);
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
     border: 1px solid rgba(255, 255, 255, 0.15);
     border-radius: 15px;
     padding: 30px;
     margin-top: 30px;
 }

 .thankyou.contact-title {
     font-size: 1.4rem;
     font-weight: 500;
     color: #ffffff;
     margin-bottom: 20px;
     letter-spacing: 1px;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
 }

 .thankyou.contact-item {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 15px;
     font-size: 1rem;
     color: rgba(255, 255, 255, 0.9);
 }

 .thankyou.contact-item i {
     width: 20px;
     margin-right: 10px;
     color: #032d6d;
 }

 .thankyou.contact-item a {
     color: rgba(255, 255, 255, 0.9);
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .thankyou.contact-item a:hover {
     color: #032d6d;
 }

 .thankyou.rera-info {
     font-size: 0.9rem;
     opacity: 0.8;
     margin-top: 15px;
     color: rgba(255, 255, 255, 0.8);
 }

 .thankyou.back-button {
     background: linear-gradient(135deg, #032d6d, #347aae);
     color: white;
     border: none;
     padding: 12px 30px;
     border-radius: 50px;
     font-size: 1rem;
     font-weight: 500;
     cursor: pointer;
     transition: all 0.3s ease;
     margin-top: 30px;
     box-shadow: 0 8px 20px rgba(40, 167, 69, 0.3);
         display: inline-block;
 }

 .thankyou.back-button:hover {
     transform: translateY(-2px);
     box-shadow: 0 12px 25px rgba(40, 167, 69, 0.4);
 }

 .thankyou.back-button i {
     margin-right: 8px;
 }

 @media (max-width: 768px) {
     .thankyou.thank-you-card {
         padding: 30px 20px;
         /* margin: 20px; */
     }
     .main-content { 
    padding-top: 100px;
}

     .thankyou.thank-you-title {
         font-size: 2rem;
     }

     .thankyou.thank-you-subtitle {
         font-size: 1.1rem;
     }
 }