File: /home/imensosw/.trash/css.1/style.css
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");
@font-face {
font-family: 'ProximaNova-Regular';
font-style: normal;
font-weight: normal;
src: url("fonts/ProximaNova-Regular.otf"); }
@font-face {
font-family: 'ProximaNova-Bold';
font-style: normal;
src: url("fonts/Eina01-Regular.ttf"); }
@font-face {
font-family: 'ProximaNova-Thin';
font-style: normal;
font-weight: 300;
src: url("fonts/ProximaNova-Thin.otf"); }
@font-face {
font-family: 'ProximaNova-Extrabold';
font-style: normal;
font-weight: bold;
src: url("fonts/ProximaNova-Extrabold.otf"); }
/*Buttons */
.btn:focus, .btn:active {
outline: none !important;
box-shadow: none !important; }
.btn-primary {
background: #20376A;
border-color: #20376A;
border-radius: 30px;
padding: 10px 40px;
font-weight: 600;
border: none; }
.btn-primary:hover {
background-color: #20376A;
border-color: #20376A; }
.btn-primary.active:not(:disabled):not(.disabled), .btn-primary:active:not(:disabled):not(.disabled), .show > .btn-primary.dropdown-toggle {
background-color: #c1312c;
border-color: #c1312c; }
.btn-inverse {
background-color: #F0F5F7;
border-color: #F0F5F7;
color: #666; }
.btn-inverse:hover {
background-color: #edf0f2;
border-color: #edf0f2;
color: #666; }
.btn-bordered {
border: 2px solid #20376A;
border-radius: 30px;
padding: 7px 27px;
background-color: transparent;
transition: 0.3s all;
color: #20376A; }
.btn-bordered:hover {
background-color: #20376A;
color: #fff; }
/*Form*/
form label {
font-size: 0.9rem; }
.form-control {
padding: 0.575rem 0.85rem;
border-radius: 2px; }
.form-control:focus {
box-shadow: none;
background: #F0F5F7;
border-color: #fd2e35; }
.navbar {
padding: 0;
height: 100px;
border-color: #000;
transition: 0.3s all !important; }
.navbar.navbar-sml {
height: 70px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
background: #fff; }
.navbar .nav-btn {
min-width: 240px;
border-left: 1px solid #DDD;
height: 70px;
align-items: center;
display: flex;
padding-left: 30px; }
.navbar.fixed-top {
/*=================MEGA DROPDOWN===================*/ }
.navbar.fixed-top .navbar-brand img {
width: 130px; }
.navbar.fixed-top .navbar-nav {
align-items: center; }
.navbar.fixed-top .navbar-nav .nav-link {
padding: 0.5em 1em;
color: #000;
font-size: 1rem;
font-weight: 500;
position: relative; }
.navbar.fixed-top .dropdown:hover > .dropdown-menu {
transform: scale3d(1, 1, 1); }
.navbar.fixed-top .dropdown .dropdown-toggle {
color: #000; }
.navbar.fixed-top .dropdown .dropdown-toggle:after {
border: none;
position: absolute;
content: "\f107";
height: 5px;
width: 5px;
font-family: FontAwesome;
top: 10px;
right: 5%; }
.navbar.fixed-top .header .blur-heading {
margin-top: 0; }
.navbar.fixed-top .header .header-links {
padding-left: 0;
list-style: none;
font-size: 0.9em;
margin-top: 15px; }
.navbar.fixed-top .header .header-links li {
margin-bottom: 7px; }
.navbar.fixed-top .header .header-links i {
min-width: 20px;
display: inline-block; }
.navbar.fixed-top .megamenu {
position: static;
border-left: medium none !important;
border-radius: 0;
border-right: medium none !important;
box-shadow: none; }
.navbar.fixed-top .megamenu .dropdown-menu {
border: medium none;
border-radius: 0;
margin-top: -2px;
width: 100%;
padding: 3.125em 0;
left: 0;
top: 100%;
border-bottom: 1px solid #DDD;
transition: all 0.3s ease 0s;
transform: scale3d(1, 0, 1);
transform-origin: center top 0;
display: block; }
.navbar.fixed-top .megamenu .dropdown-menu .blur-heading:after, .navbar.fixed-top .megamenu .dropdown-menu .blur-heading:before {
display: none; }
.navbar.fixed-top .megamenu .megamenu__item {
padding: 20px;
white-space: unset; }
.navbar.fixed-top .megamenu .megamenu__item span {
display: block; }
.navbar.fixed-top .megamenu .megamenu__item img {
width: 50px;
margin-bottom: em(20); }
.navbar.fixed-top .megamenu .megamenu__item-heading {
margin-bottom: 10px;
font-size: 1em; }
.navbar.fixed-top .megamenu .megamenu__item-number {
font-weight: 600;
color: #000;
font-size: 2em; }
.banner .banner__heading {
font-size: 5.125rem;
margin-bottom: 50px;
font-weight: 800;
letter-spacing: -0.015em; }
.imenso_rating .brand-logo {
width: 100px; }
.imenso_rating .brand-logo img {
width: 100%;
height: auto; }
.imenso_rating .g-review p {
font-size: 0.75rem; }
.imenso_rating .g-review .stars i {
color: #ffa500; }
.imenso_rating .footercreds {
display: flex;
align-items: center;
justify-content: flex-end; }
.imenso_rating .footercreds a {
margin: 0 10px; }
.imenso_rating .footercreds a img {
height: auto;
width: 64px; }
.footer__blur-heading {
margin-top: 0; }
.footer__links {
padding-left: 0;
list-style: none;
font-size: 0.875rem;
margin-top: 15px; }
.footer__links li {
margin-bottom: 7px; }
.footer__links i {
min-width: 20px;
display: inline-block; }
.footer .copyright {
font-size: 0.725rem; }
body {
font-size: 1.125rem;
font-family: "Plus Jakarta Sans", sans-serif;
color: #000;
overflow-x: hidden;
overflow-y: scroll;
line-height: 1.6; }
h1, h2, h3, h4, h5 {
line-height: 1.3;
font-weight: 800; }
.container {
max-width: 1200px; }
section {
position: relative; }
a {
color: #000;
text-decoration: none;
outline: none; }
a:hover {
color: #c1312c; }
a:hover, a:focus {
text-decoration: none;
outline: none; }
.burger {
padding: 6.25rem 0; }
.t-burger {
padding-top: 6.25rem; }
.b-burger {
padding-bottom: 6.25rem; }
.gutter {
padding: 0 6.25rem; }
.gutter-sm {
padding: 0 3.125rem; }
.offset {
margin-top: 100px; }
.animate {
transition: all .3s ease-in; }
.opacity-0 {
opacity: 0; }
.opacity-25 {
opacity: .25; }
.opacity-50 {
opacity: .5; }
.opacity-75 {
opacity: .75; }
.opacity-100 {
opacity: 1; }
/*.chosen-container {width:100% !important; }
.checkbox, .radio {
label {margin-bottom:0; cursor:pointer;
&:after {content: ''; display: table; clear: both; }
input[type="checkbox"], input[type="radio"] {display: none; }
}
.checkbox{
.cr {position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: 2px; width: 1.3em; height: 1.3em; float: left; margin-right: .5em;
.cr-icon {position: absolute; font-size: $basefont-size * .8; line-height: 0; top: 50%; left: 13%; }
}
}
.radio{
.cr {position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: 100%; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; border-radius: 50%;
.cr-icon {position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 13%; margin-left: 0.04em; }
}
}
}
input[type="checkbox"] + .cr > .cr-icon, input[type="radio"] + .cr > .cr-icon {transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in; }
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon {transform: scale(1) rotateZ(0deg); opacity: 1; }
.checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr {opacity: .5; } */
/*.bg-0 {background:rgb(33, 32, 34); }
.bg-1 {background:#FBEECA; }
.bg-2 {background:#C6DBF2; }
.bg-3 {background:rgba(123, 216, 240,0.3); }
.bg-4 {background:#f9939a40; }
.bg-5 {background:rgba(193, 219, 131,0.5); }
.bg-6 {background:#a1c7f4 }
.bg-7 {background:rgba(244, 204, 161,0.5); }
.bg-8 {background:#b9adf6 }
.alt-bg-2 {background-color: #E4EDED; }
.theme-bg {background-image: linear-gradient(to right,#0f346c 30%,#764ca6 100%); }*/
/*.hero{display: flex; height: 100vh; align-items: center;
p {font-size: $basefont-size * 1.125; }
}*/
.bg-light {
background-color: #fff !important; }
.white-text {
color: #fff; }
.background_1 {
background-color: #f8f8f8; }
.background_2 {
background-color: #E4EDED; }
.big-text {
font-size: 1.875rem;
font-weight: 600;
line-height: 1.5; }
.shade {
display: inline;
color: #fd2e35;
font-weight: bold;
text-transform: uppercase;
font-size: 0.825rem;
letter-spacing: 2px; }
.section-header h2 {
font-size: 2.125rem;
line-height: 1.4;
margin-top: 20px; }
.big-h3 {
font-size: 40px;
font-weight: 500;
line-height: 1.5; }
.more-stuffs {
padding: 10px 0; }
.blur-heading {
display: block;
text-transform: uppercase;
font-size: 0.8rem;
font-weight: bold;
letter-spacing: 2px;
position: relative; }
/*.services{
&__sidebar {position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; height: 100%; top: 150px; bottom: auto; padding-bottom: 50px; }
&__wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
&-item {width: 100%; padding: 30px; margin-bottom: 50px; display: flex; align-items: flex-start;
&:first-child {margin-top:100px; }
&:last-child {margin-bottom: 0; }
.icon {margin-right: 50px;
ion-icon {font-size: 60px; color: $color__primary; }
}
img {margin-right:50px; }
.number {font-size:2em; display: block; margin-right: 30px; line-height: 1; color: $color__primary; }
}
}
&__item-body {width: 80%;
h5 {margin-top: 0px; font-size:$basefont-size * 1.75; }
p {font-size: $basefont-size * 1.125; font-weight: 500; margin-top: 20px; }
ul {padding-left: 17px; font-size: $basefont-size * 0.9;
li {margin-bottom: 10px; }
}
.link-arrow {display: flex; align-items: center; margin-top: 20px; color: #cf307d; font-size: $basefont-size * 0.9; font-weight:500;
.fa { font-size: $basefont-size * 1; margin-right: 10px; width: 30px; height: 30px; border: 2px solid; border-radius: 100%; text-align: center; line-height: 27px;}
}
}
}*/
.underline {
border-bottom: 8px solid #fedc86; }
.service {
position: relative;
border-top: 1px solid #f0f4f7;
border-bottom: 1px solid #f0f4f7; }
.service:after {
position: absolute;
content: "";
height: 100%;
width: 60%;
background: #f0f4f7;
top: 0;
z-index: -1; }
.service__sidebar {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
height: 100%;
top: 150px;
bottom: auto;
padding-bottom: 50px; }
.service__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
.service__wrapper-item {
width: 100%;
margin-bottom: 150px;
display: flex;
align-items: flex-start; }
.service__wrapper-item:first-child {
margin-top: 100px; }
.service__wrapper-item:last-child {
margin-bottom: 0; }
.service__wrapper-item ul {
padding-left: 17px;
font-size: 0.9em;
font-weight: 600;
margin-top: 30px;
color: #000; }
.service__wrapper-item ul li {
margin-bottom: 10px; }
.service__wrapper-item .link-arrow {
margin-top: 30px; }
.service__wrapper-item .icon {
margin-right: 50px; }
.service__wrapper-item .icon ion-icon {
font-size: 60px;
color: #20376A; }
.service__wrapper-item img {
margin-right: 50px; }
.service__wrapper-item h5 {
margin-top: 0px;
font-size: 50px;
letter-spacing: -0.015em;
color: #000; }
.service__wrapper-item p {
font-size: 18px;
font-weight: 500;
margin-top: 20px;
opacity: 0.7; }
.service__wrapper-item .number {
font-size: 72px;
display: block;
margin-right: 20px;
line-height: 1;
font-weight: 800;
opacity: 0.1; }
.project {
display: flex;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px; }
.project__item {
flex: 0 0 50%;
max-width: 50%;
position: relative;
width: 100%;
min-height: 1px;
padding-right: 20px;
padding-left: 20px;
margin-top: 30px; }
.project__item img {
max-width: 100%;
border-radius: 8px; }
.project__item-brief {
display: flex;
margin-top: 40px;
justify-content: space-between; }
.project__item-brief p {
margin-right: 50px;
width: 350px; }
.project__item-brief h3 {
font-size: 24px;
line-height: 1.5;
font-weight: 500; }
.cursor {
position: fixed;
pointer-events: none;
opacity: 0; }
.cursor-eye {
top: -50px;
left: -50px;
padding: 20px;
z-index: 1;
border-radius: 50%;
background-color: var(--darkblue); }
.cursor-show {
height: 60px;
width: 60px;
background: rgba(0, 0, 0, 0.8);
display: flex;
border-radius: 100%;
text-align: center;
color: #FFF;
justify-content: center;
align-items: center;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px; }
.techicons {
/*display: flex; flex-wrap: wrap;*/
/*flex-wrap: wrap; justify-content: center;*/
list-style: none;
/*overflow: auto; padding: 0;*/
margin-bottom: 0; }
.techicons li {
display: inline-block;
max-width: 12rem;
flex-basis: 12rem;
margin: 0rem .75rem .75rem 0; }
.techicons li a {
position: relative;
display: inline-flex;
min-width: 130px;
align-items: center;
/*width: calc(100% - 1em);*/
padding: 10px 12px;
line-height: 130%;
color: #000;
background-color: #FFF;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
border-radius: 8px;
/*margin-bottom: 16px;*/
border: 1px solid #eee;
font-size: 0.8em;
transition: 0.3s all; }
.techicons li a .ti-image {
margin-right: 15px;
display: flex; }
.techicons li a .ti-image img {
width: 24px;
height: auto; }
.techicons li a:hover {
border-color: #fd2e35; }
.reviewsection {
background-color: #474747;
color: #fff; }
.reviewsection h2 {
font-size: 46px; }
.reviewsection .why-item .big {
font-size: 65px;
font-weight: bold;
display: block;
border-bottom: 1px solid #000; }
.reviewsection .why-item .title {
font-size: 20px;
font-weight: 500;
margin-top: 20px;
display: block; }
.reviewsection .why-item p {
font-size: 14px;
opacity: 0.6;
margin-top: 20px; }
.stats-light {
color: #FFF; }
.stats-light .why-item .big {
border-color: #FEDC86;
color: #FEDC86; }
.client_logo h5 {
margin-bottom: 50px;
position: relative; }
.client_logo h5 span {
color: #fff;
background: #474747;
display: inline-block;
padding: 5px 30px;
position: relative;
z-index: 1;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 16px; }
.client_logo h5:after {
content: '';
position: absolute;
left: 0;
top: 50%;
border-top: 1px solid rgba(255, 255, 255, 0.1);
width: 100%;
height: 1px;
z-index: 0; }
.client_logo ul {
margin: 0;
padding: 0;
list-style: none; }
.client_logo ul li {
border-right: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.client_logo ul li a {
display: block;
transition: .5s ease all;
cursor: default;
position: relative; }
.client_logo ul li a:after {
content: '';
display: block;
padding-bottom: 100%; }
.client_logo ul li a img {
width: 110px;
filter: grayscale(100%);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.client_logo ul li a span {
display: block;
width: 100%;
color: rgba(255, 255, 255, 0.6);
font-size: 16px;
text-transform: uppercase; }
.client_logo ul.col8 {
display: grid;
gap: 0;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: masonry;
width: 940px;
margin: 0 auto; }
.client_logo ul.col8 li {
/*width: 12.5% !important; break-inside: avoid;*/
position: relative; }
.client_logo ul.col8 li a img {
width: 60% !important; }
.client_logo ul.col8 li.bouble {
background-color: #fff;
color: #474747;
grid-column: span 2; }
.client_logo ul.col8 li .stats_feature {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-width: 170px; }
.client_logo ul.col8 li .stats_feature span {
display: block; }
.client_logo ul.col8 li .stats_feature span:last-child {
font-size: .8em;
line-height: 18px;
margin-top: 5px; }
.client_logo ul.col8 li .stats_feature .big-text {
font-size: 2.5em;
font-weight: 700;
color: #474747;
display: inline-block;
line-height: 100%; }
/*Testimonial*/
.testimonial_review .reviewslide {
width: 80%;
max-width: 1070px;
margin: 0 auto;
opacity: 1;
padding: 50px 50px 0px 50px;
border-radius: 4px;
position: relative; }
.testimonial_review .reviewslide__authorimg {
position: absolute;
bottom: 0;
left: 0;
bottom: 0;
width: 260px; }
.testimonial_review .reviewslide__authorimg img {
position: relative;
z-index: 1;
width: 100%; }
.testimonial_review .reviewslide__authorimg:before {
content: "";
position: absolute;
width: 250px;
height: 250px;
background-color: #fedc86;
left: 0px;
top: 0px;
z-index: 0;
border-radius: 100%;
transition: all ease .5s .3s; }
.testimonial_review .reviewslide__content {
padding-left: 280px;
padding-right: 70px;
padding-bottom: 70px;
min-height: 320px; }
.testimonial_review .reviewslide__content .blockquote {
color: #fff;
font-size: 1.25rem;
font-weight: 500;
font-style: italic; }
.testimonial_review .reviewslide__content .blockquote:after {
content: "\f10e";
font-family: FontAwesome;
font-size: 4rem;
height: 80px;
opacity: 0.07;
position: absolute;
right: 40px;
top: 0;
width: 80px; }
.testimonial_review .reviewslide__content-author {
color: #fff;
font-size: 1.125rem;
font-weight: 600;
margin-top: 10px; }
.testimonial_review .reviewslide__content-author .review-role {
color: rgba(255, 255, 255, 0.6);
font-size: 0.875rem;
font-weight: normal; }
.testimonial_review .swiper-slide.swiper-slide-active .review_slide .author_img:before {
left: 24px;
top: -25px; }
.testimonial_review .swiper-slide.swiper-slide-active .review_slide {
width: 80%;
max-width: 1070px;
margin: 0 auto;
opacity: 1;
padding: 50px 50px 0px 50px;
border-radius: 4px; }
.testimonial_review .swiper-button-next, .testimonial_review .swiper-button-prev {
top: auto;
bottom: 10px;
background: url(../images/arrow-right.svg) center no-repeat !important;
background-size: 40px auto !important;
opacity: .5;
border-radius: 0%;
transition: .5s all ease;
overflow: hidden !important;
box-shadow: none;
height: 50px !important;
width: 80px !important;
z-index: 1; }
.testimonial_review .swiper-button-next:after, .testimonial_review .swiper-button-prev:after {
content: ''; }
.testimonial_review .swiper-button-next:hover, .testimonial_review .swiper-button-prev:hover {
opacity: 1; }
.testimonial_review .swiper-button-next {
right: 50% !important;
left: auto;
margin-right: -70px; }
.testimonial_review .swiper-button-prev {
left: 50% !important;
right: auto;
margin-left: -70px;
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.testimonial_review .swiper-slide.swiper-slide-active .reviewslide__authorimg:before {
left: 24px;
top: -25px; }
/*Testimonial*/
.industries .grid {
position: relative;
padding: 1em 0 2em; }
.industries .grid figure {
background-color: transparent !important; }
.industries .grid figure .img {
position: relative;
display: block;
overflow: hidden; }
.industries .grid figure .img img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(1.1) rotate(2deg);
width: 100%;
min-height: 100%;
object-fit: cover; }
.industries .grid figure .img:after {
content: '';
display: block;
padding-bottom: 105%; }
.industries .grid figure figcaption {
transition: .05s all ease;
position: relative;
padding: 1.2em 1.5em; }
.industries .grid figure figcaption a {
text-indent: 0;
border: 1px solid;
color: #fff;
opacity: 1;
font-size: 14px;
padding: 4px 20px 8px;
border-radius: 20px;
margin-top: 20px;
display: inline-block; }
.industries .grid figure figcaption h2 {
color: #fff;
margin-top: 0;
padding-top: 0;
font-size: 22px;
font-weight: 600; }
.industries .grid figure figcaption p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
padding: 0;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 2;
color: #FFF;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 10px;
font-size: 14px;
font-weight: 300; }
.industries .grid figure:nth-child(1n) figcaption {
background: #20376a !important; }
.industries .grid figure:nth-child(2n) figcaption {
background: #58698f !important; }
.industries .grid figure:nth-child(3n) figcaption {
background: #8f9bb4 !important; }
.industries .grid figure:nth-child(4n) figcaption {
background: #aeb6c7 !important; }
.industries .grid figure:nth-child(5n) figcaption {
background: #8f9bb4 !important; }
.industries .grid figure:nth-child(6n) figcaption {
background: #58698f !important; }
.industries .grid figure:nth-child(7n) figcaption {
background: #20376a !important; }
.industries .grid figure:hover .img img {
transform: translate(-50%, -50%) scale(1) rotate(0deg); }
.industries .grid .swiper-industries {
padding-bottom: 50px !important; }
.blog {
border-radius: 18px;
overflow: hidden;
margin: 13px 15px;
display: inline-block;
background: #FFF;
/*&__body{ padding:.5rem 1.5rem; display:flex; flex-direction: column; justify-content: center; height: 100%; border: 1px solid #dee2e6!important;
h5{ font-size:1.25rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
p{ font-size:.875rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom:0 }
}*/ }
.blog .blog__img {
position: relative;
display: block;
overflow: hidden; }
.blog .blog__img:after {
content: '';
position: relative;
display: block;
padding-bottom: 62.67%; }
.blog .blog__img img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
min-height: 100%; }
.blog .blog__img.col2:after {
padding-bottom: calc(130% - 7px); }
.blog .blog__body {
padding: 30px; }
.blog .blog__body .blog__date {
font-size: 70%;
margin-bottom: 15px; }
.blog .blog__body .blog__date a {
color: #6c757d !important; }
.blog .blog__body .blog__date i {
margin-right: 5px; }
.blog .blog__body h5 {
font-size: 22px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.blog .blog__body p {
font-size: .875rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0; }
.blog .readmore {
font-size: .75rem;
margin-top: 25px;
display: inline-block;
position: relative; }
.blog .readmore:after {
content: "→";
margin-left: 10px;
transition: .5s ease all; }
.blog .readmore:before {
content: '';
position: absolute;
bottom: -5px;
width: 50px;
height: 1px;
background: #999; }
.blog .readmore:hover {
text-decoration: none; }
.blog .readmore:hover:after {
margin-left: 20px; }
/*.banner{display: flex; height: 100vh; align-items: center;
&__heading{font-size: $basefont-size * 5.125; margin-bottom: 50px; font-weight: 800; letter-spacing: -0.015em;}
p {font-size: $basefont-size * 1.125; margin-top:50px }
}
.creds{display: flex;
&__item{margin-right: 30px; min-width: 130px;}
span{ display:block }
&__number { font-size: $basefont-size * 1.875; font-weight: bold; color: $color__secondary;}
&__cnt{ font-size: $basefont-size * 0.875; letter-spacing: 1px; text-transform: uppercase;}
}*/
.banner-hero {
display: flex;
height: 100vh;
align-items: center; }
.banner-hero h1 {
font-size: 82px;
margin-bottom: 50px;
font-weight: 800;
letter-spacing: -0.015em;
transform: skew(0deg, -6deg);
color: #20376A; }
.banner-hero p {
font-size: 20px;
font-weight: 500;
opacity: 0.7; }
.banner-hero__left {
width: 50%;
padding-left: 100px;
padding-right: 10px;
display: flex;
flex-direction: column;
justify-content: center; }
.banner-hero__right {
width: 50%; }
.banner-hero .line1 {
position: absolute;
transform: rotate(-55deg);
right: -239px;
top: 106px; }
.banner-hero .line2 {
position: absolute;
transform: rotate(-55deg);
left: -121px;
top: 106px; }
.help h2 {
font-size: 3.25rem !important; }
.help .btns .btn {
margin: 0 10px;
font-size: 1.125rem; }
.more-stuffs a {
font-size: 0.9rem;
color: #000;
display: flex;
align-items: center; }
.more-stuffs a .fa {
font-size: 1.125rem;
margin-left: 10px; }
.schema-faq-code .faq h2 {
font-size: 1.25rem; }
.schema-faq-code .faq__q {
font-weight: normal;
border: none !important;
font-size: 1rem !important;
margin: 0;
padding: 12px 56px 12px 0px;
line-height: 1.4;
cursor: pointer;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.schema-faq-code .faq__q:after {
content: "+";
position: absolute;
top: 50%;
right: 0;
width: 16px;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #000;
font-size: 1.5rem !important;
font-weight: normal !important; }
.schema-faq-code .faq__q.faq__q-open:after {
content: "-"; }
.schema-faq-code .faq__a {
margin: 0;
border-bottom: 1px solid #dedee0;
padding: 20px 0;
background-color: transparent;
font-size: 1rem;
line-height: 24px;
padding-top: 5px;
color: #5d6769;
display: none; }
.schema-faq-code .faq__a ul {
list-style: disc;
margin-left: 30px; }
.schema-faq-code .faq__a ul li {
margin-bottom: 10px; }
.schema-faq-code .faq__question:last-child .faq-div {
border-bottom: none; }
.schema-faq-code .faq__question:last-child .faq__a {
border-bottom: 0px;
border-bottom: 0px;
border-bottom: 0px; }
.schema-faq-code .faq__div {
border-bottom: 1px solid #CCC; }
.schema-faq-code .faq__q-open {
color: #0f346c; }
.schema-faq-code .faq__a-open, .schema-faq-code .faq__q-open {
opacity: 1; }
/*# sourceMappingURL=style.css.map */