/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/
/* Parent stylesheet should be loaded from functions.php not using @import */
:root{
--primary: #2D38EC;
--secondary: #01D9D6;
--text: #333;
--dark: #000;
--dark1: #212121;
--white: #FFF;
}
*{
outline: none !important;
}
a:focus{
outline: none !important;
}
div#wrap {
overflow-x: hidden;
}
html{
margin-top: 0 !important;
}
body{
padding-top: 101px;
}
html p:last-child{
margin-bottom: 0;
}
.container {
width: 100% !important;
max-width: 100%;
padding: 0 !important;
}
.elementor-container {
padding-left: 25px;
padding-right: 25px;
}
.elementor-container .elementor-container{
padding-left: 0;
padding-right: 0;
}
.elementor-section-full_width .elementor-container {
padding-left: 0;
padding-right: 0;
}
html.sticky header#masthead img {
max-width: 85%;
}
header#masthead img{
transition: all 0.4s;
}
header#masthead {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
z-index: 999 !important;
transition: all 0.5s;
}
.highlight_text h2 span {
color: #2E37ED;
font-weight: 700;
}
.elementor-button {
display: inline-flex;
line-height: 44px !important;
padding: 0px 62px 0px 30px !important;
justify-content: center;
align-items: center;
border-radius: 50px !important;
background-color: var(--primary) !important;
color: var(--white) !important;
text-align: center;
font-size: 16px !important;
font-weight: 500 !important;
text-transform: capitalize;
position: relative;
}
.elementor-button:hover {
background-color: var(--dark1) !important;
color: #fff !important;
}
.elementor-button:before {
content: "";
height: 38px;
width: 38px;
position: absolute;
background-color: var(--white);
border-radius: 50px;
left: auto;
right: 0;
top: 0;
bottom: 0;
margin: auto 4px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
transition: all 0.4s;
}
.elementor-button:hover:before {
transform: rotate(45deg);
}
.btn-white .elementor-button{
background-color: var(--white) !important;
color: var(--dark1) !important;
}
.btn-white .elementor-button:before{
background-color: var(--dark1);
background-image: url('data:image/svg+xml,');
}
.btn-white .elementor-button:hover{
background-color: var(--primary) !important;
color: var(--white) !important;
}
.btn-white .elementor-button:hover:before{
background-color: var(--white);
background-image: url('data:image/svg+xml,');
}
/* desktop - new css */
header .elementor-element.header_menu {
margin-right: auto;
}
html .content-area,
html .content-left-sidebar .content-area{
margin-bottom: 0;
}
.btn-dark .elementor-button {
background: transparent !important;
color: #010438 !important;
}
.btn-dark .elementor-button:hover {
background-color: var(--primary) !important;
color: #fff !important;
}
.btn-dark .elementor-button:before {
background-color: #010438;
background-image: url('data:image/svg+xml,');
}
.btn-dark .elementor-button:hover:before {
background-color: #000;
}
.counter_text span.elementor-counter-number-prefix {
display: none;
}
.counter_text span.elementor-counter-number-suffix{
color: #2E37ED;
}
.counter_text .elementor-counter .elementor-counter-title{
text-align: left;
}
.header ul.hfe-nav-menu > li{
position: relative;
}
.header ul.hfe-nav-menu > li.menu-item.current_page_item:before {
opacity: 1;
visibility: visible;
}
.header ul.hfe-nav-menu > li:before {
content: "";
position: absolute;
height: 6px;
width: 6px;
border-radius: 50%;
background: #2E37ED;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
transition: all 0.4s;
opacity: 0;
visibility: hidden;
}
.header ul.hfe-nav-menu > li:hover:before {
opacity: 1;
visibility: visible;
}
.contact_link ul li .elementor-icon-list-icon {
height: 42px;
width: 42px;
min-width: 42px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.05);
background-color: #EFF5FC;
padding: 0 !important;
margin-right: 10px;
}
.contact_link ul li .elementor-icon-list-text a {
color: #010438;
}
.contact_link ul li .elementor-icon-list-text a:hover {
color: var(--primary);
}
.header_menu ul.hfe-nav-menu > li{
margin-right: 30px !important;
}
.f_heading h2 span {
font-family: 'klainy-light';
}
.header_btn_call.header_btn .elementor-button {
background: #EFF5FC !important;
color: #010438 !important;
border: 1px solid transparent;
}
.header_btn_call.header_btn .elementor-button:hover{
background: #EFF5FC !important;
color: #010438 !important;
border: 1px solid #010438 ;
}
.header_btn_call.header_btn .elementor-button .elementor-button-icon {
width: 20px;
height: 20px;
font-size: 18px;
}
.header_btn_call.header_btn_call_icon.header_btn .elementor-button {
padding: 0 !important;
height: 44px;
width: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.header_btn .elementor-button:before{
display: none;
}
.header_btn .elementor-button {
padding: 0 30px !important;
line-height: 42px !important;
background-color: #010438 !important;
font-weight: 400 !important;
font-size: 15px !important;
}
.header_btn .elementor-button:hover {
background-color: var(--primary) !important;
}
.header_btn .elementor-button .elementor-button-content-wrapper {
align-items: center;
}
.header_btn .elementor-button .elementor-button-icon {
display: flex;
align-items: center;
height: 18px;
width: 18px;
}
.prosperity_icon_list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.prosperity_icon_list ul li {
width: 49%;
margin-bottom: 10px !important;
}
.counter-section {
margin-top: -107px;
margin-right: calc(50% - 50vw);
margin-left: 350px;
}
.counter-section .elementor-counter-number-suffix {
color: var(--primary);
}
html .banner_section:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-image: url("/wp-content/uploads/2024/01/Group-239750-1.png");
background-repeat: no-repeat;
background-position: left bottom;
background-size: cover;
padding-bottom: 8%;
}
.blog a.prev.page-numbers, .blog a.next.page-numbers {
overflow: hidden;
}
html .both-fields-wrap {
width: 500px;
position: relative;
margin-bottom: 0 !important;
}
.subcribe_form form .wpsf-form-message:empty {
display: none;
}
.subcription_col_wrapper > .elementor-container{
flex-wrap: wrap;
}
.subcribe_form .wpsf-subscription_form {
background-color: transparent;
padding: 0;
}
.subcribe_form {
width: 520px !important;
}
html .both-fields-wrap .wpsf-field-wrap {
width: 100% !important;
max-width: 100%;
}
.subcribe_form form input[type="email"] {
background: #FFF !important;
color: #777 !important;
font-family: 'Archivo';
font-size: 18px;
height: 56px;
max-width: 100%;
width: 100%;
border-radius: 17px !important;
padding: 0 150px 0 20px !important;
}
.subcribe_form form input[type="submit"] {
background-color: #2D38EC !important;
color: #FFF !important;
border-radius: 11px !important;
font-family: 'klainy-medium';
font-size: 16px !important;
font-style: normal;
line-height: normal !important;
text-transform: uppercase;
width: auto !important;
padding: 0 26px;
height: 100%;
letter-spacing: 0;
}
.subcribe_form form input[type="submit"]:hover {
background: #000 !important;
}
html .both-fields-wrap .wpsf-field-wrap.wpsf-btn-parent {
width: auto !important;
max-width: none;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: 5px;
}
.branch_box {
padding: 0 10px;
}
.footer_image_section{
position: relative;
}
.footer_image_section::before{
content: "";
display: block;
height: 100%;
width: 260px;
background-color: var(--white);
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto 0;
}
.testimonial-carousel .owl-stage-outer {
margin-right: calc(50% - 50vw);
}
.testimonial-carousel .item {
border-radius: 30px;
position: relative;
overflow: hidden;
}
.testimonial-carousel .item .imgs {
height: 400px;
width: 100%;
}
.testimonial-carousel .item .imgs img {
height: 100%;
width: 100%;
object-fit: cover;
transition: all 0.4s;
}
.testimonial-carousel .item:hover .imgs img {
transform: scale(1.1);
}
.testimonial-carousel .item .wr {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 10px;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.4s;
border-radius: 20px;
padding: 12px 8px 12px 15px;
}
.testimonial-carousel .item .wr .wrtxt {
flex-grow: 1;
}
.testimonial-carousel .item .wr p {
color: #fff;
font-size: 14px;
line-height: 120%;
}
.testimonial-carousel .item:hover .wr {
background: #2D38EC;
}
.testimonial-carousel .item .wr {
border-radius: 20px;
background: rgba(0, 0, 0, 0.48);
backdrop-filter: blur(2px);
}
.testimonial-carousel .item .wr h3 {
margin: 0;
color: #FFF;
font-size: 16px;
opacity: 2;
transition: all 0.4s;
font-weight: 400;
}
.testimonial-carousel .item:hover .wr h3 {
opacity: 1;
}
.testimonial-carousel .item .wr .playicons {
font-size: 0;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
background: rgb(51 51 51 / 40%);
border-radius: 50px;
transition: all 0.4s;
min-width: 36px;
}
.testimonial-carousel .item:hover .wr .playicons {
background: #FFF;
}
.testimonial-carousel .item .wr .playicons:before {
content: "";
display: block;
width: 12px;
height: 12px;
background-image: url("/wp-content/uploads/2024/01/Vector.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: all 0.4s;
margin-left: 3px;
margin-top: 2px;
}
.testimonial-carousel .item:hover .wr .playicons:before {
background-image: url("/wp-content/uploads/2024/01/Vector-1.svg");
}
.testimonial-carousel .owl-nav {
display: flex;
align-items: center;
position: absolute;
right: 0;
top: -125px;
}
html .testimonial-carousel .owl-nav [class*="owl-"] {
font-size: 0;
width: 60px;
height: 50px;
background: #F5F7FD;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px 0 0 50px;
transition: all 0.4s;
}
html .testimonial-carousel .owl-nav [class*="owl-"] span{
display: none;
}
html .testimonial-carousel .owl-nav .owl-next {
border-radius: 0 50px 50px 0;
margin-left: 6px;
}
html .testimonial-carousel .owl-nav [class*="owl-"]:hover {
background: #2E37ED;
}
html .testimonial-carousel .owl-nav [class*="owl-"]:before {
content: "";
display: block;
}
html .testimonial-carousel .owl-nav [class*="owl-"]:before {
content: "";
display: block;
width: 24px;
height: 24px;
background-image: url("https://valu.costatechnolab.com/wp-content/uploads/2024/01/Vector-2.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: all 0.4s;
}
html .testimonial-carousel .owl-nav .owl-next:before {
transform: scaleX(-1);
}
html .testimonial-carousel .owl-nav [class*="owl-"]:hover:before {
filter: brightness(0) invert(1);
}
.services-wpr {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #E2E2E2;
transition: all 0.4s;
position: relative;
background: url("images/service-bg.jpg") no-repeat center center;
background-size: cover;
z-index:1;
margin-left: 70px;
}
.services-wpr:hover {
color: #FFF;
}
.services-wpr:before {
content: "";
display: block;
width: 50px;
height: 100px;
background: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0;
transform: scale(0.5);
transition: all 0.4s;
position: absolute;
right:95%;
top: 0;
bottom: 0;
margin: auto 10px;
}
.services-wpr:hover:before {
opacity: 1;
transform: scale(1);
right:100%;
}
.services-wpr:after{
position: absolute;
left:0;
top:0;
bottom:0;
right:0;
content: "";
display: block;
background-color: #fff;
z-index: -1;
opacity: 1;
transition: all 0.4s;
}
.services-wpr:hover:after{
opacity: 0;
}
.services-wpr > * {
padding: 0 15px;
}
.services-wpr .num {
padding-left: 30px;
}
.services-wpr .num h5 {
margin-bottom: 0;
color: #2D38EC;
font-family: 'klainy-regular';
font-size: 40px;
line-height: 120%;
transition: all 0.4s;
}
.services-wpr .title {
width: 430px;
max-width: 100%;
}
.services-wpr .title h2 {
color: #333;
font-family: 'klainy-medium';
font-size: 36px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.72px;
text-transform: capitalize;
margin-bottom: 0;
transition: all 0.4s;
}
.services-wpr .text {
width: 400px;
max-width: 100%;
}
.services-wpr .text p {
color: #333;
font-family: "Poppins", ui-sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 170%;
transition: all 0.4s;
}
.services-wpr:hover .num h5,
.services-wpr:hover .title h2,
.services-wpr:hover .text p {
color: #FFF;
}
.services-wpr .images {
width: 150px;
min-width:150px;
position: relative;
z-index: 1;
}
.services-wpr .img {
height: 150px;
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
}
.services-wpr .img img {
max-height: 100%;
transition: all 0.4s;
}
.services-wpr:hover .img.img1 img {
opacity: 0;
transform: scale(0.8);
}
.services-wpr .images .img2{
position: absolute;
left:0;
top:0;
right:0;
bottom:0;
transform: scale(1.3);
opacity: 0;
visibility: hidden;
transition: all 0.4s;
}
.services-wpr:hover .images .img2{
transform: scale(1);
opacity: 1;
visibility: visible;
}
.home-blog .blfe-post-grid-item-inner {
position: relative;
padding-right: 26px;
}
.home-blog a.blfe-post-grid-image {
height: 250px !important;
border-radius: 10px;
overflow: hidden;
}
.home-blog a.blfe-post-grid-image:before {
display: none !important;
}
.home-blog a.blfe-post-grid-image img {
height: 100%;
min-height: 0;
object-fit: cover;
transition: all 0.4s;
}
.home-blog .blfe-post-grid-item-inner:hover a.blfe-post-grid-image img {
transform: scale(1.1);
}
.home-blog .blfe-post-category {
position: absolute !important;
top: 0;
left: 0;
margin: 10px !important;
}
.home-blog .blfe-post-category a {
margin: 0 !important;
font-family: 'klainy-regular';
line-height: 22px !important;
border-radius: 48px;
background: rgba(51,51,51,0.47) !important;
backdrop-filter: blur(7px);
padding: 3px 13px 0 !important;
}
.home-blog .blfe-post-grid-details {
margin-top: 20px;
}
.home-blog .blfe-post-grid-details h3 {
color: #212121;
font-size: 22px;
font-family: 'klainy-regular';
font-style: normal;
font-weight: 500;
line-height: 120%;
}
.home-blog .blfe-post-grid-details h3 a {
color: inherit !important;
font-family: inherit !important;
}
.home-blog .blfe-post-grid-details h3 a:hover {
color: #2e37ed !important;
}
.home-blog .blfe-post-grid-details p.blfe-post-grid-excerpt {
color: #212121 !important;
font-family: 'klainy-regular';
font-size: 15px !important;
font-style: normal;
font-weight: 400;
margin: 0 !important;
}
.home-blog .blfe-post-grid-details .blfe-post-grid-date {
color: #212121 !important;
font-family: 'klainy-regular';
font-size: 13px;
line-height: normal;
text-transform: uppercase;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 0;
writing-mode: vertical-rl;
transform: scale(-1);
opacity: 0.7;
}
.home-blog .blfe-post-grid-details .blfe-post-grid-date:after {
content: "";
display: inline-block;
width: 1px;
height: 50px;
background: #212121;
margin-top: 10px;
}
.home-blog .blfe-post-grid-details .blfe-post-read-more {
border-radius: 8px;
background: #01D9D6;
line-height: 44px;
position: absolute;
left: 6px;
top: 199px;
right: 32px;
color: #212121;
z-index: 1;
margin: 0;
transform: translateY(50px);
opacity: 0;
}
.home-blog .blfe-post-grid-details .blfe-post-read-more:hover {
background: #FFF;
color: #000;
}
.home-blog .blfe-post-grid-item-inner:hover .blfe-post-grid-details .blfe-post-read-more {
transform: translateY(0);
opacity: 1;
}
.blog .site-main {
padding-top: 0;
padding-bottom: 100px;
}
.blog .parent-blog h1 {
color: var(--primary);
font-size: 60px;
font-weight: 700;
line-height: normal;
text-align: center;
margin-bottom: 0;
}
.blog .parent-blog h1 span {
color: #333;
font-family: 'klainy-light';
}
.blog .container {
max-width: 1320px;
}
.parent-blog {
padding: 100px 0 230px;
margin-left: calc( 50% - 50vw );
margin-right: calc( 50% - 50vw );
position: relative;
}
.parent-blog:before {
content: "";
background-image: url(/wp-content/uploads/2024/01/Frame-240024.png);
position: absolute;
top: auto;
width: 100%;
height: 140px;
bottom: 0;
left: 0;
right: 0;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
html .blog .content-area.clr {
padding-top: 100px !important;
}
.blog ul.meta.obem-default.clr li.meta-cat i.icon-folder:before,
.blog ul.obem-default li:after,
.blog ul.meta.obem-default.clr i.icon-clock:before {
display: none;
}
.blog .blog-entry-inner.clr {
border: 0;
padding: 0;
position: relative;
}
body .blog .oceanwp-row .span_1_of_3 {
padding: 0;
}
.blog .blog-entry.grid-entry .thumbnail{
margin: 0;
}
.blog article {
padding: 0 35px !important;
}
.blog .entries.clr.oceanwp-row {
margin: 0 -35px !important;
}
.blog .blog-entry.post .thumbnail .overlay{
display: none;
}
.blog ul.meta.obem-default.clr li.meta-cat {
position: absolute;
top: 15px;
left: 15px;
border-radius: 48px;
background: rgba(51, 51, 51, 0.47);
backdrop-filter: blur(7px);
padding: 0 20px;
line-height: 20px;
}
.blog ul.meta.obem-default.clr li.meta-cat a {
color: #FFF;
font-size: 12px;
font-weight: 450;
line-height: 150%;
}
.blog ul.meta li i{
padding: 0;
}
.blog .blog-entry.post .thumbnail a{
overflow: hidden;
border-radius: 10px;
}
.blog .blog-entry.post .thumbnail img {
border-radius: 10px;
transition: all 0.4s;
}
.blog .blog-entry.post .thumbnail img:hover {
transform: scale(1.1);
}
.blog header h2.blog-entry-title.entry-title {
color: #333;
font-size: 22px !important;
font-weight: 500;
line-height: 120%;
}
.blog .blog-entry.post .blog-entry-header .entry-title a:hover {
color: #2E37ED;
}
.blog .blog-entry.post .blog-entry-header .entry-title a{
transition: all 0.4s;
}
.blog ul.meta.obem-default.clr {
margin: 0;
padding: 0;
}
.blog ul.meta.obem-default.clr li.meta-date {
position: absolute;
top: 105px;
right: -40px;
transform: rotate(-90deg);
color: #333;
font-size: 13px;
font-weight: 450;
text-transform: uppercase;
}
.blog ul.meta.obem-default.clr li.meta-date {
position: absolute;
top: 105px;
right: -75px;
transform: rotate(-90deg);
color: #333;
font-size: 13px;
font-weight: 450;
text-transform: uppercase;
}
.blog header.blog-entry-header.clr {
margin-bottom: 0 !important;
}
.blog .blog-entry-summary.clr p {
color: #333;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.blog ul.meta.obem-default.clr li.meta-date:before {
content: "";
height: 48px;
width: 1px;
background-color: #333;
position: absolute;
transform: rotate(90deg);
left: auto;
top: -10px;
right: -40px;
}
.blog .blog-entry-readmore.clr a {
padding-bottom: 0;
border-bottom: 0;
position: absolute;
border-radius: 8px;
background: #01D9D6;
text-align: center;
line-height: 44px;
color: #333;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
top: 208px;
margin: 0;
opacity: 0;
left: 6px;
right: 6px;
}
.blog .blog-entry-readmore.clr a:hover{
background-color: var(--white);
}
.blog .blog-entry-readmore.clr a .fa-angle-right:before{
display: none;
}
.blog .blog-entry.grid-entry .blog-entry-readmore{
margin-top: 0;
}
.blog-entry-inner.clr:hover .blog-entry-readmore.clr a {
opacity: 1;
}
.blog ul.page-numbers {
justify-content: center;
display: flex;
align-items: center;
}
.blog span.page-numbers.current,
.blog li a.page-numbers {
border: 0;
background: none;
}
.blog span.page-numbers.current{
color: #2E37ED;
}
.blog li a.page-numbers{
color: #333;
font-size: 16px;
font-weight: 500;
}
.blog span.page-numbers.current:hover,
.blog li a.page-numbers:hover {
background: none;
}
.blog a.prev.page-numbers {
border-radius: 0 40px 40px 0;
background: #F5F7FD;
height: 50px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.blog a.prev.page-numbers:hover,
.blog a.next.page-numbers:hover{
background-color: #2E37ED !important;
}
.blog .fa-angle-left:before,
.blog .fa-angle-right:before{
display: none;
}
.blog a.prev.page-numbers,
.blog a.next.page-numbers {
border-radius: 50px;
background: #F5F7FD;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
}
.blog a.next.page-numbers{
transform: rotate(180deg);
}
.blog a.prev.page-numbers:hover,
.blog a.next.page-numbers:hover{
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
}
/* blog_detail */
body.single.single-post article {
display: flex;
flex-direction: column;
}
.single-post.content-max-width .thumbnail {
order: 5;
margin-bottom: 30px !important;
}
body.single-post #content-wrap {
max-width: 100% !important;
width: 1320px !important;
}
body.single.single-post article {
display: flex;
flex-direction: column;
}
body.single-post.content-max-width #wrap .entry-header {
order: 3;
text-align: left;
width: 100%;
max-width: 1000px;
margin: 0 auto !important;
padding: 0 !important;
}
html .single-post .thumbnail {
max-width: 1320px !important;
width: 100%;
order: 1;
max-height: 600px;
overflow: hidden;
padding: 0 !important;
margin-bottom: 60px !important;
}
html .single-post h2.single-post-title.entry-title {
color: #2E37ED;
text-align: center;
font-size: 60px;
font-weight: 700;
line-height: 120%;
border-bottom: 0 !important;
padding-bottom: 10px !important;
margin: auto;
width: 85%;
}
html .single-post header.entry-header.clr{
position: relative;
}
html .single-post .thumbnail img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 10px;
}
html .single-post .thumbnail {
height: 600px;
}
html .single-post header.entry-header.clr:before {
content: "";
background-image: url('data:image/svg+xml,');
width: 157.83px;
height: 138.264px;
flex-shrink: 0;
position: absolute;
background-repeat: no-repeat;
background-position: right;
right: -170px;
bottom: -40px;
z-index: 11;
}
body.single-post #main #content-wrap {
max-width: 100% !important;
width: 1320px !important;
padding-top: 70px !important;
}
body.single-post.content-max-width ul.meta {
border: 0;
color: #D5D5D5;
text-align: left;
justify-content: flex-start;
width: 100%;
order: 2;
max-width: 1000px !important;
margin: 0 auto !important;
padding: 0 0 15px 0 !important;
}
html .single-post ul.meta li {
color: #333;
font-size: 16px;
font-weight: 400;
line-height: normal;
width: 85%;
margin: auto;
text-align: center;
}
html .single-post ul.meta li i {
display: none;
}
html .single-post .entry-content {
max-width: 1000px !important;
width: 100% !important;
margin: 0 auto;
font-family:"Poppins", Sans-serif;
order:6;
}
html .single-post figure.wp-block-image.size-full {
width: 70%;
display: block;
margin: 0;
max-width: 70%;
}
html .single-post figure.wp-block-image.size-full img {
width: 100%;
height: 100%;
}
html .single-post figure.wp-block-image.size-full img {
width: 100%;
height: 100%;
max-height: 380px;
object-fit: cover;
padding: 0 5px;
}
html .single-post .site-content .img-wrp {
width: 100%;
display: flex;
}
html .single-post figure.wp-block-image.size-full.half-img {
width: 30%;
max-width: 30%;
}
html .single-post .entry-share {
order: 10;
max-width: 1000px !important;
width: 100%;
margin: 0 auto !important;
padding: 35px 0 !important;
justify-content: center;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-top: 50px !important;
}
html .single-post .entry-share h3 {
color: #333;
font-size: 20px;
font-weight: 450;
line-height: normal;
text-transform: capitalize;
margin-right: 25px;
}
html .single-post .entry-share ul li a .oss-icon {
fill: var(--dark) !important;
}
html .single-post .entry-share ul li a {
background-color: rgba(6, 60, 67, 0.05);
border-color: rgba(0, 0, 0, 0.10) !important;
}
html .single-post .entry-share ul li a:hover {
background-color: var(--primary) !important;
border-color: var(--primary) !important;
}
html .single-post .entry-share ul li a:hover .oss-icon{
fill: var(--white) !important;
}
html .single-post.content-max-width .entry-content p,html .single-post.content-max-width .entry-content h2{
max-width: 1000px !important;
width: 100% !important;
padding: 0 !important;
}
html .single-post.content-max-width .entry-content h2 {
color: #333;
font-size: 34px;
font-weight: 500;
line-height: 150%;
margin-top: 50px;
margin-bottom: 20px;
padding: 0;
}
html .single-post.content-max-width .entry-content img {
display: inline;
margin-right: auto;
margin-top: 30px;
}
html .single-post.content-max-width .entry-content p {
color: #333;
font-size: 16px;
font-weight: 400;
line-height: 150%;
margin-bottom: 14px;
margin-top: 0;
}
.single-post.content-max-width .entry-content blockquote {
max-width: 1000px;
margin: 0;
border: 0;
color: #333;
font-family: Montserrat;
font-size: 20px;
font-weight: 500;
font-style: normal;
line-height: 150%;
border-radius: 8px;
background: #ECECEC;
padding: 40px;
margin-bottom: 30px;
margin-top: 15px;
}
.single-post.content-max-width .entry-content blockquote p{
font-size: 20px;
font-weight: 500;
margin-bottom: 0;
font-family: poppins;
}
.single-post #main {
padding-bottom: 100px;
}
.single-post ol {
padding: 0 !important;
margin: 0 !important;
margin-bottom: 14px !IMPORTANT;
}
.single-post ol li {
list-style: none;
color: #333;
font-size: 16px;
font-weight: 400;
line-height: 150%;
padding-left: 22px !important;
position: relative;
}
.single-post ol li:before {
content: "";
background-image: url('data:image/svg+xml,');
position: absolute;
width: 20.214px;
height: 13px;
background-repeat: no-repeat;
left: 0;
top: 6px;
}
/* contact_section */
.contact_banner_section:Before {
content: "";
background: linear-gradient(0deg, rgba(2, 3, 41, 0.62) 0%, rgba(2, 3, 41, 0.62) 100%);
position: absolute;
top: 0;
z-index: 11;
bottom: 0;
left: 0;
right: 0;
}
.form_box .input-wrp input {
border-radius: 10px;
border: 1px solid rgba(51, 51, 51, 0.20);
background: #FFF;
line-height: 38px;
display: inline-block;
padding: 0 24px;
font-size: 15px;
font-weight: 400;
outline: none;
height: 50px;
}
.form_box .input-wrp textarea {
border-radius: 10px;
border: 1px solid rgba(51,51,51,0.20);
background: #FFF;
height: 100px;
display: inline-block;
padding: 20px 24px;
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
resize: none;
min-height: 100px;
}
.contact_box p a {
color: var(--white);
}
.contact_box p a:hover {
color: var(--secondary);
}
.submit_button.btn input {
padding: 0 30px;
line-height: 44px;
display: inline-block;
color: #FFF;
font-size: 15px;
font-weight: 600;
text-transform: capitalize;
margin-top: 14px;
}
.form_box .input-wrp input::placeholder,
.form_box .input-wrp textarea::placeholder {
color: #333;
}
.input-wrp-row {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.form_box .input-wrp {
width: 100%;
margin-bottom: 15px;
}
.form_box .input-wrp-row .input-wrp {
width: 50%;
padding: 0 10px;
max-width: 50%;
}
.input-wrp label {
font-weight: 600;
}
.input-wrp label em {
font-style: normal;
color: red;
margin-left: 2px;
}
.form_box .input-wrp .wpcf7-not-valid {
border: 1px solid #dc3232 !important;
}
html .form_box .wpcf7-not-valid-tip {
color: #dc3232;
font-size: 14px;
margin-top: 8px;
line-height: 120%;
display: block;
}
span.wpcf7-spinner {
vertical-align: top;
margin-top: 24px;
}
html .form_box .wpcf7 form .wpcf7-response-output {
margin: 20px 0 0 0;
padding: 3px 10px;
border: 2px solid #ff0000;
color: #ff0000;
}
.contact_btn a.elementor-button {
background-color: var(--white) !important;
color: var(--text) !important;
border-radius: 8px !important;
}
.contact_btn a.elementor-button:hover {
background-color: var(--secondary) !important;
color: var(--white) !important;
}
.contact_form_section h2 span {
font-weight: 700;
font-family: "klainy-bold", Sans-serif;
}
.branch_box h3 {
margin-bottom: 0;
}
.service-various-box h3 b {
display: block;
color: #FFF;
font-size: 22px;
font-weight: 450;
text-transform: uppercase;
margin-bottom: 6px;
}
.service-various-box .elementor-widget-container:hover {
background-color: #FFF;
}
.service-various-box .elementor-widget-container:hover b,
.service-various-box .elementor-widget-container:hover p{
color: #333 !important;
}
.service-various-box .elementor-widget-container:hover h3{
color: var(--primary) !important;
}
.service-various-box .elementor-widget-container {
min-height: 340px;
background: rgba(0, 0, 0, 0.08);
}
section.iframe_video {
position: fixed !important;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
background: rgba(0,0,0,0.7);
z-index: 999;
transition: all 0.4s;
opacity: 1;
transform: scale(1);
}
section.iframe_video.hide{
opacity: 0;
transform: scale(1.1);
visibility: hidden;
}
section.iframe_video .ivideo-popup {
background: #fff;
width: 100%;
max-width: 400px;
margin: auto;
border: 10px solid #fff;
border-radius: 24px;
height: 600px;
max-height: 90vh;
position: relative;
}
section.iframe_video .ivideo-popup iframe{
display: block;
height:100%;
width:100%;
border-radius: 16px;
margin:0;
}
section.iframe_video .ivideo-popup .closeiframe {
position: absolute;
right: 0;
top: 0;
margin: -20px;
width: 38px;
height: 38px;
background: var(--primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 36px;
color: #fff;
cursor: pointer;
transition: all 0.4s;
padding-top: 4px;
}
section.iframe_video .ivideo-popup .closeiframe:hover {
background: var(--secondary);
}
.industry-points .elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text {
font: inherit !important;
}
.industry-points .elementor-icon-list-items li.elementor-icon-list-item {
border-radius: 10px;
background: #F5F7F8;
padding: 0 24px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
font-family: "Poppins", sans-serif;
display: inline-block;
vertical-align: top;
line-height: 40px;
transition: all 0.4s;
white-space: nowrap;
pointer-events: none;
margin: 4px;
}
ul.owl-filter-bar {
list-style: none;
/* display: flex; */
display: none;
align-items: center;
justify-content: center;
margin: 15px 0 40px;
gap: 5px;
}
ul.owl-filter-bar li.item span {
border-radius: 10px;
background: #F5F7F8;
padding: 0 24px;
cursor: pointer;
font-size: 15px;
font-weight: 500;
font-family: "Poppins", sans-serif;
display: inline-block;
vertical-align: top;
line-height: 40px;
transition: all 0.4s;
white-space: nowrap;
}
ul.owl-filter-bar li.item span:hover {
color: #fff;
background: var(--primary);
}
.advtestimonials .item {
display: flex;
align-items: center;
gap: 25px;
min-height: 400px;
}
.advtestimonials .item .img {
width: 200px;
min-width: 200px;
height: 200px;
border-radius: 50%;
overflow: hidden;
box-shadow: 0 10px 0 0 var(--primary);
margin-bottom: 10px;
background: var(--dark);
}
.advtestimonials .item .img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
html .elementor-10 .elementor-element.elementor-element-af7b5c7 .htslider-slider .slick-arrow {
background-color: #F5F7FD !important;
border: 0;
height: 50px;
width: 50px;
}
html .elementor-10 .elementor-element.elementor-element-af7b5c7 .htslider-slider .slick-arrow {
position: absolute;
left: 75px;
}
html .elementor-10 .elementor-element.elementor-element-af7b5c7 .htslider-slider .slick-next.slick-arrow {
margin-left: 60px;
}
html .banner_slider .htslider-slider .slick-arrow {
top: auto;
bottom: 20%;
}
.advtestimonials .item .wr {
flex-grow: 1;
}
.advtestimonials .item .desc,
.advtestimonials .item .wr p {
font-size: 16px;
font-family: "Poppins", sans-serif;
color: var(--dark);
line-height: 150%;
}
.advtestimonials .item .wr p {
margin-bottom: 8px;
}
.advtestimonials .item .wr p:empty,
.advtestimonials .item .wr p:last-child {
margin-bottom: 0;
}
.advtestimonials .item .btwr {
position: relative;
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #EBEBEB;
padding-left: 65px;
}
.advtestimonials .item h4 {
font-size: 20px;
font-weight: 500;
margin: 0 ;
color: #000;
}
.advtestimonials .item h5 {
color: #000;
margin: 0;
font-weight: normal;
font-family: "Poppins", sans-serif;
}
.advtestimonials .item .btwr:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 18px;
width: 50px;
height: 50px;
background: url('data:image/svg+xml,');
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.owl-carousel .owl-dots {
margin-top: 35px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.owl-carousel .owl-dots .owl-dot {
width: 19px;
height: 19px;
position: relative;
border-radius: 50%;
border: 1px solid transparent;
cursor: pointer;
transition: all 0.4s;
}
.owl-carousel .owl-dots .owl-dot.active{
border-color:var(--primary);
}
.owl-carousel .owl-dots .owl-dot:before {
content: "";
display: block;
position: absolute;
left: 0.5px;
right: 0;
top: 0px;
bottom: 0;
margin: auto;
width: 9px;
height: 9px;
background: #DEE0F5;
border-radius: 50%;
transition: all 0.4s;
}
.owl-carousel .owl-dots .owl-dot.active:before,
.owl-carousel .owl-dots .owl-dot:hover:before {
background: var(--primary);
}
.hide{
display:none;
}
html .ocean-preloader--active .preloader-image {
max-width: 140px;
}
.elementor-element.elementor-widget-image.pimg-1 {
position: absolute;
left: -130px;
top: -20px;
animation-name:pimg1-stop;
animation-timing-function: linear;
animation-duration: 4s;
animation-iteration-count: infinite;
}
.elementor-element.elementor-widget-image.pimg-1 .elementor-widget-container {
transition: all 0.4s !important;
}
.home-banner {
padding-right: 25px !important;
padding-left: 25px !important;
}
@keyframes pimg1{
0%{
transform: translate(0%, 0%);
}
50%{
transform: translate(5%, -10%);
}
100%{
transform: translate(0%, 0%);
}
}
.elementor-element.elementor-widget-image.pimg-2 {
position: absolute;
left: -200px;
top: 101px;
animation-name:pimg2-stop;
animation-timing-function: linear;
animation-duration: 5s;
animation-iteration-count: infinite;
}
.elementor-element.elementor-widget-image.pimg-2 .elementor-widget-container {
transition: all 0.6s !important;
}
@keyframes pimg2{
0%{
transform: translate(0%, 0%);
}
50%{
transform: translate(5%, -10%);
}
100%{
transform: translate(0%, 0%);
}
}
.elementor-element.elementor-widget-image.pimg-2 img {
transform: rotate(-8deg);
}
.elementor-element.elementor-widget-image.pimg-3 {
animation-name:pimg3-stop;
animation-timing-function: linear;
animation-duration: 8s;
animation-iteration-count: infinite;
top:330px;
}
@keyframes pimg3{
0%{
transform: translate(0%, 0%) scale(0.9);
}
50%{
transform: translate(40%, 140%) scale(1);
}
100%{
transform: translate(0%, 0%) scale(0.9);
}
}
.elementor-element.elementor-widget-image.pimg-3 .elementor-widget-container {
transition: all 0.6s !important;
}
.about_page.about_sec .right_cnt:after{
opacity: 0;
}
.about_page.about_sec .left-cnt a:before{
display: none;
}
.about_page.about_sec .left-cnt a:after {
z-index: 1;
}
.our_term_slider .slide-block {
display: flex;
flex-direction: column !important;
}
.our_term_slider .slide-block {
flex-direction: column !important;
border: none !important;
}
.our_term_slider .slide-block .slide-basic-info span {
justify-content: center !important;
text-align: center !important;
margin-bottom: 10px;
}
.our_term_slider .slide-block .slide-image {
max-width: 260px;
margin: 0 auto;
max-height: 330px;
height: 100%;
min-width: 260px;
min-height: 330px;
overflow: hidden;
border-radius: 20px;
}
.our_term_slider .slide-block .slide-image img {
height: 100%;
object-fit: cover;
}
.our_term_slider .mySwiper .block-shadow {
box-shadow: unset;
padding-left: 0;
padding-right: 0;
}
.our_term_slider .mySwiper .swiper-slide:nth-child(5) .block-shadow span.slide-title:after {
content: "CM";
font-size: 65%;
margin-top: -6px;
vertical-align: top;
display: inline-block;
}
.our_term_slider ul.swiper-wrapper {
transform: unset !important;
}
.our_term_slider ul.swiper-wrapper {
transform: unset !important;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.our_term_slider ul.swiper-wrapper .swiper-slide {
margin-right: 0 !important;
}
.our_term_slider .slide-block {
flex-direction: column !important;
border: none !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.our_term_slider ul.swiper-wrapper .swiper-slide .block-shadow.slider-container-block-background > .slide-content
.slide-description.crop-content {
display: none !important;
}
.our_term_slider .slide-content .slide-read-more {
position: absolute;
top: 0;
max-width: 260px;
left: 0;
margin: 0 auto;
right: 0;
font-size: 0;
text-align: right;
padding: 0px 12px 62px;
height: 410px;
display: flex;
align-items: flex-end;
justify-content: end;
}
.our_term_slider .slide-content .slide-read-more.disable-button {
display: none;
}
.our_term_slider .slide-content .slide-read-more:after {
width: 36px;
height: 36px;
content: '';
background-color: rgb(255 255 255 / 45%);
display: inline-block;
border-radius: 100%;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
transition: all 0.5s;
}
.our_term_slider .mySwiper .block-shadow:hover .slide-content .slide-read-more:after{
background-color: #01D9D6;
}
.successstory.advanced_testimonials ul.owl-filter-bar {
display: flex;
}
.our_term_slider .mySwiper .block-shadow:hover span.slide-title {
color: var(--e-global-color-secondary);
}
.our_term_slider .mySwiper .block-shadow span.slide-title {
transition: all 0.5s;
margin-top: 10px;
margin-bottom: 17px;
}
.our_term_slider .slider-modal-container {
max-width: 100%;
width: 1200px;
max-height: unset;
height: 92%;
padding-top: 200px;
margin: 0px 0 !important;
position: relative;
}
.our_term_slider .slider-modal-container .slide-description {
line-height: 160% !important;
}
.our_term_slider .slider-modal-container:after {
content: '';
background-image: url(/wp-content/uploads/2024/01/Group.svg);
background-repeat: no-repeat;
background-size: 120px;
background-position: 12px 0px;
width: 122px;
height: 100px;
position: absolute;
top: 11px;
background-size: 100px;
}
.our_term_slider .slider-modal .slider-modal-bg {
background: rgb(255 255 255);
}
.our_term_slider .slider-modal-container .slide-block {
flex-direction: row !important;
max-width: 654px;
margin: 0 auto 20px !important;
}
.our_term_slider .slider-modal-container .slide-block .slide-basic-info span {
text-align: left !important;
}
.our_term_slider .slider-modal-container-info .slide-content .slide-read-more {
display: none;
}
.our_term_slider .slider-modal {
align-items: center;
}
.slider-modal.open .slide-basic-info {
align-items: center;
margin: 9px 0;
}
.our_term_slider .slider-modal-container .slide-basic-info {
display: none !important;
width: 100%;
}
.our_term_slider #slider-modal .slider-modal-close {
font-size: 23px;
padding: 0;
top: 36px;
right: 42px;
}
.our_term_slider #slider-modal .slider-modal-close:hover {
color: #2d38ec;
}
body.hidden-scroll {
overflow: hidden !important;
}
#slider-modal .slider-modal-container-info .slider-container-block-background {
/* background: #00000005 !important;
padding: 30px; */
border-radius: 20px;
display: flex;
gap: 23px;
}
.successstory.advanced_testimonials {
display: flex;
flex-direction: column;
}
.successstory.advanced_testimonials .type {
order: 1;
}
.successstory.advanced_testimonials .type ul.owl-filter-bar {
margin-bottom: 0;
margin-top: 70px;
padding-top: 20px;
position: relative;
}
.slide-description {
text-align: left !important;
}
.team_info h4 {
color: var(--e-global-color-primary);
font-family: 'Poppins';
margin-bottom: 8px;
font-size: 26px;
}
.team_info p {
margin-bottom: 26px !important;
font-size: 19px;
font-weight: 500;
}
.slide-description span {
margin-bottom: 10px ;
display: block;
}
.slide-description span:last-child{
margin-bottom: 0 ;
}
.successstory.advanced_testimonials .type ul.owl-filter-bar:before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 6px;
background: #F0F7FF;
border-radius: 50px;
}
.successstory.advanced_testimonials .type ul.owl-filter-bar li.item span {
background: transparent;
font-size: 24px;
position: relative;
font-family: 'klainy-regular';
}
.successstory.advanced_testimonials .type ul.owl-filter-bar li.item span:before {
width: 0%;
height: 6px;
border-radius: 50px;
content: '';
position: absolute;
left: 0;
background: #2d38ec;
top: -20px;
opacity: 0;
transition: all 0.5s;
}
.successstory.advanced_testimonials .type ul.owl-filter-bar li.item.active span:before {
width: 100%;
opacity: 1;
}
.successstory.advanced_testimonials .type ul.owl-filter-bar li.item.active span,
.successstory.advanced_testimonials .type ul.owl-filter-bar li.item:hover span{
color: var(--e-global-color-primary);
}
.successstory.advanced_testimonials .type ul.owl-filter-bar li.item.active span{
font-family: 'klainy-bold';
}
.successstory.advanced_testimonials .s_wpr h4.year_data {
color: #212121;
font-family: 'klainy-medium';
font-size: 22px;
font-weight: 500;
margin-bottom: 0;
}
.successstory.advanced_testimonials .s_wpr h3.blue_head {
color: #2E37ED;
font-family: Poppins;
font-size: 44px;
margin-top: 0;
margin-bottom: 7px;
line-height: 120%;
}
.successstory.advanced_testimonials .s_wpr .year_desc {
color: #555;
font-family: Poppins;
font-size: 16px;
padding-right: 0px;
}
.successstory.advanced_testimonials .s_wpr {
display: flex;
}
.successstory.advanced_testimonials .s_wpr .ls {
width: 390px;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials {
width: calc(100% - 390px);
padding-left: 30px;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .item {
display: block;
min-height: unset;
border-radius: 20px;
overflow: hidden;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .item .img {
width: 100%;
height: 300px;
box-shadow: unset;
border-radius: 0px;
margin-bottom: 0;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .item .wr {
position: absolute;
bottom: 0;
height: 50%;
border-radius: 20px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 113%);
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 13px;
transform: translateY(60px);
opacity: 0;
transition: all 0.5s;
width: 100%;
justify-content: flex-end;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .item:hover .wr {
opacity: 1;
transform: translateY(0px);
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .item .wr .btwr {
border: 0;
padding: 0 10px;
margin: 0;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .item .wr .btwr h4,
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .item .wr .btwr h5 {
color: #fff;
font-size: 16px;
font-weight: 400 !important;
font-family: 'Poppins';
text-align: center;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .item .wr .btwr:before {
display: none;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .owl-dots {
flex-direction: column;
gap: 3px;
position: absolute;
right: -30px;
top: 50%;
margin: 0;
transform: translateY(-50%);
}
.successstory.advanced_testimonials .s_wpr .year_desc p {
margin-bottom: 8px;
}
.year_box_c h3.elementor-image-box-title span {
color: #01D9D6;
text-shadow: 4px 5px 0 #000780;
font-family: 'klainy-medium';
font-size: 160px;
font-style: italic;
font-weight: 700;
line-height: 90%;
display: block;
text-align: center;
margin-top: 25px;
padding-right: 30px;
}
.year_box_c h3.elementor-image-box-title {
margin-bottom: 0;
}
.year_box_c .elementor-image-box-content p.elementor-image-box-description {
line-height: normal;
display: flex;
position: relative;
padding: 0 15px;
z-index: 2;
align-items: center;
}
.year_box_c .elementor-image-box-content p.elementor-image-box-description:before, .year_box_c .elementor-image-box-content p.elementor-image-box-description:after {
width: 74px;
height: 1px;
background: #fff;
content: "";
display: block;
margin: 0 10px;
opacity: 0.6;
}
.year_box_c .elementor-widget-container:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #0C1283;
opacity: 0.6;
z-index: -1;
margin: -4px;
border-radius: 12px;
}
.year_box_c .elementor-widget-container {
position: relative;
z-index: 1;
border-radius: 10px;
min-height: 370px;
display: flex;
align-items: center;
justify-content: center;
}
.touch_col {
align-items: flex-start;
}
.valu-addition-section .elementor-widget-icon-box .elementor-widget-container:hover {
background: var(--primary); border-color: var(--primary) !important;
}
.valu-addition-section .elementor-widget-icon-box .elementor-widget-container svg,
.valu-addition-section .elementor-widget-icon-box .elementor-widget-container h3.elementor-icon-box-title {
transition: all 0.4s;
}
.valu-addition-section .elementor-widget-icon-box .elementor-widget-container:hover svg {
filter: brightness(0) invert(1);
}
.valu-addition-section .elementor-widget-icon-box .elementor-widget-container:hover h3.elementor-icon-box-title {
color: #FFF;
}
.valu-addition-box .elementor-widget-container {
min-height: 210px;
}
@media (max-width:1024px){
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown > ul {
position: fixed !important;
top: 0;
left: 0;
height: 100%;
width: 300px;
background: #000;
display: block;
padding-top: 42px;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown > ul {
position: fixed !important;
top: 0;
right: 0;
height: 100%;
width: 300px;
background: #121212;
display: block;
padding: 42px 20px 0 20px;
transition: all 0.5s;
transform: translatex(500px) !important;
left: auto;
box-shadow: 0 0 22px -9px #ffffff87;
}
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-vertical {
visibility: visible;
opacity: 1;
height: auto;
}
.hfe-nav-menu__toggle.elementor-clickable.hfe-active-menu.hfe-active-menu-full-width {
z-index: 999999;
position: fixed;
top: 14px;
right: 20px;
}
.hfe-nav-menu__toggle.elementor-clickable.hfe-active-menu.hfe-active-menu-full-width path {
fill: #000;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active {
position: fixed !important;
top: 0;
height: 100%;
background: #0000009e;
width: 100% !important;
left: 0 !important;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active > ul {
transform: translate(0) !important;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown > ul > li {
margin-bottom: 5px;
border-bottom: 0 !important;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown > ul > li a {
background-color: transparent !important;
color: #fff !important;
padding: 10px 15px !important;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown > ul > li a:hover {
background-color: #2E37ED !important;
color: #fff !important;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown > ul > li ul.sub-menu.sub-menu-open li a {
color: #000 !important;
padding-left: 20px;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown > ul > li ul.sub-menu.sub-menu-open li a:hover{
color: #fff !important;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown > ul > li ul.sub-menu.sub-menu-open {
border-radius: 0px !important;
overflow: hidden;
margin-top: 5px;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown > ul > li a .hfe-menu-toggle:hover {
border: 0 !important;
}
.header ul.hfe-nav-menu > li:before {
display: none;
}
.successstory.advanced_testimonials .type ul.owl-filter-bar li.item span {
font-size: 17px;
padding: 0 10px;
}
.successstory.advanced_testimonials .type ul.owl-filter-bar {
justify-content: center;
}
.successstory.advanced_testimonials .type ul.owl-filter-bar:before {
height: 8px;
}
.successstory.advanced_testimonials .type ul.owl-filter-bar li.item span:before,
.successstory.advanced_testimonials .type ul.owl-filter-bar li.item span:after {
height: 8px;
}
.successstory.advanced_testimonials .s_wpr h3.blue_head {
font-size: 28px;
}
.successstory.advanced_testimonials .s_wpr .year_desc {
font-size: 14px;
}
.successstory.advanced_testimonials .s_wpr .ls {
width: 300px;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials {
width: calc(100% - 300px);
}
.flower_img .elementor-widget-container {
translate: -205px 0;
}
.about_sec .left-cnt a:after{
display: none
}
}
@media (max-width: 1270px){
html .elementor-10 .elementor-element.elementor-element-af7b5c7 .htslider-slider .slick-arrow {
left: 20px;
}
}
@media (min-width:992px) and (max-width:1199px){
body {
padding-top: 69px;
}
/* blog_list */
.parent-blog {
padding: 70px 0 180px;
}
html .blog .content-area.clr {
padding-top: 70px !important;
padding-right: 20px !important;
padding-left: 20px !important;
}
.blog header h2.blog-entry-title.entry-title {
font-size: 18px !important;
}
.blog .site-main {
padding-bottom: 70px;
}
/* blog_detail */
body.single.single-post article {
padding: 0 20px;
}
html .single-post header.entry-header.clr:before {
right: -30px;
}
.service-various-box .elementor-widget-container {
min-height: 260px !important;
}
html .elementor-10 .elementor-element.elementor-element-af7b5c7 .htslider-slider .slick-arrow {
left: 25px;
top: auto;
bottom: 20px;
}
.service-various-box .elementor-widget-container {
min-height: 330px !important;
}
}
@media (max-width:991px){
body {
padding-top: 69px;
}
/* blog_list */
.parent-blog {
padding: 70px 0 170px;
}
.blog .parent-blog h1 {
font-size: 48px;
}
html .blog .content-area.clr {
padding-top: 60px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.blog .site-main {
padding-bottom: 50px;
}
html .blog .oceanwp-row .span_1_of_3 {
width: 50% !important;
}
html .elementor-10 .elementor-element.elementor-element-af7b5c7 .htslider-slider .slick-arrow {
left: 25px;
top: auto;
bottom: 45px;
height: 40px;
width: 40px;
}
/* news-css */
.service-various-box .elementor-widget-container {
min-height: 220px;
}
header .elementor-element.header_menu {
margin-right: 0;
order: 1;
}
header .elementor-element.header-logo {
margin-right: auto;
}
.counter-section {
margin-left: 180px;
}
.services-wpr {
margin: 0;
padding-right: 150px;
min-height: 150px;
padding-left: 20px;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.services-wpr .num {
padding: 0;
}
.services-wpr .title {
width: auto;
}
.services-wpr .text {
width: 100%;
padding: 0;
margin-top: 10px;
}
.services-wpr .images {
position: absolute;
right: 0;
top: 0;
}
.services-wpr .num h5 {
font-size: 30px;
}
.services-wpr .title h2 {
font-size: 28px;
}
.services-wpr .text p {
font-size: 15px;
}
.services-wpr:before{
display: none;
}
.testimonial-carousel .item .imgs {
height: 300px;
}
.testimonial-carousel .item {
border-radius: 20px;
}
.testimonial-carousel .owl-nav {
top: -80px;
}
ul.owl-filter-bar {
overflow-x: auto;
justify-content: flex-start;
}
ul.owl-filter-bar li.item span {
border-radius: 8px;
padding: 0 20px;
font-size: 13px;
line-height: 34px;
}
.subcribe_form form input[type="email"] {
font-size: 16px;
height: 54px;
}
html .both-fields-wrap {
width: 430px;
}
.footer_image_section::before {
width: 130px;
}
.location_section {
background: linear-gradient(180deg, #F6F7FF 0%, rgba(246, 247, 255, 0.00) 100%);
}
/* blog_detail */
.single-post #main {
padding-bottom: 10px;
}
html .single-post h2.single-post-title.entry-title {
font-size: 42px;
}
html .single-post header.entry-header.clr:before {
bottom: -60px;
}
html .single-post.content-max-width .entry-content p {
font-size: 15px;
}
html .single-post.content-max-width .entry-content h2 {
font-size: 28px;
margin-top: 40px;
margin-bottom: 10px;
}
.single-post.content-max-width .entry-content blockquote {
padding: 30px;
}
.single-post.content-max-width .entry-content blockquote p {
font-size: 17px;
}
.single-post ol li {
font-size: 15px;
}
html .single-post .entry-share {
padding: 25px 0 !important;
margin-top: 30px !important;
}
body.single.single-post article {
padding: 0 20px;
}
.form_box .form-input-wrp{
display: block;
}
/* contact */
.form_box .form_wrap {
display: block;
}
.br_none br{
display: none;
}
html .banner_section:after {
background-size: cover;
padding-bottom: 10%;
}
.valu-addition-box .elementor-widget-container {
min-height: 132px;
}
}
@media (max-width:767px){
.submit_button.btn {
text-align: center;
}
.wpcf7-spinner {
margin: 0 0;
}
body {
padding-top: 82px;
}
html.sticky header#masthead img {
max-width: 65px;
margin-top: -20px;
}
.h_col_1{
order: 1;
}
.h_col_2{
order: 3;
}
.h_col_3{
order: 2;
}
.footer_image_col_2{
order: 1;
}
.footer_text_col_1{
order: 2;
}
.footer_image_section::before{
display: none;
}
.subcribe_form form input[type="email"] {
font-size: 17px;
height: 56px;
max-width: 65%;
width: 65%;
padding: 0 0 0 20px !important;
}
.elementor-button {
line-height: 36px !important;
padding: 0px 46px 0px 22px !important;
border-radius: 50px !important;
font-size: 13px !important;
}
.elementor-button:before {
height: 28px;
width: 28px;
background-size: 11px auto;
}
.counter-section {
margin-left: 0;
}
p {
margin: 0 0 10px;
}
p:last-child {
margin-bottom: 0 ;
}
.services-wpr .text p {
font-size: 12px;
}
.services-wpr > * {
padding: 2px 0;
}
.services-wpr .text {
margin-top: 0;
}
.services-wpr .title h2 {
font-size: 18px;
letter-spacing: 0;
}
.services-wpr .num h5 {
font-size: 18px;
}
.services-wpr .num {
width: 100%;
}
.services-wpr {
padding-right: 120px;
min-height: 120px;
padding-left: 18px;
}
.services-wpr .images {
width: 120px;
min-width: 120px;
}
.services-wpr .img {
height: 120px;
padding: 38px;
}
.testimonial-carousel .owl-stage-outer {
margin-right: -30px;
}
html .testimonial-carousel .owl-nav [class*="owl-"] {
width: 40px;
height: 40px;
}
.testimonial-carousel .owl-nav {
top: -60px;
right: -15px;
}
.service-various-box .elementor-widget-container {
min-height: 250px;
}
html .elementor-10 .elementor-element.elementor-element-af7b5c7 .htslider-slider .slick-arrow {
display: none !important;
}
html .banner_section:after {
padding-bottom: 18%;
}
/* blog_list */
.parent-blog {
padding: 50px 0 130px;
}
.blog .parent-blog h1 {
font-size: 32px;
}
.blog .blog-entry-readmore.clr a {
top: 168px;
}
html .blog .oceanwp-row .span_1_of_3{
width: 100% !important;
}
html .blog .content-area.clr {
padding-top: 20px !important;
}
.blog ul.meta.obem-default.clr li.meta-date {
top: 100px;
right: -47px;
font-size: 9px;
}
.blog header h2.blog-entry-title.entry-title {
font-size: 18px !important;
}
.blog .site-main {
padding-bottom: 20px;
}
/* blog_detail */
html .single-post .thumbnail {
max-height: 280px;
}
html .single-post h2.single-post-title.entry-title {
font-size: 24px;
}
html .single-post ul.meta li {
font-size: 15px;
}
html .single-post.content-max-width .entry-content p {
font-size: 14px;
}
html .single-post.content-max-width .entry-content h2 {
font-size: 22px;
margin-top: 30px;
}
.single-post.content-max-width .entry-content blockquote {
padding:20px;
}
.single-post.content-max-width .entry-content blockquote p {
font-size: 15px;
}
.single-post ol li {
font-size: 14px;
}
.header_btn .elementor-button {
padding: 0 24px !important;
line-height: 38px !important;
font-size: 14px !important;
}
.elementor-container {
padding-left: 20px;
padding-right: 20px;
}
/* conatct */
html .banner_section:after {
padding-bottom: 10%;
}
.prosperity_icon_list ul li {
width: 100%;
}
ul.owl-filter-bar li.item span {
border-radius: 6px;
padding: 0 16px;
font-size: 12px;
line-height: 34px;
}
ul.owl-filter-bar {
margin: 0 -30px 30px;
}
.advtestimonials .item {
flex-direction: column;
align-items: center;
text-align: center;
}
.advtestimonials .item .desc,
.advtestimonials .item .wr p {
font-size: 13px;
}
.advtestimonials .item .btwr {
padding-top: 13px;
margin-top: 15px;
padding-left: 56px;
text-align: left;
}
.advtestimonials .item .btwr:before {
top: 14px;
width: 40px;
height: 40px;
}
.advtestimonials .item h4 {
font-size: 16px;
}
.advtestimonials .item h5 {
font-size: 13px;
}
.advtestimonials .item .img {
width: 100px;
min-width: 100px;
height: 100px;
box-shadow: 0 6px 0 0 var(--primary);
margin-bottom: 0;
}
.advtestimonials .item .wr {
display: flex;
flex-direction: column;
align-items: center;
}
.home-blog .blfe-post-grid-details p.blfe-post-grid-excerpt {
font-size: 13px !important;
}
html .both-fields-wrap {
width: 100%;
}
.subcribe_form form input[type="email"] {
border-radius: 10px !important;
font-size: 15px;
height: 48px;
max-width: 100%;
width: 100%;
padding: 0 120px 0 15px !important;
}
html .both-fields-wrap .wpsf-field-wrap.wpsf-btn-parent {
margin: 4px;
}
.subcribe_form form input[type="submit"] {
border-radius: 7px !important;
font-size: 13px !important;
padding: 0 15px;
}
.industry-points .elementor-icon-list-items li.elementor-icon-list-item {
border-radius: 5px;
padding: 0 18px;
font-size: 13px;
line-height: 32px;
}
html .ocean-preloader--active .preloader-image {
max-width: 90px;
}
.elementor-element.elementor-widget-image.pimg-3 {
top: 260px;
margin-left: 40px;
}
.elementor-element.elementor-widget-image.pimg-1 {
left: -20px;
top: 40px;
}
.br_none br{
display: none;
}
.our_term_slider .slider-modal-container {
background-size: 61px;
margin: 0 15px;
max-height: 100vh;
padding-top: 78px;
height: 95%;
padding: 10px 10px 20px;
}
.our_term_slider .slider-modal-container .slide-block .slide-image {
max-height: 390px;
min-height: 130px;
max-width: 220px;
min-width: 130px;
margin-left: 0;
}
.our_term_slider .mySwiper .block-shadow {
padding-bottom: 0;
}
.team_info p {
margin-bottom: 15px !important;
font-size: 16px;
}
.team_info h4 {
margin-bottom: 0px;
font-size: 19px;
}
.about_page.about_sec .left-cnt a:after{
display: none;
}
.our_term_slider #slider-modal .slider-modal-close {
font-size: 17px;
padding: 0;
top: 6px;
right: 20px;
}
#slider-modal .slider-modal-container-info .slider-container-block-background {
padding: 15px;
flex-direction: column;
gap: 0;
}
.successstory.advanced_testimonials .s_wpr {
display: flex;
flex-direction: column;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials {
width: 100%;
padding-left: 0;
padding-right: 0px;
padding-top: 20px;
}
.successstory.advanced_testimonials .type ul.owl-filter-bar {
margin-top: 45px;
}
.successstory.advanced_testimonials .s_wpr .year_desc {
padding: 0;
}
.successstory.advanced_testimonials .s_wpr .ls {
width: 100%;
text-align: center;
}
.successstory.advanced_testimonials .s_wpr h3.blue_head {
font-size: 24px;
}
.successstory.advanced_testimonials .s_wpr h4.year_data {
font-size: 18px;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .item .img {
height: 230px;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .item .wr .btwr h4,
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .item .wr .btwr h5 {
font-size: 14px;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .item .wr{
opacity: 1;
transform: translateY(0px);
}
.successstory.advanced_testimonials .s_wpr .year_desc br{
display: none;
}
.successstory.advanced_testimonials .type ul.owl-filter-bar li.item span {
font-size: 13px;
padding: 0px 5px;
}
.successstory.advanced_testimonials .type ul.owl-filter-bar:before {
height: 5px;
width: 432px;
}
.successstory.advanced_testimonials .type ul.owl-filter-bar li.item span:before,
.successstory.advanced_testimonials .type ul.owl-filter-bar li.item span:after {
top: -7px;
height: 5px;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .owl-dots {
right: -20px;
}
.successstory.advanced_testimonials .s_wpr .successstory.advtestimonials .owl-dots {
flex-direction: row;
right: 50%;
top: auto;
transform: translateY(50%) translateX(50%);
}
.successstory.advanced_testimonials .type ul.owl-filter-bar {
justify-content: flex-start;
padding-top: 8px;
margin-left: 0;
margin-right: 0;
}
.owl-carousel .owl-dots .owl-dot {
width: 14px;
height: 14px;
}
.owl-carousel .owl-dots .owl-dot:before {
width: 6px;
height: 6px;
}
.flower_img .elementor-widget-container {
translate: -189px 0;
}
.our_term_slider .slider-modal-container:after {
display: none;
}
.slide-description span {
font-size: 15px;
line-height: 160%;
}
.header_btn_call.header_btn .elementor-button .elementor-button-text {
display: none;
}
.header_btn_call.header_btn .elementor-button .elementor-button-icon {
width: 18px;
height: 18px;
font-size: 15px;
margin: 0 !important;
}
.header_btn_call.header_btn .elementor-button {
padding: 0 !important;
width: 34px;
height: 34px;
}
.header_btn .elementor-button {
padding: 0 18px !important;
line-height: 34px !important;
font-size: 13px !important;
}
.header_btn .elementor-button .elementor-button-icon {
margin-right: 2px !important;
}
.header_btn_call.header_btn_call_icon.header_btn .elementor-button {
height: 34px;
width: 34px;
}
.form_box .input-wrp input {
border-radius: 6px;
line-height: 26px;
padding: 0 15px;
font-size: 15px;
height: 44px;
}
.form_box .input-wrp-row .input-wrp {
width: 100%;
max-width: 100%;
}
.form_box .input-wrp textarea {
border-radius: 8px;
padding: 13px;
font-size: 14px;
}
.submit_button.btn input {
line-height: 42px;
margin-top: 0;
}
span.wpcf7-spinner {
margin-top: 8px;
margin-right: -20px;
margin-left: 10px;
}
.year_box_c .elementor-image-box-content p.elementor-image-box-description:before, .year_box_c .elementor-image-box-content p.elementor-image-box-description:after {
width: 54px;
}
.year_box_c h3.elementor-image-box-title span {
font-size: 120px;
}
.year_box_c .elementor-widget-container {
min-height: 280px;
}
.valu-addition-box .elementor-widget-container {
min-height: 0;
}
}