/* Theme Name: TRHive Theme URI: https://www.thinkeq.co.uk/ Author: ThinkEQ Author URI: https://www.thinkeq.co.uk/ Description: TRHive (Businesses achieve success through diverse, confident and skilled talent. We’re the partner that inspires change and unlocks possibility) Version: 1.0 Text Domain: trhive Tags: custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, sticky-post, theme-options, accessibility-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ #html{margin-top: 0 !important;} #html #wpadminbar{top: auto; width: auto; min-width: auto; bottom: 0;} #html #wp-admin-bar-top-secondary, #html #wpadminbar .menupop, #wp-admin-bar-customize, #wp-admin-bar-updates, #wp-admin-bar-comments{display: none;} @media (max-width:1199.98px) {#html #wpadminbar{display: none!important;}} :root { --purple: #6C2886; --dark-purple: #694783; --purple-navy: #544E87; --yellow: #F7F7A3; --green: #45808A; --grey: #F2F2E9; --black: #2E373D; --white: #fff; --gradient-dark: linear-gradient(90deg, rgba(100,44,129,1) 0%, rgba(69,128,138,1) 100%); --gradient-light: linear-gradient(90deg, rgba(243,243,169,1) 0%, rgba(242,242,233,1) 100%); --primary-font: 'Outfit', sans-serif; --secondary-font: 'Sora', sans-serif; --custom-ease: all 0.7s cubic-bezier(.215, .61, .355, 1); } /* =================animate css starts here================= */ .animated{-webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} @keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} .fadeIn{-webkit-animation-name:fadeIn; animation-name: fadeIn;} @-webkit-keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);} to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);} to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInUp{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;} /* =================animate css ends here================= */ /* =================smartmenus css start here================= */ .navbar-nav.sm-collapsible .sub-arrow{position:absolute;top:50%;right:0;margin:-0.7em 0.5em 0 0;border:1px solid rgba(0,0,0,.1);border-radius:.25rrem;padding:0;width:2rem;height:1.4rem;font-size:1.25rrem;line-height:1.2rem;text-align:center;} .navbar-nav.sm-collapsible .sub-arrow::before{content: '\f055';} .navbar-nav.sm-collapsible .show > a > .sub-arrow::before{content: '\f056';} .navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow{border-color:rgba(255,255,255,.1);} .navbar-nav.sm-collapsible .has-submenu{padding-right:3rem;} .navbar-nav.sm-collapsible .nav-link,.navbar-nav.sm-collapsible .dropdown-item{position:relative;} .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{display:inline-block;width:0;height:0;margin-left:.255rem;vertical-align:.255rem;border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent;} .fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow,.fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after{border-top:0;border-bottom:.3em solid;} .navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow,.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after{position:absolute;top:50%;right:0;width:0;height:0;margin-top:-.3rem;margin-right:1rem;border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.3em solid;} .navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu{padding-right:2rem;} .navbar-nav .scroll-up,.navbar-nav .scroll-down{position:absolute;display:none;visibility:hidden;height:20px;overflow:hidden;text-align:center;} .navbar-nav .scroll-up-arrow,.navbar-nav .scroll-down-arrow{position:absolute;top:-2px;left:50%;margin-left:-8px;width:0;height:0;overflow:hidden;border-top:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid;border-left:7px solid transparent;} .navbar-nav .scroll-down-arrow{top:6px;border-top:7px solid;border-right:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid transparent;} .navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu{margin:.5rem;} .navbar-nav:not([data-sm-skip]) .dropdown-item{white-space:normal;} .navbar-nav:not(.sm-collapsible) .sm-nowrap > li > .dropdown-item{white-space:nowrap;} /* =================smartmenus css ends here================= */ /* =================slick css ends here================= */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus{outline:none;} .slick-list.dragging{cursor:pointer;cursor:hand;} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;} .slick-track:before,.slick-track:after{display:table;content:'';} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none;float:left;height:100%;min-height:1px;} .slick-slide img{display:block;width:100%} .slick-slide.slick-loading img{display:none;} .slick-slide.dragging img{pointer-events:none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} .slick-arrow.slick-hidden{display:none;} .slick-loading .slick-list{background:#fff center center no-repeat;} .slick-prev,.slick-next{z-index:99;font-size:0;line-height:0;position:absolute;bottom: 0;display:block;float:left;padding:0;margin-top:-25px\9; /*lte IE 8*//* -webkit-transform:translate(0,-50%); */-ms-transform:translate(0,-50%);/* transform:translate(0,-50%); */cursor:pointer;color:transparent;border: 0;outline:none;background:transparent;width: 22px;height: 22px;border-radius: 0;} .slick-prev:hover,.slick-next:hover{color:transparent;outline:none;} .slick-prev:hover:before, .slick-next:hover:before{opacity: 1;} .slick-prev.slick-disabled:hover:before,.slick-next.slick-disabled:hover:before{filter: none !important;} .slick-prev.slick-disabled,.slick-next.slick-disabled{opacity:.37; background: transparent !important; cursor: not-allowed;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{} .slick-prev:before,.slick-next:before{width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: var(--custom-ease); background: url(include/images/arrow-outline-triangle.svg) no-repeat center/auto 20px; z-index: 2;} .slick-prev{left: 15px;transform: rotate(-90deg);} .slick-prev:before{content:"";} .slick-next{right: 15px;transform: rotate(90deg);} .slick-next:before{content:""; } .slick-prev:after{content:"";position: absolute;left: 0px;top: 2px;background: #fff;width: 22px;height: 18px;z-index: 1;clip-path: polygon(0 100%, 100% 100%, 50% 0); transition: all 0.1s ease-in; opacity: 0;} .slick-next:after{content:"";position: absolute;left: 0px;top: 2px;background: #fff;width: 22px;height: 18px;z-index: 1;clip-path: polygon(0 100%, 100% 100%, 50% 0); transition: all 0.1s ease-in; opacity: 0;} .slick-prev:hover:after, .slick-next:hover:after{opacity: 1;} .slick-slider{margin-bottom:0;padding-bottom: 50px;} .slick-dots{position:absolute;bottom: 0;display: flex;width:100%;padding:0;list-style:none;text-align:center;vertical-align:top;height: 20px;justify-content: center;} .slick-dots li{position:relative;display: inline;margin:0 0px;padding:0;text-align:center;cursor:pointer;vertical-align:top;height: 18px;display: flex;align-items: center;} .slick-dots li button{font-size:0;line-height:0;display:inline-block;width: 18px;height: 18px;padding:0;cursor:pointer;color:transparent;border:0;outline:none;background: transparent;opacity:1;border: solid 2px var(--black);border-radius:50%;vertical-align:top;margin: 0 8px;} .slick-dots li.slick-active button{opacity:1; background: var(--black);} .full-height .slick-track{display: flex;} .full-height .slick-track .slick-slide{height: auto;} /* =================slick css end here================= */ /* =================Magnific Popup css starts here================= */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:var(--black);opacity:0.59;} .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;} .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 0;box-sizing:border-box;} .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;} .mfp-align-top .mfp-container:before{display:none;} .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;} .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;} .mfp-ajax-cur{cursor:progress;} .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;} .mfp-auto-cursor .mfp-content{cursor:auto;} .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;} .mfp-loading.mfp-figure{display:none;} .mfp-hide{display:none!important;} .mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;} .mfp-preloader a{color:#CCC;} .mfp-preloader a:hover{color:#FFF;} .mfp-s-ready .mfp-preloader{display:none;} .mfp-s-error .mfp-content{display:none;} button.mfp-close,button.mfp-arrow{cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;transition:all 0.2s ease-in 0.2s;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation;} button::-moz-focus-inner{padding:0;border:0;} .mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;} .mfp-close:hover,.mfp-close:focus{opacity:1;} .mfp-close:active{top:1px;} .mfp-close-btn-in .mfp-close{color:#333;} .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;} .mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;} .mfp-iframe-holder{padding-top:40px;padding-bottom:40px;} .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;} .mfp-iframe-holder .mfp-close{top:-40px;} .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;} .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000;} img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;} .mfp-figure{line-height:0;} .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444;} .mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;} .mfp-figure figure{margin:0;} .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;} .mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;} .mfp-image-holder .mfp-content{max-width:100%;} .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;} @media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){ .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;} .mfp-img-mobile img.mfp-img{padding:0;} .mfp-img-mobile .mfp-figure:after{top:0;bottom:0;} .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;} .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box;} .mfp-img-mobile .mfp-bottom-bar:empty{padding:0;} .mfp-img-mobile .mfp-counter{right:5px;top:3px;} .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;} } .mfp-bg{z-index:999998;} .mfp-wrap{z-index:999999;} .mfp-close-btn-in .mfp-close {opacity: 1;color: var(--white);top: 15px;right: 13px;font-size: 52px;font-weight: 300;font-family: var(--secondary-font);} .mfp-auto-cursor .mfp-content{max-width:840px;position:relative;margin:0px auto;overflow:hidden;} .mfp-ready .mfp-content{box-shadow:0 0 12px rgb(0 0 0 / 30%);} .mfp-zoom-in .mfp-with-anim{opacity:0;transition:all 0.1s ease-in-out;transform:scale(0.95);} .mfp-zoom-in.mfp-bg{opacity:0;transition:all 0.1s ease-out;} .mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1);} .mfp-zoom-in.mfp-ready.mfp-bg{opacity:0.59;} .mfp-zoom-in.mfp-removing .mfp-with-anim{transform:scale(0.95);opacity:0;} .mfp-zoom-in.mfp-removing.mfp-bg{opacity:0;} .mfp-arrow-left{position:absolute;left:-50px;bottom:30px;width:50px;height:104px;overflow:hidden;z-index:5;} .mfp-arrow-right{position:absolute;right:-50px;bottom:30px;width:50px;height:104px;overflow:hidden;z-index:5;} .mfp-arrow-left:before,.mfp-arrow-right:before{font-family:'font Awesome 5 Free';font-weight:900;font-size:40px;line-height:1;opacity:1;z-index:1;position:relative;color:#170000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:transparent;border-radius:50%;display:flex;padding:0;width:50px;/* background: #f00; */height:100%;align-items:center;justify-content:center;} .mfp-arrow-left:before{content:"\f053";padding-right:13px;} .mfp-arrow-right:before{content:"\f054";padding-left:13px;} .mfp-arrow-left:after,.mfp-arrow-right:after{content:'';width:100px;height:104px;border-radius:50%;background:#D0D2D1;z-index:0;position:absolute;top:0;} .mfp-arrow-left:after{left:-50px;} .mfp-arrow-right:after{left:auto;right:-50px;} .mfp-ready .mfp-arrow-left{left:0;} .mfp-ready .mfp-arrow-right{right:0;} button.mfp-arrow{display: none !important;} .tr-details-popup{position:relative;background:var(--black);color:var(--white);padding: 36px 76px 30px 32px;width:100%;min-height:400px;margin:0;} .tr-popup-left{width: 275px;margin-right: 0;} .tr-popup-img{width: 100%;height: auto;background: var(--yellow);padding:0;object-fit:cover;margin-bottom: 40px;border-radius: 6px;overflow: hidden;padding-bottom: 97%;position: relative;} .tr-popup-img img{width:100%;height:100%;object-fit: cover;position: absolute;left: 0;top: 0;} .tr-popup-right{width: calc(100% - 275px);padding-left: 62px;} body.popup-open{overflow:hidden;} .tr-popup-right-content {padding-left: 0;height: 290px;overflow-y:auto;padding-right: 20px;} .tr-popup-right-content::-webkit-scrollbar{width:9px;border-radius: 6px;} .tr-popup-right-content::-webkit-scrollbar-track{background:rgba(255,255,255,0.24);border-radius: 6px;} .tr-popup-right-content::-webkit-scrollbar-thumb{background-color:#fff; /* color of the scroll thumb */border-radius:6px; /* roundness of the scroll thumb */} .tr-popup-head{margin-bottom: 20px;} .tr-popup-head h3{margin-bottom: 0;font-size: 20px;line-height: 1.2;margin-bottom: 4px;font-weight: 700;letter-spacing: -0.5px;} .tr-popup-head h6{font-size: 18px;line-height: 1.2;margin-bottom: 0;font-weight: 400;letter-spacing: -0.5px;color: var(--yellow);} /* =================Magnific Popup css ends here================= */ /* =================reset css starts here================= */ *{margin:0;padding:0; } h1,h2,h3,h4,h5,h6,p,ul,li,body,html,form,fieldset{margin:0;padding:0;outline:none;border:0} a{text-decoration:none;border:0;outline:0;} ul{list-style:none;} .no-transition *{transition: none !important;} /* =================reset css ends here================= */ /* =================core css starts here================= */ html{scroll-padding-top: 88px;} body { padding-top: 89px; font-weight: 400;font-size: 18px; line-height: 1.333; font-family: var(--primary-font); color: var(--black); background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nav-open{overflow: hidden;} .container { width: calc(100% - 10px); max-width: 1196px;} a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; } a img { border: 0px none; } a:hover { outline: none; color: inherit; text-decoration: none; } a.inherit-hover-color:hover { color: inherit; } .content-container p a:not(.btn):hover { color: var(--green); text-decoration: underline; } a:active { outline: none; text-decoration: none; } .form-control::-webkit-input-placeholder { color: #999; opacity: 1; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; opacity: 1; } .os-animation { opacity: 0; } .os-animation.animated { opacity: 1; } img{max-width:100%;border:0;height:auto;} h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;margin-bottom:24px;line-height:1.2;font-weight:600;color:inherit;font-family:var(--secondary-font);} h1{font-size:59px; letter-spacing: -1.5px;} h2{font-size:50px; letter-spacing: -1.5px;} h3{font-size:40px; letter-spacing: -1px;} h4{font-size:30px; letter-spacing: -0.75x;} h5{font-size:26px; letter-spacing: -0.5px;} h6{font-size:22px; letter-spacing: -0.25px;} p{margin:0px;padding:0px;margin-bottom:24px;} strong{font-weight:900;} b{font-weight:400;} p:last-child{margin-bottom:0;} a[href^="http:"] {word-break: break-all;} .btn-parent{padding-top: 18px;} .btn { border-radius: 29px; font-weight: 600; padding: 8px 45px 8px 20px; min-width: 245px; height: 50px; font-size: 20px; line-height: 30px; box-shadow: 0 3px 6px rgb(0 0 0 / 16%); transition: var(--custom-ease); font-family: var(--primary-font); display: inline-block; vertical-align: middle; text-align: left; position:relative; } .btn::after { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.456' height='18.317' viewBox='0 0 16.456 18.317'%3E%3Cpath id='Path_749' data-name='Path 749' d='M9.323,13.77,16.086,2.056A1.37,1.37,0,0,0,14.9,0H1.372A1.37,1.37,0,0,0,.186,2.056L6.949,13.77A1.37,1.37,0,0,0,9.323,13.77Z' transform='translate(1 17.294) rotate(-90)' fill='%23f7f7a3' stroke='%2330363c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; position: absolute;top: 12px; right: 14px; width: 24px; height: 24px;} .btn-default,.btn-default:focus{color:var(--black);background-color:var(--white);border:solid 2px var(--black);} .btn-default:hover,.btn-default:active, .parent-hover:hover .btn-default{color:var(--black);background-color:var(--white);border-color:var(--black);} .btn-primary,.btn-primary:focus{color: var(--white);background-color:transparent;border: solid 2px var(--white);} .btn-primary:hover,.btn-primary:active, .parent-hover:hover .btn-primary{color:var(--white);background-color: transparent !important;border-color: var(--white) !important;} .grey-bg .btn-primary, .grey-bg .btn-primary:focus, .white-bg .btn-primary, .white-bg .btn-primary:focus, .yellow-bg .btn-primary, .yellow-bg .btn-primary:focus, .gradient-light-bg .btn-primary, .gradient-light-bg .btn-primary:focus{color: var(--black);background-color:transparent;border: solid 2px var(--black);} .grey-bg .btn-primary:hover,.grey-bg .btn-primary:active, .grey-bg .parent-hover:hover .btn-primary, .white-bg .btn-primary:hover,.white-bg .btn-primary:active, .white-bg .parent-hover:hover .btn-primary, .yellow-bg .btn-primary:hover,.yellow-bg .btn-primary:active, .yellow-bg .parent-hover:hover .btn-primary, .gradient-light-bg .btn-primary:hover,.gradient-light-bg .btn-primary:active, .gradient-light-bg .parent-hover:hover .btn-primary{color:var(--black) !important;background-color: transparent !important;border-color: var(--black) !important;} .btn:focus{box-shadow:none;} .btn+.btn{margin-left:30px;} .btn.btn-lg{min-width:315px;} .btn-secondary,.btn-secondary:focus{color:var(--black);background-color:var(--white);border:solid 2px var(--black);} .btn-secondary:hover,.btn-secondary:active, .parent-hover:hover .btn-secondary{color:var(--black);background-color:var(--yellow);border-color:var(--black);} .btn.btn-secondary:hover{top: 0; box-shadow: none; transform: scale(1.02);} .btn-secondary::before { content: ''; background-image: url("data:image/svg+xml,%0A"); background-repeat: no-repeat; background-size: contain; position: absolute;top: 12px;right: 14px; width: 24px; height: 24px;} .btn-secondary::after{transition: all 0.2s ease-in;} .btn-secondary:hover::after{opacity: 0;} .link{font-size: 18px; line-height: 1.2; text-decoration: underline; font-weight: 700; color: var(--purple);} .link:hover{text-decoration: none; color: var(--purple);} .purple-bg .link, .purple-bg .link:hover, .dark-purple-bg .link, .dark-purple-bg .link:hover, .purple-navy-bg .link, .purple-navy-bg .link:hover, .green-bg .link, .green-bg .link:hover, .black-bg .link, .black-bg .link:hover{color: var(--white);} .btn.down-arrow::after{transform:rotate(90deg);} @media only screen and (min-width: 1200px) { .btn { top: 0; } .btn:hover { top: -7px; box-shadow: 0 7px 0 var(--black); } .btn:focus{top: 0; box-shadow: none !important; outline: none !important;} } .btn:focus{top: 0; box-shadow: none !important; outline: none !important;} ul:not([class]) {list-style: none;margin-bottom: 24px;text-align: left;} ul:not([class]) > li {padding-left: 22px;position: relative;margin-bottom: 18px;} ul:not([class]) > li:last-child { margin-bottom: 0; } ul:not([class]) > li:before {content: '';position: absolute;left: 0px;top: 9px;background: var(--black);height: 8px;width: 8px;border-radius: 50%;} ol:not([class]) {margin-bottom: 24px;text-align: left; list-style-position: outside; margin-left: 18px;} ol:not([class]) > li { position: relative;margin-bottom: 18px;} ol:not([class]) > li:last-child { margin-bottom: 0; } .primary-font{font-family: var(--primary-font);} .secondary-font{font-family: var(--primary-font);} .white-bg{background: var(--white) !important; color: var(--black);} .grey-bg{background: var(--grey) !important;color: var(--black);} .black-bg{background: var(--black) !important; color: var(--white);} .purple-bg{background: var(--purple) !important; color: var(--white);} .dark-purple-bg{background: var(--dark-purple) !important; color: var(--white);} .purple-navy-bg{background: var(--purple-navy) !important; color: var(--white);} .green-bg{background: var(--green) !important; color: var(--white);} .yellow-bg{background: var(--yellow) !important; color: var(--black);} .gradient-light-bg{background: var(--gradient-light) !important; color: var(--black);} .gradient-dark-bg{background: var(--gradient-dark) !important; color: var(--white);} .white{color: var(--white) !important;} .grey{color: var(--grey) !important;} .black{color: var(--black) !important;} .purple{color: var(--purple) !important;} .dark-purple{color: var(--dark-purple) !important;} .purple-navy{color: var(--purple-navy) !important;} .green{color: var(--green) !important;} .yellow{color: var(--yellow) !important;} /* =================core css end here================= */ /* ================= Header Start ================= */ #header{position: fixed; left: 0; top: 0; right: 0; padding: 0; z-index: 9999; background:var(--black); color: #fff; font-family: var(--secondary-font); transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; } .fixed #header, #header{box-shadow: 0 3px 6px rgb(0 0 0 / 16%); } .navbar-brand{padding: 0; margin: 0;} .navbar-expand-xl{padding: 0; height: 89px; display: flex; align-items: center;background:var(--black); } .navbar-expand-xl .navbar-nav > .nav-item {padding: 0;margin: 0 19px;} .navbar-expand-xl .navbar-nav.header-nav2 > .nav-item:last-child{margin-right: 0;} .navbar-expand-xl .navbar-nav .nav-link {font-size: 17px;line-height: 70px; font-weight: 700;color: inherit;padding: 0;transition: all 0.2s ease-in;position: relative;} .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link, .navbar-expand-xl .navbar-nav .nav-item.active .nav-link {color:var(--yellow);} .navbar-expand-xl .navbar-nav .nav-item .nav-link:before{content:'';width: 100%;height: 2px;background: var(--yellow);position: absolute;left: 0;top: calc(50% + 13px); margin-top: 3px; transition: all 0.2s ease-in; opacity: 0;} .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link:before, .navbar-expand-xl .navbar-nav .nav-item.active .nav-link:before{opacity: 1; visibility: visible; margin-top: 0;} .navbar-expand-xl .navbar-nav .nav-link[target="_blank"] { position: relative; } .navbar-expand-xl .navbar-nav .nav-link[target="_blank"]::after { content: '\f08e'; font-family: "Font Awesome 6 Pro"; font-weight: 300; margin-left: 8px; margin-right: -5px; } .dropdown-toggle::after { display: none; } .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow { display: none; } .navbar-expand-xl .navbar-nav.header-nav2 .nav-link { font-weight: 400; } .nav-icon{position: fixed;top: 19px;right: 10px;z-index: 999999;margin-top: 0;} .header-contact-btn{position: absolute;right: 50%;margin-right: -583px;top: 100% !important;border: solid 2px var(--black);border-top: 0;border-radius: 0 0 25px 25px;background: #fff;box-shadow: 0 3px 6px rgba(0,0,0,0.16) !important;min-width: 200px;margin-top: -3px; z-index: -1; font-family: var(--primary-font);font-weight: 600;} .header-contact-btn:hover{margin-top: 0;} /* .fixed .header-contact-btn{top: -50px !important;} Making the head get in touch stay permanent */ @media only screen and (min-width:1200px) { .navbar-nav>li>.dropdown-menu {display: block !important;top: 100% !important;margin-top: 10px !important;opacity: 0;visibility: hidden;width: 210px !important;border: 2px solidvar(--black);border-radius: 7px !important;padding: 17px 0;background: #F2F2E9;box-shadow: 0 3px 6px rgba(0,0,0,0.3);margin-left: 0 !important;left: 50% !important;transform: translateX(-50%);} .dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;margin-top: 0px !important;transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;border-radius: 0;} .dropdown-item { padding: 11px 20px; font-size: 18px; line-height: 20px; white-space: normal !important; text-decoration: none;} .dropdown-item:focus, .dropdown-item:hover, .active > .dropdown-item {color:inherit; background: transparent; text-decoration: underline;} .navbar-nav .dropdown-menu::before { content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #F2F2E9; position: absolute; top: -10px; left: 50%; margin-left: -10px; z-index: 2; } .navbar-nav .dropdown-menu::after { content: ''; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solidvar(--black); position: absolute; top: -13px; left: 50%; margin-left: -12px; z-index: 1; } } /* ================= Header End ================= */ /* ================= Footer Start ================= */ #footer { background:var(--black); color: #fff; padding: 47px 0 67px; font-size: 17px; } #footer a:hover { color: var(--yellow); text-decoration: underline; } .footer-logo {margin-bottom: 30px; } ul.footer-contact { margin-bottom: 35px; } ul.footer-contact a { padding: 4px 0; } ul.footer-contact a img { width: 20px; margin-right: 18px; } ul.footer-social-links{margin-bottom: 35px;} ul.footer-social-links li {margin-right: 18px;} ul.footer-social-links > li > a { font-size: 25px; } .footer-right {width: 66.5%;margin-top: 35px; justify-content: end} .footer-right h6 {font-family: var(--primary-font);font-size: 17px;line-height: 27px;font-weight: 400;letter-spacing: -0.5px;margin-bottom: 30px;} ul.footer-nav {font-size: 17px;line-height: 22px;letter-spacing: -0.5px; padding-right: 20px;} ul.footer-nav li{margin-bottom: 6px;} ul.footer-nav li a { font-weight: 700; text-decoration: none; } ul.footer-nav li a:hover { color: var(--yellow); text-decoration: underline !important; } .footer-nav-lower {width:100%;margin-top: auto;justify-content: end} .footer-nav-lower a {font-weight: 700;text-decoration: none;letter-spacing: -0.5px;} .footer-nav-lower a:hover{text-decoration: underline !important;} .footer-nav-lower li + li a {margin-left: 50px;} .footer-nav-box {display:flex; justify-content: center; align-items: center} .footer-nav-box:nth-child(1){width: fit-content; margin: 0 20px} .footer-nav-box:nth-child(2){width: fit-content;margin: 0 20px} .footer-nav-box:nth-child(3){width: fit-content;margin: 0 0 0 20px} .footer-nav-box a img{ object-fit: cover; width: auto} .footer-nav-box a{filter: grayscale(1);} .footer-nav-box a:not(.no-hover):hover{filter: grayscale(0)} .footer-microsites-ipad{display: none;} /* ================= Footer End ================= */ /* ================= Default Page Start ================= */ .add-index{position: relative; z-index: 9;} .content-container{padding:80px 0;} .heading{margin-bottom: 55px;} .heading h3{font-size: 40px;margin-bottom: 0;line-height: 1.2;letter-spacing: -0.75px;} .heading.has-cta{position: relative; padding-right: 265px;} .heading-cta{position: absolute; top: 0; right: 0;} .shape-heading-inside{position: relative;padding: 15px 0 30px;} .shape-heading-inside h3{text-align: center; font-size: 40px; line-height: 1.2; margin: 0; color: var(--black);} .heading-bg{position: absolute;left: -64%;bottom: 0;z-index: -1;filter: drop-shadow(0 0 6px rgba(0,0,0,0.1));width: 228%;max-width: none;} .breadcrumbs-container{ padding: 30px 0; position: relative;} .breadcrumbs{display: inline-block;margin: 0;vertical-align: middle;width: 100%;position: relative;z-index: 9;margin-bottom:0;/* font-family:var(--secondary-font); */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .breadcrumbs li{font-size: 18px;line-height: 20px;font-weight:400;list-style:none;padding: 0px 0px 5px 0 !important;display: inline;align-items: center;letter-spacing: 0;} .breadcrumbs li:not(:first-child):before{content: ""; display: inline-block;vertical-align: middle;margin: 0px 6px; float: none;color: inherit;padding: 0; width: 10px; height: 11px; margin-top: -3px; opacity: 0.26; background: url(include/images/breadcrumb-arrow.svg) no-repeat center/10px;} .breadcrumbs li.current-item{font-weight: 400;color:var(--black); display: none !important;} .breadcrumbs li a { color:inherit; display: inline;text-decoration: underline; transition: none;} .breadcrumbs li a:hover{text-decoration: none;} .form-group {margin-bottom: 30px;position: relative;} .form-group label {margin-bottom: 8px;font-size:18px;line-height: 1.2;font-family: var(--secondary-font);font-weight: 700;letter-spacing: -0.25px;} .form-control {height: 60px;border-radius: 0;border: solid 1px var(--black);background: var(--white);font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: 0px;color: var(--black);padding: 0 15px;} textarea.form-control {height: 200px;resize: none;padding: 18px 15px;line-height: 24px;} select.form-control{-webkit-appearance: none; background-image: url(include/images/yellow-down-arrow.svg); background-size: 22px auto; background-position-x: calc(100% - 16px); background-position-y: center; background-repeat: no-repeat;} select.form-control.type2 {width: 343px;background: url(include/images/select-bg.svg) no-repeat left top/100% 67px;height: 67px;border: 0;border-radius: 0;padding: 0 40px 4px 30px;} .form-control:focus{border-color: var(--black); box-shadow:none; outline: none !important;} .form-check {padding: 0;display: inline-block;vertical-align: top;width: 100%;color:inherit;margin-bottom: 50px;} .form-check input { display: none; } .form-check input + .form-check-label:before {content: '';display: block;width: 40px;height: 40px;background: var(--white);border: solid 1px var(--black);position: absolute;left: 0;top: 6px;} .form-check input + .form-check-label:after {content: '\f00c';font-family: "Font Awesome 6 Pro";display: inline-block;font-weight: 900;font-size: 0;width: 40px;height: 40px;line-height: 42px;color: var(--purple);text-align: center;position: absolute;left: 0;top: 6px;-webkit-transition: all 0.12s ease-in;transition: all 0.12s ease-in;} .form-check input:checked + .form-check-label:after {/* color: var(--purple); */font-size: 28px;} .form-check label {padding-left: 60px;position: relative;display: inline-block;vertical-align: top;text-align: left;font-size: 18px;font-family: var(--primary-font);line-height: 24px;font-weight: 400;margin: 0;padding-right: 45px;margin-top: 0;cursor: pointer;padding-top: 2px;letter-spacing: -0.45px;} .form-check label a { color: inherit; text-decoration: underline; } .custom-check{position: relative;padding-left: 70px;min-height: 54px;display: flex;align-items: center; margin-bottom: 0;} .custom-check input {position: absolute;width: 54px;height: 54px;left: 0;border: 0 !important;background: transparent !important;top: 0;-webkit-appearance: none;border-radius: 7px;z-index: -1;} .custom-check input + span:before {content: '';display: block;width: 54px;height: 54px;background: var(--black);border: solid 2px var(--black);position: absolute;left: 0;top: 0;border-radius: 7px;} .custom-check input + span:after {content: '\f00c';font-family: "Font Awesome 6 Pro";display: inline-block;font-weight: 700;font-size: 0;width: 54px;height: 54px;line-height: 54px;color: #fff;text-align: center;position: absolute;left: 0;top: 0;-webkit-transition: all 0.12s ease-in;transition: all 0.12s ease-in;} .custom-check input:checked + span:after {color: var(--black);font-size: 24px;} .custom-check input:focus + span:before{ box-shadow: 0 0 0 5px var(--green); outline: none !important;} .wpcf7-list-item{margin: 0;} .wpcf7 .wpcf7-submit:disabled{background: transparent !important; border-color: inherit !important;} .media-box{width: 100%; display: flex; align-items: flex-start; position: relative;} .media-box img{width: 100%; height: auto; } .media-box + .media-box{margin-top: 30px;} .media-slider-container + .media-box{margin-top: 30px;} .media-box.slick-slide{padding-bottom: 0;} .default-page-container :is(h2, h3, h4, h5, h6){padding-top: 50px;} .modal-center.modal-dialog{height: calc(100vh - 100px); margin: 50px auto; width: calc(100% - 30px); display: flex; align-items: center; width: 90%; max-width: 800px;} .modal .close{position: absolute;right: -5px;top: -50px;text-shadow: none;color: #fff;opacity: 1;font-size: 50px;line-height: 1;font-family: var(--primary-font);font-family: var(--secondary-font);font-weight: 300;} .modal-backdrop{background: var(--black); z-index: 99998;} .modal{z-index: 99999;} .modal-backdrop.show{opacity: 0.59;} .modal-content{border: solid 3px #fff; border-radius: 0; box-shadow: 0 3px 6px rgb(0 0 0 / 16%);} .video-play-btn{ width: 90px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; cursor: pointer; transition: var(--custom-ease);} .video-play-btn:hover{transform: translate(-50%, -50%) scale(1.05);} .video-play-btn img{width: 100%;} .slider-arrow{position: relative; filter: drop-shadow(0 3px 3px rgba(0,0,0,0.16)); cursor: pointer; transition: all 0.2s ease-in;} .slider-arrow img{width: 100%; transition: all 0.2s ease-in;} .slider-arrow:hover img{transform: scale(1.03);} .slider-arrow-prev{width: 37px; } .slider-arrow-prev{width: 37px;height: 41px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNS4wMzQiIGhlaWdodD0iMzkuMjYxIiB2aWV3Qm94PSIwIDAgMzUuMDM0IDM5LjI2MSI+CiAgPHBhdGggaWQ9IlBhdGhfMzU4IiBkYXRhLW5hbWU9IlBhdGggMzU4IiBkPSJNMy4xMzYsMEgzNC4wNDlhMy4xMzIsMy4xMzIsMCwwLDEsMi43MTIsNC43TDIxLjMsMzEuNDY4YTMuMTMxLDMuMTMxLDAsMCwxLTUuNDI0LDBMLjQyNCw0LjdBMy4xMzIsMy4xMzIsMCwwLDEsMy4xMzYsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0LjAzNCAxLjAzOCkgcm90YXRlKDkwKSIgZmlsbD0iI2VhZWFkMyIgc3Ryb2tlPSIjMzAzNzNjIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K); background-size: contain;background-position: center;background-repeat: no-repeat;} .slider-arrow-prev:hover{background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNS4wMzQiIGhlaWdodD0iMzkuMjYxIiB2aWV3Qm94PSIwIDAgMzUuMDM0IDM5LjI2MSI+CiAgPHBhdGggaWQ9IlBhdGhfMzU4IiBkYXRhLW5hbWU9IlBhdGggMzU4IiBkPSJNMy4xMzYsMEgzNC4wNDlhMy4xMzIsMy4xMzIsMCwwLDEsMi43MTIsNC43TDIxLjMsMzEuNDY4YTMuMTMxLDMuMTMxLDAsMCwxLTUuNDI0LDBMLjQyNCw0LjdBMy4xMzIsMy4xMzIsMCwwLDEsMy4xMzYsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0LjAzNCAxLjAzOCkgcm90YXRlKDkwKSIgZmlsbD0iI0VBRUFEMyIgc3Ryb2tlPSIjMzAzNzNjIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K);} .slider-arrow-next{width: 50px;height: 56px;margin-left: 12px;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ni45NjYiIGhlaWdodD0iNTIuNzEzIiB2aWV3Qm94PSIwIDAgNDYuOTY2IDUyLjcxMyI+CiAgPHBhdGggaWQ9IlBhdGhfMzU3IiBkYXRhLW5hbWU9IlBhdGggMzU3IiBkPSJNMzUzLjgxNSw3OC4yOTVoNDIuMDc4YTQuMjYzLDQuMjYzLDAsMCwwLDMuNjkyLTYuMzk0TDM3OC41NDUsMzUuNDZhNC4yNjMsNC4yNjMsMCwwLDAtNy4zODMsMEwzNTAuMTIzLDcxLjlBNC4yNjMsNC4yNjMsMCwwLDAsMzUzLjgxNSw3OC4yOTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3OS4yOTUgLTM0OC40OTgpIHJvdGF0ZSg5MCkiIGZpbGw9IiNmN2Y3YTMiIHN0cm9rZT0iIzMwMzczYyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==); background-size: contain;background-position: center;background-repeat: no-repeat;} .slider-arrow-next:hover{background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ni45NjYiIGhlaWdodD0iNTIuNzEzIiB2aWV3Qm94PSIwIDAgNDYuOTY2IDUyLjcxMyI+CiAgPHBhdGggaWQ9IlBhdGhfMzU3IiBkYXRhLW5hbWU9IlBhdGggMzU3IiBkPSJNMzUzLjgxNSw3OC4yOTVoNDIuMDc4YTQuMjYzLDQuMjYzLDAsMCwwLDMuNjkyLTYuMzk0TDM3OC41NDUsMzUuNDZhNC4yNjMsNC4yNjMsMCwwLDAtNy4zODMsMEwzNTAuMTIzLDcxLjlBNC4yNjMsNC4yNjMsMCwwLDAsMzUzLjgxNSw3OC4yOTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3OS4yOTUgLTM0OC40OTgpIHJvdGF0ZSg5MCkiIGZpbGw9IiNFQkVCOUEiIHN0cm9rZT0iIzMwMzczYyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==);} /* ================= Default Page End ================= */ .post-share-container{text-align: center; margin-bottom: 80px;} .post-share-container h6{font-size: 25px; line-height: 1.2; margin-bottom: 20px;} .pn-prev{text-align: right;padding-left: 45px;padding-right: 20px;} .pn-next{text-align: left;} .post-nav a:hover .post-nav-arrow{color: var(--yellow);} .post-nav a:not([href]){opacity: 0; visibility: hidden;} .pn-prev:after{right: auto; left: 15px; transform: rotateY(180deg);} .post-nav .all-link{font-weight: 700; margin: 0 65px; color: var(--purple);text-decoration: underline;} .post-nav .all-link:hover{text-decoration: none; } .a2a_kit a { display: inline-flex !important; align-items: center; justify-content: center; width: 59px; height: 52px; margin: 0 11px; font-size: 40px; line-height: 52px; position: relative; color: var(--black); text-align: center; } .a2a_kit a path { transition: all 0.2s ease-in; } .a2a_kit a:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(include/images/hex-shape-grey.svg) no-repeat center/contain; z-index: -1; transition: all 0.2s ease-in; } .a2a_kit a:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(include/images/hex-shape-black.svg) no-repeat center/contain; z-index: -2; transform: scale(0.9); transition: all 0.2s ease-in; } .a2a_kit a:hover path { fill: var(--white); } .a2a_kit a:hover span { opacity: 1 !important; } .a2a_kit a:hover:before { opacity: 0; } .a2a_kit a:hover:after { transform: scale(1); } /* ========================================== ! Large devices (desktops, less than 1200px) =========================================== */ @media (max-width:1199.98px) { .btn:hover{transform: scale(1.02);} body { padding-top: 89px; } .navbar { padding: 0 15px; } .navbar-brand {width: 213px;position: relative;z-index: 9999; padding: 0; margin: 0; transition: none;} .navbar-toggler {width: 60px;height: 50px;border-radius: 0;cursor: pointer;text-decoration: none;padding: 0;border: 0;background: transparent;margin: 0; z-index: 99999;} .navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus { background: transparent; } .navbar-toggler:not([class="collapsed"]), .navbar-toggler:not([class="collapsed"]):focus, .navbar-toggler:not([class="collapsed"]):hover { background: transparent; } .navbar-toggler.collapsed, .navbar-toggler.collapsed:focus, .navbar-toggler.collapsed:hover { background: transparent; } .navbar .collapse.show { right: 0; } .navbar-toggler .navbar-toggler-icon {position: relative;display: inline-block;width: 36px;height: 3px;color: #243238;text-indent: -55px;margin-top: 0;background: transparent !important;transition:var(--custom-ease);vertical-align: middle;border-radius: 5px;} .navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after {content: '';width: 36px;height: 3px;background: var(--white);position: absolute;left: 0;transition:var(--custom-ease);border-radius: 5px;} .navbar-toggler.collapsed .navbar-toggler-icon:after {width: 36px;} .navbar-toggler.collapsed .navbar-toggler-icon { background: var(--white) !important; } .navbar-toggler.collapsed .navbar-toggler-icon:before, .navbar-toggler.collapsed .navbar-toggler-icon:after { background: var(--white); } .navbar-toggler.collapsed .navbar-toggler-icon:before {top: -12px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);} .navbar-toggler .navbar-toggler-icon:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); } .navbar-toggler.collapsed .navbar-toggler-icon:after {bottom: -12px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);} .navbar-toggler .navbar-toggler-icon:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); } .navbar-nav { margin: 0 !important; border-bottom: solid 1px #fff; } .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link { color: #fff; font-weight: 700; } .navbar-collapse, .navbar-collapse.collapsing { position: fixed; top: 0; right: -100%; background: var(--black); z-index: 99; margin: 0; border: 0; overflow-y: auto; bottom: 0; width: 100%; height: 100%; display: block; transition:all .2s ease-in; padding-top: 100px; } .navbar-collapse .collapse.show { height: calc(100vh - 80px); } /* Push menu start */ .mp-pusher {position: fixed;top: 89px;width: 100%;left: 100%;height: calc(100% - 89px);perspective: 1000px;z-index: 9999;display: none;} .mp-pusher { display: block; } .mp-pusher.mp-pushed { left: 0; } .mp-menu {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);background: var(--black); color: #fff;} .mp-level {position: absolute;top: 0;left: 0;width: 100%;min-height: 100%;background: var(--black);-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);overflow: hidden;height: 100%;z-index: 9; display: flex; flex-flow: column; justify-content: center;} /* .mp-sub-level .mp-level {background: #fff;} */ .mp-menu > .mp-level {padding: 0;display: inline-block;/* flex-flow: column; */ display: flex; flex-flow: column;} .mp-pusher::after, .mp-level::after, .mp-level::before { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; opacity: 0; } .mp-pusher::after, .mp-level::after { background: rgba(0, 0, 0, 0.2); -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; } .mp-level::after { z-index: -1; } .mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .mp-level.mp-level-overlay { cursor: pointer; } .mp-level-inside{height: 100%; overflow-y: auto;} /* .mp-level.mp-level-overlay.mp-level::before { width: 100%; height: 100%; background: transparent; opacity: 1; } */ .mp-pusher, .mp-level { -webkit-transition: all 0.4s; transition: all 0.4s; } .mp-overlap .mp-level.mp-level-open { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } .mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open { box-shadow: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mp-cover .mp-level.mp-level-open { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .no-csstransforms3d .mp-pusher, .no-js .mp-pusher { padding-left: 300px; } .no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level { display: none; } .no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level { display: block; } .mp-menu ul {margin: 0;padding: 0;list-style: none;} .mp-menu ul > li{display: flex;margin-bottom: 0;width: 100%;margin-left: 0;margin-right: 0;} .mp-menu ul > li > img{width: 50px;height: 50px;background: #fff;padding: 10px;border-radius: 5px;margin: 13px 30px 0 0;} .mp-menu ul li > a {display: block;font-size: 30px;line-height: 40px;font-family: var(--primary-font);font-weight: 400;color:inherit;padding: 10px 40px;width: 100%;} .mp-menu ul li:last-child > a{border: 0;} .mp-menu ul li.has-submenu > a::after {content: "";display: flex;justify-content: center;align-items: center;margin-right: 0;float: right;width: 21px;height: 44px;background: url(include/images/menu-arrow.svg) no-repeat center/21px 23px;margin-top: 1px;margin-bottom: -5px;} .mp-menu ul li > a[target="_blank"]::after {content: '\f08e';font-family: "Font Awesome 6 Pro";font-weight: 900;margin-left: 15px;font-size: 85%;} .mp-back{position: relative;display: block;align-items: center;padding: 0 40px 15px;outline: none;font-weight: 700;font-size: 30px;line-height: 32px;color: var(--black);margin: 0;background: transparent;margin-bottom: 0;/* text-transform: uppercase; */width: 100%;/* max-width: 374px; *//* margin: 0 auto; */} .mp-back::before{content: "";display: flex;justify-content: center;align-items: center;margin-left: 0;float: left;width: 21px;height: 60px;background: url(include/images/menu-arrow2.svg) no-repeat center/21px 23px;margin-top: -13px;margin-bottom: -15px;margin-right: 30px;} .mp-back:hover{color: var(--black); opacity: 0.8; transition-delay: 0 !important} .menu-btn-parent {padding: 0;display: flex;margin-bottom: 0;padding: 0;/* max-width: 374px; *//* margin: 0 auto; */} .menu-btn-parent > a {width: 100%;font-size: 25px;line-height: 30px;font-weight: 600;text-align: left;padding: 15px 12px 15px 52px;color: inherit;border-radius: 0;white-space: normal;letter-spacing: 0;height: auto;text-transform: none;border: 0;/* border-bottom: solid 2px rgba(66,72,67,0.5); */color: var(--black);} .menu-btn-parent > a:hover{color: var(--black); opacity: 0.8; transition-delay: 0 !important} .mp-menu ul > li > .mp-level > ul.sub-menu li > a {padding: 15px 12px 15px 52px;width: 100%;font-size: 25px;line-height: 30px;font-weight: 600 !important;color: var(--black);text-transform: none !important;letter-spacing: 0;} .mp-menu ul > li > .mp-level > ul.sub-menu li > a:after{display: none;} .mp-menu ul > li > .mp-level > ul.sub-menu li.active > a{color: #fff;background: transparent;} .mp-menu ul > li > .mp-level > ul.sub-menu li.has-submenu > a::after { color: #fff; } .mp-menu ul > li > .mp-level > ul.sub-menu li > .mp-level { background: #D8E6FE; color: var(--black); } .mp-menu ul > li > .mp-level > ul.sub-menu li > .mp-level .mp-back { color: var(--black) !important; } .mp-menu ul > li > .mp-level > ul.sub-menu li > .mp-level .mp-back::before { color: var(--black) !important; } .mp-menu ul > li > .mp-level > ul.sub-menu li > .mp-level .menu-btn-parent .btn { color: var(--black); border-bottom-color: var(--black); } .mp-menu ul > li > .mp-level > ul.sub-menu li > .mp-level a { color: var(--black);border-bottom-color: var(--black); } .mp-menu ul > li > .mp-level > ul.sub-menu li a:hover{color: var(--black); opacity: 0.8; transition-delay: 0 !important;} #menu-mobile-menu{background: transparent;color: #fff;} .mobile-menu .mp-level{background: var(--grey);overflow-y: auto;height: calc(100vh - 89px);padding: 0 calc(50% - 252px) 110px;} .mp-menu #menu-mobile-menu li > a{font-weight: 700;} .mp-menu .mobile-menu li > a:hover{color: var(--yellow); transition-delay: 0s !important;} /* #menu-mobile-menu2{background: var(--white);} .mp-sub-level #menu-mobile-menu2 .mp-level{background: var(--white);} */ .mp-level-bg{position: absolute; top: 0; right: -241px; opacity: 0.07; width: 494px; height: auto; z-index: -1;} .mp-level-bg img{width: 100%;} /* .fixed .mp-pusher {top: 80px; height: calc(100% - 80px);} .fixed .mp-sub-level #menu-mobile-menu .mp-level{ height: calc(100vh - 80px);} */ #menu-mobile-menu2{margin-top: 60px;} .mp-menu .mobile-menu{max-width: 434px;margin: 0 auto;width: 100%;} .mob-menu-bottom{height: 110px;} .header-social-links{margin-right: 30px;} .header-social-item {margin-right: 15px;} .header-social-item a {font-size: 32px;line-height: 1;} .header-social-item a:hover{color: var(--yellow);} .header-cta .btn{min-width:320px;} .mp-level-upper{height: calc(100% - 110px); display: flex; flex-flow: column; justify-content: center; align-items: center;} /* Push menu end */ .mobile-menu li > a{transform: translateX(25px); opacity: 0; transition: all 0.1s ease-in 0s;} .mp-pushed .mobile-menu li > a{transform: translateX(0px); opacity: 1; transition: var(--custom-ease); transition-delay: 0.3s;} .mp-pushed #menu-mobile-menu.mobile-menu li:nth-child(1) > a{transition-delay: 0.3s;} .mp-pushed #menu-mobile-menu.mobile-menu li:nth-child(2) > a{transition-delay: 0.4s;} .mp-pushed #menu-mobile-menu.mobile-menu li:nth-child(3) > a{transition-delay: 0.5s;} .mp-pushed #menu-mobile-menu.mobile-menu li:nth-child(4) > a{transition-delay: 0.6s;} .mp-pushed #menu-mobile-menu.mobile-menu li:nth-child(5) > a{transition-delay: 0.7s;} .mp-pushed #menu-mobile-menu2.mobile-menu li:nth-child(1) > a{transition-delay: 0.8s;} .mp-pushed #menu-mobile-menu2.mobile-menu li:nth-child(2) > a{transition-delay: 0.9s;} .mp-pushed #menu-mobile-menu2.mobile-menu li:nth-child(3) > a{transition-delay: 1.0s;} .mp-pushed #menu-mobile-menu2.mobile-menu li:nth-child(4) > a{transition-delay: 1.1s;} .mp-pushed #menu-mobile-menu2.mobile-menu li:nth-child(5) > a{transition-delay: 1.2s;} .mob-menu-bottom{transform: translateY(15px); opacity: 0; transition: all 0.1s ease-in 0s;} .mp-pushed .mob-menu-bottom{transform: translateY(0px); opacity: 1; transition: var(--custom-ease); transition-delay: 1.3s;} .mp-back{transform: translateX(25px); opacity: 0; transition: all 0.1s ease-in 0s;} .mp-level-open.mp-level-overlay .mp-level-open .mp-back{transform: translateX(0px); opacity: 1; transition: var(--custom-ease); transition-delay: 0.3s;} .menu-btn-parent{transform: translateX(25px); opacity: 0; transition: all 0.1s ease-in 0s;} .mp-level-open.mp-level-overlay .mp-level-open .menu-btn-parent{transform: translateX(0px); opacity: 1; transition: var(--custom-ease); transition-delay: 0.4s;} ul.sub-menu > li{transform: translateX(25px); opacity: 0; transition: all 0.1s ease-in;} .mp-level-open.mp-level-overlay .mp-level-open ul.sub-menu > li{transform: translateX(0px); opacity: 1; transition: var(--custom-ease); } .mp-level-open.mp-level-overlay .mp-level-open ul.sub-menu > li:nth-child(1){transition-delay: 0.5s;} .mp-level-open.mp-level-overlay .mp-level-open ul.sub-menu > li:nth-child(2){transition-delay: 0.6s;} .mp-level-open.mp-level-overlay .mp-level-open ul.sub-menu > li:nth-child(3){transition-delay: 0.7s;} .mp-level-open.mp-level-overlay .mp-level-open ul.sub-menu > li:nth-child(4){transition-delay: 0.8s;} .mp-level-open.mp-level-overlay .mp-level-open ul.sub-menu > li:nth-child(5){transition-delay: 1.3s;} .mp-level-open.mp-level-overlay .mp-level-open ul.sub-menu > li:nth-child(6){transition-delay: 1.4s;} .mp-level-open.mp-level-overlay .mp-level-open ul.sub-menu > li:nth-child(7){transition-delay: 0.9s;} .mp-level-open.mp-level-overlay .mp-level-open ul.sub-menu > li:nth-child(8){transition-delay: 0.9s;} .footer-right { width: 65%; margin-right:0; } .mp-level-inside:before{content:'';width: 414px;height: 365px;position: absolute;top: 50%;left: 100%;margin-left: -70px;background: url(include/images/hex-shape.svg) no-repeat center/contain;transform: translateY(-50%);} .mp-level.mp-level-open::before{content:'';width: 414px;height: 365px;position: absolute;top: 50%;right: 100%;margin-right:0; opacity: 1; background: url(include/images/hex-shape-black.svg) no-repeat center/contain;transform: translateY(-50%);z-index: 9999; transition: none;} .mp-level.mp-level-open.mp-level-overlay::before{ margin-right: -70px;transition: all 0.3s ease-in 0.1s; } .post-nav .all-link{margin: 0 40px;} .post-nav .btn{min-width: 230px;} } /*========================================== ! Medium devices (tablets, less than 992px) ========================================== */ @media (max-width:991.98px){ #footer{padding: 37px 0;} .footer-right { width: 48.5%; margin-top: 0; margin-bottom: -25px; } .footer-nav-box{margin-bottom: 25px;} .footer-nav-lower li + li a { margin-left:0; } .footer-logo{margin-bottom: 18px;} ul.footer-contact{margin-bottom: 28px;} .footer-nav-lower li{margin-bottom: 6px;} ul.footer-social-links{margin-bottom: 18px;} .footer-nav-box:nth-child(3){width: fit-content;margin: 0 20px 0 20px} } @media(max-width: 991.98px) and (min-width: 767.98px){ .footer-right{display: none !important;} .footer-left{flex-direction: row !important; flex-wrap: wrap;} .footer-left .footer-logo{order: 1; max-width: 33%; display: flex; margin-bottom: 55px} .footer-left .footer-logo img{object-fit: contain} .footer-left .footer-social-links{order:2; height: 67px; margin-left:auto} .footer-left .footer-social-links li{display:flex; justify-content: center; align-items: center} .footer-left .footer-contact{order: 3;display: flex;flex-flow: column;max-width: 66%; margin-left: auto} .footer-nav-lower{order:4; margin-bottom: 0; margin-left: auto; width: 50%; text-align: right} .copyright{order: 3} .footer-microsites-ipad{width: 100%;order: 3;display: flex;flex-flow: row;} .footer-nav-box{width: fit-content; margin: 0 20px} .footer-microsites-ipad .footer-nav-box{display: block; text-align: center; width: 33.333% !important; margin-bottom: 55px} ul.footer-contact{margin-bottom: 55px;} } /* ================================================= ! Small devices (landscape phones, less than 768px) ================================================= */ @media (max-width:767.98px) { html{scroll-padding-top: 66px;} body{padding-top: 67px; } h1{font-size:45px;} h2{font-size:40px;} h3{font-size:35px;} h4{font-size:25px;} h5{font-size:24px;} h6{font-size:22px;} .no-mob-pt{padding-top: 0 !important;} .no-mob-pb{padding-bottom: 0 !important} .navbar-expand-xl{height: 67px; } .nav-icon{top: 8px;} .mp-pusher { top: 67px; height: calc(100% - 67px);} .mp-sub-level #menu-mobile-menu .mp-level{height: calc(100vh - 67px);} .mob-menu-bottom{flex-flow: column; flex-direction: column-reverse; height: auto; padding: 55px 0;} .mp-level-upper{height: auto; padding-top: 70px;} .mobile-menu .mp-level{justify-content: flex-start; padding-top: 100px;} .mp-level-inside:before{margin-left: -24px;} .mp-level.mp-level-open.mp-level-overlay::before{margin-right: -24px;} .header-social-links{padding-top: 30px; margin: 0;} .header-social-item{margin: 0 10px;} .footer-right{width: 100%; margin-bottom: 0;} #footer { padding: 33px 0 48px; } .footer-right { margin: 0 0 40px; } .footer-logo { max-width: 213px; margin-bottom: 20px; } ul.footer-contact { margin-bottom: 30px; } .footer-right h6, ul.footer-nav{letter-spacing: 0;} .footer-nav-box{margin-bottom: 30px;} ul.footer-social-links{margin-bottom: 30px;} .footer-nav-lower{margin-bottom: 30px;} .footer-nav-lower{order: 1;} .copyright{order: 2;} .video-play-btn{ width:60px;} .content-container{padding: 45px 0;} .slider-arrow-prev{width: 30px;height: 35px;} .slider-arrow-next{width: 40px;height: 45px;} .heading{margin-bottom: 45px;} .heading h3{font-size:30px; letter-spacing: -0.5px;} .heading.has-cta{padding-right: 0;} /* =================Magnific Popup css starts here================= */ .mfp-bg{display:none;} .mfp-auto-cursor .mfp-content{height: 100%; min-height: 580px; overflow: auto;} .partner-details-popup{flex-flow:column;} .tr-details-popup{padding:0; height: 100%; align-items: flex-start;} .tr-popup-left{width:100%;margin-bottom:0; max-width: 330px; padding: 30px 60px 30px 20px;} .tr-popup-right{width:100%;padding:0 20px;height: calc(100% - 410px); align-items: flex-start;display: flex;flex-flow: column;margin-bottom: 90px;} .mfp-close-btn-in .mfp-close{top:19px;right:9px;} .tr-popup-left .slider-arrow-group{display:none !important;} .tr-popup-img{margin: 0; height: 260px; padding: 0;} .tr-popup-right-content{height: 100%;} .tr-popup-nav-mob{position: absolute; left: 0; bottom: 0; height: 90px; align-items: center; justify-content: center; width: 100%;} /* =================Magnific Popup css ends here================= */ .shape-heading-inside{padding:10px 0 15px;} .shape-heading-inside h3{font-size: 30px;} .form-check label{padding-right: 0;} .footer-right{flex-flow: column} #footer .footer-nav-box{margin-left: 0; margin-bottom: 30px;} #footer .footer-nav-box:nth-child(3){width: fit-content; margin-bottom: 0;} #footer .footer-right{margin-top: 35px; margin-bottom: 70px;} .success-story-about-breadcrumb{display: none;} .success_story-template-default .success-story-about-breadcrumb{display: block} } @media screen and (max-width: 991px) and (orientation: landscape) { .mp-level-upper{height: auto; padding-top: 70px;} .mob-menu-bottom{flex-flow: column; flex-direction: column-reverse; height: auto; padding: 55px 0;} .header-social-links{padding-top: 30px; margin: 0;} } /* ====================================================== ! Extra small devices (portrait phones, less than 576px) ====================================================== */ @media (max-width:575.98px) { } /* ====================================================== ! Extra small devices (portrait phones, less than 389px) ====================================================== */ @media (max-width:359.98px) { h1{font-size:40px;} h2{font-size:35px;} h3{font-size:30px;} .header-cta{padding: 0 30px; width: 100%;} .header-cta .btn{min-width: 100%;} .mp-menu ul li > a, .mp-back{font-size: 26px;} .menu-btn-parent > a, .mp-menu ul > li > .mp-level > ul.sub-menu li > a{font-size: 22px;} .mp-back::before{margin-right: 20px;} .a2a_kit a { margin: 0 5px; } } .single-tribe_events *{font-family: 'Outfit', sans-serif !important} .single-post-content iframe{width: 100%}