@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap');

:root {
    --brand: #FF582B;
    --dark: #092032;
    --body: #516171;
    --border: rgba(0,0,0,0.08);
    --shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
    
}

body {
    font-family: "Barlow", sans-serif;
    color: var(--body);
    line-height: 1.7;
}

h1,h2,h3,h4,h5,h6,
.display-1,.display-2,.display-3,.display-4 {
    font-weight: 700;navbar-brand im
    color: var(--dark);
}

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

img {
    width: 100%;
}

a {
    color: var(--dark);
    transition: all 0.4s ease;
    font-weight: 500;
}

a:hover {
    color: var(--brand);
}

section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.text-brand {
    color: var(--brand) !important;
}


.hero-slider .owl-prev,
.hero-slider .owl-next{
    background-color: rgba(255, 255, 255, 0.3) !important;
    width: 60px !important;
    height: 60px !important;
    display: block;
    display: grid;
    place-items: center;
    color: #fff !important;
    border-radius: 100px;
    line-height: 0;
    border-radius: 100px !important;
    position: absolute;
    top: 50%;
    font-weight: 600 !important;
    font-size: 12px !important;
    transition: all 0.4s ease;
    margin-top: -30px !important;
}

.owl-prev {
    left: 0;
}
.owl-next {
    right: 0;
}

.hero-slider .owl-prev:hover,
.hero-slider .owl-next:hover {
    background-color: var(--brand) !important; 
}

.owl-dot.active span{
    background-color: var(--brand) !important;
}


 /* slide */
 .slide {
     min-height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
}

.slide1 {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/bg_banner2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slide2 {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/bg_banner1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slide .display-3 {
    text-transform: uppercase;
    color: #fff;
}

/* navbar */
.top-nav {
    background-color: #2A160C;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.top-nav p {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
}

.top-nav span,
.top-nav i {
    vertical-align: middle;
}

.navbar {
    box-shadow: var(--shadow);
}

.social-icons a {
    width: 28px;
    height: 28px;
    display: inline-flex;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.25);
    text-decoration: none;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.social-icons a:hover {
    background-color: #fff;
    color: var(--brand);
}
.conditions-section{
    margin: 20px 0;
}
.conditions-section a{
   color: #fff;
   margin: 0 10px;
}

.navbar .navbar-nav .nav-link {
    color: var(--dark);
}

.navbar .navbar-nav .nav-link:hover {
    color: var(--brand);
}

.navbar .navbar-nav .nav-link.active {
    color: var(--brand);
}

.navbar-brand {
    font-size: 28px;
    font-weight: 700;
}

.navbar-brand .dot {
    color: var(--brand);
}

.navbar-brand img{
    width: 70%;
}

@media screen and (max-width:1199px){
    .navbar-brand{
        width: 17%;
    }
    .navbar-brand img{
        width: 70%;
    }
}
@media screen and (max-width:991px){
    .navbar-brand{
        width: 15%;
    }
    .navbar-brand img{
        width: 100%;
    }
}
@media screen and (max-width:767px){
    .navbar-brand{
        width: 20%;
    }
    .navbar-brand img{
        width: 100%;
    }
}

.btn {
    padding: 8px 26px;
}

.btn-brand {
    border-color: var(--brand);
    background-color: var(--brand);
    color: #fff;
}

.btn-brand:hover {
    background-color: #d64022;
    border-color: #d64022;
    color: #fff;
}

.intro {margin-bottom: 36px;
text-align: center;}

.intro p {
    max-width: 500px;
}
.intro h6{
    color: var(--brand);
    font-weight: 400;
    text-transform: uppercase;
}

.intro h1 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.info-box {
    align-items: center;
    display: flex;
}

.info-box img {
    width: 90px;
}


#milestone {
    background: linear-gradient(#0e85d4b9, #0e85d4b9), url(../img/bg_banner1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#milestone h1,
#milestone p {
    color: #fff;
}

.service {
    padding: 32px;
    background-color: #fff;
    box-shadow: var(--shadow);
    height: 100%;
}

.service h5 {
    margin-top: 24px;
    margin-bottom: 14px;
    transition: .3s;
}

.service img {
    width: 90px;
}
.service a{
    text-decoration: none;
}
.service a:hover h5{
    color: #0E86D4;
}


.project {
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.project h6 {
    font-weight: 400;
}

.project h6::before {
    content: "";
    height: 2px;
    width: 30px;
    display: inline-block;
    background: var(--brand);
    vertical-align: middle;
    margin-right: 10px;
}


.project .overlay {
    width: 100%;
    height: 220px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 76, 41, 0) 0%, var(--dark) 100%);
}

.project .content {
    position: absolute;
    left: 10%;
    bottom: 10%
}

.project h2,
.project h6 {
    color: #fff;
}

.team-member {
    text-align: center;
}

.team-member .image{
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.team-member .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -10%;
    background-color: #0e85d4b9;
    opacity: 0;
    transition: all 0.4s ease;
}

.team-member h5 {
    margin-top: 16px;
    margin-bottom: 4px;
    transition: .3s;
}

.team-member .social-icons {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    transition: all 0.4s ease;
}

.team-member .social-icons a {
    width: 40px;
    height: 40px;
}

.team-member:hover .social-icons {
    top: 50%;
    opacity: 1;
}

.team-member:hover .overlay {
    top: 0%;
    opacity: 1;
}
.team-member a{
    text-decoration: none;
}
.team-member a:hover h5{
    color: #FF582B;
}

#reviews {

    background: linear-gradient(-90deg, rgba(8, 32, 50, 0.8), rgba(8, 32, 50, 0.8)), url(../img/bg_banner1.jpg), #082032;;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.review {
    text-align: center;
    z-index: 2;
    position: relative;
    margin: 15px;
    max-width: 768px;
    margin: auto;
}

.review .bxs-quote-alt-left {
    font-size: 120px;
    position: absolute;
    opacity: 0.1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.review img {
    width: 80px !important;
    height: 80px;
    border-radius: 100px;
    margin: auto;
}

.review h5 {
    margin-top: 16px;
    margin-bottom: 4px;
    color: #fff;
}

.review h3 {
    margin-top: 26px;
    margin-bottom: 26px;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    line-height: 1.7;
}

.review small {
    color: var(--brand);
}

.review .stars {
    color: var(--brand);
}

.blog-post {
    position: relative;
    background-color: #fff;
    box-shadow: var(--shadow);
}

.blog-post .content {
    padding: 32px;
}

.blog-post a {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: var(--brand);
    padding: 2px 12px;
    border-radius: 100px;
    text-decoration: none;
    color: #fff;
}

.blog-post h5 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.blog-post small {
    text-transform: uppercase;
    color: var(--brand);
    text-decoration: underline;
}

footer {
    background: linear-gradient(0deg, rgba(8, 32, 50, 0.9), rgba(8, 32, 50, 0.9)), url(../img/bg_banner1.jpg), #082032;;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

footer .footer-top {
    padding-top: 80px;
    padding-bottom: 40px;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 20px;
    padding-top: 20px;
}

footer .navbar-brand {
    color: #fff;
}

footer p {
    color: #ADB3B9;
}

footer .social-icons a {
    width: 50px;
    height: 50px;
    font-size: 20px;
    margin-left: 4px;
    margin-right: 4px;
}

.loader {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF582B;
    z-index: 99999;
    position: fixed;
    left: 0;
    right: 0;
}


input.form-control {
    border-color: transparent;
    height: 44px;
}

.form-control {
    background-color: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.04);;
}

.form-control:focus {
    box-shadow: none;
    border-color: var(--brand);
}

.modal select{
    border-color: transparent;
    height: 44px;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #0000000a;
    background-clip: padding-box;
    border: 1px solid #0000000a;
    outline: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* New  */
.social-icons{
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
#strip{
    background-color: #2A160C;
    padding-top: 0px;
    padding-bottom: 0px;
}
.strip-box{
    padding: 40px 30px;
}
.strip-box i{
    color: #fff;
}
.strip-img{
    text-align: center;
    margin-bottom: 20px;
}
.strip-img img{
    width: 12%;
}
#strip h3{
    font-size: 20px;
    text-align: center;
    color: #fff;
    font-weight: 500;
}
.strip-box p{
    text-align: center !important;
    color: #fff;
}
.strip-back{
    background-color: #0154A0;
    height: 100%;
}

@media screen and (max-width:991px){
    .strip-img img{
        width: 20%;
    }
}

.plan-box{
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 15%) -2px 1px 10px;
    transition: .3s ease;
}
.plan-box:hover{
    transform: scale(1.1);
}
.price{
    padding: 30px 0px;
}
.price p{
    font-size: 40px;
    text-align: center;
    color: #FF582B;
    font-weight: 600;
    margin-bottom: 0px;
}
.plan-box h2{
    padding: 15px 0px;
    font-size: 20px;
    background-color: #FF582B;
    text-align: center;
    color:#fff;
}
.plan-box ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.plan-box li{
    padding: 10px 15px;
    font-size: 16px;
    border-bottom: 1px solid #e9e0e0;
}
.plan-box  .uni-a{
    padding: 20px 0px;
    text-align: center;
}
.plan-box  .uni-a a{
    margin-left: 0px !important;
}

@media screen and (max-width:991px){
    .plan-box{
        margin-bottom: 30px;
    }
}

.why-us .strip-box{
    padding: 70px 40px;
    height: 100%;
}
.why-us .strip-back{
    background-color: #353535;
}
.why-us h3{
    text-align: left !important;
}
.why-us h3{
    font-size: 28px !important;
    margin-bottom: 20px;
}
.why-us .strip-box p{
    text-align: left !important;
    text-align: justify !important;
}
.why-us ul{
    list-style: none;
    padding-left: 0px;
}
.why-us ul li{
    display: flex;
}
.why-us ul li img{
    width: 50px;
    height: 50px;
    margin-right: 20px;
}
.why-us ul li h4{
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}
.why-us ul li:first-child{
    margin-bottom: 20px;
}
.p-none{
    padding: 0px !important;
}
.strip-back-img{
    background-image: url(../img/why-us.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.strip-back-img::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #2e2e2e;
    opacity: .33;
}
@media screen and (max-width:1099px){
    .why-us h3{
        font-size: 25px;
    }
    .why-us .strip-box{
        padding: 58px 40px;
    }
}
@media screen and (max-width:991px){
    .why-us .strip-box{
        height: auto;
    }
    .strip-back-img{
        height: 100% !important;
    }
}
@media screen and (max-width:767px){
    .why-us .strip-box{
        height: auto;
    }
    .strip-back-img{
        height: 400px !important;
    }
}

.footer-link h3{
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 20px;
}
.footer-link ul{
    padding-left: 16px;
}
.footer-link li{
    margin-bottom: 5px;
}
.footer-link a{
    color: #ADB3B9;
    text-decoration: none;
}
.footer-link a:hover{
    color: #fff;
}
.footer-cont .logo{
    margin-bottom: 20px;
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1.5px;
}
.footer-cont .logo img{
    width: 15%;
}
.footer-cont p{
    margin-bottom: 0px;
    text-align: justify;
}
@media screen and (max-width:991px){
    .footer-cont{
        margin-bottom: 30px;
    }
    .footer-link{
        margin-bottom: 30px;
    }
}
.nav-link{
    padding: 0.9em 1rem;
}
.nav-item a{
    position: relative;
}
.nav-item ul{
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    padding-left: 0;
    background-color: #fff;
    width: 225px;
    list-style: none;
    box-shadow: 2px 2px 5px 0px #73737363;
}
.nav-item:hover ul{
    display: block;
}
.nav-item ul a{
    padding: 10px 10px;
    display: inline-block;
    width:100%;
    border-bottom:1px solid  #e9e4e4;
    text-decoration: none;
    font-size: 15px;
}
.nav-item ul li:last-child a{
    border-bottom: none;
}
.nav-item i{
    font-size: 10px;
    margin-left: 3px;
}
.nav-item{
    position: relative;
}
#burger{
    position: absolute;
    right: 0px;
    top: 15px;
    display: none;
}

@media screen and (max-width:991px){
    .navbar .navbar-nav .nav-link{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #burger{
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    #burger i{
        font-size: 15px;
    }
    .nav-item{
        display: flex;
        flex-direction: column;
    }
    .nav-item ul{
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
    }
}

#bread-crumb{
    background-image: url(../img/bg_banner2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 300px;
    position: relative;
    padding: 0px;
}
#bread-crumb::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2e2e2e;
    opacity: .55;
    z-index: 0;
}
.bread-cont{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.bread-cont h2{
    color: #fff;
}
.bread-cont a{
    color: #fff;
    text-decoration: none;
}
.bread-cont a:hover{
    color: #FF582B;
}
.bread-cont span{
    color: #fff;
}



* animated-slider  */
#animated-slider{
    overflow: hidden;
    position: relative;
    background-image: url(../img/banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 300px;
}
.animated-slider{
    overflow: hidden;
    position: relative;
    background-image: url(../img/banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
}
.animated-slider::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000066;
    /* opacity: .55; */
}
.animated-slider .container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}
.animated-slider img{
    width: 100%;
    height: auto;
}
.uni-btns{
    margin-top: 20px;
}

/* .typewriter {
	width: 21.5ch;
	white-space: nowrap;
	overflow: hidden;
	border-right: 2px solid #fff;
	animation: cursor 1s step-start infinite, 
    text 2.5s steps(18) alternate infinite;
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: #fff;
}

@keyframes cursor {
	0%, 100% { 
    border-color: #fff; 
  }
}

@keyframes text {
	0% { 
    width: 0; 
  }
	100% { 
    width: 21.5ch; 
  }
} */

.animated-slider p {
    /* font-size: 3rem; */
    /* padding: 1rem; */
    font-weight: 900;
    letter-spacing: 0.1rem;
    text-align: center;
    overflow: hidden;
    margin-bottom: 0px;
    display: flex;
    align-items:end;
}
.animated-slider p span.typed-text {
    font-weight: 900;
    color: #fff;
    font-size: 55px;
}
.animated-slider p span.typed-text::first-letter{
    color: #FF582B;
}
.animated-slider p span.cursor {
    display: inline-block;
    background-color: #ccc;
    margin-left: 0.1rem;
    width: 2px;
    animation: blink 1s infinite;
    height: 94px;
}
.animated-slider p span.cursor.typing {
    animation: none;
}
@keyframes blink {
    0%  { background-color: #ccc; }
    49% { background-color: #ccc; }
    50% { background-color: transparent; }
    99% { background-color: transparent; }
    100%  { background-color: #ccc; }
}

.animate-box{
    position: absolute;
    top: 0%;
    transform: translate(-0%, 0%);
    width: 100%;
    height: 100%;
    z-index: 1;
}
.banner-link ul{
    list-style: none;
    display: flex;
    margin-top: 30px;
}
.banner-link ul a{
    font-size: 18px;
    color: #ffff;
    font-weight: 500;
    display: inline-block;
    margin-right: 5px;
}
.banner-link ul a:hover{
    color: #fe582b;
}
.banner-link h3{
    text-align: left;
    font-size: 45px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 500 !important;
    /* margin-top: 30px; */
}
.banner-link .uni-btn{
    margin-top: 30px;
}
.banner-link .uni-btn button{
    font-size: 14px;
    padding: 12px 30px;
    line-height:normal;
    border-radius: 5px;
    background-color: #fe582b;
    transition: .3s;
    margin-right: 8px;
    text-transform: capitalize;
}
.banner-link  .uni-btn a{
    font-size: 14px;
    padding: 12px 30px;
    line-height:normal;
    border-radius: 5px;
    background-color: #fe582b;
    transition: .3s;
    color: #fff;
}
.banner-link .uni-btn button:hover{
    background-color: #00a0e3 !important;
    color: #fff ;
}
.banner-link  .uni-btn a:hover{
    background-color: #00a0e3 ;
    color: #fff ;
}
.banner-link p{
    font-size: 14px;
    color: #fff;
    padding: 0px;
    text-align: left;
}

@media screen and (max-width:1199px){
    .animated-slider p span.typed-text{
        font-size: 50px;
    }
    .banner-link ul a{
        font-size: 15px;
    }
    .banner-link h3{
        font-size: 22px;
        text-align: left !important;
    }
}
@media screen and (max-width:991px){
    .animated-slider p span.typed-text{
        font-size: 35px;
    }
    .banner-link ul{
        margin-top: 0px;
    }
    .banner-link ul a{
        font-size: 11px;
    }
    .banner-link h3{
        margin-top:10px;
    }
    .banner-link .uni-btn{
        margin-top: 15px;
    }
    .animated-slider p span.cursor {
        height: 60px;
    }
    .animated-slider p{
        padding: 0px;
    }
    .banner-link{
        padding: 0px;
    }
    .banner-link p{
        display: none;
    }
}
@media screen and (max-width:767px){
    .animated-slider p span.typed-text{
        font-size: 25px;
    }
    .banner-link ul{
        display: none;
    }
    .banner-link h3{
        font-size: 18px;
    }
    .animated-slider p{
        padding: 0px;
    }
    .banner-link{
        padding: 0px;
    }
    .animated-slider p span.cursor {
        height: 40px;
    }
}
@media screen and (max-width:599px){
    .banner-link h3{
        font-size: 16px;
    }
}
@media screen and (max-width:575px){
    .banner-link{
        padding: 0px;
    }
    .animate-box{
        padding: 0px 12px;
    }
}
@media screen and (max-width:499px){
    .animated-slider p span.typed-text{
        font-size: 20px;
    }
    .banner-link h3{
        font-size: 14px;
        /* margin-top: 0px; */
    }
    /* .banner-link .uni-btn{
        margin-top: 0px;
    } */
    .banner-link .uni-btn button{
        font-size: 10px;
        padding: 8px 10px;
    }
    .banner-link .uni-btn a{
        font-size: 10px;
        padding: 8px 10px;
    }
    .animated-slider p span.cursor {
        height: 20px;
    }
}
@media screen and (max-width:430px){
    .banner-link h3{
        font-size: 10px;
    }
    .animated-slider p span.typed-text{
        font-size: 18px;
    }
}
@media screen and (max-width:399px){
    .banner-link h3{
        font-size: 8px;
    }
    .animated-slider p span.typed-text{
        font-size: 15px;
    }
    .banner-link .uni-btn button{
        padding: 5px 10px;
    }
    .banner-link .uni-btn a{
        padding: 5px 10px;
    }
    .banner-link .uni-btn{
        margin-top: 5px;
    }
}
@media screen and (max-width:360px){
    .animated-slider p span.typed-text{
        font-size: 12px;
    }
    .animated-slider p span.cursor {
        height: 15px;
    }
}
@media screen and (max-width:299px){
    .animated-slider p span.typed-text{
        font-size: 10px;
    }
    .banner-link h3{
        font-size: 6px;
    }
    .banner-link .uni-btn button{
        font-size: 8px;
    }
    .banner-link .uni-btn a{
        font-size: 8px;
    }
}


.float-up {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #eee;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 1000;
    display: none;
    text-align: center;
    line-height: 2.5;
    /* box-shadow: 1px 1px 3px 0px rgb(168 168 168); */
    box-shadow: 1px 1px 3px 0px rgb(46 46 46);
    text-decoration: none;
}
.float-up i {
    color: #2e2e2e;
    font-size: 14px;
    transition: .3s;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#float_contact {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1000;
    display: none;
}
#float_contact a{
    text-decoration: none;
}
#float_contact a:first-child {
    margin-bottom: 10px;
    display: inline-block;
}
#float_contact a:first-child i {
    background-color: #24a0ed;
    font-size: 20px;
}
#float_contact i {
    font-size: 25px;
    color: #fff;
    background-color: #25d366;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 1px 3px 0px rgb(46 46 46);
}


.form-section{
    padding: 80px 0px;
    background-color: #f5f5f5;
}
.form-section form{
    /* padding: 60px; */
    padding: 30px;
    background-color: #fff;
    min-height: 527px;
    /* min-height: auto; */
    display: flex;
    align-items: center;
}
.form-section form input{
    width: 100%;
    padding: 15px 24px;
    outline: none;
    border: none;
    background-color: #F5F5F5;
    margin-bottom: 30px;
    color: #757575;
}
.form-section form textarea{
    width: 100%;
    padding: 15px 24px;
    outline: none;
    border: none;
    background-color: #F5F5F5;
    margin-bottom: 30px;
    color: #757575;
}
.form-section form select{
    width: 100%;
    padding: 18.2px 18px;
    outline: none;
    border: none;
    background-color: #F5F5F5;
    margin-bottom: 30px;
    color: #757575;
}
.form-section .form-section ::placeholder{
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px;
    color: #757575;
}
.form-section .form-ditail{
    padding: 40px 30px 38px 45px;
    background-color: #fff;
    /* min-height: 527px; */
    min-height: auto;
    overflow: hidden;
}
.form-img img{
    width: 12%;
}
.form-section  span{
    font-size: 22px !important;
    color:#2A334E !important;
    font-weight: 600;
    padding: 5px 0px;
    display: block;
}
.form-dit p{
    margin-bottom: 0px;
}
.form-box{
    padding: 13px 0px;
    border-bottom: 1px solid #dcdcdc;
}
.form-box:last-child{
    border: none;
}
.form-btn button{
    font-size: 14px;
    padding: 12px 30px;
    color: #fff;
    background-color: #0E86D4;
    border: none;
    font-weight: 600;
    margin-top: 15px;
    transition: .3s;
}
.form-btn button:hover{
    background-color: #d64022;
}
.map{
    box-shadow: 0px 0px 20px rgb(17 26 57 / 10%);
}
 
@media screen and (max-width: 1199px){
    .form-section form{
        min-height: 551px;
    }
}
@media screen and (max-width: 991px){
    .form-section{
        padding: 80px 0px !important;
    }
    h2{
        font-size: 40px !important;
        line-height: 50px !important;
    }
    .form-section form{
        padding: 50px 30px !important;
        /* margin-bottom:50px !important; */
        min-height: auto;
    }
    .form-img img{
        width: 6%;
    }
    .form-section .form-ditail{
        margin-bottom: 20px;
    }
}

@media (max-width: 767px){
    h2{
        font-size: 30px !important;
        line-height: 40px !important;
    }
    .form-section form{
        /* padding: 0px 0px !important; */
        /* margin-bottom:50px !important; */
    }
    .form-img img{
        width: 15%;
    }
}

/* Bar */
.bar{
    padding: 80px 0px;
}
.bar-image img{
    width: 100%;
}
.bar-cont h2{
    font-size: 30px;
    margin: 50px 0px 40px 0px;
    font-weight: 500;
    line-height: 1.2;
}
.bar-link{
    margin-bottom: 40px;
}
.bar-link li a{
    display: flex;
    padding: 20px 20px;
    border: 2px solid #e6ecf7;
    margin: 10px 0;
    font-size: 16px;
    color: #1d2c38;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
    border-radius: 5px;
    align-items: center;
    justify-content: space-between;
}
.bar-link li a:hover{
    border: 2px solid #0E86D4;
}
.bar-link h3{
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
}
.bar-link form{
    padding: 50px 20px;
    background-color: #0E86D4ee;
    border-radius: 10px;
}
.bar-link input{
    width:100%;
    margin-bottom: 15px;
    border: 2px solid #e9ebef;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
    font-size: 15px;
    outline: none;
    background-color: #fff;
    box-shadow: none;
}
.bar-link textarea{
    width:100%;
    margin-bottom: 15px;
    border: 2px solid #e9ebef;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
    font-size: 15px;
    outline: none;
    background-color: #fff;
    box-shadow: none;
}
.bar-link .uni-btn button{
    background-color: #f9f9f9;
    color: #000 !important;
    text-transform: none;
    font-weight: 500;
    padding: 8px 40px;
    border: none;
}
.bar-link .uni-btn button:hover{
    color: #000!important;
}

.bar p{
    text-align: justify;
}

.bar-cont h3 {
    font-size: 25px;
    margin: 30px 0px 15px 0px;
    font-weight: 600;
    line-height: 1.2;
}
.bar-cont ul{
    list-style: none;
    color: #FF582B;
    padding-left: 18px;
}
.bar-cont ul li::before {
    content: "\2022";
    color: #FF582B;
    font-weight: bold;
    display: inline-block; 
    width: 15px;
    margin-left: -18px;
    font-size: 22px;
  }
.bar-cont li{
    color: #516171;
    margin-bottom: 0px;
}

.right-bar ul{
    padding: 0px;
    list-style: none;
}
.right-bar ul a{
    text-decoration: none;
}

.related{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px 0px 75px;
    border: 1px solid #e9e8e8;
    position: relative;
    overflow: hidden;
}
.rel-active{
    /* background-color: #d4d4d4; */
    background-color: #61a9e8 ;
}
.rel-active a{
    color: #fff !important;
}
.rel-active a:hover{
    color: #FF582B !important;
}
.rel-icon{
    text-align: center;
    margin-bottom: 20px;
    transition: .3s ease;
}
.rel-icon img{
    width: 18%;
}
.related a{
    font-size: 21px;
    color: #000;
}
.related a:hover{
    color: #FF582B;
}
.related:hover .rel-icon{
    transform:scale(1.1)
}
.p-none{
    padding: 0px;
}
.rel-heading{
    position: absolute;
    bottom: -50px;
    transition: .3s;
}
.rel-heading span{
    display: inline-block;
    width: auto;
    background-color: #FF582B;
    color: #fff;
    padding: 6px 20px;
    font-size: 15px;
    font-weight: 400;
    font-family: "Barlow", sans-serif;
    border-radius: 50px;
}
.related:hover .rel-heading{
    bottom: 15px;
}


@media only screen and ( max-width: 767px){
    .bar{
        padding: 50px 0px;
    }
    .bar-cont h2{
        font-size: 23px;
        text-align: center;
        margin: 30px 0px 20px 0px;
    }
    .bar-link:last-child{
        margin-bottom: 0px;
    }
    .p-none{
        padding: 0px 12px;
    }
}



#thankyou h2{
    text-align: center;
}
.thank-box{
    background-color: #fff;
    padding: 50px 25px;
    border-radius: 5px;
    box-shadow: 0px 0px 30px 0px hsl(0deg 0% 0% / 7%);
    height: 100%;
}
.thank-box h3{
    margin-bottom: 40px;
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
.thank-box ul{
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}
.thank-box ul li a{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF582B;
    border-radius: 50px;
    color: #fff;
    margin-right: 10px;
    text-decoration: none;
}
.thank-box ul li a:hover{
    background-color: #d64022;
}
.thank-box ul li i{
    font-size: 16px;
}
.thank-box .uni-a{
    text-align: center;
    padding: 0px;
}

@media only screen and ( max-width: 767px){
    .thank{
        padding: 50px 0px;
    }
    .thank-box{
        margin-bottom: 20px;
        height: auto;
    }
}


/* New-Css  */
.pay-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pay-box h3{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.274);
}

.skill-row{
    margin-bottom: 25px;
}
#skills p{
    text-align: justify;
}
.skill-cont h4{
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: 600;
}
.progress .progress-bar{
    /* width: 80%; */
    background-color: #FF582B;
    border-radius: 0.25rem;
}
.progress .progress-bar span{
    font-size: 14px;
}

@media only screen and ( max-width: 991px){
    .m-top{
        margin-top: 40px;
    }
}

#checkout h4{
    margin-bottom: 25px;
}
#checkout h4 span{
    font-size: 14px;
}
#checkout h6{
    margin-bottom: 15px;
}
#checkout .form-row{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
#checkout .form-row label{
    width: 100%;
    margin-bottom: 3px;
    font-weight: 500;
}
#checkout .form-row input{
    width: 100%;
    padding: 6px 12px;
    outline: none;
}
.terms a{
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
}
.paymnent-image img{
    width: 8%;
}
.secure-text{
    font-weight: 600;
}
.pay-image{
    height: 600px;
    overflow: hidden;
}
.pay-image img{
    width: 100%;
    height: auto;
}

@media only screen and ( max-width: 1399px){
    .paymnent-image img {
        width: 10%;
    }
}
@media only screen and ( max-width: 991px){
    .pay-image{
        height: auto;
        margin-bottom: 40px;
    }
    .pay-image img{
        height: auto;
    }
    .ris-align{
        display: flex;
        flex-direction: column-reverse;
    }
    .paymnent-image img {
        width: 15%;
    }
}
@media only screen and ( max-width: 767px){
    .paymnent-image img {
        width: 25%;
    }
}

.modal-header{
    border: none;
    padding: 0px;
}
.modal-header .btn-close{
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 9999;
    outline: none;
}

@media only screen and ( max-width: 991px){
    .modal-header .btn-close{
        background-color: #fff;
    }
    .modal-body{
        padding-bottom: 20px !important;
    }
}

.bar-image img{
    box-shadow: 5px 8px 20px -5px rgb(0 0 0 / 50%);
    border-radius: 10px 10px 10px 10px; 
    border-top: 3px solid #FF582B;
}


/* Second-new  */
/* FAQ  */
.faq-test{
    padding: 80px 0px 80px 0px;
}

/* Accordian  */
.faq-info .accordion {
    width: 100%;
    background-color: transparent;
    border-radius: 8px;
    /* padding: 15px; */
}
.faq-info h3{
    font-size: 25px;
    margin-bottom: 15px;
    text-align: center;
}
.faq-info .accordion .accordion-content {
    background-color: transparent;
    border-bottom: 1px solid #fffdd0;
    border-radius: 8px;
    margin: 10px 0;
    overflow: hidden;
}
/* .faq-info .accordion .accordion-content:last-child{
    border-bottom: none;
} */
.faq-info .accordion-content.open {
    padding-bottom: 0px;
}
.faq-info .accordion-content .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 50px;
    padding: 0 15px;
    cursor: pointer;
    transition: all 0.3s linear;
    background-color: #FF582B;
}
.faq-info .accordion-content.open header {
    min-height: 50px;
}
.faq-info .accordion-content .description {
    height: 0px;
    padding: 0px 15px;
    transition: all 0.3s linear;
    margin-bottom: 0px;
    background-color: #fff;
    color: #000;
    background-color: #f6863c36;
    /* opacity: .88; */
}
.faq-info .accordion-content .title {
    font-size: 16px;
    font-weight: normal;
    padding: 10px 0;
    color: #fff;
}
.faq-info .accordion-content .header i {
    font-size: 18px;
    cursor: pointer;
    color: #fff;
}

@media only screen and ( max-width: 991px){
    .faq-box{
        margin-bottom: 40px;
    }
}

/* Owl  */
.owl-carousel{
    height: 100%;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}
.owl-carousel .item{
    text-align: center;
    padding: 0px 25px;
}
.owl-carousel .item p{
    margin-bottom: 0px;
}
.owl-theme .owl-nav{
    width: 100%;
    margin-top: 10px;
    position: absolute;
    display: flex;
    justify-content: space-between;
}
.owl-prev{
    font-size: 40px !important;
}
.owl-next{
    font-size: 40px !important;
}
.owl-dots{
    margin-top: 30px;
}

/* Slick */
.slick-box{
    text-align: center;
    padding-top: 30px;
}
.slick-dots li button:before{
    font-size: 30px !important;
}
.slick-dots li.slick-active button:before{
    color: #FF582B !important;
}
.slick-prev{
    left: -10px !important;
    display: none !important;
}
.slick-prev:before{
    content: "<" !important;
}
.slick-prev:before, .slick-next:before{
    color: #000 !important;
    font-size: 30px !important;
}
.slick-next{
    right: -10px !important;
    display: none !important;
}
.slick-next:before{
    content: ">" !important;
}

/* Swiper  */
.swiper {
    width: 100%;
    height: auto;
    padding-top: 20px !important;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-pagination-bullet-active{
    background-color: #FF582B !important;
}
.swiper-button-prev{
    color: #FF582B !important;
}
.swiper-button-next{
    color: #FF582B !important;
}
.swiper-button-prev::after{
    font-size: 25px !important;
}
.swiper-button-next::after{
    font-size: 25px !important;
}
.swiper-slide{
    padding: 0px 40px;
}



.pay-boxes{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 600px;
}
.pay-boxes i{
    /* color:green;  */
    font-size: 110px;
}
.pay-boxes h3{
    border: none;
    text-align: center;
}
.pay-boxes .fa-circle-xmark{
    color: #DC3545;
}

@media only screen and ( max-width: 991px){
    .pay-boxes{
        height:auto;
        margin-top: 40px;
    }
}

/* New  */
#checkout .form-row select{
    width: 100%;
    padding: 10px 10px;
    outline: none;
    font-family: "Barlow", sans-serif;
    color: #516171;
    font-weight: 500;
}
#checkout .form-row select::placeholder{
    font-family: "Barlow", sans-serif;
}
#services{
    background-color: #f9f9f9;
}
.footer-cont {
    padding-right: 80px;
}
@media screen and (max-width: 991px){
    .footer-cont {
        padding-right: 0px;
    }
}
.navbar-brand{
    padding: 0px !important;
}

#about p{
    text-align: justify;
}
.btn-brand {
    border-color: #FF582B;
    background-color: #FF582B;
    color: #fff;
}