:root {
--primary: linear-gradient(to right, #0c5adb, #3f1399,  #0c5adb);
--accent: linear-gradient(to right, #3f1399, #0c5adb,  #3f1399));
--secondary: 220% 150%;
--text-font: 16px;
--text-weight: 400;
--text-line: 28px;
--text-color: rgb(122, 122, 122);
--font-family: Montserrat;
}
.blog-detail p, .blog-detail ul, .blog-detail ol, .blog-detail li, .error-box p{
font-size: var(--text-font);
font-weight: var(--text-weight);
line-height: var(--text-line);
color: var(--text-color);
font-family: var(--font-family);
}
.error-box h2{
font-size: 50px;
font-weight: 600;
line-height: 1.1;
}
.about-tab li.active, .about-tab li:hover, .menu .elementskit-menu-hamburger, .menu .elementskit-menu-close, .contact-form-style-one button, .blog-area.full-blog .item .info .btn, .btn.btn-theme::after, .btn.circle{
background-image: var(--primary);
background-size: var(--secondary);
}
.btn.btn-theme:hover::after{
-webkit-transform: translateY(0%) skew(0deg) scale(0);
transform: translateY(0%) skew(0deg) scale(0);
background-color: none !important;
}
.btn.btn-theme:hover, .contact-form-style-one button:hover, .btn.circle:hover{
background-position: -70% 0 !important;
}
.contact-form-style-one button:hover::after{
transform: translateY(0px) skew(0) scale(0) !important;
}
.blog-area.full-blog .item .info .btn:hover:after{
position: absolute;
top: 0;
right: inherit;
bottom: inherit;
left: 0 !important;
content: "";
height: 100%!important;
width: 100% !important;
z-index: -1;
background-image: var(--accent) !important;
background-size: 220% 150% !important;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.menu .elementskit-menu-close{
color: #fff !important;
}
.cart-effect:hover h4, .cart-effect:hover p{
color: #fff !important;
}
.footer-item .logo {
filter: invert(1) !important;
}
.services-style-two .item{
text-align: center;
}
.services-style-two .item .btn-icon i{
transform: rotate(0deg) !important;
}
.services-style-two .item .btn-icon{
padding: 0px !important;
}
.products .elementor-icon-box-icon{
display: inline-block;
}
.products .elementor-icon-box-icon span{
height: 75px;
width: 75px;
background: #0f56d7 ;
text-align: center;
line-height: 55px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
fill: #ffffff !important;
}
.products.pro-2 .elementor-icon-box-icon span{
background: #FF2D59 !important;
}
.products.pro-3 .elementor-icon-box-icon span{
background: #4ADB61 !important;
}
.products.pro-4 .elementor-icon-box-icon span{
background: #FFCC00 !important;
}
.products.pro-5 .elementor-icon-box-icon span{
background: #007BFF !important;
}
.products.pro-6 .elementor-icon-box-icon span{
background: #FF6800 !important;
}
.main-product{
box-shadow: 0 20px 50px rgb(0 0 0 / 10%);
}
.main-product:hover .products .elementor-icon-box-icon svg, .main-product:hover .products .elementor-icon-box-icon i{
fill: #0F56D7;
color: #0F56D7;
}
.main-product:hover .products .elementor-icon-box-icon span{
background-color: #ffffff !important;
}
.main-product:hover .products p.elementor-icon-box-description{
color: #ffffff !important;
} .main-product .products p.elementor-image-box-description{
text-align: center !important;
}
.main-product:hover .elementor-icon-box-title span{
color: #ffffff !important;
} .main-product :hover .products .elementor-icon-box-content .elementor-icon-box-title span{
color: #ffffff !important;
}
.main-product:hover .product-btn .elementor-button {
background: #ffffff !important;
}
.main-product:hover .product-btn  a svg{
fill: #0F56D7 !important;
} .navbar .attr-right .attr-nav li.button a, .head-compass .elementor-widget-container a{ background: #ffffff !important; }
.navbar .attr-right .attr-nav li.button a img, .head-compass .elementor-widget-container img{
filter: brightness(0) invert(0);
width: 30px !important;
}
.footer-custom-style .row .col-lg-2, .footer-custom-style .row .col-lg-3 {
width: 33.33% !important;
}
body.home .africa-header {
position: absolute;
z-index: 9;
top: 0;
left: 0;
width: 100%;
right: 0;
}
.mega-list ul li{
display: flex;
flex-direction: column;
align-items: flex-start;
border-radius: 8px;
padding: 8px !important; }
.mega-list ul li:hover{
background-color: #eaf1fe;
}
.mega-title h6, .mega-list ul li a{
font-weight: 500 !important;
}
.bread-banner .quick-contact-frame{
border-radius: 0px !important;
}
.bread-banner .quick-contact-frame a.btn{
display: none !important;
}
.contact-form-style-one .company input{
width: 100% !important;
}
.contact-form-style-one select{
margin-bottom: 15px;
padding: 15px 20px;
border: none;
background: #f8f8f8;
}
.contact-form-style-one .row.acceptance label input{
margin-bottom: 0px !important;
margin-right: 15px;
}
.contact-form-style-one .row.acceptance label{
display:flex;
align-items: center;
} .partner .process-area .process-style-one{
width: 20% !important;
}
.partner .process-area .process-style-one-box .row{
justify-content: center !important;
}
.hr-master .list-grid-info{
grid-template-columns: 1fr !important;
}
.multiple {
position: sticky;
top: 0;
height: 100%;
}
.brochure a{
border-radius: 8px;
}
.brochure a:after{
position: absolute;
top: 0;
border-radius: 8px;
right: inherit;
bottom: inherit;
left: 0;
content: "";
height: 100%;
width: 100%;
z-index: -1;
background-image: linear-gradient(to right, #0c5adb, #3f1399, #0c5adb);
background-size: 220% 150%;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
footer.bg-dark .footer-item p, .bg-dark .widget_nav_menu a, footer .address li a, .bg-dark .footer-bottom p, .bg-dark .footer-bottom li a{
color: #ffffff !important;
}
footer .f-item ul li a:hover{
font-weight: 400 !important;
}
footer .f-item ul li{
margin-bottom: 0px !important;
}
.bg-dark .footer-bottom p, .bg-dark .footer-bottom li a{
font-size: 12px !important;
font-weight: 400 !important;
}
.contact_buttons {
position: fixed;
bottom: 20px;
left: 15px;
display: flex;
flex-direction: column;
align-items: center;
gap: 5px; z-index: 100;
}
.contact_buttons .icon_logo {
position: relative;
z-index: 150;
padding: 5px;
}
.contact_buttons .icon_logo > a > img {
width: 60px; height:60px;
}
.whatsapp_btn .circle_waves {
border-radius: 50%;
background-color: #3cc04e;
width: 50px;
height: 50px;
position: absolute;
opacity: 0;
bottom: 1px;
left: 0px;
z-index: 120;
animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
} .call_btn .icon_logo,
.mail_btn .icon_logo,
.linkedin_btn .icon_logo {
position: relative;
z-index: 150;
padding: 5px;
} .call_btn .circle_waves,
.mail_btn .circle_waves,
.linkedin_btn .circle_waves {
display: none; }
@keyframes waves {
0% {
transform: scale(0.5);
opacity: 1;
}
100% {
transform: scale(2.5);
opacity: 0;
}
}
.why-partner .service-six-heading img{
display: none !important;
}
.center .site-heading {
margin-bottom: 0px !important;
}
.elementor-4370 .elementor-element.elementor-element-7192d23 > .elementor-container{
max-width: 100% !important;
}
.wow.fadeInUp .title{
font-size: 25px !important;
}
@keyframes waves{
0% {
transform: scale(.55, .55);
opacity: .6;
}
100% {
transform: scale(1.8, 1.8);
opacity: 0;
}
} @media(max-width: 1199px){
.error-box h2{
font-size: 36px
}
.home-align.blog, .elementor-element-b8f6a78.center, .why-choose{
margin: 0 auto !important;
}
.home-align, .why-choose, .elementor-element-b8f6a78.center{
max-width: 960px !important;
}
}
@media(min-width: 768px) and (max-width: 1249px){
.proces-style-two-list p, .home-align .elementor-icon-box-description {
text-align: start !important;
}
.rocket-animation img{
height: 200px !important;
}
.partner .process-area .process-style-one{
width: 33.33% !important;
padding-top: 20px;
}
.service-six-heading {
margin-right: 0px !important;
}
} @media(max-width: 1024px){
.who-we .thumb .sub-item img:first-child{
display: none;
}
.about-tab .eael-tab-inline-icon li span{
font-size: 12px !important;
line-height: 1.3 !important;
}
.elementor-4370 .elementor-element.elementor-element-49c81a8{
padding-top: 50px !important;
}
.home-align .elementor-element-b10ac53{
display: none;
}
#menu-item-5646 .elementskit-megamenu-panel{
width: 100% !important;
}
.mega-list .e-con-inner{
column-gap: 20px !important;
}
.mega-list ul li{
padding: 5px 8px !important;
}
.elementor-5952 .elementor-element.elementor-element-c29c95c .elementskit-navbar-nav > li > a{
padding: 5px 15px 0px 15px !important;
}
.site-heading{
margin: 0px ;
}
.elementor-4370 .elementor-element.elementor-element-fce9f26{
padding: 30px 0px 0px 0px;
}
.elementor-4370 .elementor-element.elementor-element-5d51506{
padding: 150px 0px 00px 0px;
}
.home-align.blog{
margin: 0 auto !important;
}
.home-align{
max-width: 720px !important;
}
}
.blog h2.title-selector.title{
margin-bottom: 30px;
}
.blog-detail h3{
color: #000000 !important;
}
.title{
font-size: 36px !important;
}
@media(max-width: 767px){
div .banner-style-five .content {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
div footer .f-items {
padding-top: 0px !important;
padding-bottom: 0 !important;
}	
.error-box{
padding: 20px 10px;
}
.blog-area .container{
padding: 0px;
}
.blog-detail{
padding: 10px 20px;
}
.blog-detail p, .blog-detail h3{
text-align: center;
} .partner .process-area .process-style-one{
width: 100% !important;
margin-top: 20px !important;
}
.footer-custom-style .footer-bottom .container{
padding: 15px 0px !important;
}
.footer-custom-style .footer-bottom .container ul{
font-size: 12px;
}
.footer-bottom .text-end{
margin-top: 0px !important;
}
.blog h2.title-selector.title{
margin-bottom: 20px;
}
a.button-regular{
justify-content: center;
}
.footer-custom-style .row .col-lg-2, .footer-custom-style .row .col-lg-3, .footer-custom-style .row .col-lg-4{
width: 100% !important;
text-align: center;
margin-top: 30px !important;
}
.footer-custom-style ul, .blog-area .info .meta ul{
text-align: center;
}
.default-padding{
padding-bottom: 30px !important;
}
body.home .africa-header.home-align{
position: static;
}
.head-compass .elementor-widget-container a{
padding: 6px 6px !important;
}
.banner-style-five .container{
padding: 0px 20px !important;
}
.center p, .center h2, .center h4, .button, .footer-custom-style .address, .footer-custom-style .f-item.about, .footer-bottom.bg-dark-secondary{
text-align: center !important;
padding: 0px !important;
}
footer .address li{
display: block !important;
}
.footer-custom-style .container{
padding: 20px !important;
}
.blog-area .single-item{
padding: 0px !important;
}
.center h4{
display: flex;
justify-content: center;
}
.banner-style-five p{
font-size: 18px;
line-height: 1.4;
}
.seo-score-area .container, .offset-lg-2.form, form{
padding: 0px !important;
}
.elementor-4370 .elementor-element.elementor-element-5d51506{
padding: 130px 0px 020px 0px; 
}
}
@media(min-width: 576px) and (max-width: 767px){
.home-align.blog{
margin: 0 auto !important;
}
.home-align{
max-width: 100% !important;
margin: 0 auto !important;
}
body.home .africa-header.home-align{
max-width: 100% !important;
margin: 0 auto !important;
position: static;
}
}
@media(min-width: 768px) and (max-width: 991px){
#menu-bottom-footer-menu .menu-item{
width: 100% !important;
}
.blog-detail{
padding: 50px 10px;
}
.africa-banner .banner-style-five .content .row.align-center .col-xl-6 {
padding: 0px !important
}
.home-align{
max-width: 720px !important;
margin: 0 auto !important;
}
body.home .africa-header.home-align{
max-width: 720px !important;
margin: 0 auto !important;
position: static;
}
.multiple {
width: 100% !important;
background-attachment: scroll !important;
height: 400px !important;
background-repeat: no-repeat !important;
background-size: 80% !important;
background-position: center !important;
}
.about-style-one {
text-align: center !important;
}
.contact-style-one-info li p {    
text-align: center;
}
}
@media(min-width: 1200px){
.home-align{
max-width: 1150px !important;
margin: 0 auto ;
padding: 0px;	
}
body.home .africa-header.home-align{
max-width: 1150px !important;
margin: 0 auto !important; }
.blog-detail.home-align{
padding: 50px 25px;
margin: 0px;
}
body.post-template .wrapper .e-con-inner{
max-width: 1250px !important
}
}
@media(min-width:1200px) and (max-width:1249){
body.home .africa-header.home-align{
max-width: 1140px !important;
margin: 0 auto !important; }
.blog-detail{
padding: 50px 10px;
}
}
@media(min-width: 992px) and (max-width: 1199px){
.responsive .e-child{
padding:30px;		
}	
.home-align{
max-width: 960px !important;
margin: 0 auto ;
}
.blog-detail{
padding: 50px 20px;
}
}
@media(min-width: 992px) and (max-width: 1024px){
.responsive{
flex-direction: row !important;
}	
.multiple.e-flex.e-con.e-child {
background-size: 100% auto;
}
}
@media(max-width: 575px){
#menu-bottom-footer-menu .menu-item{
width: 100% !important;
}
.blog-detail{
padding: 10px 10px;
}
.contact-form-style-one .sub-heading {   
text-align: center !important;
display: grid;   
}
.contact-form-style-one .heading {   
text-align: center;
}
.default-padding {
padding-top: 0px !important;	
}
.blog-items {
padding: 20px;
}
.info h2, .info p, .info btn {
display: flex;
text-align: center;
justify-content: center;
}
.blog-area.full-blog .item .info .btn {   
transform: translatex(-50%);
left: 50%;
}    
.blog-area .item .info h2{
font-size:24px !important
}
h2{
font-size:24px !important
}
h1{
font-size:28px !important
}	
}
@media(max-width: 450px){
.banner-style-five .info h2{
display: block !important;
}
.blog-area .single-item .item .info{
padding: 50px 20px !important;
}
}
.default-padding {
padding-top: 50px;
padding-bottom: 50px;
}
#block-10 .wp-block-tag-cloud{
text-align: start !important;
}
#block-10 .title{
font-size: 22px !important;
line-height: 26px !important;
}
.blog-area .info .meta ul li:nth-child(2){
display: none;
}
.workspace h2{
font-size: 36px !important;
}
#menu-bottom-footer-menu{
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
}
#menu-bottom-footer-menu .menu-item{
width: 50%;
}
.revolution .about-style-three .thumb::after {
height: 100%
}
.revolution .about-style-three .thumb > img{
max-width: 58%;
}
.revloution .about-style-three .thumb{
bottom: -227px !important;
}
.revolution .list-style-three span{
display: none;
}
p, .item-increase, .text-justify, .text-justify .elementor-widget-container{
text-align: justify;
}
.text-justify .elementor-widget-container{
padding-right: 20px;
}
.contact-form p{
margin-bottom: 0px !important;
}
@media (max-width: 1024px) {
.elementskit-navbar-nav > li > a {   
font-size: 16px !important;
}
.banner-style-two-area div {
height: 89vh;
}
}
footer.bg-dark .footer-item p {    
text-align: left!important;
}
.banner-style-two .container{
padding: 0px 20px !important;
}
@media (max-width: 767px) {
.process-style-one:nth-child(2n) .icon{
margin-bottom: 70px !important;
}
.proces-style-two-list p{
text-align: start !important;
}
footer.bg-dark .footer-item p, .item-increase, .text-justify, .text-justify .elementor-widget-container {    
text-align: center!important;
}	
.elementor-101 .elementor-element.elementor-element-9778a87 {
padding: 0px 0px 0px 0px;
}
.advertising img {
transition: all 0.2s linear;
max-width: 80% !important;
height: auto !important;
padding: 10px;
width: 100% !important;
object-fit: contain !important;
}
}
@media (max-width: 991px) {
.bg-dark .footer-bottom p {    
text-align: center;
}	
.multiple.elementor-hidden-mobile.e-flex.e-con.e-child {
display: none;
}	
}	
@media (min-width: 992px){ }
@media (min-width: 1024px){
.head-compass .elementor-widget-container a {
padding-left: 0px !important;   
}		
}
.advertising img {
transition: all 0.2s linear;
max-width: 80% !important;
height: 129px !important;
padding: 10px;
width: 78%;
object-fit: contain !important;
}
.banner-style-five .content {
padding-top: 150px !important;
padding-bottom: 50px !important;
}
.footer-item {
margin-top: 0px !important;
}	
footer .f-items {
padding-top: 50px !important;
}	
.process-style-one .icon span {
display: none;
}
.banner-style-two-area div {
height: auto !important;
}
.products .elementor-image-box-img img {
height: 64px !important;
object-fit: contain !important;
}
.elementor-button{
line-height:1.3
}
.banner-style-five p {
padding-right:0 !important
}
.about-us-left-block p{
text-align: center !important;
line-height: 1.3 !important;
}
.elementor-page-6234 .banner-style-two-area {
height:auto
}
.choose-us-style-three .thumb .thumb-inner img {
width: 90%; 
}
.reasons-to-join-right .sub-item img:nth-child(1){
display:none
}
.support-icocn-title h3 {
margin: 0;
font-size:16px !important
}
.service-six-heading .heading {
font-size: 36px;
margin: 0;
font-weight: 500;
}
@media (max-width:767px) {
.title, .slick-list .elementor-heading-title, .service-six-heading .heading  {
font-size: 24px !important;
}
.slick-list	.elementor-widget-text-editor, .slick-list	p {
text-align:center !important
}
}
@media (min-width:768px) and (max-width:991px) {
div .elementor-6234 .banner-style-two h2, .service-six-heading .heading {
font-size: 24px !important;
}
}
.footer-social {
display:none !important
}