.hero-content{text-align: center;}
.hero-content  h1{font-size: 40px;text-align: center; font-weight: 700; color: var(--white); letter-spacing: 0px; text-transform: none; padding: 0; margin: 0 0 10px 0; }

.hero-content h2 {font-size: 40px; text-align: center; font-weight: 700; color: var(--white); letter-spacing: 0px; text-transform: none; padding: 0; margin: 0 0 10px 0; }
.hero-content h3 {margin-bottom: 20px;text-align: center; font-size: 30px; font-weight: 700; color: var(--blue); letter-spacing: 0px; padding: 0; }
.hero-content h3 span{color: var(--green);}
.hero-content p {font-size: 14px; font-weight: normal;text-align: center; color: var(--white); margin: 0 0 1rem 0; padding: 0; }
.start-btn{border: none;text-align: center;border-radius: 5px;padding: 10px 40px;color:var(--white);font-size: 14px;font-weight: 500;background:var(--blue);display: inline-block;}


.hero-slider-image {position: relative; }
.hero-slider-image::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: linear-gradient(45deg, rgb(8 29 47 / 37%) 0%, rgb(7 15 37) 100%); }
.hero-slide-container{position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center;}
#hero-slider .owl-dots {position: absolute;left: 0;right: 0;bottom: 0;}
#hero-slider .owl-dots, 
#hero-slider .owl-nav {text-align: center;-webkit-tap-highlight-color: transparent;}
#hero-slider .owl-dots .owl-dot {display: inline-block;zoom: 1;}
#hero-slider .owl-dots .owl-dot span {width: 40px;height:2px;margin: 5px 5px;background:#e1dcdc;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius:0px;}
#hero-slider .owl-dots .owl-dot.active span, 
#hero-slider .owl-dots .owl-dot:hover span {background:var(--blue);}
#hero-slider .owl-nav {width: 60px; text-align: center;   }
#hero-slider .owl-nav button span {outline: none;font-size: 30px;background: #000;color: #fff;width: 40px;height: 40px;border-radius: 50%;display: inline-block;line-height: 35px;}
#hero-slider .owl-prev {left:55px; top:40%; position: absolute;     outline: none;}
#hero-slider .owl-next {right:55px; top:40%; position: absolute;     outline: none;}



.about-section{padding: 2rem 0 4rem 0; position: relative; background:var(--white);}
.about-image-stack{position: relative;}
.about-image-1 {width: 335px; height: 400px; position: relative; overflow: hidden; border-radius: 20px; }
.about-image-1 img{width: 100%; height: 100%; object-fit: cover;}
.about-image-2 {width: 335px; height: 260px; position: absolute; overflow: hidden; border-radius: 20px; bottom: -35px; right: 0; border-left: 10px solid #fff; border-top: 10px solid #ffff; }
.about-image-2 img{width: 100%; height: 100%; object-fit: cover;}
.about-content h2 {font-size: 40px; font-weight: 700; color: var(--blue); letter-spacing: 0px; text-transform: none; padding: 0; margin: 0 0 10px 0; }
.about-content h3 {margin-bottom: 20px; font-size: 30px; font-weight: 700; color: var(--black); letter-spacing: 0px; padding: 0; }
.about-content h3 span{color: var(--green);}
.about-content p {font-size: 14px; font-weight: normal; color: var(--gray); margin: 0 0 1rem 0; padding: 0; }



.why-choose-us-section{padding: 2rem 0; overflow: hidden; position: relative; background:var(--body);}
.why-choose-heading {text-align:center;}
.why-choose-heading h2 {font-size: 40px; font-weight: 700; color: var(--blue); letter-spacing: 0px; text-transform: none; padding: 0; margin: 0 0 10px 0; }
.why-choose-heading h3 {margin-bottom: 20px; font-size: 30px; font-weight: 700; color: var(--black); letter-spacing: 0px; padding: 0; }
.why-choose-heading h3 span{color: var(--green);}
.why-choose-heading p {font-size: 14px; font-weight: normal; color: var(--gray); margin: 0 0 1rem 0; padding: 0; }
.why-choose-box{background: var(--white); padding: 10px; border-radius: 10px; height: 275px; margin-bottom: 2rem;}
.why-choose-icons {width: 64px; height: 64px; text-align: center; border-radius: 50px; line-height: 64px; margin: 0 0 10px 0; color: var(--white); font-size: 20px; }
.bl-box .why-choose-icons {background: var(--lightblue); color: var(--blue);}
.re-box .why-choose-icons {background: var(--lightred);color: var(--red);}
.pu-box .why-choose-icons {background: var(--lightpurple);color: var(--purple);}
.gr-box .why-choose-icons {background: var(--lightgreen);color: var(--green);}
.ye-box .why-choose-icons {background: var(--lightyellow);color: var(--yellow);}
.why-choose-box h4 {font-size: 20px; font-weight: 700; color: var(--black); letter-spacing: 0px; text-transform: none; padding: 0; margin: 0 0 10px 0; }
.why-choose-box p {font-size: 14px; font-weight: normal; color: var(--gray); margin: 0 0 1rem 0; padding: 0; }
.why-choose-btn {border: none; text-align: center; border-radius: 5px; padding: 10px 40px; color: var(--white); font-size: 14px; font-weight: 500; background: var(--blue); display: inline-block; }
.why-choose-us-image {position: relative; }
.why-choose-us-image .image-anime:after {content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .5); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; }
.why-choose-us-image .image-anime:hover:after {height: 250%; transition: all 600ms linear; background-color: transparent; }
.why-choose-us-image  .reveal img {height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform-origin: left; transform-origin: left; }



.admin-features-section{padding: 2rem 0; position: relative; background:var(--white);}
.admin-features-content h2 {font-size: 40px; font-weight: 700; color: var(--blue); letter-spacing: 0px; text-transform: none; padding: 0; margin: 0 0 10px 0; }
.admin-features-content h3 {margin-bottom: 20px; font-size: 30px; font-weight: 700; color: var(--black); letter-spacing: 0px; padding: 0; }
.admin-features-content h3 span{color: var(--green);}
.admin-features-content p {font-size: 14px; font-weight: normal; color: var(--gray); margin: 0 0 1rem 0; padding: 0; }
.features-service {position: relative; padding-left: 40px; padding-right: 0px; margin-bottom:10px; }
.features-service .icon {position: absolute; left: 0; top: 5px; }
.features-service .icon{height: 26px; width: 26px; text-align: center; line-height: 26px; border-radius: 50%; background: linear-gradient(135deg, #305CDE, #66BA46); color: #fff; font-size: 14px; box-shadow: 0 6px 10px 0 rgba(16, 73, 189, .3); }
.features-service .title {font-size: 16px; font-weight: 700; color: var(--black); padding: 0; margin: 0 0 5px 0; }
.features-service p {font-size: 14px; font-weight: normal; color: var(--gray); }
.features-thumb{position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 42%; }
.features-thumb img{    max-width: 100%;}
.features-btn{border: none;text-align: center;border-radius: 5px;padding: 10px 40px;color:var(--white);font-size: 14px;font-weight: 500;background:var(--blue);display: inline-block;}


.user-features-section{padding: 2rem 0; position: relative; background:var(--body);}
.user-features-section h2 {font-size: 40px; font-weight: 700; color: var(--blue); letter-spacing: 0px; text-transform: none; padding: 0; margin: 0 0 10px 0; }
.user-features-section h3 {margin-bottom: 20px; font-size: 30px; font-weight: 700; color: var(--black); letter-spacing: 0px; padding: 0; }
.user-features-section h3 span{color: var(--green);}
.user-features-section p {font-size: 14px; font-weight: normal; color: var(--gray); margin: 0 0 1rem 0; padding: 0; }
.user-features-service {position: relative; padding-left: 40px; padding-right: 0px; margin-bottom:10px; }
.user-features-service .icon {position: absolute; left: 0; top: 5px; }
.user-features-service .icon{height: 26px; width: 26px; text-align: center; line-height: 26px; border-radius: 50%; background: linear-gradient(135deg, #305CDE, #66BA46); color: #fff; font-size: 14px; box-shadow: 0 6px 10px 0 rgba(16, 73, 189, .3); }
.user-features-service .title {font-size: 16px; font-weight: 700; color: var(--black); padding: 0; margin: 0 0 5px 0; }
.user-features-service p {font-size: 14px; font-weight: normal; color: var(--gray); }
.user-features-thumb{ }
.user-features-thumb img{    max-width: 100%;}
.features-btn{border: none;text-align: center;border-radius: 5px;padding: 10px 40px;color:var(--white);font-size: 14px;font-weight: 500;background:var(--blue);display: inline-block;}




.comman-background {background-color:#060d23; }
.contact-bg {background-image: url(../images/contact_img.jpg); background-position: top left; background-repeat: no-repeat; background-size: 49% auto; padding: 50px 0; }
.contact-heading-title {font-size: 40px; font-weight: 700; color: var(--white); letter-spacing: 0px; text-transform: none; padding: 0; margin: 0 0 10px 0; }
.contact-title {margin-bottom: 20px; font-size: 30px; font-weight: 700; color: var(--white); letter-spacing: 0px; padding: 0; }
.contact-title span{color: var(--green);}
.contact-m-text{margin-bottom: 1rem;}
.contact-m-text p {font-size: 14px; font-weight: normal; color: var(--white); margin: 0; padding: 0; }
.contact-form .form-group {margin-bottom: 1rem;}
.contact-form .form-group input.form-control {background:transparent; border-radius: 5px; font-size: 14px; border:1px solid hsl(0deg 0% 100% / 15%); font-weight: 400; height: auto; padding:12px 15px;   box-shadow:none; outline: 0; width: 100%; display: inline-block;color:var(--white);}
.contact-form .form-group textarea.form-control {background:transparent; border-radius: 5px; font-size: 14px; border:1px solid hsl(0deg 0% 100% / 15%); font-weight: 400; height: auto; padding:12px 15px;   box-shadow:none; outline: 0; width: 100%; display: inline-block;color:var(--white);}
.contact-form input:focus {border: 1px solid var(--blue); }
.contact-form .form-group input::placeholder,
.contact-form .form-group textarea::placeholder {color:var(--white); }
.contact-form .form-group .btn-default{border: none;text-align: center;border-radius: 5px;padding: 10px 40px;color:var(--white);font-size: 14px;font-weight: 500;background:var(--blue);display: inline-block;}




.howitwork-two {position: relative; overflow: hidden; padding: 30px 0 30px 0; background: #fff; }
.howitwork-wrapper-two {padding: 60px 0; }
.howitwork-wrapper-two h2 {font-size: 40px; font-weight: 700; color: var(--blue); letter-spacing: 0px; text-transform: none; padding: 0; margin: 0 0 10px 0; }
.howitwork-wrapper-two h3{font-size: 30px; font-weight: 600; color: var(--black); letter-spacing: 0px; text-transform: none; padding: 0; margin: 0 0 10px 0; }
.howitwork-wrapper-two h3 span{ color: var(--green); }
.contact-m-text{margin-bottom: 1rem;}
.howitwork-wrapper-two p {font-size: 14px; font-weight: normal; color: var(--gray); margin: 0; padding: 0; }
.container-wrap.bg-color-two {background-color: #d9e6ff; }
.container-wrap {max-width: 95%; margin: 0 auto; border-radius: 20px; position: relative; }
.howitwork-two .container-wrap {overflow: hidden; }
.howitwork-feature-image {position: relative; height: 100%; }
.howitwork-feature-image .image-one {margin-right: -215px; margin-left: 6px; top: 50px; position: absolute; bottom: -160px; left: 0; z-index: 2; max-width: 100%; height: auto; }
.howitwork-feature-image .image-two {left: 215px; bottom: -240px; position: absolute; max-width: 100%; height: auto; }
.howitwork-info-wrapper{margin-top: 1rem;}
.section-animate-element .trophy-top {top: -20px; left: 40px; position: absolute; } 
.section-animate-element .handel-bottom {right: 15px; bottom: -20px; position: absolute; } 
.section-animate-element .ball {left: 5%; top: 50%; position: absolute; } 
.section-animate-element .triangle {right: 8%; top: 90px; position: absolute; }

.howitwork-box{ margin-bottom:1rem; }

.howitwork-box h4{font-size: 20px; font-weight: 600; color: var(--black); letter-spacing: 0px; text-transform: none; padding: 0; margin: 0 0 5px 0; }
.howitwork-box p {font-size: 14px; font-weight: normal; color: var(--gray); margin: 0; padding: 0; }