body {
  font-family: "Roboto", sans-serif;
  color: var(--black-color);
  margin:0px;
  padding:0px;
  background: url(../xelgs/bg.png) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.container {max-width:1400px;}


.top_header_content{width:100%;text-align:center;position:static;top:0px;left:0px;text-align:center;}
.mainhome .logo a {width:100%;text-align:center;position:static;top:0px;left:0px; margin-top: 0px;}

.logo{float:none;margin-top:20px;display:inline-block;}

.top_header_content a{float:right;margin-top:62px;}

.top_header_content figure{display:none;width:702px;margin-top:46px;}

.search{width:100%;height:53px;}

.mid{width:100%;margin-top:30px;margin-bottom:30px;text-align:center;}

.mid_content{width:85%;display:inline-block;}

footer{width:100%;position:static;bottom:30px;left:0px;margin-bottom:30px;}

.footer_content{width:100%;border-top:#fff solid 1px;padding:30px 0px 0px;}

.footer_content figure{float:left;margin-bottom:0px;margin-right:12px;}

.footer_content p{float:right;color:#fff;text-decoration:none;margin-top:20px;}

.construction{width:100%;float:left;background-color:rgba(255, 255, 255, 0.3);border-radius:15px;margin-bottom:30px;height:280px;text-align:left;position:relative;}

.construction p{width:100%;float:left;font-size:18px;color:#000;height:160px;}

.construction h2{float:left;margin-top:0px;margin-bottom:0px;font-size:24px;color:#000;text-transform: uppercase;}

.construction i{float:right;color:#070935;font-size:25px;}

.gy_list{width:100%;position:absolute;top:0px;left:0px;height:100%;background:#fff;z-index:999;border-radius:15px;padding:15px;}

.gy_list:hover{background:none !important;}

.construction:hover.construction p{width:100%;float:left;font-size:18px;color:#fff;}

.construction:hover.construction h2{float:left;margin-top:0px;margin-bottom:0px;font-size:24px;color:#fff;}

.construction:hover.construction i{float:right;color:#fff;}


.construction_one{background:#fff;}
.construction_one:hover{background: url(../xelgs/bg-1.png) top center;background-size:cover;}

.construction_two{background:#fff;}
.construction_two:hover{background: url(../xelgs/bg-2.png) top center;background-size:cover;}

.construction_three{background:#fff;}
.construction_three:hover{background: url(../xelgs/bg-3.png) top center;background-size:cover;}

.construction_four{background:#fff;}
.construction_four:hover{background: url(../xelgs/bg-4.png) top center;background-size:cover;}

.construction_five{background:#fff;}
.construction_five:hover{background: url(../xelgs/bg-5.png) top center;background-size:cover;}




.menu_content{width:100%;float:left;}

.menu_content ul{width:100%;float:left;margin:0px;padding:0px;}

.menu_content ul li{width:100%;float:left;list-style:none;}

.menu_content > ul> li > a{width:100%;float:left;border-bottom:#dee2e6 solid 1px;padding-bottom:8px;margin-bottom:8px;color:#000;text-decoration:none;font-size: 1rem;}

.telecommunications_margin{margin-top:25px !important;}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: #fff;
    box-shadow: none !important;
    border-bottom:#dee2e6 solid 1px;
}
.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow:none !important; 
}

.list_menu{width:100%;overflow:auto;}

.list_menu a{width:100%;text-decoration:none;color:#000;font-size:14px;float:left;margin-bottom:8px;}

.list_menu a i{margin-right:8px;}

.view_all{width:100%;float:left;text-align:center;}

.view_all a{display:inline-block;background:#fff;padding:10px 40px;border-radius:45px;color:#ccc;font-size:18px;color:#070935;text-decoration:none;}

.view_all a:hover{background:#070935;color:#fff;}




.gallery {
    display: flex;
    flex-wrap: wrap;
        border-radius: 15px;
    z-index:9999;
   
 
}

.gallery-item {
    position: relative;
    width:100%;
     border-radius: 15px;
    height:280px;
    padding: 0px 0px 30px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-sizing: border-box;
    
}

.gallery-item img{width:100%;border-top-left-radius:15px;border-top-right-radius:15px;}

.gallery-image {
    position: absolute;
    width: 100%;
   object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease;
    object-fit: cover;
}

/* To initially show the first image */
.gallery-item .gallery-image:first-child {
    opacity: 1;
}


section.breadcrumb_content{width:100%;background:#f8f8f8;margin-top:15px;border-bottom:#83849a solid 1px;border-top:#83849a solid 1px;padding:10px 0px;}

.breadcrumb_content ul{float:left;margin:0px;padding:0px;}

.breadcrumb_content ul li{float:left;list-style:none;font-size:18px;color:#1053a9;margin-right:5px;}

.breadcrumb_content ul li a{float:left;text-decoration:none;font-size:18px;color:#070935;}

section.telecommunications{width:100%;padding:0px 0px;}

.telecommunications h1{width:100%;font-size:30px;color:#070935;text-transform: uppercase;font-weight:400;}

.telecommunications p{width:100%;font-size:19px;color:#1a1a1a;margin-top:16px;line-height:30px;margin-bottom:0px;}

.history p {width:100%;font-size:30px;margin-bottom:25px;}

section.highlights{width:100%;background:#070935;padding:50px 0px;}

.highlights figure{width:100%;margin-bottom:0px;}

.highlights figure img{width:100%;border-radius:10px;}

.highlights h2{width:100%;font-size:30px;color:#fff;text-transform: uppercase;
    font-weight: 400;margin-bottom:15px;}

.highlights ul{width:100%;margin:0px 0px 0px 0px;padding:0px;}

.highlights ul li{width:100%;list-style:none;background:url(../xelgs/bgg.png) no-repeat 0px 10px !important;color:#fff;font-size:19px;padding-left:20px;margin-bottom:3px;}
.highlights p {font-size:19px; color: #fff;}

section.installation{width:100%;padding:60px 0px;}

.installation figure{width:100%;margin-bottom:0px;}

.installation figure img{width:100%;border-radius:40px;}
.installation h2{font-size: 30px; text-transform: uppercase; font-weight: 400;}
.installation h3{width:100%;font-size:24px;color:#070935;font-weight:300;text-transform: uppercase;margin-top:40px;}

.installation h4{width:100%;font-size:37px;color:#070935;font-weight:400;text-transform: uppercase;}

.installation a{
    float:left;
    margin-top:5px;
    background: #070935;
    padding:15px 40px;
    border-radius: 45px;
    color: #fff;
    font-size: 18px;
   text-transform: uppercase;
    text-decoration: none;
}

.installation a:hover{color:#fff;}

section.looking_company{width:100%;padding:30px 0px; background:url(../xelgs/bg.jpg) no-repeat 0px 0px !important;background-size:cover !important;}

.looking_company h2{float:left;margin-top:30px;margin-bottom:20px;color:#fff;font-size:30px;font-weight:bold;position:relative;padding-bottom:15px;padding-top:15px;width:100%;}

.looking_company h2 font{font-size:45px;text-transform: uppercase;}



.looking_company p{float:left;margin-top:6px;margin-bottom:20px;font-size:20px;color:#fff;font-weight:400;position:relative;padding-bottom:12px;width:100%;}



.looking_company a{
    float:left;
    margin-top:10px;
   padding:15px 40px;
margin-right:15px;
border-radius:45px;
    color: #fff;
    border:#fff solid 1px;
    font-size: 18px;
   text-transform: uppercase;
    text-decoration: none;
}

.call_now{width:100%;height:45px;margin-bottom:15px;float:left;border-radius:0px;}

.call_now_button{float:left;width:100px;background:#070935;outline:none;border:none;color:#fff;height:45px;border-radius:20px;}

.call_now_message{width:100%;height:100px;margin-bottom:15px;float:left;border-radius:0px;}

.looking_company a i{margin-left:10px;}

.looking_company figure{width:100%;float:left;margin-bottom:0px;border-radius:30px;}

.looking_company figure img{width:100%;border-radius:30px;}

/*.looking_company a:hover{background:#fff;color:#000;}*/

section.see_our_projects{width:100%;padding:50px 0px;}

.see_our_projects h3{float:left;margin-top:6px;margin-bottom:30px;font-size:20px;color:#070935;font-size:35px;font-weight:400;text-transform: uppercase;text-align:center;width:100%;}

.see_our_projects figure{width:100%;float:left;}

.see_our_projects figure img{width:100%;border-radius:30px;}

.see_our_projects h4{float:left;width:100%;margin-top:6px;margin-bottom:0px;font-size:24px;color:#070935;text-align:center;font-weight:400;min-height:58px;}

.see_our_projects p{float:left;width:100%;margin-top:20px;margin-bottom:0px;font-size:17px;color:#1a1a1a;text-align:center;text-align:center;}

.see_our_projects p a{text-decoration:none;color:#070935;text-decoration:underline;}

.footer_list{width:100%;border-top:#070935 solid 6px;padding:30px 0px;}

.footer_list_left_content{width:100%;float:left;}

.footer_list_left_content figure{float:left;margin-bottom:0px;margin-right:10px;}

.footer_list_left_content figure img{width:100%;}

.footer_list_left_content p{
    float:left;
    color: #070935;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom:0px;
    font-size:20px;
}

.map{width:440px;float:right;margin-top:20px;}

.map figure{float:left;margin-bottom:0px;margin-top:2px;margin-right:15px;width:20px;}

.map p{float:left;margin-bottom:0px;font-size:20px;color: #070935;}

.map p a{text-decoration:none;color: #070935;}

.bg_white{background:#fff !important;}

.bg_white h2{color:#000 !important;}

.bg_white ul li{color:#000 !important;}

.mission{width:100%;float:left;padding:30px;border:#1456ad solid 1px;margin-top:40px;border-radius:20px;
    /*box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 2px 8px 0px rgba(0,0,0,0.75);*/
background-color: #fdfeff;
}

.mission h2{width:100%;float:left;margin-top:0px;margin-bottom:0px;text-align:center;font-size:30px; text-transform: uppercase; font-weight: 400;}
.mission h3{width:100%;float:left;margin-top:0px;margin-bottom:0px;text-align:center;font-size:40px;}

.mission h3 font{color:#060b5d;}

.mission p{width:100%;font-size:19px;line-height:30px;margin-top:10px;float:left;}

.mission h4{width:100%;float:left;margin-top:0px;margin-bottom:0px;text-align:center;font-size:24px; text-transform: uppercase; font-weight: 400;}

.mission figure{width:100%;text-align:center;}

.core{width:100%;float:left;text-align:center;margin-top:40px;}

.core h2{
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 400;
}

.core p{line-height:30px;}

section.group_offices{width:100%;}

.group_offices h2 {
    width: 100%;
    font-size: 30px;
    color: #070935;
    font-weight:bold;
    margin-bottom:30px;
}

.group_offices_content{width:100%;border:#ccc solid 1px;padding:15px;margin-bottom:40px;}

.group_offices_content figure{width:100%;}

.group_offices_content figure img{width:100%;}

.group_offices_content h3{
    width: 100%;
    font-size:28px;
    color: #070935;
    font-weight:bold;
    margin-bottom:8px;
}

.group_offices_content p{
    width: 100%;
    font-size:16px;
    color: #000;
margin-bottom:20px;
}

section.contact_detail{width:100%;padding:40px 0px;}

.address_content {
    width: 100%;
    float: left;
}
.contact_address_content {
    width: 100%;
    float: left;
    text-align:left;
    border: #1456ad solid 1px;  
    margin-top: 25px;
    padding: 25px 25px;
}
.contact_address_content span {
    width: 100%;
    text-align: center;
}
.contact_address_content h2 {
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 0px;
    font-size:26px;
    color: #1456ad;
    margin-top:10px;
    font-weight: 400;
    text-transform: uppercase;
}
.contact_address_content p {
    margin-bottom: 0px;
    font-size:20px;
    width:100%;
    float:left;
    margin-top:5px;
    line-height:26px;
}
.contact_address_content a {
    width: 100%;
    float: left;
    color: var(--accent-color);
    text-decoration: none;
    line-height: 30px;
    font-size: 18px;
    margin-top:0px;
    margin-bottom:0px;
}

.contact_address_content i{font-size:35px;color:#070935;}

.contact_form {
    width: 100%;
    float: left;
    margin-top: 24px;
}

.contact_form h2{
    width: 100%;
    font-size: 30px;
    margin-bottom:15px;
    color: #070935;
    text-align:center;
    text-transform: uppercase;
    font-weight: 400;
}

.contact_form p{
    width: 100%;
    font-size:15px;
    margin-bottom:15px;
    color: #070935;
    text-align:center;
   font-weight: 400;
}

.contact_form p a{text-decoration:none;color: #070935;}

.contact_name_content {
    width: 100%;
    float: left;
    height: 48px;
    font-size:14px;
    border-radius: 0px;
    border-radius: 3px;
    margin-bottom: 30px;
    border-radius:0px;
    border: 1px solid #e1e1e1;
}
.contact_form button {
    float: left;
    width: 192px;
    font-size:18px;
    background: #070935;
    padding:18px 10px;
    border-radius:60px;
    text-transform: uppercase;
    border: none;
    color:#fff;
    margin-top:30px;
    font-weight:300;
outline: none;
    cursor: pointer;
}

.contact_message_content{font-size:14px; border: 1px solid #e1e1e1; border-radius:0px;padding-top:15px;}

.fiber_content{width:100%;float:left;margin-top:50px;}

.fiber_content h4{font-size:25px;font-weight:400;}

.fiber_content p{font-size:20px;color:#000;margin-top:20px;}

.fiber_content p i{color:#070935;margin-right:5px;float:left;font-size:25px;margin-top:3px;margin-right:10px;}

.fiber_content p a{text-decoration:none;color:#000;}

.icon_content{width:100%;float:left;margin-top:30px;}

.icon_content h4{font-size:25px;font-weight:bold;color:#070935;margin-bottom:20px;}

.icon_content a{float:left;width:37px;height:37px;background:#1b1b1b;border-radius:50%;text-align:center;color:#fff;text-decoration:none;padding-top:7px;margin-right:10px;}

.icon_content a:hover{background:#ccc;color:#000;}

section.usefull_links{width:100%;background:#f8f8f8;padding-bottom:80px;border-top:#070935  solid 1px;}

.usefull_links h2{width:100%;font-size:26px;color:#070935;font-weight:bold;margin-top:60px;margin-bottom:20px;}

.usefull_links a{width:100%;font-size:17px;color:#000;float:left;text-decoration:none;background:url(../xelgs/arrow.png) no-repeat 0px 5px;padding-left:20px;margin-bottom:8px;}

.usefull_links a:hover{color:#070935;}

section.projects_content{width:100%;padding-bottom:50px;}

.projects_new{width:100%;border:#ccc solid 1px;padding:20px;float:left;text-align:center;padding-bottom:35px;margin-bottom:30px;}

.projects_new figure{width:100%;float:left;}

.projects_new figure img{width:100%;}

.projects_new h5{width:100%;text-align:center;font-size:23px;margin-top:15px;float:left;min-height:57px;}

.projects_new p{width:100%;text-align:center;font-size:18px;float:left;margin-bottom:0px;height:111px;margin-bottom:30px;overflow:hidden;}

.projects_new a{
   display:inline-block;
    width: 192px;
    font-size: 18px;
    background: #070935;
       padding: 15px 40px;
    border-radius: 45px;
    text-transform: uppercase;
    border: none;
    text-decoration:none;
    color: #fff;
    margin-top:0px;
    font-weight: 400;
    outline: none;
    cursor: pointer;
}

.projects_new a:hover{background:#ccc;color:#000; font-weight: 400;}

.footer_icon_link {
    float: left !important;
    background: none !important;
    padding: 0px !important;
    width: auto !important;
    margin-right: 20px;
}

.bg_color{background:#f7f7f7;}
.bgg_color{background:#ececec;border:#000 solid 1px;}

section.line{width:100%;padding-bottom:40px;border-top:#070935  solid 1px;padding-top:40px;}

.line h3{
    width: 100%;
    font-size: 30px;
    text-align: center;
    color: #070935;
    margin-bottom:0px;
    text-transform: uppercase;
    font-weight: 400;
}

.border_line{width:100%;border-left:#ccc solid 1px;padding:0px 0px 0px 30px;margin:30px 0px;}

.border_padding{padding-bottom:0px !important;}

section.comprehensive_services{width:100%;float:left;background:#f5f5f5;padding:40px 0px;margin-bottom:60px;text-align:center;}

.comprehensive_services_list{width:100%;display:inline-block;border:#ccc solid 1px;padding:20px;text-align:left;}

.comprehensive_services_list figure{width:100%;float:left;}

.comprehensive_services_list figure img{width:100%;border-radius: 30px;}

.comprehensive_services_list h2{
    float: left;
    width: 100%;
    margin-top: 6px;
    margin-bottom: 8px;
    font-size: 24px;
    color: #070935;
    text-align:left;
    font-weight: 400;
}

.comprehensive_services_list ul{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}

section.careers{width:100%;background: url(../xelgs/bg.jpg);background-size:cover;padding:25px 0px;}

.careers h1{width:100%;font-size:28px;font-weight:bold;color:#fff;text-align:center;}

section.careers_form{width:100%;padding:40px 0px;}

.careers_form p{
    width: 100%;
    font-size: 19px;
    color: #1a1a1a;
    margin-top: 16px;
    line-height: 30px;
    margin-bottom: 0px;
}

.careers_form figure{width:100%;float:left;}

.careers_form figure img{width:100%;border-radius:10px;}

.careers_form_content{width:100%;   padding: 10px 20px 20px 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}

.careers_form_content h2{width:100%;font-size:20px;font-weight:bold;color:#233c65;margin-top:15px;margin-bottom:20px;}

.careers_form_name{width:100%;height:44px;border-radius:0px;margin-bottom:30px;font-size:13px;}

.careers_form_content span{float:left;margin-right:20px;}

.careers_form_message{width:100%;border-radius:0px;margin-bottom:30px;font-size:13px;margin-top:40px;}

.careers_form_content button{
    float: left;
    margin-top: 5px;
    background: #070935;
    padding: 15px 40px;
    border-radius: 45px;
    color: #fff;
   border:none;
    font-size: 18px;
    outline:none;
    text-transform: uppercase;
    text-decoration: none;
}

.border_top{width:100%;float:left;border-top:#fff solid 1px;padding-top:25px;padding-bottom:25px;}

.subjects_list{width:100%;float:left;margin-top:10px;}

.subjects_list span{float:left;margin-right:20px;}

section.blog_detail{width:100%;padding:30px 0px;border-bottom: #070935 solid 1px;}

.blog_detail figure{width:100%;float:left;margin-bottom:20px;}

.blog_detail figure img{width:100%;}

.blog_detail h2{width:100%;float:left;font-size: 23px;color:#000;margin-top:25px;}

.blog_detail ul{width:100%;float:left;margin:0px 0px 20px 17px;padding:0px;} 

.blog_detail ol{width:100%;float:left;margin:0px 0px 20px 17px;padding:0px;}