@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Teko:wght@300..700&display=swap');
*{  font-family: "Poppins", sans-serif;}
.fa{font-family:FontAwesome !important;}
a { text-decoration:none;}
p{font-size:15px;line-height:1.5em;color:#212529;}

body{background-color: #000!important;}

.section-title{position:relative;color:#fff;font-size: 36px;line-height:1.8em;font-weight:600;letter-spacing: 3px;padding-bottom:40px;text-transform:uppercase;}
.section-title1{position:relative;color:#fff;font-size: 30px;line-height:1.4em;font-weight:600;letter-spacing: 3px;text-transform:capitalize;padding-bottom:10px;}


/*--------------------------------------------------------------
# banner-section
--------------------------------------------------------------*/
.banner-section:after{content: '';position: absolute;left: 0px;right: 0px;top: -1px;bottom: 0px;width: 100%;height: 796px;z-index: 0;background: rgb(24 23 23 / 51%);}
.banner-section .content-column .title{position:relative;color:#fff;font-size: 36px;line-height:1.3em;font-weight:600;letter-spacing: 3px;padding-right:70px;padding-bottom:20px; display:inline-block;text-transform:uppercase;}
.banner-section img{ filter: grayscale(0.6);}
/* .banner-section .content-column .title:before{position:absolute;content:'';right:0px;top: 16px;height:2px;width:60px;background-color:#ff0000;} */
.banner-section .content-column .text{position:relative;color:#ffffff;font-size: 16px;font-weight:400;max-width:665px;}
.banner-section .carousel-caption {position: absolute;z-index: 1;bottom: 0;top: 0;left: 10%;padding-top: 1.25rem;padding-bottom: 1.25rem;color: #fff;text-align: left;display: flex !important;align-items: center;}
.banner-section .content-column h1{position:relative;color:#ffffff;font-size: 24px;font-weight:400;max-width:665px;padding-bottom:10px;}
.banner-section .carousel-control-prev-icon {background-color: #000;}
.banner-section .carousel-control-next-icon {background-color: #000;}
.banner-section .carousel-control-prev:hover .carousel-control-next{background-color: rgba(255, 255, 255, 0.2);}
.banner-section .carousel-control-next:hover .carousel-control-next{background-color: rgba(255, 255, 255, 0.2);}
.banner-section .carousel-indicators{display: none;}
.banner-section .carousel-control-next:hover{background-color: rgba(255, 255, 255, 0.2);}
.banner-section .carousel-control-prev:hover{background-color: rgba(255, 255, 255, 0.2);}
.banner-section .carousel-control-prev {text-decoration: none;width: 125px;color: #fff;font-size: 14px;-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);-webkit-transition: all .2s;transition: all .2s;}
.banner-section .carousel-control-next {text-decoration: none;width: 125px;padding:10px;color: #fff;font-size: 14px;-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);-webkit-transition: all .2s;transition: all .2s;}
.banner-carousel{margin-right: -99%;float: right;}
.banner-carousel1{text-align: center!important;display: flex;justify-content: center;flex-direction: column;margin-right: -66%;}
.banner-carousel1 .title{padding-right: 0px!important;}
.banner-carousel1 h1{text-align: center!important;}
.banner-carousel1 .text{text-align: center!important;}

.projects{padding:60px 10px;}
.project-bx{background-color: #fff;border:1px solid #fff;border-radius: 10px;margin-bottom:20px;}
.project-bx .pro-content{padding:15px;font-size:15px;}
.project-bx .pro-content h1{font-size:20px;font-weight:600;color:#212529;}

.about-us{background-color: #fff;padding:80px 0px;}
.about-us p{font-size:15px;line-height:1.6em;}
.about-us img{border-radius: 10px;}
.btn-style-two{font-size:15px;position: relative;display: inline-block;line-height: 30px;color: #ffffff;border:1px solid #000;border-radius: 10px;font-weight: 400;overflow: hidden;padding: 6px 16px 6px;background-color:#212529;}
.btn-style-two:hover{color:#fff;}
.btn-abt a{font-size:15px;position: relative;display: inline-block;line-height: 30px;color:#212529;border:1px solid #212529;border-radius: 20px;font-weight: 400;overflow: hidden;padding: 6px 16px 6px;background-color:transparent;}
.btn-abt a i{transform: rotate(45deg);padding-right:5px;}


.team-section{padding:60px 0px;}
.team-bx{padding: 7px;border:2px solid rgb(57, 132, 198) !important;border-radius: 10px;min-height: 100%;margin-top:10px;}
.team-bx img{background-image:  linear-gradient(116deg, #242853cf 9%, #000B99 78%);border-radius: 50%;}
.team-bx h1{font-size: 15px;color:#fff;padding-top:20px;}
.team-bx h6{font-size: 13px;color:#fff;}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {position: relative;background-color: #000;margin-top: 60px;padding-bottom: 0px;}
.footer .footer-about p {font-size: 14px;color: #fff;font-weight: 400;line-height:28px;}
.footer .social-links a {display: flex;align-items: center; padding: 5px 0;font-size: 14px;color: #fff;margin-right: 10px;transition: 0.3s;}
/* .footer .social-links a:hover {background-color: #ff0000;;border-color: #ff0000;;} */
.footer h4 {font-size: 18px;position: relative;padding-bottom: 12px;margin-top: 10px;color: #fff;font-weight:600;}
.footer .footer-links {margin-bottom: 30px;}
.footer .footer-links ul {list-style: none;padding: 0; margin: 0;}
.footer .footer-links ul li {padding: 8px 0;display: flex;align-items: center;}
.footer .footer-links ul li:first-child {padding-top: 0;}
.footer .footer-links ul a {position: relative;    color: #fff;font-size: 14px;font-weight: 400;padding-left:0px;}
.footer .social-links a i{padding-right:12px;    font-size: 20px;}
/* .footer .footer-links ul a:hover {color:#ff0000;} */
.footer .footer-links ul li a::before {content: '';position: absolute;left: 0px;top: 7px;width: 12px;height: 9px;background: url(./Image/logo-small-icon.png) no-repeat;}
.footer .footer-contact p {margin-bottom: 5px;}
.footer .copyright {padding: 10px 0;}
.footer .copyright p {margin-bottom: 0;}
.footer .credits {margin-top: 6px;font-size: 13px;}
.footer .footer-contact .ft_cnt{margin-bottom: 10px;color: #fff;font-size: 16px;}
.footer .footer-contact .ft_cnt p{color: #fff;font-size: 14px;}
.footer-bottom{background-color: #fff;}
.footer-bottom p{font-size:15px;color:#333;}
.top-footer{padding:60px 0px;}
.top-footer p{color:#fff;font-size:15px;line-height:30px;}
/*  */

/* contact-us page */

/* contact us */
.hm_heading{font-size: 28px;font-weight:500;color: #fff;line-height:1.5em;}
.sub-heading {font-weight: 600;Font-size: 19px;color: #fff;line-height: 30px;margin: 0;text-align: left;}
.contact_frm .form-control {border-radius: 0;padding: 10px; border-radius: 10px;}
.contact_frm input {border-radius: 10px;}
.contact_frm textarea {border-radius: 10px;}
.btn-style-one {font-size: 14px;line-height: 1;padding: 12px 24px;background-color: #fff;font-weight: 500;border-style: solid;border-width: 2px 2px 2px 2px;border-color: #fff;color: #212529;text-decoration: none;border-radius: 8px;}
.btn-style-one:hover{font-size: 14px;line-height: 1;padding: 12px 24px;background-color: #212529;font-weight: 500;border-style: solid;border-width: 2px 2px 2px 2px;border-color: #fff;color: #fff;text-decoration: none;border-radius: 8px;}
.contact-sec h3{font-size: 20px;line-height: 30px;color:#fff;}
.contact-sec p {font-size: 17px;line-height:27px;color:#fff;font-weight:normal}
.contact-sec p a{text-decoration: none;color:#fff;}
.contact_frm label{color:#fff;font-size:15px;padding-bottom:5px;}

/* service page */

.services-pg{padding:80px 0px;/*background-image: url('image/service-bg.jpg');*/}
.services-pg .cont-content h1{font-size: 23px;font-weight: 600;-webkit-text-stroke-color: #fff;stroke: #fff;color: #fff;line-height:1.5em;text-align: center;}
.services-pg .cont-bx{/*padding:50px;*/text-align: center;width:100%;}
.services-pg .cont-bx h1{font-size:26px;color:#fff;}
.services-pg .cont-btn a{font-size: 14px;line-height: 1;padding: 12px 24px;background-color: #fff;font-weight: 500;border-style: solid;border-width: 2px 2px 2px 2px;border-color: #fff;color: #212529;text-decoration: none;border-radius: 8px;}
.services-pg /* .cont-btn a:hover{background-color: #000B99cf;border:#000B99cf;color:#fff;font-size: 14px;line-height: 1;padding: 12px 24px;font-weight: 500;border-style: solid;border-width: 2px 2px 2px 2px;text-decoration: none;border-radius: 8px;} */
.services-pg .border-lft{border:1px solid #fff;}
.services-pg .border-rht{border-left:1px solid #fff;border-bottom:1px solid #fff;}
.services-pg .border-rhts{border-right:1px solid #fff;border-top:1px solid #fff;}
.services-pg .cont-bx img{width:100%;/* height:200px; */}
.services-pg .serv-marg{padding-top:100px;}


/* Products page */

.products-pg{padding:80px 0px;/*background-image: url('image/service-bg.jpg');*/}
.products-pg .cont-content h1{font-size: 23px;font-weight: 600;-webkit-text-stroke-color: #fff;stroke: #fff;color: #fff;line-height:1.5em;text-align: center;}
.products-pg .cont-bx{/*padding:50px;*/text-align: center;width:100%;}
.products-pg .cont-bx h1{font-size:26px;color:#fff;}
.products-pg .cont-btn a{font-size: 14px;line-height: 1;padding: 12px 24px;background-color: #fff;font-weight: 500;border-style: solid;border-width: 2px 2px 2px 2px;border-color: #fff;color: #212529;text-decoration: none;border-radius: 8px;}
.products-pg /* .cont-btn a:hover{background-color: #000B99cf;border:#000B99cf;color:#fff;font-size: 14px;line-height: 1;padding: 12px 24px;font-weight: 500;border-style: solid;border-width: 2px 2px 2px 2px;text-decoration: none;border-radius: 8px;} */
.products-pg .border-lft{border:1px solid #fff;}
.products-pg .border-rht{border-left:1px solid #fff;border-bottom:1px solid #fff;}
.products-pg .border-rhts{border-right:1px solid #fff;border-top:1px solid #fff;}
.products-pg .cont-bx img{width:100%; height:200px;}
.products-pg .serv-marg{padding-top:100px;}


.philosophy-pg h1 span{font-weight: 700;Font-size: 30px;color:#000B99;letter-spacing: 1px;}

/*--------------------------------------------------------------#innr-pg-bnnr
--------------------------------------------------------------*/
.otherpagecss #RadDockZone1.container {max-width: 100%!important;}
.otherpagecss #RadDoabout-usckZone1.container #HomepagecontentControl_C table {margin-top: 0 !important;}
.innr-pg-bnnr {/* padding: 100px 0 0; */width: 100%;background-size: 100% 100%;min-height: 400px;text-align: center;position: relative;margin-bottom: 40px;display: flex;justify-content: center;align-items: end;padding-bottom: 14%;}
.innr-pg-bnnr:after {content: '';position: absolute;left: 0px;right: 0px;top: -1px;bottom: 0px;width: 100%;height: 100%;z-index: 0;background: rgba(0,0,0,0.55);}
.innr-pg-bnnr h1 {text-transform: uppercase; text-align: left;color: #fff;font-size: 36px;font-weight: 800;line-height: 1.2em;margin-bottom: 10px;position: relative;z-index: 1;}
.innr-pg-bnnr h1:before {position: absolute;content: '';background-color: #000B99;width: 4px;height: 79px;top: 0;left: -24px;}
.inner-pages ul, .innr-pg ul {padding: 0px;margin-bottom: 0;}
.inner-pages li, .innr-pg li {position: relative;list-style: none;padding-left: 30px;}
.innr-pg-bnnr-btm a {font-size: 14px;color: #fff;transition: 0.3s linear;margin: 0px 5px;display: inline-block;}
.innr-pg-bnnr-btm {text-align: left;}
.innr-pg-bnnr p{text-align: left!important;}


.timeline {width: 100%;height: 258px;padding: 20px;position:relative;box-sizing: border-box;/* background: #0099FF; */overflow: auto;display: flex;justify-content: center;overflow: hidden;}
.timieline-title {text-align: CENTER;font-size: 15px;font-weight: bold;}
.timeline-content {max-width: 195px;height: 229px;padding: 12px;flex-shrink: 0;flex-grow: 0;align-self: flex-start;background: #FFF;position: relative;border-radius: 10px;margin-right: 10px;box-shadow: 0px 0px 2px 2px rgba(0,0,0, 0.2);}
.timeline-content:before {position: absolute;/* width: calc(100% + 14px); *//* height: 4px; *//* top: calc(100% + 10px); *//* background: #000B99; *//* content: ""; */left: -7px;border-radius: 5px;}

.timeline-content:after {position: absolute;width: 4px;height: 25px;top: 100%;left: calc(50% - 10px);background: #000B99;/* content: ""; */}
.timeline-period {/* font-size:16px; *//* font-weight:700; *//* position: absolute; *//* top: calc(100% + 25px); *//* background: #FFF; *//* padding: 10px; *//* width: 100px; *//* text-align:center; *//* border-radius: 10px; *//* left: calc(50% - 60px); *//* box-shadow: 0px 0px 2px 2px rgba(0,0,0, 0.2); */}
.timeline-period:before {/* width: 15px; *//* height: 15px; *//* background: #000B99; *//* border-radius: 50%; *//* content: ""; *//* position: absolute; *//* top: -20px; *//* left: calc(50% - 6px); *//* z-index: 2; */}

/*.timeline-content:nth-child(even) {align-self: flex-end;}*/
.timeline-content:nth-child(even):before {top: -30px;}
.timeline-content:nth-child(even):after {top: -25px;}
.timeline-content:nth-child(even) .timeline-period {top: -79px;}
.timeline-content:nth-child(even) .timeline-period:before {top: calc(100% + 2px);}
.timeline-content:hover{background-color: #000B99;transition: 1s ease;color:#fff;}
.timeline-content:hover .timeline-period{color:#000;}
.cont-para{text-align: center;font-weight: 700;}
  @keyframes waves {
      from {
          transform: scale(.55, .55);
          opacity: .6;
      }
      to {
          transform: scale(1.8, 1.8);
          opacity: 0;
      }
  }

@media(max-width: 1297px) {.timeline-content:after{display: none;}
.timieline-title {text-align: center;}
    .timeline-period:after {display: none;}
    .timeline-content:before{display: none;}
    .timeline {display: block!important;height:auto!important;overflow: hidden!important;}
    .timeline-content {margin-top:20px; 
        width:100%!important;
    max-width: 100%!important;
    height: 140px!important;}
    .timeline-period{position: absolute!important;top: 85px!important;}}

.ongoing-projects{padding-top:80px;}
.ongoing-projects h1{text-align: center; color: #000;font-size: 30px;font-weight: 600 !important;line-height: 140%;letter-spacing: 1.5px;margin-top: 21px !important;}


.pro-bx {background: linear-gradient(#12131a, #000B99);padding: 20px 30px;box-shadow: rgb(39 170 225 / 45%) 0px 5px 15px;width: 100%;border-radius: 10px;margin-top:50px;}
.pro-bx img {width: 80px;margin: 0 0 25px 0;background: #fff;border-radius: 50%;padding: 10px;}
.pro-bx h5 {color: #fff;font-size: 18px;font-weight: 800;margin: 5px 0px 10px;}
.pro-bx p{font-size: 17px;color:#fff;margin-bottom:0px;text-align: center;}

@media(max-width:991px)
{
    header img{padding:10px 30px!important;width:100%!important;}
    /* header{display: flex;justify-content: center;}
   header img {        width: 50% !important;padding-left: 0px !important;} */
#MenuControl .bg-light{padding: 10px 0px;}
}

@media(min-width:1368px)
{
    .innr-pg-bnnr{padding-bottom: 10%;}
    header img{width: 50%;padding:15px 0px 15px 74px;}
    /* #MenuControl .bg-light{padding: 30px;} */
}
@media(min-width:1700px)
{
    header img{width: 100%!important;padding:2px 0px 8px 74px;}
}



header img{
    width: 100%;
    padding: 5px;
}
#WidgetControl4{display: none;}
#HeaderControl{height:90%;background-color: #000;}
#MenuControl {background: #000;height:72px;}
#zonediv1{overflow: hidden!important;}
#zonediv{overflow: hidden!important;}
#WidgetControl1{padding: 0px;}
#widgetsControl{padding: 0px;}

#RadDockZone1 #OtherPageControl{padding: 0px;}
#zonediv #RadDockZone1.container{max-width: 100%!important;}
#zonediv #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
@media(max-width:1991px)
{
    .project-bx img{width:100%;}
}

@media(max-width:767px)
{
    .top-footer{padding:0px;}
    .innr-pg-bnnr{padding-bottom: 34%;}
    #MenuControl{width:100%!important;}
#HeaderControl{width:100%!important;}
#WidgetControl5{display: none!important;}
    .timeline-period:before{position: absolute;top:-7px!important;}
    .banner-section .carousel-caption{display: none!important;}
   .btns-box{margin-bottom:20px;}
   .offset-1{margin-left:0px;}
   .btn-style-two{margin-bottom:5px;}
}


#MenuControl{width:50%;}
#HeaderControl{width:20%;position: relative;z-index: 1;}
#WidgetControl5{width:30%;position: relative;z-index: 1;background: #000;}

.top-bar{padding:17px 0px;}
.top-bar ul{list-style: none;margin-bottom:0px;padding-left:0px;}
.top-bar ul li{padding:7px;display: inline-block;}
.top-bar ul li a{font-size:15px;color:#fff;}
.top-bar ul li a i{font-size:16px;color:#fff;}
.top-bar .contact-btn{ color: #ffffff;border:1px solid #fff;border-radius: 10px;font-weight: 400;overflow: hidden;padding: 8px 16px 8px;background-color:transparent;}
.top-bar .contact-btn:hover{ color:#212529;;background-color: #fff;}

#WidgetControl2{display: none;}