html,body
{
}
body {
color:var(--textcolor);
padding: 0;
margin: 0;
line-height: 1.9em;
font-family: var(--theme-font_h);
font-size:15px;
}
/*================================================
THEME__SETUP
=================================================*/
:root {
--white:#ffffff;
--black:#000000;
--textcolor:#666;
--para:#111111;
--date:#666666;
--grey_font:#9b9999;
--grey:#F1f1f1;
--grey_back:#2f2f2f;
--bg-blue:#23739E;
transition: linear 0.2s;
--red:#1BBC9B;
--new:#1BBC9B;
--orange:#E84134;
}
:root {
--theme-font:'Montserrat', sans-serif;
--theme-font_h:'Nunito', sans-serif;
}
:root {
--margins:0;
--paddings:padding:0;
--margin-o: 0 auto;
--df:flex;
}
:root {
--style-none:none;
--tx-decoration:none;
--smooth: all 0.5s;
}
:root {
--simble:'fontawesome';
}
/*================================================
Default CSS
=================================================*/
h1, h2, h3, h4, h5, h6 {
margin: var(--margins);
}
.grey{
background: var(--grey);
}
h1{
margin-bottom:20px;}
p {
margin: var(--margins);
font-weight: 500;
margin-bottom: 17px;
font-size: 18px;
font-family: var(--theme-font_h);
letter-spacing: .1px;
}
.sol_mob{
display: none;
}
a {
text-decoration: var(--tx-decoration);
color:var(--blue);
}
ul {
list-style: var(--style-none);
margin: var(--margins);
padding: var(--paddings);
}
header .container-fluid{
padding: 0 40px;
}
.banner img{
width: 100%;
}
.banner{
position: relative;
}
.hero_wrapper{
position: absolute;
top: 50%;
transform: translate(-0%, -50%);
}
.hero_wrapper h1{
font-family: var(--theme-font);
font-weight: 600;
font-size: 4vw;
color: #ffffff!important;
text-align: left;
}
.hero_wrapper p{
color: #fff;
}
.mtop50{
margin-top: 50px;
}
.rad-client-carousel__container{
align-items: center;
}
.rad-client-carousel-play__pause{
border-left: 0.875rem double #000;
}
.rad-client-carousel__controllers .rad-client-carousel__btn{
color: #000;
}
.rad-icon.rad-icon__right:after {
background-image: url('data:image/svg+xml;utf8,');
}
.rad-icon.rad-icon__left:after {
background-image: url('data:image/svg+xml;utf8,');
}
.et_pb_blurb_description .button_c{
font-size: 10px;
padding: 8px 26px;
font-size: 10px;
position: absolute;
bottom: 9%;
transform: translate(-50%);
}
.rounded__block {
border-radius: 6px;
box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
border: 1px solid #e6ecef;
overflow: hidden;
background: #fff;
transition: all .5s ease;
padding: 32px 25px;
min-height: 360px;
}
.img_th_bundle {
height: 20px;
background: #23739e;
background-image: radial-gradient(circle at 28% 36%,#23739e, #76b2d3 66%);
}
.button_c{
color: #f9f9f9!important;
border-color: #14d17c;
letter-spacing: 2px;
font-size: 1vw;
font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
font-weight: 700!important;
text-transform: uppercase!important;
background-color: var(--bg-blue);
padding-top: 12px;
padding-right: 26px;
padding-bottom: 12px;
padding-left: 26px;
line-height: 1.7em;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
border: 2px solid var(--bg-blue);
border-radius: 3px;
}
.underline li a{
position: relative;
display: inline-block;
font-size: 19px;
font-weight: bold;
}
.underline li a::after{
content: "";
display: block;
margin: auto;
height: 4px;
width: 0;
top: 5px;
background: transparent;
transition: all 0.3s;
}
.underline li > a:hover::after {
width: 100%;
background: #000;
}
.top_nav{
background: #000;
}
.detailed h5{
color: #000;
font-size: 30px;
margin-bottom: 25px;
}
.fusion-menu-element {
display: flex;
flex-wrap: wrap;
align-items: stretch;
list-style: none;
justify-content: flex-start;
flex-direction: row;
padding: 0;
font-family: inherit;
font-weight: 400;
margin-block-start: 0;
margin-block-end: 0;
min-height: 4em;
position: relative;
}
.fusion-menu-element li{
display: flex;
justify-content: center;
width: 136px;
height: 72px;
align-items: center;
border-right: 1px solid #666666;
}
.fusion-menu-element li a{
color: #666;
font-weight: bold;
font-size: 17px;
}
.pad_0{
padding: 0px;
}
.theme__logo span{
font-size: 13px;
font-style: italic;
display: block;
color: var(--bg-blue);
font-weight: bold;
}
.rad-client-carousel .flickity-page-dots .flickity-page-dot.is-selected{
background: var(--bg-blue);
}
.main-nav ul li a {
color: #000;
font-weight: bold;
}
.about,.services,.more_main,footer,.abt_wrap,.inner_background,.about_us_wrap,.services_wrapper,.core_design,.leading_wrapper,.main__clients{
padding: 80px 0px;
}
.about h2{
font-size: 32px;
color: var(--black);
line-height: 1.6em;
text-align: left;
font-family: var(--theme-font);
}
.about p{
padding-top: 15px;
margin-bottom: 0;
}
.et_pb_blurb_content{
text-align: center;
position: relative;
}
.infrastructure{overflow: hidden;}
.infrastructure .conatiner-full .row{height: 100%;}
.infrastructure .conatiner-full .row .col-lg-6 {padding: 0;}
.infra__info img{width: 100%;}
.infra__info__content{background: var(--bg-blue);height: 100%;display: flex;flex-direction: column;justify-content: center;padding: 0 33% 0 100px;}
.infra__info__content h2{
font-size: 32px;
color: var(--white);
line-height: 1.6em;
text-align: left;
text-transform: uppercase;
}
h2{
padding-bottom:25px ;
}
.align-center{
align-items: center;
}
.contact_wrapper{
padding: 80px 0px;
}
.infra__info__content p{padding-bottom: 12px;color: var(--white);}
.infra__info__content ul li{
color: var(--white);
font-weight: 400;
font-size: 17px;
font-family: var(--theme-font_h);
}
.form__list input,.form__list textarea{
width: 100%;
border-radius: 3px 3px 3px 3px;
overflow: hidden;
border-width: 1px;
border-style: solid;
border-color: rgba(0,0,0,0.12);
padding: 10px 15px;
font-size: 17px;
}
.form__list p{
margin-bottom: 10px;
}
.form__list textarea {
background-color: rgb(255, 255, 255);
height: 160px;
}
.services{
background:var(--grey);
}
.dropdown-menu li > a:hover::after
{
width: 0%!important;
}
.main__fo{
background-color: #ffffff;
border-radius: 6px 6px 6px 6px;
overflow: hidden;
padding-top: 56px;
padding-right: 50px;
padding-bottom: 64px;
padding-left: 50px;
box-shadow: 0px 16px 32px 0px rgba(33,33,61,0.2);
}
.main__fo h1{
font-family:var(--theme-font);
font-weight: 500;
font-size: 24px;
line-height: 2em;
text-align: left;
}
.contact_block h4{
color: #000;
font-size: 42px;
font-family: 'Montserrat';
margin-bottom: 25px;
}
.contact_block{
width: 76%;
}
.contact_block p{
font-weight: 400;
font-family: var(--theme-font_h);
font-size: 110%;
}
.add{
margin-top: 40px;
}
.add i{
margin-right: 10px;
color: var(--bg-blue);
font-size: 20px;
}
.dropend .dropdown-toggle {
margin-left: 1em;
}
.dropdown-item:hover {
background: none;
}
.dropdown .dropdown-menu {
display: none;
}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
display: block;
margin-top: 0.125em;
margin-left: 0.125em;
}
.navi{
position: relative;
}
.dropdown-menu li{
width: 100%;
margin-left: 0px!important;
border-bottom: 1px solid #c6c6c6;
padding: 5px;
}
.dropdown-menu li:last-child{
border-bottom: none;
}
.dropdown-menu li a{
line-height: 0px!important;
font-size: 15px!important;
}
.dropdown-menu{
}
@media screen and (min-width: 769px) {
.dropend:hover > .navbar-nav .dropdown-menu {
position: absolute;
display: block;
}
.dropend .dropdown-toggle {
margin-left: 0.5em;
}
}
.et_pb_module_header a,.detailed h2 {
font-weight: 500;
font-size: 20px;
color: var(--black);
line-height: 1.8em;
font-family: var(--theme-font);
}
.detailed h3{
margin-bottom: 15px;
}
.detailed h2{
padding-bottom:5px;
}
.et_pb_blurb_description p{
font-weight: 400;
font-family: var(--theme-font_h);
font-size: 110%;
}
.et_pb_blurb_description{
padding: 0px 10px;
}
.et_pb_module_header{
padding-bottom: 10px;
}
footer {
background: #000;
color: #fff;
}
.logo_bottom {
width: 190px;
}
footer h4 {
font-size: 22px;
line-height: 27px;
font-weight: 300;
margin-bottom: 40px;
position: relative;
}
footer ul li a {
color: #fff;
font-size: 18px;
line-height: 45px;
position: relative;
padding-left: 20px;
}
footer ul li a:before {
content:url('../images/Vector (2).png');
margin-right: 5px;
position: absolute;
left: 2px;
top: -10px;
}
.navbar-nav .dropdown-menu{
position: absolute;
}
.footer-social {
display: inline;
float: left;
margin: 10px 0px;
width: 100%;
}
.footer-social a {
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 18px;
height: 48px;
line-height: 48px;
margin: 0 0px;
text-align: center;
width: 48px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.log{
font-size: 50px;
font-weight: bold;
font-style: italic;
color: #736634;
}
.footer-social a .fa {
line-height: 46px;
}
.footer-social a.facebook:hover {
background-color: #3b5998;
border-color: #3b5998;
color: #fff;
}
.footer-social a.twitter:hover {
color: #fff;
background-color: #00aced;
border-color: #00aced;
}
.footer-social a.google-plus:hover {
color: #fff;
background-color: #dd4b39;
border-color: #dd4b39;
}
.footer-social a.youtube:hover {
color: #fff;
background-color: #bb0000;
border-color: #bb0000;
}
.footer-social a.linkedin:hover {
color: #fff;
background-color: #007bb5;
border-color: #007bb5;
}
footer .container{
width: 100%;
}
footer h4:after {
content: "";
display: block;
height: 2px;
transition: all 0.3s;
width: 29%;
background: #fff;
position: absolute;
top: 33px;
}
.custome_width .col-lg-2{
width: 16%;
}
.custome_width{
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
display: inline-block;
width: 190px;
margin-left: 30px;
}
.new ul li a
{
color: #000;
}
.black_contact li{
display: inline-block;
}
.black_contact li:last-child{
color: #fff;
background: var(--red);
padding: 0px 30px;
border: 2px solid var(--red);}
.black_contact li:last-child a{
color: #fff;
}
.new .active{
color:var(--red) ;
}
.new .container-fluid{
padding: 0px;
}
.flex_center{
display: flex;
align-items: center;
}
.fusion-title.fusion-sep-none .title-heading-left {
font-size: 29px;
font-family: var(--theme-font_h);
font-weight: 600;
line-height: 1.4;
color: #000;
text-transform: capitalize;
}
.new_banner_hero{
position: absolute;
top: 50%;
transform: translate(-0%, -50%);
width: 50%;
}
.banner_new_wrap img{
width: 100%;
height: 550px;
object-fit: cover;
}
.fusion-button{
border-radius: 25px !important;
margin-bottom: 10px;
background: var(--red);
color: #fff;
padding: 11px 20px;
}
.box-img img {
width: 100%;
height: 250px;
object-fit: cover;
}
.new_banner_hero h1{
color: #fff;
font-size: 3.2rem;
text-transform: uppercase;
font-weight: bold;
font-family: var(--theme-font);
}
.banner_new_wrap:before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(to right, rgba(0,0,0,0.9), rgba(0,0,0,0.1));
display: block;
}
.banner_new_wrap{
position: relative;
}
.white_strip{
}
.black_contact .fa{
background: #000;
color: #fff;
padding: 10px 10px;
font-size: 20px;
margin-right: 20px;
}
.thrid_section{
text-align: center;
padding: 50px 0px;
background-color: #19181a;
background-image: url(https://intraedge.com/wp-content/uploads/2022/01/wide-bg-80-e1641279871778.jpg);
background-position: center center;
background-repeat: no-repeat;
border-width: 0px 0px 0px 0px;
border-color: #e2e2e2;
border-style: solid;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.red {
color: var(--red);
}
.thrid_section img{
width: 86%;
height: auto;
}
.cm-case-study-in{
width: 100%;
float: left;
height: 350px;
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
cursor: pointer;
padding: 30px 60px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.case_studies .container-fluid {
padding: 0px;
}
.case_studies {
padding: 80px 0px;
}
.case_studies h3 {
color: #000000;
font-size: 19px;
font-weight: 700;
padding-bottom: 50px;
font-size: 35px;
text-align: center;
}
.cm-case-study-in h5 {
color:var(--red);
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
.cm-case-study-in:before {
content: ' ';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: -1;
position: absolute;
opacity: .7;
transition: all .5s;
}
.btnss li{
display: inline-block;
margin-right: 20px;
}
#myHeader{
height: 90px;
}
.sticky {
position: fixed;
top: 0;
width: 100%;
background: #fff;
z-index: 9;
box-shadow: 0 0 4px #222;
transition: all 0.5s;
}
.new_banner_hero h2{
color: #fff;
font-size: 24px;
}
.btn_block{
margin-top: 35px;
}
.service_bold{
font-weight: bold;
}
.heading_we{
font-size: 48px;
color: #000;
font-weight: bold;
margin-bottom: 20px;
}
.slider h4{
color: #000;
font-size: 50px;
word-break: break-word;
font-weight: bold;
/* width: 78%; */
font-family: 'Montserrat';
}
.what_we_wrap{
padding: 100px 0;
}
.owl-stage {
transition: 0.8s !important;
}
.new .container-fluid{
padding: 0px;
}
.full_image {
position: relative;
}
.full_image:before {
content: '';
position: absolute;
top: 0px;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 6, 17, 0.40);
}
.full_image img{
width: 100%;
height: 300px;
}
.full_image .container-fluid {
padding: 0;
}
.wh h1 {
color: #fff;
}
.inner_background {
background-image: linear-gradient(to right, #001850,rgb(124 96 235 / 15%), rgb(132 120 185 / 73%)), url(https://www.globalmediainsight.com/asset/images/dubai-bg.jpg);
background-size: cover;
/* margin-top: -72px; */
position: relative;
background-attachment: fixed;
background-position: center center;
}
.inner_background h2 {
color: #fff;
font-weight: 400;
max-width: 800px;
margin-left: 0px;
}
.p-full-width{
color: #fff;
}
.icon_block h3 {
margin-top: 27px;
font-size: 24px;
}
.about_us_wrap{
}
.main_head{
text-align: center;
color: #000;
font-size: 47px;
}
.about_us_wrap img{
width: 100%;
}
.services_wrapper .servicess{
justify-content: space-around;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.services_wrapper .servicess .card{
width: 32%;
text-align: center;
padding: 20px 15px;
margin-bottom: 30px;
border-radius: 10px;
cursor: pointer;
transition: 0.3s;
}
.services_wrapper .servicess .card:hover{
background:var(--bg-blue);
}
.services_wrapper .servicess .card .content{
transition: 0.3s;
}
.services_wrapper .servicess .card:hover .content{
transform: scale(1.07);
}
.services_wrapper .servicess .card .content .icon{
padding: 5px 0;
color: #000;
}
.services_wrapper .servicess .card .content .icon i{
font-size: 40px;
}
.services_wrapper .servicess .card:hover .content .title,.services_wrapper .servicess .card:hover .content p{
color: white;
}
.services_wrapper .servicess .card .content .title{
padding-top: 5px;
font-size: 24px;
font-weight: 500;
color:#000;
transition: 0.3s;
padding-bottom: 25px;
}
.core_design h3 {
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: 62px;
color: #000;
margin-bottom: 22px;
}
.full_image h1,.detailed h3 {
width: 100%;
top: 40%;
font-size: 38px;
font-weight: 600;}
.corporate_design{
padding:100px 0px 100px 0px;
}
.pad-left{
padding-left: 6%;
}
.corporate_design h2{
color: #000;
font-size: 32px;
font-weight: bold;
}
.corporate_design img{
width: 100%;
height: 380px;
object-fit: cover;
}
.more_main{
text-align: center;
padding-bottom: 0px;
}
.common_heading h2 {
font-size: 3.375rem;
line-height: 3.75rem;
color: #000;
font-weight: 300;
}
h4.rad-client-carousel__title {
font-size: 1.875rem;
line-height: 3rem;
color: #000;
font-weight: 300;
}
.rad-client-carousel__info p {
}
.client-carousel .rad-client-carousel__right .rad-client-carousel__cell {
padding-left: calc(min(100vw, 1920px)/4*2 - var(--rad-spacing-sm)*2/4*2 - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
padding-left: calc(min(100vw, 1920px)/8*2 - var(--rad-spacing-md)*2/8*2 - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
padding-left: calc(min(50vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
}
.client-carousel h4.rad-client-carousel__title,.emirats__sec h4 {
color: #000;
font-size: 3.75rem !important;
font-weight: 300;
line-height: 4.375rem !important;
}
.client-carousel h4{
margin-bottom: 25px;
}
.pad-btm0{
padding-bottom: 0px;
}
iframe{
width: 100%;
}
.sev_new .icon i{
height: 76px;
width: 76px;
background: #000;
color: #fff;
line-height: 76px;
border-radius: 20%;
transform: translate(0, -83%);
}
.sev_new .card{
margin-bottom: 90px!important;
}
.sev_new .icon{
height: 50px;
}
.sev_new{
margin-top: 100px;
}
.sev_new .title{
font-size: 27px!important;
color: #000!important;
padding-bottom: 20px!important;
}
.sev_new .card:hover .content .title{
color: white!important;
}
.mob{
display: none;
}
.product_box {
position: relative;
}
.product_box img {
display: block;
width: 100%;
height: 282px;
object-fit: cover;
cursor: pointer;
}
.product_box .product_caption {
color: #fff;
padding: 15px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgb(35 115 158 / 66%);
overflow: hidden;
width: 100%;
height: 100%;
display: flex;
transition: .5s ease;
justify-content: center;
align-items: center;
font-size: 26px;
line-height: 1.4;
}
.product_box:hover .product_caption {
height: 50px;
}
.product .col-md-4{
margin-bottom: 10px;
}
.product{
}
.button_space{
margin-top: 30px;
}
.leading_wrapper {
background: url(images/Rectangle%20Copy%209@2x.png);
background-size: cover;
}
.leading_wrapper {
background: url('https://intraedge.com/wp-content/uploads/2022/01/wide-bg-80-e1641279871778.jpg');
background-position: center center;
background-repeat: no-repeat;
}
.leading_wrapper ul li {
background: #f5f5f5;
margin-bottom: 24px;
}
.leading_wrapper ul li:before {
content: "";
float: left;
width: 8px;
height: 75px;
margin: 0 5px 0 0;
background: var(--bg-blue);
}
.leading_wrapper ul li a {
padding: 23px 18px;
display: block;
text-decoration: none;
font-size: 18px;
color: #000;
font-weight: 500;
text-align: left;
}
.leading_wrapper ul li a i {
display: inline-block;
float: right;
font-size: 40px;
margin-top: -12px;
}
.leading_wrapper h1, .leading_wrapper p {
color: #fff;
}
.leading_wrapper h1{
font-size: 32px;
font-weight: 700;
font-style: normal;
letter-spacing: 0px;
text-align: left;
padding-bottom: 25px;
margin-bottom: 0px;
}
.detailed p{
margin-bottom: 30px;
}
.back_blue{
background: url('../images/service.webp');
height: 150px;
width: 100%;
background-size: cover;
}
.pos_ab{
position: relative;
transform: translate(0px, 48%);
}
.pos_ab h1{
margin-bottom: 0px
}
.pos_ab p{
position: relative;
color: #fff;
font-size: 15px;
}
.foot{
background: #030A16;
}
.foot p{
margin-top: 17px;
font-size: 16px;
}
.in_con .pad-r{
padding-right: 0px;
}
.in_con{
padding-top: 80px!important;
}
.in_con .pad-l{
padding-left: 0px;
}
.in_con .infra__info__content{
padding: 0 25px 0 25px;
}
.in_con img{
height: auto;
}
.desktop{
}
.service{
padding-bottom: 40px;
}
.main__clients .owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px;
position: absolute;
right: 0;
bottom: 0px;
display: block;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
height: 300px;
object-fit: cover;
}
.main__clients a:hover p{
color:var(--textcolor);;
}
.main__clients .owl-theme .owl-dots .owl-dot span {
margin: 5px 14px;
}
.main__clients .owl-theme .owl-dots .owl-dot.active span {
background: var(--bg-blue);
position: relative;
}
.main__clients .owl-theme .owl-dots .owl-dot.active span::before {
content: "";
position: absolute;
width: 30px;
height: 30px;
border: solid 1px var(--bg-blue);
top: 50%;
left: 50%;
border-radius: 100px;
transform: translate(-50%, -50%);
}
.services_wrapper{
padding-bottom: 60px;
}
.add_block p {
font-size: 17px;
}