@font-face {
font-family: 'DharmaGothicCW01-ExBold';
src: url(../../../themes/rebelmedia/fonts/DharmaGothicCW01-ExBold.eot);
src: url(../../../themes/rebelmedia/fonts/DharmaGothicCW01-ExBoldd41d.eot?#iefix) format('embedded-opentype'),
url(../../../themes/rebelmedia/fonts/DharmaGothicCW01-ExBold.woff2) format('woff2'),
url(../../../themes/rebelmedia/fonts/DharmaGothicCW01-ExBold.woff) format('woff'),
url(../../../themes/rebelmedia/fonts/DharmaGothicCW01-ExBold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
.mobile-loder-out .mobile-slide h2 {
font-family: 'DharmaGothicCW01-ExBold';
font-weight: bold;
font-style: normal;
}
.contact-section {
display: none;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
html {
overflow-x: hidden;
}
body{
background-color: #000;
font-family: 'Poppins', sans-serif; 
color: #ffffff;
font-size: 40px;
font-weight: 400;
line-height: 1.6;
overflow: hidden;
}
h1 {
font-size: 200px;
font-weight: 700;
line-height: 1;
}
h2 {
font-size: 250px;
font-weight: 700;
line-height: 1;
white-space: wrap;
word-break:break-all;
}
h3 {
font-size: 100px;
font-weight: 700;
line-height: 1;
}
h4 {
font-size: 50px;
font-weight: 600;
}
h5 {
font-size: 45px;
line-height: 1;
font-weight: 400;
}
.wrapper {
max-width: 1820px;
margin: 0 auto;
padding: 0 24px;
}
.title-wrapper {
max-width: 1900px;
margin: 0 auto;
}
a{
transition: all 0.3s ease-in-out;
}
a:hover{
color: #ff0000;
}
.flex-row {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.primary-button {
color: #ff0000;
font-size: 50px;
font-weight: 700;
text-align: center;
text-decoration: none;
display: inline-block;
border-radius: 50px;
border: 2px solid #ffffff;
padding: 9px 82px 9px;
line-height: 1;
transition: all 0.3s ease-in-out;
}
.relative {
position: relative;
z-index: 1;
}
.primary-button.white {
color: #ffffff;
border-color: #ffffff;
}
.primary-button.white:hover{
color: #ff0000;
border-color:#ff0000; 
}
.primary-button.red{
border-color:#ff0000; 
}
.primary-button.red:hover { border-color: #ffffff;
-webkit-text-stroke: 2px #fff;
} .header-section {
position: absolute;
top: 0;
width: 100%;
padding: 60px 0;
}
.header-section .flex-row {
align-items: center;
justify-content: space-between;
}
.head-logo a {
display: flex;
}
.head-logo img {
max-width: 450px;
}  .hero-section {
background-size: cover;
background-repeat: no-repeat;
padding: 240px 0px 0px;
background-position: center;
}
.hero-section h1 {
margin: 0 0 80px;
}
.slide-content {
opacity: 0.66;
color: #ffffff;
font-size: 100px;
font-weight: 700;
line-height: 1;
-webkit-text-stroke: 1px #fff;
color: transparent;
}
.hero-section .top-content {
mix-blend-mode: overlay;
}  .our-principle {
padding: 200px 0 80px;
}
.our-principle .top-content {
position: relative;
z-index: 1;
}
.our-principle .top-content .sub-heading {
color: #ffffff;
font-size: 50px;
font-weight: 400;
border-bottom: 2px solid;
margin: 0 0 60px;
line-height: 0.9;
display: inline-block;
}
.our-principle .animated-shape img {
margin: 0 auto;
}
.our-principle .animated-shape {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: -25% 0 0px;
}
.our-principle .bottom-cta {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.our-principle a.primary-button {
font-size: 90px;
text-align: left;
border-width: 3px;
border-radius: 194px;
max-width: 1491px;
margin: 120px auto 0;
padding: 20px 90px 30px;
}  .our-vision {
padding: 80px 0 250px;
}
.our-vision .flex-row .top-content {
width: calc(100% - 543px);
}
.our-vision h2 {
margin: 0 0 70px;
}
.our-vision .primary-button {
border-radius: 129px; font-size: 200px;
font-weight: 700;
padding: 35px 50px 65px;
margin: -80px 0 0;
max-width: 1477px;
-webkit-text-stroke: 2px #ff0000;
color: transparent; }
.our-vision .primary-button:hover{
opacity: 1;
}
.our-vision .right-img {
position: relative;
z-index: 1;
max-width: 543px;
}
.our-vision .bottom-cta {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}  .who-are-we {
border-top: 3px solid #ff0000;
padding: 100px 0 180px;
}
.who-are-we h2{
margin:0 0 70px;
}
.who-are-we .profile-list {
display: flex;
flex-wrap: wrap;
width: 100%;
list-style: none;
margin: 0 auto;
}
.who-are-we .block-outer:before {
content: '';
position: absolute;
top: 0;
height: 100%;
background-color: transparent;
width: 100%;
transition: all 0.5s ease-in-out;
}
.who-are-we .block-outer:hover {
transform: translateY(-10px);
}
.who-are-we .block-outer:hover:before {
background-color: #ff0000;
}
.who-are-we .profile-list .img-outer {
display: flex;
width: calc(100% - 100px);
}
.who-are-we .profile-list .img-outer img {
transition: all 0.3s ease-in-out;
mix-blend-mode: multiply;
width: 100%;
}
.who-are-we .profile-list li {
width: calc(25% - 35px);
margin: 200px 46px 0px 0;
}
.who-are-we .profile-list li:nth-child(4n) {
margin-right: 0;
}
.who-are-we .block-outer {
display: flex;
width: 100%;
position: relative;
justify-content: flex-end;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.who-are-we .block-outer h4 {
display: flex;
justify-content: flex-end;
color: #ffffff;
font-size: 59px;
font-weight: 200;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
white-space: nowrap;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
width: 100px;
}  .rebels-bg {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center center;
}
.rebels-bg .wrapper {
mix-blend-mode: overlay;
}  .content-section {
padding: 80px 0 200px;
border-bottom: 3px solid #ff0000;
}
.content-section .wrapper {
max-width: 1531px;
}  .work-section {
position: relative;
padding: 200px 0 760px;
}
.work-section .bottom-content {
margin: 100px 0;
}
.work-section .count-list {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 60px 0 0px;
}
.work-section .count-list li {
width: 50%;
padding-right: 30px;
}
.work-section .count-block h2 {
font-size: 200px;
color: #ff0000;
-webkit-text-stroke: 2px #ff0000;
color: transparent;
}
.work-section .count-block h4 {
font-size: 50px;
font-weight: 600;
text-transform: uppercase;
}
.work-section .bottom-cta .primary-button {
font-size: 150px;
font-style: normal;
letter-spacing: normal;
line-height: normal;
border: 3px solid;
text-align: left;
border-radius: 129px;
padding: 50px 70px;
-webkit-text-stroke: 2px #fff;
color: transparent;
border-color: #fff;
max-width: 915px;
}
.work-section .shape-scroll-out .slide-shape {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-position: center bottom 98px;
background-repeat: repeat-x;
}
.work-section .scroll-image-up {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 50000px;
left: -5000px;
} .work-section .bottom-cta {
margin: 125px 0 0;
}
.work-section .bottom-overlay {
position: absolute;
bottom: 0;
width: 100%;
}  .services-section{
padding-top:125px;
}
.services-section .bottom-content {
margin: 100px 0 150px;
}
.home-slider.owl-carousel{
position: relative;
max-width: 1400px;
margin: 0 auto;
text-align: center;
}
.services-section .slider-outer {
padding: 50vh 100px;
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}
.services-section .slider-outer .home-slider .item {
padding: 30px 50px;
}
.services-section .slider-outer .owl-carousel .owl-nav button {
position: absolute;
top:20px;
left: -80px;
bottom: 0;
max-width: 55px;
max-height: 65px;
margin: auto;
display: flex;
}
.services-section .slider-outer .owl-carousel .owl-nav button.owl-next {
right: -80px;
left: unset;
}
.services-section .slider-outer .owl-carousel .owl-nav button img {
width: 100%;
}  .project-expectations {
padding: 200px 0 350px;
}
.project-expectations h2 {
-webkit-text-stroke: 1px #fff;
color: transparent;
white-space: break-spaces;
font-size:215px;
margin:0 0 45px;
max-width: 1491px;
margin: auto;
}
.project-expectations .project-list {
list-style: none;
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 1491px;
margin: 0px auto;
justify-content: space-between;
position: relative;
z-index: 1;
}
.project-expectations .project-list li {
width: 49%;
margin: 100px 0 0;
max-width: 627px;
}
.project-expectations .project-list .bottom-content {
font-size: 35px;
font-weight: 400;
line-height: 1.4;
}
.project-expectations .bg-shape img {
position: absolute;
top: 5%;
width: 100%;
margin: 0 auto;
max-height: 100%;
}
.project-expectations .project-list .block-out h5 {
margin: 0 0 15px;
}  .contact-section .contact-list {
display: flex;
flex-wrap: wrap;
width: 100%;
list-style: none;
}
.contact-section .contact-list li {
width: 50%;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
}
.contact-section .contact-list li a {
color: #000000;
font-size: 130px;
font-weight: 700;
}
.contact-section .contact-list li a:hover{
color:#ff0000;
}
.contact-section .contact-list li:nth-child(2n) {
background-color: #000;
}
.contact-section .contact-list li:nth-child(2n) a {
color: #fff;
}
.contact-section .contact-list li:nth-child(2n) a:hover{
color:#ff0000;
}   .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/ position relative and z-index fix webkit rendering fonts issue /
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/ fix firefox animation glitch / }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/ fix for flashing background /
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; } .owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/ No Js /
.no-js .owl-carousel {
display: block; } .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } } .owl-height {
transition: height 500ms ease-in-out; } .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(../../../themes/rebelmedia/owl.video.play.html) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }  .rotate-image { -webkit-animation: rotation 17s linear infinite;
-moz-animation: rotation 17s linear infinite;
-ms-animation: rotation 17s linear infinite;
-o-animation: rotation 17s linear infinite;
animation: rotation 17s linear infinite;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.loder-outer {
position: fixed;
top:0;
left:0;
right:0;
bottom:0; z-index:99999;
}
.loder-outer .slide-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
right: 100%;
}
.loder-outer .slide-item.slide-two {
transition: all 0.3s ease-in-out;
}
.slide-item.slide-two.scroll-loder {
height: 0;
bottom:unset;
}
.slideup {
position: relative;
transform: translateY(150px);
opacity: 0;
transition: all 1s ease-in-out;
}
.slideup.active {
transform: translateY(0);
opacity: 1;
}
.top-content span.scroll-up {
display: flex;
flex-wrap: wrap;
}
.top-content .scroll-up.two {
transition: all 1.2s ease-in-out;
}
.top-content .scroll-up.three {
transition: all 1.4s ease-in-out;
}
.our-principle .animated-shape.slideup {
transform: translate(0px, 150px) scale(0.7);
transition: all 1.5s ease-in-out;
}
.our-principle .animated-shape.slideup.active {
transform: translate(0px, 0px);
}
.hero-section .top-content h1 span.scroll-up {
opacity: 0;
transform: translateY(200px);
}
.hero-section .top-content h1 span.scroll-up.active {
opacity: 1;
transform: translateY(0);
} .slideleft {
position: relative;
transform: translateX(-150px);
opacity: 0;
transition: all 1s ease-in-out;
-webkit-text-stroke: 1px #fff;
color: transparent; }
.slideleft.active {
transform: translateY(0);
opacity: 1;
} .slidedawn {
position: relative;
transform: translateY(-100px);
opacity: 0;
transition: all 2s ease-in-out;
}
.slidedawn.active {
transform: translateY(0);
opacity: 1;
} .slideright {
position: relative;
transform: translateX(150px);
opacity: 0;
transition: all 1s ease-in-out;
text-align:center;
}
.slideright.active {
transform: translateY(0);
opacity: 1;
}  .mobile-loder-out {
position: fixed;
top: 0;
left: 0;
right: 0;
display: flex;
z-index: 999999;
height: 100vh;
overflow: hidden;
transition: all 0.7s ease-in-out;
background: #fff;
}
.mobile-loder-out .m-slide {
width: 100%;
position: absolute;
z-index: 9999999;
top: 15vh; }
.mobile-loder-out .m-slide .mobile-slide{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.mobile-loder-out .mobile-slide h2 {
text-transform: uppercase;
font-size:15vw;
color: #000; line-height: 0.8;
}
.m-slide.two h2, .m-slide.three h2 {
transform: translateX(6000px);
}
.mobile-main .red-slide {
position:absolute;
bottom: 0;
left: 0;
right: 0;
background-color: red;
height:0;
transition: all 0.7s ease-in-out;
}
.mobile-main .m-slide.one .mobile-slide {
overflow: hidden;
}
.slide-text-hidden {
    opacity: 0;
}
.mobile-loder-out .mobile-slide.slide-smoth h2 {
transition: transform 3s ease;
}
.mobile-loder-out .m-slide.one .mobile-slide h2 {
transform: translate(0px, 14vw);
} .mainsectionfo {
padding: 20px 20px 20px 20px;
border-top: 1px solid #ffffff1a;
display: flex;
justify-content: space-between;
align-items: center;
background: #000;
}
.termandconditions {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 75%;
}
.termandconditions img.footerlogo {
width: 75px;
margin-right: 15px;
}
.singh {
display: flex;
align-items: center;
flex-wrap: wrap;
width: calc(100% - 90px);
}
.termandconditions p {
color: #fff;
text-transform: capitalize;
font-weight: 300;
margin-bottom: 7px;
opacity: .6;
width: 100%;
font-size:16px;
}
.termandconditions a {
color: #fff;
text-transform: capitalize;
font-weight: 300;
margin-bottom: 7px;
padding-right: 20px;
opacity: .6;
text-decoration: none;
font-size:16px;
}
.footer_socialmedia a {
color: #fff;
margin-left: 20px;
font-size: 30px;
}
.termandconditions a:hover, .footer_socialmedia a:hover {
color: red;
}  .plan-section {
background-image: url(../../../uploads/2022/11/planning-wrap.png);
background-repeat: no-repeat;
padding: 150px 0;
}
.plan-section .plan-txt {
font-size: 218px;
}
.plan-section .container {
display: block;
position: absolute;
cursor: pointer;
top: 50%;
right: 30px;
transform: translateY(-26px);
}
.plan-section .container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.plan-section .checkmark {
position: absolute;
top: 0;
right: 0;
height: 60px;
width: 60px;
background-color: transparent;
border-radius: 50%;
border: 4px solid #fff;
}
.plan-section .container input:checked~.checkmark {
background-color: transparent;
border: 4px solid #fff;
}
.plan-section .checkmark:after {
content: "";
position: absolute;
display: none;
}
.plan-section .container input:checked~.checkmark:after {
display: block;
}
.plan-section .container .checkmark:after {
top: 50%;
left: 50%;
width: 30px;
height: 30px;
border-radius: 50%;
background: white;
transform: translate(-50%, -50%);
}
.plan-section .plan-card {
border-radius: 50px;
border: 3px solid #fff;
height: 100%;
background: #000;
}
.plan-section .plan-header {
background: #B21010;
padding: 30px 15px;
border-radius: 50px 50px 0 0;
position: relative;
}
.plan-section .plan-desc {
text-align:center;
}
.plan-section .plan-details {
background: #000;
border-radius: 0 0 50px 50px;
padding: 30px;
}
.plan-section .cust-row {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.plan-section .common-col {
flex: 0 0 33.33%;
padding: 0 15px;
margin-top: 50px;
}
.plan-section .header-title {
font-size: 32px;
flex: 0 0 90%;
text-transform:capitalize;
}
.plan-section .plan-list {
list-style: none;
font-size: 19px;
position: relative;
padding-left: 50px;
line-height: 55px;
}
.plan-section .plan-list::before {
content: " ";
background-image: url(../../../uploads/2022/11/tik.png);
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 20px;
width: 39px;
height: 24px;
background-size: contain;
}
.plan-section .cust-container {
max-width: 1820px;
margin: 0 auto;
padding: 0 15px;
} .dataproection {padding-top:200px;padding-bottom:3rem;}
.dataproection .container{max-width: 1820px;margin: 0 auto;padding: 0 24px;}
.dataproection h2{white-space: break-spaces;}
.dataproection .container h1{margin: 0 0 70px;line-height:normal !important;white-space: break-spaces;}
.dataproection .container h3{margin: 70px 0 70px;line-height:normal !important;white-space: break-spaces;}
.dataproection p{word-break: break-all;}
.dataproection a{text-decoration:none;color: #FF0000 !important;font-weight:700 !important;}
.dataproection .container ul{list-style: none;margin: 2rem 0rem;word-break: break-all;}
.dataproection .container ul li{position:relative;padding-left:24px;margin-bottom:1rem;}
.dataproection .container ul li:before{content: "";position: absolute;height: 12px;width: 12px;top: 13px;left: 0px;background-color: #FF0000;border-radius: 12px;}
.dataproection .container ul.list-none li:before{display:none;}
.dataproection .container ul.list-none li{padding-left:0;}
.page-id-2034 .dataproection h2{margin: 0 0 70px;line-height:normal !important;white-space: break-spaces;}
.page-id-2034 .dataproection .second{margin-top:70px;line-height:1 !important;} 
.plan-section .button-section{text-align:center;margin-top:70px;}
.plan-section h2{margin-bottom:70px;} .page-template.page-template-front-page .cookie-pop {
background: #fff !important;
color: #000 !important;
width: 33%;
right: 0 !important;
left: unset !important;
padding: 30px 50px 20px 50px !important;
font-size: 18px !important;
}
.page-template.page-template-front-page .cookie-pop button.accept_button.lwcpcb {
margin: 16px 0px 0 0;
display: block  !important;
border-radius: 50px  !important;
}
.page-template.page-template-front-page .cookie-pop a.close_button.lwcpcb {
background-color: #ffffff;
padding: 8px 14px;
border-radius: 48%;
top: 10px;
font-size: 36px !important;
text-decoration: none;
right: 10px;
}
.page-template-imprint .cookie-pop {
display: none;
} @media only screen and (max-width: 3500px) {
body {
font-size: 34px;
line-height: 1.4;
}
.title-wrapper {
max-width: 1800px;
}
h1 {
font-size: 154px;
}
h2 {
font-size: 174px;
}
h3 {
font-size: 84px;
}	
.our-principle .top-content .sub-heading {
font-size: 44px;
}
.our-principle a.primary-button {
font-size: 78px;
max-width: 1300px;
line-height: 1.2;
}
.our-vision .primary-button {
font-size: 164px;
max-width: 1377px;
}
.who-are-we .profile-list li {
margin: 120px 46px 0px 0;
}
.who-are-we .block-outer h4 {
font-size: 52px;
}
.work-section .count-block h2 {
font-size: 164px;
}
.work-section .count-block h4 {
font-size: 44px;
}
.project-expectations h2 {
font-size: 184px;
}
.project-expectations {
padding: 160px 0 250px;
}
h5 {
font-size: 38px;
}
.project-expectations .project-list .bottom-content {
font-size: 26px;
}
.slide-content {
font-size: 74px;
}
.mobile-loder-out .mobile-slide h2 {
font-size: 13vw;
}
.mobile-loder-out .m-slide {
top: 18vh;
}	
}
@media only screen and (max-width: 2499px) {
body {
font-size: 28px;
}
h1 {
font-size: 140px;
}
h2 {
font-size: 148px;
}	
.hero-section h1 {
margin: 0 0 60px;
}
.slide-content {
font-size: 64px;
}
.our-principle .animated-shape img {
max-width: 750px;
}
.our-vision .right-img img {
max-width: 400px;
}
.our-vision .primary-button {
font-size: 115px;
max-width: 1167px;
}
.content-section {
padding: 80px 0 140px;
}
.work-section {
padding: 140px 0 0px;
}
.work-section .bottom-cta .primary-button {
font-size: 150px;
line-height: 1.2;
max-width: 915px;
margin:auto;
}	
.services-section .slider-outer {
padding: 45vh 45px;
}	
.services-section .bottom-content {
margin: 70px 0 120px;
}	
.project-expectations {
padding: 120px 0 180px;
}
}
@media only screen and (max-width: 1799px) {
.primary-button {
font-size: 42px;
padding: 9px 52px 9px;
}
.slide-content {
font-size: 64px;
}
.our-vision {
padding: 80px 0 160px;
}
.our-principle a.primary-button {
font-size: 70px;
max-width: 1200px;
}
.our-vision .primary-button {
font-size: 140px;
max-width: 1275px;
}
.who-are-we .profile-list li {
margin: 100px 46px 0px 0;
}
.who-are-we .block-outer h4 {
font-size: 50px;
}
.who-are-we {
padding: 80px 0 120px;
}
.content-section {
padding: 80px 0 120px;
}
.work-section {
padding: 120px 0 0px;
}
.work-section .bottom-content {
margin: 60px 0;
}
.work-section .count-block h2 {
font-size: 160px;
}
.work-section .count-block h4 {
font-size: 44px;
}
.work-section .bottom-cta .primary-button {
font-size: 140px;
}
.services-section .bottom-content {
margin: 60px 0 150px;
}
.services-section .slider-outer {
padding: 70vh 100px;
}
.services-section .slider-outer .owl-carousel .owl-nav button {
top: 10px;
}
.project-expectations {
padding: 120px 0 220px;
}
.project-expectations h2 {
font-size: 175px;
}
.project-expectations .project-list .bottom-content {
font-size: 30px;
}
.contact-section .contact-list li a {
font-size: 100px;
} .plan-section .header-title {
font-size: 26px;
}
.plan-section .plan-card {
border-radius: 30px;
}
.plan-section .plan-header {
padding: 22px;
border-radius: 30px 30px 0 0;
}
.plan-section .checkmark {
height: 50px;
width: 50px;
}
.plan-section .container {
right: 24px;
}
.plan-section .plan-details {
padding: 22px;
border-radius: 0 0 30px 30px;
}
.plan-section .plan-list {
font-size: 16px;
padding-left: 44px;
}
h2 {
word-break: break-word;
}
}
@media only screen and (max-width: 1499px) {
h1 {
font-size: 140px;
}
.our-vision .primary-button {
font-size: 110px;
max-width: 1200PX;
margin: 0;
}
.who-are-we .block-outer h4 {
font-size: 34px;
}
.who-are-we .profile-list li {
margin: 80px 46px 0px 0;
}
.contact-section .contact-list li a {
font-size: 80px;
}
.contact-section .contact-list li {
min-height: 70vh;
}
.rebels-bg h4 {
text-align: center;
}
.who-are-we .block-outer h4 {
width: 75px;
}
.who-are-we .profile-list .img-outer {
display: flex;
width: calc(100% - 75px);
} .plan-section .common-col {
flex: 0 0 50%;
}
.plan-section .cust-row {
justify-content: center;
}
.plan-section .header-title {
font-size: 32px;
}
.plan-section .plan-list {
font-size: 20px;
}
.plan-section .slideleft.plan-txt{
font-size: 140px;
}
.page-template.page-template-front-page .cookie-pop {
width: 50%;
}
}
@media only screen and (max-width: 1268px) {
body {
font-size: 24px;
}
h1 {
font-size: 106px;
}
h2 {
font-size: 10.1vw;
}
h3 {
font-size: 54px;
}
h4 {
font-size: 34px;
}
.primary-button {
font-size: 34px;
line-height: 1.3;
}
.our-principle .animated-shape img {
margin: 0 auto;
width: 100%;
max-width: 75%;
}
.rebels-bg {
min-height: 100vh;
}
.who-are-we .profile-list li {
width: calc(33.33% - 35px);
}
.who-are-we .profile-list li:nth-child(3n) {
margin-right: 0;
}
.who-are-we .profile-list li:nth-child(4n) {
margin-right: 46px;
}
.work-section .count-block h2 {
font-size: 120px;
}
.work-section .count-block h4 {
font-size: 34px;
}
.work-section .bottom-cta .primary-button {
font-size: 120px;
line-height: 1.1;
}
.project-expectations .project-list .bottom-content {
font-size: 26px;
}  
.project-expectations h2 {
font-size: 140px;
}  
.services-section .slider-outer {
padding: 50vh 100px;
}
.services-section .slider-outer .owl-carousel .owl-nav button {
max-width: 45px;
max-height: 45px;
} .plan-section .header-title {
font-size: 26px;
}
.plan-section .plan-list {
font-size: 16px;
line-height: 48px;
}
.plan-section {
padding: 100px 0;
}
.plan-section .plan-list::before {
top: 16px;
width: 26px;
height: 24px;
}
.our-vision .primary-button {
font-size: 80px;
max-width: 880PX;
margin: 0;
}
}
@media only screen and (max-width: 991px) {
h1 {
font-size: 80px;
}
h2 {
font-size: 74px;
}
h3 {
font-size: 32px;
line-height: 1.2;
}
body {
font-size: 24px;
}
.head-logo img {
max-width: 340px;
}
.primary-button {
font-size: 26px;
}
.slide-content {
font-size: 40px;
opacity: 0.3;
}
.services-section .slider-outer .owl-carousel .owl-nav button {
top: 0;
}
.services-section .bottom-content {
margin: 45px 0 100px;
}
.our-principle .animated-shape {
margin: -40% 0 0px;
}
.our-principle a.primary-button {
font-size: 34px;
margin: 50px auto 0;
}
.our-vision h2 {
margin: 0 0 25px;
}
.our-vision .flex-row .top-content {
width: 100%;
margin: 0 0 50px;
}
.our-vision .primary-button {
font-size: 90px;
padding: 25px 30px 45px;
}
.who-are-we .profile-list li:nth-child(4n) {
margin-right: 0;
}
.who-are-we .profile-list li {
width: calc(50% - 20px);
margin: 80px 0px 0px 0;
}
.who-are-we .profile-list {
justify-content: space-between;
margin: 0 auto;
max-width: 720px;
}
.who-are-we .profile-list .img-outer img {
max-width: 268px;
}
.project-expectations h2 {
font-size: 104px;
}
.services-section .slider-outer {
padding: 30vh 100px;
}
.project-expectations .project-list li {
margin: 80px 0 0;
}
.project-expectations .project-list .bottom-content {
font-size: 24px;
}
.contact-section .contact-list li a {
font-size: 54px;
}
.contact-section .contact-list li {
min-height: 50vh;
}
.project-expectations {
padding: 100px 0 120px;
}
.work-section .bottom-cta .primary-button {
font-size: 84px;
padding: 30px 70px;
width: 100%;
}
.our-vision .bottom-cta {
margin: 30px 0 0;
}
.our-principle .top-content {
top: 100px;
}
.termandconditions p {
font-size: 16px;
margin-bottom: 4px;
}
.termandconditions a {
padding-right: 13px;
font-size: 14px;
}
.termandconditions img.footerlogo {
width: 60px;
margin-right: 10px;
}
.footer_socialmedia a:first-child {
margin-left: 6px;
}
.footer_socialmedia a {
margin-left: 10px;
font-size: 22px;
}	
.mobile-loder-out .m-slide {
top: 25vh;
}
.mobile-loder-out .mobile-slide h2 {
font-size: 18vw;
} .plan-section .common-col {
flex: 0 0 100%;
}
.plan-section .plan-header {
padding: 34px;
}
.plan-section .header-title {
font-size: 30px;
}
.plan-section .plan-list {
font-size: 20px;
line-height: 55px;
padding-left: 60px;
}
.plan-section .plan-details {
padding: 34px;
}
.plan-section .slideleft.plan-txt {
font-size: 104px;
}
.work-section .shape-scroll-out .slide-shape{
background-position: center bottom 0px;
}
.page-template.page-template-front-page .cookie-pop {
width: 70%;
padding: 40px 30px 30px 30px !important;
}
}
@media only screen and (max-width: 767px) {
h1 {
font-size: 60px;
}
h2 {
font-size: 74px;
white-space: unset;
}
h5 {
font-size: 30px;
}
.head-logo img {
max-width: 280px;
}
.header-section {
padding: 45px 0;
}
.primary-button {
font-size: 20px;
line-height: 1.4;
padding: 9px 30px 9px;
}
.our-principle a.primary-button {
font-size: 28px;
padding: 20px 45px;
}
.our-principle .top-content .sub-heading {
font-size: 44px;
}
.our-vision .primary-button {
font-size: 64px;
padding: 25px 30px 45px;
}
.who-are-we .block-outer h4 {
width: 55px;
}
.who-are-we .profile-list .img-outer {
width: calc(100% - 55px);
}
.work-section {
padding: 100px 0 0px;
}
.work-section .count-block h2 {
font-size: 84px;
}
.work-section .count-block h4 {
font-size: 22px;
}
.work-section .shape-scroll-out .slide-shape {
background-size: 2500px;
}
.work-section .bottom-cta .primary-button {
font-size: 54px;
padding: 30px 50px;
}
.project-expectations h2 {
font-size: 74px;
}
.project-expectations .project-list li {
width: 100%;
}
.contact-section .contact-list li {
width: 100%;
}
.contact-section .contact-list li {
min-height: 100vh;
}
.services-section .slider-outer .home-slider .item {
padding: 30px 0px;
}
.title-wrapper {
padding: 0 24px;
}
.mobile-main {
display: block;
}
.mobile-loder-out .mobile-slide h2 {
font-size: 30vw;
}
.m-slide.two h2, .m-slide.three h2 {
transform: translateX(750px);
}
.slide-text-hidden {
    opacity: 0;
}
.mobile-loder-out .mobile-slide.slide-smoth h2 {
transition: transform 2s ease;
}	
.mobile-loder-out .m-slide.one .mobile-slide h2 {
transform: translate(0px, 250px);
}
.mobile-loder-out .m-slide {
top: 25vh;
} .plan-section .slideleft.plan-txt {
font-size: 86px;
}
.plan-section .plan-list {
font-size: 17px;
}
.plan-section .plan-list {
font-size: 17px;
}
.plan-section {
padding: 90px 0;
}
.page-template.page-template-front-page .cookie-pop {
width: 80%;
} .dataproection .container h1{margin: 0 0 70px;}
.dataproection .container h3{margin: 70px 0 70px;}
.dataproection .container ul li:before{top:10px;}
.dataproection .container h1{margin: 0 0 30px;}
.dataproection .container h3{margin: 30px 0 30px;}
.dataproection {padding-top: 70px;}
.page-id-2034 .dataproection h2{margin:0px 0 30px;}
.page-id-2034 .dataproection .second{margin-top:30px;line-height:1 !important;}
.plan-section h2{margin-bottom:0px;}
}
.page-template-imprint h1{
font-size: 72px;
}
.page-template-imprint h2{
font-size: 55px;
}
.page-template-imprint h3{
font-size: 45px;
}
@media only screen and (max-width: 599px) {
.title-wrapper {
padding: 0 16px;
}
.wrapper {
padding: 0 16px;
}
body {
font-size: 20px;
}
h1 {
font-size: 38px;
line-height: 1.2;
}
h2 {
font-size: 48px;
line-height: 1.1;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 20px;
}
.header-section {
padding: 25px 0;
}
.head-logo img {
max-width: 200px;
}
.head-logo img {
max-width: 175px;
}
.primary-button {
font-size: 18px;
padding: 9px 16px 9px;
}
.slide-content {
font-size: 28px;
}
.our-principle {
padding: 80px 0 45px;
}
.our-principle .top-content .sub-heading {
font-size: 34px;
margin: 0 0 30px;
}
.our-principle a.primary-button {
font-size: 24px;
padding: 20px 40px;
}
.our-vision h2 {
left: 0;
}
.our-vision {
padding: 45px 0 80px;
}
.our-vision .right-img img {
width: 100%;
}
.our-vision .primary-button {
font-size: 30px;
padding: 15px 30px 35px;
border-radius: 50px;
}
.our-vision .bottom-cta {
margin: 80px 0 0;
}
.who-are-we .block-outer h4 {
font-size: 24px;
width: 35px;
}
.who-are-we .profile-list .img-outer {
width: calc(100% - 35px);
}
.who-are-we .profile-list li {
width: calc(50% - 10px);
margin: 60px 0px 0px 0;
}
.rebels-bg {
min-height: 75vh;
}
.work-section .count-block h2 {
font-size: 50px;
}
.work-section .count-block h4 {
font-size: 14px;
}
.work-section .count-list li {
padding-right: 15px;
}
.work-section .bottom-cta .primary-button {
font-size: 32px;
padding: 15px 50px;
}
.work-section .bottom-cta {
margin: 46px 0 0;
}
.work-section {
padding: 80px 0 0px;
}
.work-section .shape-scroll-out .slide-shape {
background-size: 1100px;
}
.services-section .bottom-content {
margin: 25px 0 80px;
}
.services-section .slider-outer .owl-carousel .owl-nav button {
max-width: 30px;
max-height: 30px;
}
.services-section .slider-outer {
padding: 25vh 45px;
}
.services-section .slider-outer .owl-carousel .owl-nav button {
left: -35px;
}
.services-section .slider-outer .owl-carousel .owl-nav button.owl-next {
right: -35px;
}
.project-expectations h2 {
font-size: 48px;
}
.project-expectations .project-list li {
margin: 45px 0 0;
}
.project-expectations .project-list .bottom-content {
font-size: 18px;
}
.contact-section .contact-list li {
min-height: 70vh;
}
.content-section {
padding: 60px 0 80px;
}
.hero-section {
padding: 160px 0px 0px;
}
.our-principle .animated-shape img {
max-width: 90%;
} .plan-section .slideleft.plan-txt {
font-size: 60px;
}
.plan-section .plan-header {
padding: 20px;
}
.plan-section .header-title {
font-size: 20px;
}
.plan-section .checkmark {
height: 40px;
width: 40px;
}
.plan-section .container .checkmark:after {
width: 20px;
height: 20px;
}
.plan-section .container {
transform: translateY(-20px);
right: 10px;
}
.plan-section .plan-details {
padding: 20px;
}
.plan-section .plan-list::before {
width: 16px;
height: 16px;
top: 16px;
}
.plan-section .plan-list {
font-size: 12px;
padding-left: 30px;
line-height: 40px;
}
.page-template.page-template-front-page .cookie-pop {
width: 90%;
padding: 50px 30px 30px 30px !important;
}
}
@media only screen and (max-width: 575px){
.termandconditions img.footerlogo {
width: 75px;
margin-right: 0;
}
.mainsectionfo {
display: block;
}
.termandconditions {
width: 100%;
display: block;
text-align: center;
}
.img-logon {
margin-bottom: 18px;
}
.singh {
width: 100%;
justify-content: center;
}
.footer_socialmedia {
text-align: center;
margin-top: 18px;
}
.footer_socialmedia a:first-child {
margin-left: 0;
} .dataproection .container ul li:before{height:9px;width:9px;border-radius:100%;}
.plan-section .button-section{margin-top:30px;}
}
@media only screen and (max-width: 400px) {
.plan-section {
padding: 60px 0;
}
.plan-section .slideleft.plan-txt {
font-size: 50px;
}
.plan-section .header-title {
font-size: 15px;
}
.plan-section .checkmark {
height: 30px;
width: 30px;
}
.plan-section .container input:checked~.checkmark {
border: 3px solid #fff;
}
.plan-section .container .checkmark:after {
width: 16px;
height: 16px;
}
.plan-section .checkmark {
border: 3px solid #fff;
}
.plan-section .container {
transform: translateY(-16px);
right: 12px;
}
.plan-section .plan-list {
font-size: 14px;
padding-left: 30px;
line-height: 24px;
margin-top: 12px;
}
.plan-section .plan-list::before {
top: 6px;
}
}
@media only screen and (max-width: 374px) {
h1 {
font-size: 32px;
}
body {
font-size: 18px;
}
.head-logo img {
max-width: 150px;
}
.primary-button {
font-size: 14px;
padding: 9px 10px 9px;
}
.hero-section h1 {
margin: 0 0 30px;
}
.slide-content {
font-size: 18px;
}
.our-principle {
padding: 60px 0 45px;
}
.who-are-we {
padding: 60px 0 80px;
}
.project-expectations h2 {
font-size: 40px;
margin: 0 0 30px;
}
.project-expectations {
padding: 80px 0 80px;
}
.contact-section .contact-list li a {
font-size: 34px;
}
.our-principle a.primary-button {
font-size: 18px;
}
}