@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

*,*::before,*::after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html, body{ height: 100%;padding:0; margin:0} 
body{color: #000; background-color:#fff!important;font-size:16px!important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal}


html::-webkit-scrollbar-track { background: #f4efe8; box-shadow: inset 0 0 6px #fff; }
html::-webkit-scrollbar-thumb { background: #f29073; }
html::-webkit-scrollbar { width: 8px; }
a{color:#fff;outline:none!important; border: none!important; text-decoration:none}
a:hover{text-decoration:none!important; color:#f29073;outline:none!important; border: none!important;}
::-moz-selection { background-color:#f29073; color:#fff;-webkit-text-fill-color:#fff}
::selection {background-color:#f29073; color:#fff;-webkit-text-fill-color:#fff}
a:focus{outline:none!important; border:none!important;text-decoration:none!important}
*:focus{outline:none!important;text-decoration:none!important}
p{margin-top: 0}
p{line-height: 140%}
.tc, .tc p, .tc h3{text-align:center!important}
.tr, .tr p, .tr a{text-align:right!important}
.tl, .tl p, .tl a{text-align:left!important}
a,.button a,.quform-1 .quform-field,.quform-1 .quform-submit,.quform-2 .quform-field,.quform-2 .quform-submit,.social-icons,.icon,.button .quform-popup-link-2,.button1 .quform-popup-link-2,.header,.logo, .small .header,.main-menu,.header-right{-webkit-transition: all 400ms linear!important; -moz-transition: all 400ms linear!important; -o-transition: all 400ms linear!important; transition: all 400ms linear!important}
#Testimonials,.banner,.vision,.quote1,.quote2{position: relative}
.nm{margin-top: -15px}
.container, .container-fluid{margin-right: auto !important;margin-left: auto !important; width: 100%; max-width: 100%!important}
.container{padding-left: 15px !important; padding-right: 15px !important}
.padding{padding-top: 35px; padding-bottom: 35px}
@media (min-width:992px){.container{max-width:980px!important}}
@media (min-width:1200px){.container{max-width:1140px!important}}
@media (min-width:1400px){.container{max-width:1340px!important}}
/* ------------------- IDS and Classes------------------------ */

#page-container{overflow-x: hidden; padding-top: 80px}
.header{height: 90px; position:fixed;width: 100%!important;left:0;right:0;top:0; z-index: 999999999!important;background-color: #3c3c3b; padding-top: 10px;}
.logo{height: 50px}
.footer{padding:30px 0 60px 0; background-color: #48484a; color: #fff;}
.banner{min-height: 400px}
.banner:before{content: ''!important; position: absolute; top: 20%; right:-30px;display: inline-block!important; width: 256px; height: 294px;background-image: url('../img/design1.svg'); background-repeat: no-repeat;background-position: center center;background-size:256px 294px}
.banner:after{content: ''!important; position: absolute; bottom: -70px; left:-50px;display: inline-block!important; width: 188px; height: 216px;background-image: url('../img/design2.svg'); background-repeat: no-repeat;background-position: center center;background-size:188px 216px}
.mission{padding-top: 50px; padding-bottom: 50px; position: relative}
.box1,.box2,.box3{box-shadow: 0px 15px 11px 3px rgba(0, 0, 0, 0.1); background: rgba(255,255,255,0.90); padding: 25px; color: #48484a}
.box4{color: #829a8e; text-transform: uppercase; font-weight: 600; font-size: 30px; display: inline-block; text-align: center}

.team{min-height:400px}  

.vision:before{content: ''!important; position: absolute; bottom: 2%; left:-50px;display: inline-block!important; width: 180px; height: 207px;background-image: url('../img/design1.svg'); background-repeat: no-repeat;background-position: center center;background-size:180px 207px}
.vision:after{content: ''!important; position: absolute; top: 10px; right:-30px;display: inline-block!important; width: 188px; height: 216px;background-image: url('../img/design3.svg'); background-repeat: no-repeat;background-position: center center;background-size:188px 216px}
.ora-hex:after{content: ''!important; position: absolute; top: -110px; right:-50px;display: inline-block!important; width: 188px; height: 216px;background-image: url('../img/design2.svg'); background-repeat: no-repeat;background-position: center center;background-size:188px 216px}
.orange-bg{background-color:#f68f73; margin-top: 35px; margin-bottom: 35px; padding-top: 35px!important; padding-bottom: 5px; color: #fff; position: relative}
.orange-bg:before{content: ''!important; position: absolute; bottom: -100px; left:-30px;display: inline-block!important; width: 256px; height: 294px;background-image: url('../img/design4.svg'); background-repeat: no-repeat;background-position: center center;background-size:256px 294px}

.gray-bg{background-color:#48484a; color: #fff; text-align: center;padding: 35px 15px 35px 15px;font-size: 36px; font-weight: 300; line-height: 40px; }
#Testimonials:before{content: ''!important; position: absolute; bottom:0; left:0;display: inline-block!important; width: 300px; height: 210px;background-image: url('../img/design5.svg'); background-repeat: no-repeat;background-position: center center;background-size:300px 210px}
.quote1, .quote2{padding-top: 50px}
.quote1:before { content: ''; position: absolute; top:0; left: -50px; display: inline-block; background-image: url('../img/icon6.svg'); background-repeat: no-repeat; background-position: left; background-size: contain; width:50px; height: 32px; z-index:2; } 
.quote1:after { content: ''; position: absolute; bottom:-50px; right: 0; display: inline-block; background-image: url('../img/icon5.svg'); background-repeat: no-repeat; background-position: left; background-size: contain; width:50px; height: 32px; z-index:2; }
.quote2:before { content: ''; position: absolute; top:0; left: -50px; display: inline-block; background-image: url('../img/icon8.svg'); background-repeat: no-repeat; background-position: left; background-size: contain; width:50px; height: 32px; z-index:2; } 
.quote2:after { content: ''; position: absolute; bottom:-50px; right: -50px; display: inline-block; background-image: url('../img/icon7.svg'); background-repeat: no-repeat; background-position: left; background-size: contain; width:50px; height: 32px; z-index:2; }
/* ------------------- Text ------------------------ */
h1{font-size:32px; font-weight: 600!important}
h2{font-size:30px; font-weight: 500}
h3{font-size:24px; font-weight: 400!important}
.orange, .ora{color: #f68f73}
.ora{font-weight: 700; text-transform: uppercase}
.beige-bg{background-color: #f4efe8}

.green-box .wpb_wrapper{background-color: #48484a; text-align: center; color: #fff;}
.white{background:#fff; display: inline-block; padding-left: 20px; padding-right: 20px}
.white1{background:#fff; display: inline-block;padding-right: 50px}
.t1 p{font-size: 40px; font-weight: 600; line-height: 40px; text-transform: uppercase}
.t3{color: #829a8e; text-transform: uppercase; font-weight: 600; font-size: 30px; line-height: 34px;padding-bottom:20px; display: inline-block}
.t4{color: #f68f73; text-transform: uppercase; font-weight: 600; font-size: 30px; line-height: 34px;padding-bottom:20px; display: inline-block}
.t5{color: #829a8e; text-transform: uppercase; font-weight: 600; font-size: 30px; line-height: 34px}
.t6{color: #48484a; text-transform: uppercase; font-weight: 600; font-size: 30px; line-height: 34px; text-align: center; position: relative}
.t6:after { position:absolute; content:''; height:2px; width: calc(100% + 35px); top:50%; left:-17px; z-index:-1; background: #f68f73;}
.t7 {font-weight: 500; font-size:20px; padding-top: 30px}
.t8{padding: 0 15px 30px 15px}
.t9{text-transform: uppercase; font-weight: 600; font-size: 30px; line-height: 34px;padding-bottom:10px; display: inline-block}
.t10{font-weight:300; font-size: 24px; text-transform: uppercase}
.t11a{color: #fff; font-weight: 300; font-size: 30px}
.t11{color: #8f9d91; font-weight: 500; font-size: 20px}
.t12{font-weight: 300}
.t13{color: #8f9d91; font-style: italic}
.t14{color: #f68f73; font-weight: 500; font-size: 20px}
.t15{color: #48484a; text-transform: uppercase; font-weight: 600; font-size: 30px; line-height: 34px; text-align:left; position: relative}
.t15:after { position:absolute; content:''; height:2px; width: calc(100% + 35px); top:50%; left:0; z-index:-1; background: #f68f73;}
.b500{font-weight: 500!important}
.b600{font-weight: 600!important}
.green-bg{background-color: #829a8e; margin-top: 50px; margin-bottom: 50px; color: #fff}
/* ------------------- Text ------------------------ */
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {background:#f68f73!important; color:#000!important; position: absolute; top:-80px; right:10px; padding:0!important; height:35px!important; width:40px!important; line-height:30px; text-align:center!important;font-size:20px!important}
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:hover { background:#8f9d91!important; color:#fff!important}

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:16px; color:#fff!important;font-weight: 600!important;line-height: 100%!important; text-transform: uppercase!important}
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target{  color:#f68f73!important}




.social-icons{display:flex;gap:15px;justify-content: flex-end;align-items:center; }
.footer .social-icons{margin-top: 30px}
.social-icons .icon{width:35px;height:35px;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:100px}.social-icons .icon:hover{background-color:#f29073}.social-icons .icon svg{width:20px;height:20px;fill:#f29073;display: block;}.social-icons .icon:hover svg{fill:#fff}

.quform-element-submit{}
.quform-1 .quform-label-text{font-weight:normal!Important; color:#000;font-size:16px!important}

.quform-1 .quform-field{font-family: "Montserrat", sans-serif;color:#f68f73; background-color: #fff;padding: 10px!important;font-size:16px!important; border: 0!important}
.quform-1 .quform-field:focus{background-color:#f68f73; color:#fff} 

.quform-1 .quform-submit{display:inline-block!important;padding: 10px 15px!important;border: 0;text-align:center; color:#fff; font-size: 16px;font-family: "Montserrat", sans-serif;background-image: linear-gradient(to left,#f68f73 0%,#f68f73 50%,#fff 50%);background-size: 200% 200%; background-position: bottom right; margin-top: -15px; }
.quform-form-1 .quform-submit:hover{background-position:top left !important;color:#f68f73}

.button .quform-popup-link-2{display:inline-block!important;padding: 8px 40px!important;border: 0;text-align:center; color:#fff; font-size: 24px!important;background-image: linear-gradient(to left,#f68f73 0%,#f68f73 50%,#f4efe8 50%);background-size: 200% 200%; background-position: bottom right;font-weight: 600!important}
.button:hover .quform-popup-link-2{background-position:top left !important;color:#48484a}

.button1 .quform-popup-link-2{display:inline-block!important;padding: 8px 40px!important;border: 0;text-align:center; color:#fff; font-size: 24px!important;background-image: linear-gradient(to left,#829a8e 0%,#829a8e 50%,#f68f73 50%);background-size: 200% 200%; background-position: bottom right;font-weight: 600!important; width: 100%; text-transform: uppercase}
.button1:hover .quform-popup-link-2{background-position:top left !important;color:#48484a}

.quform-magnific-popup .mfp-content .quform{background-color:#f68f73!important}
.quform-2 .quform-field{font-family: "Montserrat", sans-serif;color:#f68f73; background-color: #fff;padding: 10px!important;font-size:16px!important; border: 0!important}
.quform-2 .quform-field:focus{background-color:#48484a; color:#fff} 

.quform-2 .quform-submit{display:inline-block!important;padding: 10px 15px!important;border: 0;text-align:center; color:#fff; font-size: 16px;font-family: "Montserrat", sans-serif;background-image: linear-gradient(to left,#48484a 0%,#48484a 50%,#fff 50%);background-size: 200% 200%; background-position: bottom right; margin-top: -15px; }

.quform-form-2 .quform-submit:hover{background-position:top left !important;color:#f68f73}

.quform-2 textarea{max-height:180px}
.footer-links{font-size: 14px; color: #f29073; text-align: right}
.footer-links a{color: #fff; padding-left: 5px; padding-right: 5px} .footer-links a:hover{color: #f29073}

#totopbutton { display: inline-block; background-color:#000;width:40px; height:40px; text-align: center;position: fixed; bottom: 0; right: 0; opacity:0; visibility: hidden; z-index:999999!important; cursor: pointer; } #totopbutton svg{fill:#fff; width: 30px; height: 30px; margin-top:8px} #totopbutton:hover svg {fill: #fff!important}#totopbutton:hover{background-color:#6d8f98} #totopbutton.show { opacity: 1; visibility: visible}