@import url("https://fonts.googleapis.com/css2?family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&display=swap");
.page-id-357 header{
position: relative;
background: #000;
}
.inn_banner_content h5 {
text-transform: capitalize;
}
.local-webdesign-dev, .local-design-img, .back_banner_lf {
padding-top: 54px;
}
.h_icon {
margin: 0 !important;
}
.page-id-68798 footer.main_footer {
margin: 0;
}
.inn_tof_hover img {
margin: 0 !important;
}
.types-of-link-steps .row {
display: flex;
flex-wrap: wrap;
}
.tof-items:nth-child(1) .inn-tof-items {
border-radius: 25px;
background: #3A3A3A;
position: relative;
transition: transform .9s;
transform-style: preserve-3d;
overflow: hidden;
cursor: pointer;
height: 100%;
}
.tof-items:nth-child(1) .tof_hover {
position: relative;
top: 0;
height: 100%;
background: #3A3A3A; -webkit-backface-visibility: visible;
backface-visibility: visible;
transform: none;
}
.tof-items:nth-child(1):hover .inn-tof-items {
transform: rotateY(180deg);
}
.tof-items:nth-child(1) .inn-tof-items>img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: rotateY(180deg);
position: absolute;
top:0;
left:0;
z-index:9;
}
.tof-items:nth-child(1):hover .inn-tof-items>img {
-webkit-backface-visibility: visible;
backface-visibility: visible;
}
li.box-step-wrp:nth-child(2) .description {
bottom: -162px;
left: 150px;
}
li.box-step-wrp:nth-child(3) .description {
bottom: -248px;
left: 134px;
width: 355px;
}
.why_box_item:nth-child(1) img.h_icon , .why_box_item:nth-child(3) img.h_icon{
margin-left: auto !important;
margin-right: 0 !important;
}
@media (max-width: 1780px) {
.how-we-work .container-wrapper {
padding: 12% 10% 28%;
position: relative;
}
}
@media (max-width: 1680px) {
li.box-step-wrp:nth-child(3) .description:after {
right: auto;
left: 44px;
top: -39px;
bottom: auto;
}
}
@media (max-width: 1620px) {
.how-we-work .container-wrapper {
padding: 12% 7% 28%;
position: relative;
}
}
@media (max-width: 1550px) {
.how-we-work .container-wrapper {
padding: 12% 4% 34%;
position: relative;
}
}
@media (max-width: 1500px) {
li.box-step-wrp:nth-child(3) .description {
bottom: -308px;
left: 80px;
width: 300px;
}
span.title {
font-size: 24px;
}
span.number {
font-size: 70px;
}
li.box-step-wrp:nth-child(1) {
max-width: 340px;
}
li.box-step-wrp:nth-child(2) {
max-width: 352px;
}
li.box-step-wrp:nth-child(3) {
max-width: 225px;
}
li.box-step-wrp:nth-child(3) {
right: 75px;
top: 75px;
max-width: 225px;
}
li.box-step-wrp:nth-child(1) .description {
bottom: -62px;
left: 386px;
}
}
@media (max-width: 1490px) {
li.box-step-wrp:nth-child(3) .description {
bottom: -315px;
left: 50px;
width: 300px;
}
li.box-step-wrp:nth-child(1) .description {
bottom: -65px;
left: 406px;
}
li.box-step-wrp:nth-child(2) .description {
bottom: -179px;
left: 85px;
}
}
@media (max-width: 1470px) {
li.box-step-wrp:nth-child(1) .description {
bottom: -62px;
left: 380px;
}
}
@media (max-width: 1400px) {
li.box-step-wrp:nth-child(3) {
max-width: 225px;
right: 100px;
top: 86px;
}
li.box-step-wrp:nth-child(3) .description {
bottom: -218px;
left: 50px;
width: 300px;
}
li.box-step-wrp:nth-child(2) {
max-width: 352px;
}
li.box-step-wrp:nth-child(1) {
max-width: 328px;
}
li.box-step-wrp:nth-child(1) .description {
bottom: -45px;
left: 372px;
}
}
@media (max-width: 1350px) {
li.box-step-wrp:nth-child(3) .description {
bottom: -235px;
left: 50px;
width: 270px;
}
}
@media (max-width: 1330px) {
.how-we-work .container-wrapper {
padding: 12% 2% 34%;
position: relative;
}
}
@media (max-width: 1300px) {
li.box-step-wrp:nth-child(3) .description {
bottom: -257px;
left: 50px;
width: 240px;
}
}
@media (max-width: 1290px) {
li.box-step-wrp:nth-child(2) {
right: -245px;
left: 0;
top: 290px;
}
}
@media (max-width: 1260px) {
li.box-step-wrp:nth-child(3) .description {
bottom: -298px;
left: 74px;
width: 215px;
}
}
@media (max-width: 1200px) {
li.box-step-wrp:nth-child(2) {
right: -218px;
left: 0;
top: 266px;
}
span.title {
font-size: 22px;
}
li.box-step-wrp:nth-child(2) {
max-width: 320px;
}
li.box-step-wrp:nth-child(1) {
max-width: 315px;
}
li.box-step-wrp:nth-child(3) {
max-width: 204px;
right: 114px;
top: 78px;
}
}
@media (max-width: 1150px) {
.how-we-work .container-wrapper {
padding: 12% 2% 40%;
position: relative;
}
.inn_tof_hover p {
height: auto;
overflow-y: hidden;
}
.how-we-work-steps {
bottom: 202px;
}
li.box-step-wrp:nth-child(3) {
max-width: 204px;
right: 102px;
top: 78px;
}
}
@media (max-width: 1105px) {
li.box-step-wrp:nth-child(2) {
right: -149px;
left: 0;
top: 241px;
}
}
@media (max-width: 1070px) {
.mobile.banner_image {
margin-top: -50px;
}
}
@media (max-width: 1050px) {
.how-we-work .container-wrapper {
padding: 10% 7% 60%;
position: relative;
}
.how-we-work-steps {
bottom: 94px;
}
li.box-step-wrp:nth-child(2) {
right: -120px;
left: -16px;
top: 80px;
}
li.box-step-wrp:nth-child(3) {
max-width: 204px;
right: 137px;
top: -174px;
}
li.box-step-wrp:nth-child(3) .description {
bottom: -182px;
left: 0px;
width: 300px;
}
li.box-step-wrp:nth-child(2) {
max-width: 298px;
}
li.box-step-wrp:nth-child(3) {
max-width: 192px;
right: 137px;
top: -174px;
}
li.box-step-wrp:nth-child(1) {
max-width: 286px;
}
span.number {
font-size: 60px;
}
span.title {
font-size: 20px;
}
.description {
padding: 14px 14px 14px 20px;
border-radius: 20px;
}
li.box-step-wrp:nth-child(1) .description {
bottom: -45px;
left: 340px;
}
}
}
@media (max-width: 830px) {
.how-we-work .container-wrapper {
padding: 10% 4% 70%;
position: relative;
}
li.box-step-wrp:nth-child(3) {
max-width: 192px;
right: 78px;
top: -124px;
}
li.box-step-wrp:nth-child(3) .description {
bottom: -411px;
left: 100px;
width: 150px;
}
span.title {
font-size: 19px;
}
li.box-step-wrp:nth-child(2) {
max-width: 280px;
}
li.box-step-wrp:nth-child(2) {
right: -96px;
left: -16px;
top: 80px;
}
.how-we-work-steps {
bottom: 144px;
}
}
@media (max-width: 820px){
li.box-step-wrp:nth-child(3) {
max-width: 192px;
right: 64px;
top: -140px;
}
li.box-step-wrp:nth-child(3) .description {
bottom: -327px;
left: 69px;
width: 182px;
}
li.box-step-wrp:nth-child(2) {
max-width: 278px;
}
.how-we-work .container-wrapper {
padding: 10% 2% 60%;
position: relative;
}
.why-choose-wrapper {
padding-top: 0;
}
}
@media (max-width: 780px) {
li.box-step-wrp:nth-child(2) {
right: -60px;
left: -16px;
top: 80px;
}
.inn_banner_content h2 {
width: 82%;
background-size: 43% auto;
}
li.box-step-wrp:nth-child(3) {
max-width: 192px;
right: 75px;
top: -131px;
}
li.box-step-wrp:nth-child(3) .description {
bottom: -327px;
left: 69px;
width: 182px;
}
li.box-step-wrp:nth-child(2) {
max-width: 278px;
}
}
@media (max-width: 767px) {
li.box-step-wrp:nth-child(3) .description {
width: 100%;
}
.how-we-work-steps {
bottom: 0;
}
.h_icon {
margin: auto !important;
}
.why_box_item:nth-child(1) img.h_icon, .why_box_item:nth-child(3) img.h_icon {
margin-left: auto !important;
margin-right: auto !important;
}
.how-we-work .container-wrapper {
padding: 15% 5%;
position: relative;
}
span.title {
padding: 15px 0 5px;
}
span.title {
font-size: 22px;
}
span.number {
padding-left: 0;
}
.types-of-link-steps .row {
display: flex;
flex-wrap: wrap;
}
.types-of-link-btn {
padding-top: 32px;
}
.Testimonials .slide-content {
margin-top: 0px;
height: 250px;
}
.Testimonials .slide {
padding: 0px 5px;
}
.banner_section .container {
display: block;
height: 100%;
padding: 100px 0px 0px !important;
}
}
@media (max-width: 755px){
.mobile.banner_image {
margin-top: -130px;
}
}
@media (max-width: 670px){
.mobile.banner_image {
margin-top: -180px;
}
}
@media (max-width: 590px){
.banner_section .container {
display: block;
height: 100%;
padding: 85px 0px !important;
}
.mobile.banner_image {
margin-top: -150px;
}
footer.main_footer {
margin-top: 0px;
}
}
@media (max-width: 490px) {
.mobile.banner_image {
margin-top: -50px;
}
}