@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@300;400;500;600;700&family=Red+Rose:wght@500;600;700&display=swap');

:root {
    --color-primary:#cb9274;
    --color-primary-bright: #6E20D6;
    --color-primary-dark: #301457;
    --primary-light-1: #E7D6FF;
    --primary-light-2: #F3EBFF;
    --primary-light-3: #F4ECFF;
    --primary-light-4: #FAF5FF;
    --color-accent:#ad7354;
    --color-accent-dark:#000;
    --color-body-bg: #ecf1f5;
    --color-bodycopy: #333;
    --color-section-heading:#212529;
    --color-navlinks:#212529;
    --color-text-dark:#212529;
    --color-footer-bg:#0A152C;
    /*FONT FAMILY*/
    --font-body:'Red Hat Text';
    --font-heading:'Red Rose';
    /*SWIPER*/
    --swiper-navigation-sides-offset: 10px;
    --swiper-bullet-bg-normal:#DCDFE2;
    --swiper-bullet-bg-active:var(--color-accent);
}



html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
body {font-family: var(--font-body), sans-serif; font-size: 16px; background-color:var(--color-body-bg); color: var(--color-bodycopy); font-weight: 400; line-height: 1.6; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: optimizeLegibility; font-optical-sizing: auto; font-style: normal; font-variation-settings:"slnt" 0; }

/*TRANSITIONS*/
.btn, a, button, .transition {webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}

/*FONTS==========================================================================================*/
.body-font{font-family: var(--font-body), serif;}
.heading-font{font-family: var(--font-heading), serif;}


/*HEADINGS==========================================================================================*/
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-family: var(--font-heading), serif; line-height: 1.3; color: var(--color-section-heading); line-height: 120%;font-optical-sizing: auto;font-style: normal;}


/*ANCHOR TAGS==========================================================================================*/
a {color: var(--color-dark); text-decoration: none; background-color: transparent; }
a:hover, a:focus{color: var(--color-text-dark);}


/*FORM ELEMENTS==========================================================================================*/
.form-control, textarea, select, .form-select{border-color:#aaa;}
.form-control, textarea, select, .form-select, button{}
.form-control:focus, 
.form-select:focus {outline: 0; box-shadow: 0 0 0 0.25rem #c72e300d; background-color: white; border-color: var(--color-primary);}


/*SECTION HEADINGS==========================================================================================*/
.section-heading{margin-bottom: 20px;}
.section-heading h5,.sectionsubhdn{font-size: 19px; color: var(--color-primary); font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 5px;}
.section-heading h2,.sectionhdn{font-size:46px; font-weight: 700; color: var(--color-section-heading); line-height: 120%; margin-bottom: 10px; letter-spacing:-1px; }
.section-heading p{color: var(--bs-body-color); font-size: 18px; margin-bottom: 0; line-height: 1.8;}

.section-heading h2.fslg{font-size: 56px;font-weight: 700;}

/*TEXT COLOR==========================================================================================*/
.text-prime{color:var(--color-primary);}
.text-accent{color:var(--color-accent);}
.text-accent-dark{color:var(--color-accent-dark);}
.text-dark{color:var(--color-text-dark);}


/*BACKGROUND==========================================================================================*/
.bg-prime{background-color: var(--color-primary);}
.bg-accent{background-color: var(--color-accent);}
.bg-secondarry-dark{background-color: var(--color-accent-dark);}
.bg-light-1{background-color: var(--primary-light-1);}
.bg-light-2{background-color: var(--primary-light-2);}
.bg-light-3{background-color: var(--primary-light-3);}
.bg-light-4{background-color: var(--primary-light-4);}


/*SECTION TOP BOTTOM PADDINGS==========================================================================================*/
.section-tb-padding{padding-top: 100px;padding-bottom: 100px;}


/*BUTTONS==========================================================================================*/
.btn{border-radius: 8px; font-weight: 600; font-size: 12px; letter-spacing:0.3px;display: inline-flex; align-items: center; justify-content: center;} 
.btn-sm{font-size: 11px;border-radius: 4px;}
.btn-lg{font-size: 13px;border-radius: 10px;font-weight: 600; height: 56px; line-height: 1;}


/*BUTTON PRIME======================================================================================*/
.btn-prime{background-color: var(--color-primary); border-color: var(--color-primary); color: #fff;}
.btn-prime:hover,.btn-prime:focus,.btn-prime:active{background-color: var(--color-primary-dark)!important; border-color: var(--color-primary-dark)!important; color: #fff!important;}


/*BUTTON OUTLINE PRIME======================================================================================*/
.btn-outline-prime{background-color: transparent; border-color: var(--color-primary); color: var(--color-primary);}
.btn-outline-prime:hover,.btn-outline-prime:focus,.btn-outline-prime:active{background-color: var(--color-primary); border-color: var(--color-primary); color: white;}


/*BUTTON ACCENT======================================================================================*/
.btn-accent{background-color: var(--color-accent); border-color: var(--color-accent); color: #fff;}
.btn-accent:hover,.btn-accent:focus,.btn-accent:active{background-color: var(--color-accent-dark)!important; border-color: var(--color-accent-dark)!important; color: #fff!important;}

/*BUTTON OUTLINE PRIME======================================================================================*/
.btn-outline-accent{background-color: transparent; border-color: var(--color-accent); color: var(--color-accent);}
.btn-outline-accent:hover,.btn-outline-accent:focus,.btn-outline-accent:active{background-color: var(--color-accent); border-color: var(--color-accent); color: white;}




/*SECTION MAIN BUTTON======================================================================================*/
.section-button .btn, .section-button-lg {font-weight: 600; border-radius: 10px; font-size: 12px;letter-spacing:0.4px; box-shadow: 0 3px 5px rgb(0 0 0 / 5%); height: 52px; display: inline-flex; justify-content: center; align-items: center; min-width: 290px; min-height: 57px; padding-left: 20px; padding-right: 20px; text-transform: uppercase;}


/*SHADOWS======================================================================================*/
.thin-shadow{-webkit-box-shadow: 0 0 2px 0 rgb(0 0 0 / 30%); box-shadow: 0 0 2px 0 rgb(0 0 0 / 30%);transition: all 200ms ease;}
.thin-shadow:hover{-webkit-box-shadow: 0 3px 4px 0px rgb(0 0 0 / 10%); box-shadow: 0 3px 4px 0px rgb(0 0 0 / 10%);}


/*SWIPER PAGINATION======================================================================================*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet{background-color: var(--swiper-bullet-bg-normal); opacity: 1;}
.swiper-pagination-bullet-active{background-color: var(--swiper-bullet-bg-active);}

.swiper-pagination.custom-pagination{position: relative; transform: none; width: 100%; text-align: center;}
.swiper-pagination.tp10 {padding-top: 10px;}
.swiper-pagination.tp15 {padding-top: 15px;}
.swiper-pagination.tp20 {padding-top: 20px;}
.swiper-pagination.tp25 {padding-top: 25px;}
.swiper-pagination.tp25 {padding-top: 25px;}
.swiper-pagination.tp30 {padding-top: 30px;}


/*SWIPER NAV BUTTONS======================================================================================*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height: 36px; width: 36px;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 16px; color: var(--color-primary); background-color: white;  display: flex; border-radius: 20px; justify-content: center; align-items: center; box-shadow: 0 5px 10px rgb(0 0 0 / 20%);webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}

.swiper-button-prev:hover:after, .swiper-button-next:hover:after{background-color: var(--color-primary);color: white;}

/*TEXT WHITE TO LIGHT WHITE==========================================================================================*/
.text-white-5{color: rgb(255 255 255 / 5%)!important;} .text-white-10{color: rgb(255 255 255 / 10%)!important;} .text-white-20{color: rgb(255 255 255 / 20%)!important;} .text-white-25{color: rgb(255 255 255 / 25%)!important;} .text-white-30{color: rgb(255 255 255 / 30%)!important;} .text-white-35{color: rgb(255 255 255 / 35%)!important;} .text-white-45{color: rgb(255 255 255 / 45%)!important;} .text-white-50{color: rgb(255 255 255 / 50%)!important;} .text-white-55{color: rgb(255 255 255 / 55%)!important;} .text-white-60{color: rgb(255 255 255 / 60%)!important;} .text-white-65{color: rgb(255 255 255 / 65%)!important;} .text-white-70{color: rgb(255 255 255 / 70%)!important;} .text-white-75{color: rgb(255 255 255 / 75%)!important;} .text-white-80{color: rgb(255 255 255 / 80%)!important;} .text-white-85{color: rgb(255 255 255 / 85%)!important;} .text-white-90{color: rgb(255 255 255 / 90%)!important;} .text-white-95{color: rgb(255 255 255 / 95%)!important;}

/*TEXT BLACK TO LIGHT BLACK==========================================================================================*/
.text-black-5{color: rgb(0 0 0 / 5%)!important;} .text-black-10{color: rgb(0 0 0 / 10%)!important;} .text-black-20{color: rgb(0 0 0 / 20%)!important;} .text-black-25{color: rgb(0 0 0 / 25%)!important;} .text-black-30{color: rgb(0 0 0 / 30%)!important;} .text-black-35{color: rgb(0 0 0 / 35%)!important;} .text-black-45{color: rgb(0 0 0 / 45%)!important;} .text-black-50{color: rgb(0 0 0 / 50%)!important;} .text-black-55{color: rgb(0 0 0 / 55%)!important;} .text-black-60{color: rgb(0 0 0 / 60%)!important;} .text-black-65{color: rgb(0 0 0 / 65%)!important;} .text-black-70{color: rgb(0 0 0 / 70%)!important;} .text-black-75{color: rgb(0 0 0 / 75%)!important;} .text-black-80{color: rgb(0 0 0 / 80%)!important;} .text-black-85{color: rgb(0 0 0 / 85%)!important;} .text-black-90{color: rgb(0 0 0 / 90%)!important;} .text-black-95{color: rgb(0 0 0 / 95%)!important;}

/*TEXT GREY AND DARK==========================================================================================*/
.text-grey{ color: #6c757d;} .text-grey-dark{ color: #343a40;} .text-grey-10{ color: #f8f9fa;} .text-grey-20{ color: #e9ecef;} .text-grey-30{ color: #dee2e6;} .text-grey-40{ color: #ced4da;} .text-grey-50{ color: #adb5bd;} .text-grey-60{ color: #6c757d;} .text-grey-70{ color: #495057;} .text-grey-80{ color: #343a40;} .text-grey-90{ color: #212529;}

/*FONT WEIGHTS==========================================================================================*/
.fw100{font-weight: 100!important;} .fw200{font-weight: 200!important;} .fw300{font-weight: 300!important;} .fw400{font-weight: 400!important;} .fw500{font-weight: 500!important;} .fw600{font-weight: 600!important;} .fw700{font-weight: 700!important;} .fw800{font-weight: 800!important;} .fw900{font-weight: 900!important;}

/*LETTER SPACING==========================================================================================*/
.lshalf{letter-spacing:0.5px} .ls1{letter-spacing:1px} .ls2{letter-spacing:2px} .ls3{letter-spacing:3px} .ls4{letter-spacing:4px} .ls5{letter-spacing:5px} .ls6{letter-spacing:6px} .ls7{letter-spacing:7px} .ls8{letter-spacing:8px} .ls9{letter-spacing:9px} .ls10{letter-spacing:10px}

/*LINE HEIGHT==========================================================================================*/
.lh100{line-height:100%} .lh120{line-height:120%} .lh130{line-height:130%} .lh140{line-height:140%} .lh150{line-height:150%} .lh160{line-height:160%} .lh170{line-height:170%} .lh180{line-height:180%} .lh190{line-height:190%} .lh200{line-height:200%}

/*FONT SIZE 0 to 72px ==========================================================================================*/
.fs0{font-size: 0;} .fs7{font-size: 7px;} .fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}

/*OPACITY==========================================================================================*/
.opacity0{opacity: 0;} .opacity1{opacity: 0.1;} .opacity2{opacity: 0.2;} .opacity3{opacity: 0.3;} .opacity4{opacity: 0.4;} .opacity5{opacity: 0.5;} .opacity6{opacity: 0.6;} .opacity7{opacity: 0.7;} .opacity8{opacity: 0.8;} .opacity9{opacity: 0.9;}

/*PAGINATION==========================================================================================*/
.pagination .page-link{color: var(--color-dark); font-size: 15px; height: 40px; width: 60px; display: flex; align-items: center; justify-content: center; text-align: center;}
.pagination .page-link:hover{color: #fff; background-color: var(--color-accent); border-color: var(--color-accent);}
.pagination .active>.page-link, 
.pagination .page-link.active {color: #fff; background-color: var(--color-accent); border-color: var(--color-accent); }
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link{width: auto;}

/*IMAGE HOVER==========================================================================================*/
.image-hover img{webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.image-hover:hover img{transform: scale(1.05);}


/* FOCUS STATE STYLE FOR KEBOARD NAVIGATION ON FOCUSABLE ELEMENTS ==========================================================================================*/
*[tabindex]:focus-visible, input[type="file"]:focus-visible {outline: 0.125rem solid #4d65ff; outline-offset: 0.125rem;}

/* PREVENT CLICKS ==========================================================================================*/
.pointer-events-off {pointer-events: none;}

/* ENABLE CLICKS ==========================================================================================*/
.pointer-events-on {pointer-events: auto;}

/* SQUARE BLOCK ==========================================================================================*/
.square-block::after {content: ""; display: block; padding-bottom: 100%;}

/* CONTAINER CENTER ALIGN ==========================================================================================*/
.container-center-align{margin-right: auto !important; margin-left: auto !important;}


/* TEXT TRUNCATE ELLIPSES AFTER 3 LINES==========================================================================================*/
.text-style-3lines {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
/* TEXT TRUNCATE ELLIPSES AFTER 2 LINES==========================================================================================*/
.text-style-2lines {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


/*CUSTOM CONTAINER XL*/
.container-xl{max-width: 1220px;}

/*##############################################################################*/
/*##################__________MAIN STYLE STARTS HERE_________###################*/
/*##############################################################################*/

.header-navbar{padding-top: 5px;padding-bottom: 5px; background-color:#fff; border-bottom: 1px solid rgba(104, 35, 36, 0.03);}
.header-navbar .header-logo .header-logo-img{width: 130px; position: relative;}


.header-navbar .navbar-nav .nav-item{padding-left: 10px;padding-right: 10px;}
.header-navbar .navbar-nav .nav-item .nav-link{font-size: 15px; color: var(--color-navlinks); font-weight: 500; letter-spacing: 0.1px;}
.header-navbar .navbar-nav .nav-item .nav-link:hover,.header-navbar .navbar-nav .nav-item .nav-link:focus{color: var(--color-primary);}



.header-navbar .header-right{gap: 10px;}
.header-navbar .header-phone a{font-size: 16px; font-weight: 600; color: var(--color-text-dark);line-height: 1;}
.header-navbar .header-phone a:hover{color: var(--color-accent);}
.header-navbar .header-cta .btn{border-radius: 10px; font-size: 15px; font-weight: 500;margin-left: 12px;padding-top: 10px;padding-bottom: 10px; padding-left: 20px;padding-right: 20px;}

/*##########################################################################################*/


/*HERO SLIDER===============================================================================*/

.hero-section {
    min-height: calc(100vh - 100px);
    padding-top: 100px;
    padding-bottom: 100px;
    background-size: cover;
    background-position: center;
    z-index: 9;
}

.hero-section:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgb(173 115 84 / 35%);
    top: 0;
    z-index: -1;
}
 

 
.hero-section .model-image{max-width: 445px; width: 100%; height: auto; position: absolute; bottom: 0; left: auto; right: 32%;}

.hero-content{max-width: 460px;padding-top: 20px;}
.hero-content .hero-heading{margin-bottom: 16px; font-size:50px; line-height: 1.2;}
.hero-content .hero-uspwrap .hero-usplist{padding-top:10px;padding-bottom: 10px;line-height: 1.3; font-size: 26px;}
.hero-content .hero-uspwrap .check-icon{height: 40px;width: 40px;margin-right: 10px;}


.hero-form-block{max-width:380px; margin-left: auto;margin-right: 0; width: 100%; background-color: var(--primary-light-2); padding: 16px 12px 24px; border-radius: 10px;box-shadow: var(--bs-box-shadow-sm);position: relative;z-index: 5;}

.hero-form-block .hero-form-header {padding: 24px; background: rgb(173 111 255); margin-bottom: 12px; background-image: linear-gradient(to right bottom, #6f81ff, #6e80fa, #6d7ef5, #6c7df1, #6b7bec); color: #fff; border-radius: 10px; padding-bottom: 24px; }

.hero-form-block .hero-form-header h5 {color: #fff; font-size: 26px; font-weight: 600; margin-bottom: 5px;}

.hero-form-block .hero-form-header p {margin-bottom: 0; font-size: 16px; opacity: 0.9; line-height: 1.2;}

.hero-form-block .hero-form-body {background-color: #fff; padding: 20px 16px; border-radius: 10px; box-shadow: var(--bs-box-shadow-sm);}

.hero-form-block .form-field-block {margin-bottom: 16px;}

.hero-form-block .hero-form-body .form-control {border-radius: 10px; height: 56px; font-size: 15px;}

.hero-form-block .hero-form-body .btn{width: 100%;display: block;height: 56px;}


/*FEATURE SECTION==================================================================*/
.features-section{padding-top: 50px;padding-bottom: 50px;}
.features-wrap{padding-top: 40px;}
.feature-block {margin-bottom: 24px; border-radius: 16px; padding: 40px; background-image: linear-gradient(to right bottom, #6f81ff, #6e80fa, #6d7ef5, #6c7df1, #6b7bec);}
.feature-block h4{font-size:30px; font-weight: 600;margin-bottom:15px;}
.feature-block p{font-size:20px;line-height: 1.45;margin-bottom: 0;opacity: 0.8;}



/*EXPERT SECTION==================================================================*/
.expert-section{padding-top: 80px;padding-bottom: 80px;}
.expert-section h2.sectionhdn{margin-bottom: 20px;}
.expert-section .expert-img{width: 100%;max-width:382px;margin-bottom: 30px;}
.expert-section .btn{min-width: 290px; min-height: 56px;}

.feature-listwrap .feature-list{font-size: 24px; line-height: 1.5; font-weight: 500;display: flex; flex-direction: row;margin-bottom: 24px;}
.feature-listwrap .feature-list span{height: 34px;width: 34px; margin-right: 10px; line-height:1; font-weight: 600;  color: #fff; border-radius: 50px; background-color: var(--color-accent); display: flex; justify-content: center;align-items: center;}


/*TESTIMONIAL SECTION==================================================================*/
.testimonial-block{background-color: white; min-height: 420px; padding: 40px;border-radius: 16px; box-shadow: var(--bs-shadow-sm)}
.testimonial-block p{font-size: 22px; line-height: 1.6;}
.testimonial-block span{display: inline-block;padding-top: 30px; font-size: 18px}
.testimonial-block .star-rating{width: 140px;height: 24px;margin-bottom: 20px;}


/*BENEFIT SECTION==================================================================*/
.benefit-block{border-radius: 16px; padding: 40px; height: 100%;}
.benefit-block img{max-width: 80px; width: 100%;}

.benefit-block h4{font-size: 28px;}
.benefit-block p{font-size: 18px;}

/*WORK SECTION==================================================================*/
.work-block img{border-radius: 16px;}
 

/*FOOTER==================================================================*/
.footer-inner{background-image: linear-gradient(to right top, #e0ecea, #dcebe5, #daeadd, #dde7d4, #e2e4cb, #e2e4cb, #e2e4cb, #e2e4cb, #dde7d4, #daeadd, #dcebe5, #e0ecea);padding: 50px; border-radius: 40px;}
.footer-top .footer-logo{width: 140px }

/*MODEL POPUP CSS==================================================================*/
  
#exampleModal .modal-body {padding: 0 40px 40px 40px}
#exampleModal h2 {line-height: 32px}
#exampleModal p {margin: 0;padding: 0 0 10px}

#exampleModal .modal-content { background-image: url(../images/img-bg-right.png),url(../images/img-bg-left.png);background-position: top right,bottom left;background-repeat: no-repeat}
 
#exampleModal .btn-close {--bs-btn-close-bg: none;right: 11px; position: relative;top: -6px}


/*DOTS CSS==================================================================*/
.tap_invite {display: flex;justify-content: center;align-items: center;width: calc(6.7888112vh);
height: calc(6.7888112vh); position:absolute; left:1px;transition: opacity 2s cubic-bezier(0.23, 1, 0.32, 1);cursor: pointer;}
.circle {width: 100%;height: 100%; border-radius: 50%;background-color: #fff;position: absolute;opacity: 0;animation: scaleIn 4s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32);z-index: 2;}
.one { animation-delay: -3s;}
.two {animation-delay: -2s;} 
.three{animation-delay: -1s; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.white_dot { width: 8px;height: 8px;border-radius: 50%;background-color:#935f42;position: absolute;
top: 50%;left: 50%;z-index: 3; transform: translate(-50%, -50%);}
@keyframes scaleIn { from { transform: scale(0.5, 0.5);opacity: 0.5;}to {transform: scale(2, 2);opacity: 0;}}


.rotate {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg); position:fixed; bottom:80px; right:-70px; letter-spacing:.2em; text-transform:uppercase; z-index:88}

.img-feature-img {height: calc(100vh - 50px);background-attachment: fixed;background-size: cover;background-position: top center;}


.gradiant-color{background-image: linear-gradient(to right bottom, #6f81ff, #6e80fa, #6d7ef5, #6c7df1, #6b7bec);}