/* #vanta-cloud {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height:100vh;
    z-index: -1; 
} */
.bree-serif-regular {
  font-family: "Bree Serif", serif;
  font-weight: 400;
  font-style: normal;
}

.vanta-canvas{height: 100vh !important;}
.text-small{font-size: 0.9rem;}
.color-orange{
    color: #F26F22;
    font-weight: 500 !important;
}
.display-7{
    font-size: 3rem;
    line-height: 1.4;
}
.display-5{
    font-size: 2.3rem;
    line-height: 1.4;
}
.display-10{font-size: 1.2rem !important;}
.line-height-2{line-height: 1.3;}
.img-responsive{
    width: 100%;
    max-width: 100%;
    height:auto;
}
.w-60{width: 60px !important;}
.w-80 {width: 80px !important;}
.img-center{
    display: block;
    margin: 0 auto;
}
.main-title h2 {max-width: 730px;}
.about-box{padding: 14px;}
.about-box-custom {
    transition: .5s linear;
    text-align: unset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 20px 6px;
    max-width: 100%;
    border-radius: 5px;
    background: linear-gradient(140deg, rgba(254, 220, 1, 1) 30%, rgba(249, 166, 27, 1) 45%, rgba(242, 111, 34, 1) 100%);
}

.about-box-white{
    background-color: #ffffff !important;
    border: 10px solid #F26F22;
    border-radius: 2.5rem;
    box-shadow: 0 0 1.875rem 0 #00000040;
    padding: 2.5rem;
    max-width: 100%;
}

.about-header{
    background-color: #F26F22;
    border-radius: .625rem;
    display: flex;
    flex-direction: column;
    padding-block: .9375rem;
    padding-inline: 0.5rem;
    text-align: center;
} 
.about-header p{
    color: #fff !important;
    font-weight: 600;
}

.about-content{
    background-color:#F7F7F7;
    border-radius: 1.25rem;
    padding-inline: 2rem;
    padding-block: 2.5rem;
    margin-top: 20px;
}

.about-content-container{
    height: 15rem;
    padding-block: 0;
    padding-inline: 1rem 1.5625rem;
    overflow-y: auto;
    text-align: left;
}

.about-content-container p,
.about-content-container li,{
    color:#000000 !important;
    font-weight:500 !important;
}

.home-banner .heading-area {
    position: absolute;
    transform: translate(90%, 90%);
    z-index: 11;
    width: 60%;
}
.home-banner .bg-overlay {
    background-color: rgb(249, 166, 27);
    width: 55%;
    left: 45%;
    top: -10%;
}

.pricing-item {
    box-shadow:none !important;
    background: transparent;
}

.pricing-item img{border-radius: 50%;}
.radio-group{flex-direction: row !important;}

.radio-group label {
    background: rgba(242, 111, 34, .7) !important;
    border: 2px solid rgb(255, 221, 0) !important;
}

/* button */
.btn-white{
    background: #ffffff ;
    border-color: #ffffff;
    color: #202020 !important;
    font-weight: bold;
}
.btn-yellow{
    color: #fff;
    font-weight:600;
    background-color: #F26F22;
    border-color: #F26F22;
    border-radius: 15px;
}
.btn-setting.btn-medium {font-size:16.5px !important; padding: 15px 40px !important; line-height: 1.5em;}

.btn-hvr-yellow:hover{
    border-color: rgb(242, 111, 34) !important;
    background-color: rgb(242, 111, 34) !important;
    color: #ffffff !important;
}
.btn-hvr-yellow:after {background-color:rgb(242, 111, 34) !important;}
.btn-height-center-l{
    height: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-height-center-m{height: 82px;}


.bg-img1{background: linear-gradient(90deg,rgba(242, 111, 34, 1) 0%, rgba(249, 166, 27, 1) 35%, rgba(254, 220, 1, 0.75) 100%);}

/* ===================================
   Scroll Top
====================================== */

.scroll-top-arrow, .scroll-top-arrow:focus {
    font-size: 23px;
    line-height: 47px;
    color: #666666;
    background-color: rgba(254, 220, 1);
    display: none;
    height: 45px;
    width: 45px;
    cursor: pointer;
    padding: 0;
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: center;
    text-decoration: none;
    z-index: 80;
    border-radius: 50px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.scroll-top-arrow:hover {background-color: #F26F22; }

/* ===================================
   Contact Section
====================================== */
.contact-form {
    max-width: 750px;
    display: block;
    margin: 0 auto;
}
.contact-form label{
    font-size: 17px ;
    font-weight: bold !important;
    color: #495057 !important;
    text-align: left !important;
}
.contact-form .form-control {
    /* border: none; */
    border: 1px solid rgba(242, 111, 34, .7);
    padding: ;
    background-color: rgba(242, 111, 34, 0.7);
    letter-spacing: .7px;
    font-weight: 300;
    border-radius: 25px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    color: #fff;
    font-size: 15px;
    position: relative;
    -webkit-transition: border .9s ease;
    -o-transition: border .9s ease;
    transition: border .9s ease;
}

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

#client-nav button:hover > span{
    color: #fff;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-weight: normal;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-weight: normal;
}

::-ms-input-placeholder { /* Microsoft Edge */
    font-weight: normal;
}


/*PRE LOADER*/
.loader {
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1111;
    overflow-x: hidden;
    background: #fff;
    overflow-y: hidden;
}

.loader h5{
    position: absolute;
    top: 70%;
    color:#F26F22;
    font-weight:bold;
    letter-spacing: 1px;
}

.inner-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.circle-loader{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:200px;
    height:200px;
    background:#ccc;
    border:2px solid #fff;
    box-shadow:0 0 0 5px #F9A61B;
    border-radius:50%;
    overflow:hidden;
}

.image-holder-loader{
    width: 100px;
    position: absolute;
    height: 195px;
    z-index: 111;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    animation: mymove 1s infinite ease alternate-reverse;
    margin-left: 4px;
    margin-top: 2px;
}

@keyframes mymove {
    from {

    }
    to {
        margin-left: -4px;
        margin-top: -2px;
    }
}


.image-holder-loader img{
    width: 100%;
}

.wave-loader{
    position:relative;
    width:100%;
    height:100%;
    background:#F9A61B;
    border-radius:50%;
    box-shadow:inset 0 0 50px rgba(0,0,0,.5);
}
.wave-loader:before,.wave-loader:after{
    content:'';
    position:absolute;
    width:200%;
    height:200%;
    top:0;
    left:50%;
    transform:translate(-50%,-75%);
    background:#000;
}
.wave-loader:before{
    border-radius:45%;
    background:rgba(255,255,255,1);
    animation:animate 5s linear infinite;
}
.wave-loader:after{
    border-radius:40%;
    background:rgba(255,255,255,.5);
    animation:animate 10s linear infinite;
}
@keyframes animate{
    0%{
        transform:translate(-50%,-75%) rotate(0deg);
    }
    100%{
        transform:translate(-50%,-75%) rotate(360deg);
    }
}

.rare-box {
    height: 130px;
    width: 100%;
    background: #F26F22;
    margin-left: 70px;
}

.about-img-small {
    margin-left:0px;
    top: -100px;
    margin-bottom: -110px;
}

.price-box {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 0;
}
.p-half {padding: 1.75rem 0;}




@media (max-width: 768px) {
    .mt-160{margin-top: 160px !important;}
}