:root {
--bg-yellow: #334b70;
--btn-color: #e4ad15;

}
body{
padding: 0px;
margin: 0px;
font-family: Roboto !important;
}
@/*import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");*/

a{
    text-decoration: none !important;
}
a:hover {
    text-decoration: none !important;
}
.cursor-pointer{
    cursor: pointer !important;
}
h2{
/*text-transform: uppercase;*/
font-weight: 600;
color: #334b70;
font-size: 30px;
margin-bottom: 15px;
/*    font-family: Oswald !important;*/
}
.card-header h3 {
    font-size: 22px;
    font-weight: 600;
        margin-bottom: 0px;
        color: #fff;
}
td.project-client-l {
    color: #586b86;
    font-weight: 600;
}
.text-dark {
    color: #bcbcbc !important;
}
.card{
height: 100%;
}
.card-header{
    background-color: #205a99;
}
.btn-warning{
background: var(--btn-color) !important;
color: #fff !important;
}
.top-header{
background: var(--bg-yellow);
}
.Contect_Nu {
color: #fff;
font-size: 13px;
font-weight: 500;
padding: 8px 0px;
}
.Contect_Nu i{
padding-right: 10px;
}
.top_Firstmenu {
display: flex;
justify-content: end;
}
.top_Firstmenu ul{
padding: 0px;
margin: 0px;
}
.top_Firstmenu ul li{
list-style: none;
display: inline-block;
}
.top_Firstmenu ul li a{
padding: 9px 8px;
color: #fff;
font-size: 15px;
line-height: 39px;
text-decoration: underline;
}
.top_Firstmenu ul li a i{
padding-right: 9px;
}
.language_B{
background: rgba(0,0,0,0.2);
}
.U_header {
background: #fff;
width: 100%;
float: left;
box-shadow: 0px 0px 5px 0px #cacaca;
position: relative;
}
.U_logo img{
width: 288px;
transition: all .6s ease;
background: #fff;
padding: 28px 20px;
}
.U_logo {
transition: all .8s ease;
text-align: center;

}
.box-title{
color: #205a99;  
}
.second_Menu {
display: flex;
justify-content: end;
}
.nav-link{
color: #666666;
font-size: 14px;
padding: 10px 20px !IMPORTANT;
font-weight: bold;
transition: all .5s ease;
}
nav.navbar.navbar-expand-lg {
padding: 21px 0px;
transition: all .8s ease;
}
.nav-link:hover{
background: var(--bg-yellow);
color: #fff;
}
section.section1 {
width: 100%;
float: left;
padding: 0px 0px 25px 0px;
margin-top:10px ;
}
.U_banner{
width: 100%;
float: left;
}
.U_banner .carousel-indicators{
    bottom: 66px;
}
.U_banner #carouselExampleIndicators img{
    height: 487px;
}
/*.banner-img-1{
    background-image: url(../images/slider1.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.banner-img-2{
    background-image: url(../images/banner2.PNG);
    background-size: cover;
    background-repeat: no-repeat;
        background-position: left;
}*/
.carousel-indicators li{
background: transparent;
border: 3px solid #f9f9f9;
border-radius: 50%;
       height: 10px;
    width: 10px;
    background: #fff;
        transform: scale(1);
    transition: transform .4s ease-in;
}
.U_banner .carousel-indicators .active{
border: 5px solid #fff;
background: transparent;
    transform: scale(1.5);
}
.carousel-item:before{
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
/*  background-color: #000000ab;*/
opacity: 0.5;
}
.U_banner span{
font-size: 24px;
font-weight: normal;
position: relative;
color: #fff;
text-transform: capitalize;
padding-bottom: 13px;
display: inline-block;
margin-bottom: 4px;
}
.U_banner h1{
font-weight: 500;
text-transform: uppercase;
color: #fff;
margin-bottom: 13px;
font-size: 45px;
transition: all .6s ease;
}
.U_banner p{
color: #fff;
margin: 0 0 30px 0;
font-size: 20px;
text-transform: capitalize;
}
.carousel-caption{
bottom: 100px;
}
.U_banner .carousel-caption h3{
font-size: 45px;
}
.U_banner .carousel-item img{
        height: 494px !important;
}


a.banner_B {
border: 1px solid #fff;
padding: 14px 37px;
/* min-width: 315px; */
font-size: 17px;
/* text-transform: unset; */
font-weight: 600;
text-transform: uppercase;
color: #fff;
display: inline-block;
margin-top: 18px;
}
a.banner_B:hover{
background: var(--bg-yellow);
border: 1px solid var(--bg-yellow);
}
.Course_Ca{
width: 100%;
float: left;
}
.course_Box{
width: 100%;
float: left;
padding: 10px 0px;
}
.cours_categories{
background: #f8f8f8;
padding: 31px 23px 31px;
margin-bottom: 30px;
}
.color_box1{
border-right: 2px solid #10c45c;
}
.color_box1 span{
font-size: 50px;
float: left;
}
.color_box1:hover{
background: #10c45c;
color: #fff !important;
}
.Readmore{
font-weight: 600;
color: #008be7;
}
.color_box1:hover .cours_Name p, .color_box1:hover .fa-fort-awesome{
color: #fff !important;
}
.color_box2{
border-right: 2px solid #fc5f42;
}
.color_box2 span{
font-size: 50px;
float: left;
color: #fc5f42;
}
.color_box2:hover{
background: #fc5f42;
color: #fff !important;
}
.color_box2:hover .cours_Name p, .color_box2:hover .fa-meetup{
color: #fff !important;
}
.color_box3{
border-right: 2px solid #079d92;
}
.color_box3 span{
font-size: 50px;
float: left;
color: #079d92;
}
.color_box3:hover{
background: #079d92;
color: #fff !important;
}
.color_box3:hover .cours_Name p, .color_box3:hover .fa-ioxhost{
color: #fff !important;
}
.color_box4{
border-right: 2px solid #008be7;
}
.color_box4 span{
font-size: 50px;
float: left;
color: #008be7;
}
.color_box4:hover{
background: #008be7;
color: #fff !important;
}
.color_box4:hover .cours_Name p, .color_box4:hover .fa-gitlab{
color: #fff !important;
}
.color_box5{
border-right: 2px solid #e1a500;
}
.color_box5 span{
font-size: 50px;
float: left;
}
.color_box5:hover{
background: #e1a500;
color: #fff !important;
}
.color_box5:hover .cours_Name p, .color_box5:hover .fa-fort-awesome{
color: #fff !important;
}
.color_box6{
border-right: 2px solid #ad33c6;
}
.color_box6 span{
font-size: 50px;
float: left;
}
.color_box6:hover{
background: #ad33c6;
color: #fff !important;
}
.color_box6:hover .cours_Name p, .color_box6:hover .fa-fort-awesome{
color: #fff !important;
}
.cours_Name {
padding-left: 72px;
}
.fa-fort-awesome{
color: #10c45c;
}
.cours_Name p{
color: #777777;
}
.cours_Ca_Form{
background: #f8f8f8;
padding: 25px 30px;
}
.Search_Courses_Bu {
background: var(--btn-color);
border: 0px;
padding: 12px 45px;

color: #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
}
.form-group {
margin-bottom: 33px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}
.select_arrow {
width: 100%;
position: relative;
background-color: #fff;
}
/*.select_arrow:before{
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007";
height: 20px;
width: 20px;
content: '';
position: absolute;
right: 0px;
}*/
select.form-control{
background: transparent;
}
.select_arrow:before {
font-family: "Font Awesome 5 Free";
content: "\f0d7";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
right: 3px;
position: absolute;
color: #959595;
font-size: 14px;
top: 9px;
}
.WELCOME_TO_UNIVERSITY_MAin{
width: 100%;
float: left;
position: relative;

}
.university_Img{
width: 100%;
float: left;
/*background-image: url(https://dfcby4322olzt.cloudfront.net/wp-content/uploads/2020/11/Farmington-PS-2-scaled.jpg);
background-repeat: no-repeat;
background-size: cover;*/
/* padding: 50px;*/

}
.university_content{
width: 100%;
/*    padding: 25px 0px 0px 0px;*/
float: left;
}
.university_content_box{
width: 100%;
float: left;
text-align: center;
padding: 0px 13px;
}
.university_img{
height: 200px;
}
.university_content_box span i {
background: #fff;
height: 85px;
width: 85px;
box-shadow: 0px 0px 5px 0px;
border-radius: 50%;
line-height: 83px;
font-size: 45px;
margin-bottom: 23px;
}
.university_content_box h5{
margin-bottom: 14px;
}
.university_content_box a{
color: #000;
font-weight: 700;
}
.video{
width: 1072px;
height: 404px;
background: #e2e2e2;
}
.video1{
width: 100%;
/* height: 539px;*/
}
.video-banner{
height: 487px;
}
@media screen and (max-width: 767px){

.university_content{
width: 100%;
}
.Days li{
color: #000;
}
.Coaching_Tra h2{
color: #000;
}
.Coaching_Tra h5{
color: #000;
}
.Coaching_Tra strong{
color: #000;

}
}
.our_Course{
width: 100%;
float: left;
padding: 50px 0px;
}
.fade{
opacity: 1;
}
.our_Course .nav.nav-tabs{
}
.our_Course .nav.nav-tabs li a {
font-size: 18px;
color: #626262;
font-weight: 600;
}
.our_Course .nav.nav-tabs li{
padding: 0px 26px 11px 0px;
}
.our_Course .nav.nav-tabs li a.active{
color: var(--bg-yellow);
position: relative;
}
.our_Course .nav.nav-tabs li a.active:after{
position: absolute;
content: '';
width: 100%;
background: var(--bg-yellow);
height: 2px;
left: 0px;
bottom: -6px;
}
.our_Course .nav.nav-tabs li a:hover{
color: var(--bg-yellow);
}
.Co_body {
width: 100%;
padding: 20px;
float: left;
}
.nav-tabs{
border-bottom: 0px solid #dee2e6;
}
.Co_body h5{
    font-size: 18px;
    margin: 0px 0px 0px 0px;
    color: #000;
}
.Co_body p{
margin-top: 22px;
color: #7b7a7a;
}
.Co_footer{
float: left;
background: #f8f8f8;
padding: 12px 7px;
border-top: 1px solid #e2e2e2;
display: flex;
align-items: center;
width: 100%;
}
.our_Co_box1{
border: 1px solid #e2e2e2;
width: 100%;
float: left;
}
.Fo-icons {
width: 53px;
float: left;
}
.Co_footer_Name {
width: 100%;
padding-left: 13px;
}




/*==========================================footer*/
.fo-cardheader{
border-bottom: 1px solid #fff;
padding-bottom: 12px;
margin-bottom: 13px;
display: inline-flex;
}
.fo-cardheader h3{
font-size: 20px;
color: #fff;
margin-bottom: 0px;
}
.card-list{
padding: 0px;
margin: 0px;
list-style: none;
}
.card-list li{
display: block;
padding-bottom: 10px;
}
.card-list li a{
color: #fff;
}
.fo_card {
width: 100%;
float: left;
text-align: left;
}
.fimg{
width: 169px;
}
.Copyright{
background: #21314a;
color: #bcbcbc;
text-align: center;
margin-top: 23px;
padding: 7px;
font-size: 14px;
}
/*==========================================footer*/
span.F_User-icons {
float: right;
}
span.F_User-icons i {
padding-left: 5px;

}
span.F_User-icons i:hover{
color: var(--bg-yellow);
}
span.price {
box-shadow: 0px 0px 5px 0px #00000040;
background: #fff;
/* height: 55px; */
/* line-height: 20px; */
/* padding: 14px; */
border-radius: 50%;
font-size: 19px;
font-weight: 500;
width: 53px;
height: 53px;
float: right;
text-align: center;
line-height: 51px;
margin-top: -51px;
z-index: 1;
position: relative;
}
.Co_header{
position: relative;
overflow: hidden;
transition: all .6s ease;
}
.Co_header:hover img{
     transform: scale(1.1);
}
.Co_header img{
height: 290px;
transition: all .6s ease;

}
.view-all-Co {
width: 100%;
text-align: center;
margin-top: 48px;
width: 100%;
float: left;
}
.view-all-Co .Search_Courses_Bu{
width: auto;
}
/*.our_Co_box1-hover {
background: #334b70bf;
height: 100%;
width: 100%;
padding: 50px;
top: 0px;
left: 0px;
right: 0px;
bbott: 0px;
bottom: 0px;
position: absolute;
opacity: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}*/
a.box1-hover-btn {
color: #fff;
border: 2px solid #fff;
padding: 12px 25px;
}
.our_Co_box1:hover .our_Co_box1-hover{
opacity: .6;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.OUR_GALLERY{
width: 100%;
float: left;
padding: 25px 0px 25px 0px;
}
/*.scrtorH h2{
color: #fff;
}*/
.gallery_img{
width: 100%;
float: left;
position: relative;
overflow: hidden;
}
.gallery_img:after {
content: '';
position: absolute;
background: #00000052;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
}
.gallery_img img{
transition: all .4s ease;
}
.gallery_img:hover img {
transform: scale(1.1);
}
.gallery_hover {
background: #2e3e5600;
height: 100%;
width: 100%;
padding: 50px;
top: 0px;
left: 0px;
right: 0px;
bbott: 0px;
bottom: 0px;
position: absolute;

text-align: center;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
align-items: end;
}
.gallery_hover h4 {
color: #fff;
font-size: 17px;
margin-bottom: 0px;
font-weight: 600;
z-index: 2;
}
.gallery_img:hover p{
padding-bottom: 44px;
transition: all .5s ease;
}
.gallery_img:hover .gallery_hover{
background: #00000057;
}
.gallery {
width: 100%;
float: left;

}
.count_Box{
width: 100%;
float: left;
/* background-image: url(https://etimg.etb2bimg.com/thumb/msid-82541180,width-1200,resizemode-4/.jpg);*/
background-repeat: no-repeat;
background-size: cover;
/*   margin-top: 50px;*/

}
.count_card {
width: 100%;
text-align: center;
float: left;
/*font-family: 'Roboto Slab', serif;*/
}
.count_card p{
font-size: 18px;
}
.count_card i {
font-size: 54px;
margin-bottom: 15px;
}
.section2{
width: 100%;
float: left;
padding: 0px 0px;
}
.section3{
width: 100%;
float: left;
}
.faculity_Member{
width: 100%;
float: left;

}
.faculity_Memberclient {
width: 100%;
float: left;
padding: 0px 10px;
}
.faculty_Box{
width: 100%;
float: left;
}
/*.faculty_Box .Co_header img{
height: auto;
}*/
.faculty_Box .Co_body{
text-align: center;

}
.our_Co_box1{
transition: all .8s ease;
height: 100%;
width: 100%;
float: left;
background: #f7f7f7;
}
/*.our_Co_box1:hover{
transition: all .4s ease-in-out;
box-shadow: 0px 0px 8px 0px #6a6a6a !important;
border-bottom: 2px solid var(--bg-yellow) ;
}*/

.coaching_Box{
width: 100%;
float: left;
background-image: url("../images/master-plan.PNG");
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding: 50px 20px;
max-height: 513px;
}
.coaching_Box:after{
background: #000;
position: absolute;
content: '';
top: 0px;
left: px;
right: 0px;
bottom: 0px;
left: 0px;
opacity: .6;
}
.Coaching_inner {
width: 100%;
float: left;
position: relative;
z-index: 1;
}
.Coaching_Tra {
width: 100%;
text-align: center;
}
ul.Days{
padding: 0px;
margin: 0px;
list-style: none;
margin-top: 30px;
margin-bottom: 30px;
}
.Days li{
border: 1px solid #fff;
padding: 20px;
text-align: center;
vertical-align: middle;
display: inline-block;
margin: 0px 4px;
width: 84px;
color: #fff;
height: 90px;
}
.Coaching_Tra h2{
color: #fff;
margin-bottom: 20px;
font-size: 44px;
}
.Coaching_Tra h5{
color: #fff;
}
.Coaching_Tra strong{
color: #fff;
margin-top: 10px;
}
.coaching_img {
position: absolute;
left: -18%;
}
.Coaching_F {
width: 100%;
float: left;
margin-top: 200px;
}
.coaching_img img{
width: 100%;
}
.U_footer{
padding: 50px 0px 0px 0px;
background: #2e3e56;
color: #fff;
text-align: center;
width: 100%;
float: left;
bottom: 0px;
left: 0px;
right: 0px;
position: relative;
    bottom: 0px;
    /*background-image: url(../images/footer.png);
    background-attachment: fixed;
    background-size: cover;*/

}
.U_footer p{
margin-bottom: 0px;
}
section.section {

    overflow: hidden;
}
@media screen and (max-width: 767px){
.Coaching_Tra h2{
font-size: 26px;
}
.coaching_Box{
max-height: inherit;
}
}
.body1{
transition: all .8s ease;
}
.darkHeader .U_header{
position: fixed;
left: 0px;
right: 0px;
/*background: var(--bg-yellow);*/
z-index: 37;
top: 0px;
color: #fff !important;

}
.darkHeader .nav-link{
color: #fff;
}
.darkHeader .U_logo{

padding: 15px 17px;
}
.darkHeader .U_logo img{
width: 195px;
padding: 18px 20px;
}
.darkHeader nav.navbar.navbar-expand-lg{
padding: 7px 0px;
}
.darkHeader .U_banner h1{
color: #fff;
font-size: 40px;
}
.menu li.active{
border-bottom: 1px solid #fff;
}
/*.darkHeader .ace-responsive-menu > li > a{
    color: #fff;
} */
/*==================================slider*/
.slick-slider button {
border: 0px;
background: transparent;
position: absolute;
bottom: 46px;
margin: auto;
left: -83px;
right: 0px;
text-align: center;
font-size: 0px;
outline: 0px;
}
.slick-next:before {
 font-family: FontAwesome;
content: "\f104";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
right: 3px;
position: absolute;
color: #959595;
font-size: 14px;
top: 9px;
left: 86px;
font-size: 23px;
}
.slick-prev:before{
 font-family: FontAwesome;
content: "\f105";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
right: 3px;
position: absolute;
color: #959595;
font-size: 14px;
top: 9px;
left: 112px;
font-size: 23px;
}
.latest_Eve_slider {
padding-bottom: 44px;
border-bottom: 1px solid #e4e4e4;
}
.latest_Eve_Count_Box{
width: 100%;
float: left;
background: #222845;
padding: 70px 25px;
position: relative;
margin-top: -23px;
}
.latest_Eve img {
    width: 97%;
border: 1px solid #dadada;
height: 100px;
}
/*==================================slider*/
/*==================================sector4*/
.box {
position: relative;
border-top: 0;
width: 100%;
background: #fff;
padding: 0px;
-webkit-transition: .5s;
transition: .5s;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
}
.box-header {
color: #455a64;
display: block;
padding: 0.8rem 1.25rem;
position: relative;
border-bottom: 1px solid rgba(97, 106, 120, 0.07);
}
.box-header.with-border {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.box-body {
padding: 1.25rem;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.ribbon-wrapper, .ribbon-wrapper-reverse, .ribbon-wrapper-bottom, .ribbon-wrapper-right-bottom {
position: relative;


height: 100%;
}
.ribbon {
padding: 0 20px;
height: 30px;
line-height: 30px;
clear: left;
position: absolute;
top: 0px;
left: -2px;
}
.ribbon-bookmark {
border-radius: 0;
top: -5px;
left: -5px;
color: #fff;
}

.ribbon-bookmark.bg-secondary:before {
border-color: #e4e7ea;
border-right-color: transparent;
}
.single {
padding: 20px 15px;
background: #fcfcfc;
border: 1px solid #f0f0f0; }
.single h3.side-title {
margin: 0;
margin-bottom: 10px;
padding: 0;
font-size: 20px;
color: #333;
text-transform: uppercase; }
.single h3.side-title:after {
content: '';
width: 60px;
height: 1px;
background: var(--btn-color);
display: block;
margin-top: 6px; }
.single ul {
margin-bottom: 20px; }
.single li a {
color: #000;
    font-size: 16px;
/*border-bottom: 1px solid #f0f0f0;*/
line-height: 35px;
display: block;
text-decoration: none;
display: inline-flex;
    cursor: auto;
}

.single li:last-child a {
border-bottom: 0; }
.BIM_SERVICES {
width: 100%;
float: left;
/*font-family: 'Roboto Slab', serif;*/
}
.fa.fa-circle{
font-size: 10px;
}
.table-bordered th{
background: #fff;
color: #000;
}
.table-bordered td, .table-bordered th{
border: 1px solid #b2b2b2;
}
.table tbody+tbody{
border-top: 0px solid #b2b2b2;
}
/*========3D-img*/
.text-center {
margin-top: 56px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
#cube-container {
width: 240px;
height: 240px;
margin: 16px auto 68px auto;
perspective: 800px;
}
#cube-container:before {
content: '';
position: absolute;
top: 90px;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 75px 20px rgba(0, 0, 0, 0.1), inset 0 0 350px 350px rgba(0, 0, 0, 0.1);
transform: rotateX(95deg) translateZ(-80px) scale(1);
animation: rotateShadow 16s infinite;
}
.cube {
height: 100%;
width: 100%;
position: relative;
transform-style: preserve-3d;
transition: all 0.8s ease-in-out;
animation: rotate 16s infinite;
}
.cube img {
position: absolute;
width: 240px;
height: 240px;
backface-visibility: hidden;
}
.cube img:nth-child(1) {
transform: rotateY(0deg) translateZ(120px);
}
.cube img:nth-child(2) {
transform: rotateY(90deg) translateZ(120px);
}
.cube img:nth-child(3) {
transform: rotateY(-90deg) translateZ(120px);
}
.cube img:nth-child(4) {
transform: rotateY(180deg) translateZ(120px);
}
@keyframes rotate {
0% { transform: rotateY(0deg); }
25% { transform: rotateY(90deg); }
50% { transform: rotateY(180deg);}
75% {  transform: rotateY(270deg); }
100% { transform: rotateY(360deg); }
}
@keyframes rotateShadow {
0% { transform:  rotateX(95deg) translateZ(-80px) scale(1) rotateZ(360deg); }
25% { transform:  rotateX(95deg) translateZ(-80px) scale(1) rotateZ(270deg); }
50% { transform:  rotateX(95deg) translateZ(-80px) scale(1) rotateZ(180deg);}
75% {  transform: rotateX(95deg) translateZ(-80px) scale(1)  rotateZ(90deg); }
100% { transform: rotateX(95deg) translateZ(-80px) scale(1)  rotateZ(0deg); }
}
/*========3D-img*/
/*==================================sector4*/
/*==================================sector5*/
.whychoose_Bg{
width: 100%;
float: left;


}
.whychoose_Q{
width: 100%;
float: left;
background: #f7f7f7;
padding: 20px 20px;
border: 15px solid #abacac;
position: relative;
}
.whychoose_Q h3{
margin-bottom: 30px;
}
.whychoose_Q p{
margin-bottom: 30px;
}
.choose_us_count h3{
color: #000;
font-weight: 600;
border-bottom: 1px solid #dadada;
font-size: 30px;
}
.whychoose_Q img{
position: relative;
left: -128px;
width: 130%;
}
.choose_us_count {
margin-top: 30px;
}
/*==================================sector5*/
.email-box{
display: flex;
justify-content: center;
align-items: baseline;
padding: 20px 0 25px;
color: #fff;
background: #079d92;
}
.email-box .btn {
color: #fff;
border-color: #fff;
}
.email-box h4 {
margin-right: 20px;
margin-bottom: 0;
color: #fff;
}
/*======================contact*/
.section4{
width: 100%;
float: left;
background-image: url(https://png.pngtree.com/thumb_back/fh260/back_our/20190628/ourmid/pngtree-leather-texture-background-picture-image_265098.jpg);
/*  background-size: cover;
background-repeat: no-repeat;*/
background-attachment: fixed;
padding: 25px 0px;
}
.contact-boxb{
width: 100%;
float: left;
}
.textarea{
font-size: 1rem;
color: #727272;
}
/*======================contact*/
.back-to-top {
cursor: pointer;
position: fixed;
bottom: 20px;
right: 20px;
display:none;
}
.btn-primary{
background-color: #38609c;
border-color: #38609c;
}
/*====================================================sector1 railway gallery*/
/*#bg-asset {
position: fixed;
background: url('https://coolbackgrounds.io/images/backgrounds/black/black-contour-f41038db.svg') left 90px;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}*/
.aproject-gallery{
width: 100%;
float:left ;
}
.aproject-gallery .col-md-4{
margin-bottom: 20px;
}
.aproject-gallery .carousel-indicators {bottom: 60px;}
.aproject-gallery .carousel-indicators li {
width: 45px;
border: 0px solid var(--bg-yellow);
}
.aproject-gallery .carousel-indicators li img{border: 1px solid #fff;}
.aproject-gallery .codepen_profile{position: fixed; right: 20px; bottom: 20px;}
.aproject-gallery .codepen_profile a {background: rgb(245 122 32 / 53%); padding: 15px; border-radius: 50%; box-shadow: hsl(0deg 0% 80%) 0 5px 16px; height: 60px; width: 60px; display: inline-block; }


#exTab1 {
    margin-top: 12px;
        width: 100%;
    float: left;
}
#exTab1 .tab-content {
 
  padding : 5px 15px;
}

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}
#exTab1 .nav-pills > li > a {
  border-radius: 0;
      padding: 10px 20px;
}
#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}
#exTab1 .nav-pills > li > a.active, #exTab1 .nav-pills > li > a.active.show{
    background: #3c85f7;
    color: #fff;
}












/*====================================================sector1 railway gallery*/
/*====================================================sector4 BIM banner slider*/
.Architecture-banner{
width: 100%;
float: left;
}
.Archite-text h3 {
font-size: 54px;
color: #fff;
}
.Archite-text{
width: 100%;
text-align: center;
/*margin-top: 131px;*/
}
.Archite-bg{
background: #49596a;
border-bottom: 6px solid #fff;
/*background-image:url();*/
    display: flex;
    align-items: center;
}

/*====================================================sector4 BIM banner slider*/
.sectors-img-icons {
width: 100%;
overflow: hidden;
}
.sectors-img-icons img{
  height: 250px;
      width: 100%;
}



/*===========================================project*/
.main-body {
    width: 100%;
    float: left;
    margin: 20px 0px;
    overflow: hidden;
}
.projectlist-main {
    width: 100%;
    float: left;
}
.Service-list{
    width: 100%;
    float: left;
    /*background: #000;*/
    padding: 20px 20px;
    z-index: 1;
    position: relative;
    background-image: url(../images/engi.png);
    background-attachment: fixed;
    background-size: cover;
}

.body-engi, .body-bim, .body-cons, .body-proj, .body-imp, .body-geo, .body-about{
  width: 100%;  
  float: left;
   background-image: url(../images/bg-engi.png);
    background-attachment: fixed;
    background-size: cover;
        margin: 0px 0px;
            padding: 20px 10px;
}

.Service-list-box{
    border-left: 1px solid #525252;
    padding: 20px 20px;
        height: 100%;
}
.Service-list-box h4{
    color: #fff;
        color: #e4ad15;
}
.Service-list-box ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
        justify-content: space-between;
            display: flex;
}

.Service-list-box ul li a{
color: #fff;
    text-decoration: none;
    cursor: auto;
    font-size: 14px;
}
a.service-sub-list{
color: #8397b4 !important;
    font-size: 14px;
}



/*===========================================project*/
#carousel-thumb .carousel-inner:hover, #carousel-thumb1 .carousel-inner:hover, #carousel-thumb3 .carousel-inner:hover, #carousel-thumb8 .carousel-inner:hover, #carousel-thumb2 .carousel-inner:hover, #carousel-thumb4 .carousel-inner:hover, #carousel-thumb5 .carousel-inner:hover, #carousel-thumb6 .carousel-inner:hover, #carousel-thumb7 .carousel-inner:hover {
transition: all .8s ease-out;
z-index: 9;
}

#carousel-thumb .carousel-inner:hover img, #carousel-thumb1 .carousel-inner:hover img, #carousel-thumb3 .carousel-inner:hover img, #carousel-thumb8 .carousel-inner:hover img, #carousel-thumb2 .carousel-inner:hover img, #carousel-thumb4 .carousel-inner:hover img, #carousel-thumb5 .carousel-inner:hover img, #carousel-thumb6 .carousel-inner:hover img, #carousel-thumb7 .carousel-inner:hover img{
transform: scale(1.1);
position: relative;
transition: all .8s ease-out;
outline: 0px solid #000;

}




