@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&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=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

a{text-decoration: none;font-family: "Roboto", Sans-serif;}
p{font-family: "Roboto", Sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: "Roboto", Sans-serif;}
ul li{font-family: "Roboto", Sans-serif;}

.our-journey{padding:5% 0;}
.our-journey h1{font-size:45px;color: #134186;font-weight: 500 !important; letter-spacing: 0 !important; text-transform: capitalize; position: relative;margin-bottom: 30px;}
.our-journey h1:before{content:'';position: absolute;background-color: #27aae1;width:58px;height:3px; margin-top:60px;}
.our-journey p{
        text-align: justify;
    color: #575152;
    font-size: 16px;
    font-weight: 400 !important;
    font-style: normal;
    line-height: 178%;
    letter-spacing: .6px;
}

 header img{width:80%;margin: 5px 28px;}
/*--------------------------------------------------------------
# Banner-Section
--------------------------------------------------------------*/
.vs-ms p{color:#000;font-size:14px;line-height:32px;}
.abt-cd{width:100%;border: none;margin-top: 20px;}
.abt-cd .nav-link{color: #27aae1;font-size:18px;padding: 10px;border: 1px #9ea1a3 solid;}
.abt-cd .nav-link:hover{color: #27aae1;}
.abt-cd .nav-link.active{border: 3px #27aae1 solid;}
.abt-cd img{
    width: 50px;
    margin-right:20px;
    padding: 5px;
    box-shadow: 1px 1px 5px #b7b7b7;
    border-radius: 50%;
}


.sector-bx {
  background: linear-gradient(#063e4d, #134186, #27aae1);
  padding: 20px;
  box-shadow: rgb(39 170 225 / 45%) 0px 5px 15px;
  margin: 20px;
  width: 100%;
  border-radius: 10px;
}
.sector-bx img {
  width: 80px;
  margin: 0 0 25px 0;
  background: #fff;
  border-radius: 50%;
  padding: 10px;
}
.sector-bx h5 {
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  margin: 5px 0px 10px;
}
.sector-bx p{
    
padding-top: 0 !important;
}

.bnr-sec .carousel-control-next, .bnr-sec .carousel-control-prev{width: 52px;  height: 52px; opacity: 1;     background-image: linear-gradient(to right, #007aff 0%, #007aff 100%); top: 50%;   }
.bnr-sec .carousel-control-prev{  border-radius: 0 50% 50% 0;}
.bnr-sec .carousel-control-next{border-radius: 50% 0 0 50%;}
.bnr-sec .carousel-control-prev:hover .fa{animation: prevarrmove 0.8s linear infinite alternate;}
.bnr-sec .carousel-control-next:hover .fa{animation: nextarrmove 0.8s linear infinite alternate;}
.bnr-sec .carousel-item{position: relative;}
.bnr-sec .carousel-item img{width:100%;height:550px;}
.bnr-sec .carousel-caption {bottom: 2.25rem;left: 16%;width: 65%;margin: auto;}
.bnr-sec .carousel-caption h2{font-size: 36px; font-weight: bold; margin-bottom: 16px; text-transform: uppercase; animation: fadeInRight 2000ms ease-in-out; color:#fff;}
.bnr-sec .carousel-caption p{font-size:22px; line-height: 25px; margin-top:30px; animation: fadeInRight 2000ms ease-in-out; color: #fff;}
.bnr-sec .carousel-caption{text-align: center;}
.bnr-sec .carousel-caption p a{text-transform: uppercase; padding: 13px 35px;color: #fff;cursor: pointer;border: 1px solid #fff;text-decoration: none;font-size:17px;}
.bnr-sec .carousel-caption p a:hover{background: #134186;color: #fff;border-color: #134186;}
.bnr-sec .carousel-indicators{display: none;}




.smt-btn {
    cursor: pointer;
    color: #fff;
    background: #262626;
    padding: 10px 30px;
    line-height: 26px;
    border: 2px solid #000;
    border-radius: 45px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}
.modal-open .modal-content{border-bottom-left-radius:0; border-bottom-right-radius:0;}
.modal-open .modal-hm-bg{background-color:#fff; border-top-left-radius:0; border-top-right-radius:0;border-bottom-left-radius:6px; border-bottom-right-radius:6px; padding-bottom:10px;}
.modal-header{color:#000; text-transform:uppercase; font-size: 20px; font-weight: bold;}
.modal-body input{display:inline-block; margin:7px auto;}
.modal-body center input{padding:7px 20px; color:#000; background:#87c232; border-radius:40px; transition:.3s;}
.modal-body center input:hover{color:#fff; background:#000;}
.modal-header .close{ /*background: #87c232;*/ padding: 5px 10px; color: #000; opacity:.9;position: absolute; right: 16px;}

.modal{top: 0;z-index:999999999 !important;}
.modal-content{ padding:15px;}
.modal-backdrop{ z-index:9;}
.modal-open .modal-dialog{z-index:9999;}
.smt-btn {
    cursor: pointer;
    color: #fff;
    background: #092043;
    padding: 10px 30px;
    line-height: 26px;
    border: 2px solid #000;
    border-radius: 45px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* about us section */
.about-section{position: relative;top: -25px;z-index: 1;}
.about-section .box-abt{ padding: 8%;background-color: #fff;background-size: cover;background-position: 50%;box-shadow: -1px 7px 15px rgba(0, 0, 0, .2);background-image: url('image/who__bg.png');background-position: 50%;}
.about-section h2{letter-spacing: 5px !important;font-size: 17px;color: #8d8d8d; font-weight: 400;font-family: Roboto, sans-serif;text-transform: uppercase; padding-bottom: 10px;margin-bottom: 30px;}
.about-section h2:before{content: "";position: absolute;width: 58px; height: 3px;background: #27aae1;margin-top:30px;}
.about-section h1{font-size: 30px;color: #134186;padding-bottom: 25px;font-weight: 600;line-height:1.4em!important;}
.about-section p{text-transform: capitalize;font-size: 16px;color: #575152;font-weight: 400;line-height: 178%;font-family: Roboto, sans-serif;}

/* sustain section */
.sustain-section{padding:5% 0;}
.sustain-section h2{letter-spacing: 5px !important;font-size: 17px;color: #8d8d8d; font-weight: 400;font-family: Roboto, sans-serif;text-transform: uppercase; padding-bottom: 10px;margin-bottom: 30px;}
.sustain-section h2:before{content: "";position: absolute;width: 58px; height: 3px;background: #27aae1;margin-top:30px;}
.sustain-section h1{font-size: 30px;color: #134186;padding-bottom: 5px;font-weight: 600;line-height:1.4em!important;}
.sustain-section p{text-transform: capitalize;font-size: 18px;color: #575152;font-weight: 400;line-height: 153%;font-family: Roboto, sans-serif;font-size: 14px !important;}
.sustain-section a{margin-top:10px; text-transform: uppercase;  font-size: 13px;color: #000;display: inline-block;border: 1px solid #134186;line-height: 50px;padding: 0 40px;transition: .5s;text-decoration: none;}
.sustain-section a:hover{background: #134186;color: #fff;border-color: #134186;}

/* team */
.team{padding:5% 0;}
.team h1{font-size: 30px;color: #134186;padding-bottom: 15px;font-weight: 600;line-height:1.4em!important;}
.team a{margin-top:10px; text-transform: uppercase;  font-size: 13px;color: #000;display: inline-block;border: 1px solid #134186;line-height: 50px;padding: 0 40px;transition: .5s;text-decoration: none;}
.team a:hover{background: #134186;color: #fff;border-color: #134186;}
.team-box p{    font-size: 16px;text-align: center; padding-top: 10px;color:#134186;padding-bottom:8px;font-weight:600;}
.team-box img{height: 225px;width:100%;}
.team-box{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}


.testimonials {
    padding: 2% 0;
}
.testimonials span{font-size:30px;color: #fff;opacity:1;}
.testimonials .carousel{box-shadow:1px 1px 6px gray;border-radius: 10px;background: #134186;}
.testimonials h2 {
    font-size: 34px;
    color: #134186;
    font-weight: 500;
    padding-bottom: 30px;
    margin: 0 !important;
    text-align: center;
}
.sr-sc img{width:80px;border-radius:50%;box-shadow: 1px 1px 5px #c0baba;}
.tm-cont h3{
  font-weight: 600;
  margin: 20px 0px;
  font-size: 24px;
  font-family: Cambria;
  color: #fff;
}
.sr-sc{text-align:center;padding: 20px;background: #134186;}
.tm-cont img{
  border-radius:0;
  width: 30px;
  margin-left: 5px;
}
.tm-cont h6{
  
color: #fff;
  
font-family: cambria;
  
font-size: 18px;
}
.tp-fx-head .btn {
    margin: 0;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: 25px;
    padding: 7px 15px;
    display: block;
    border: 1px #fff solid;
    cursor: pointer;
    margin-bottom: 10px;
}
.tp-fix{/* justify-content: center; */display: flex;}
.tm-cont p{
  margin-top: 23px;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
}


.ser_item {
  position: relative;
  -webkit-backface-visibility: hidden;
  width: 100%;
  max-width: 100%;
  margin: 20px 0;
}

.flip-box {
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 983px;
  -webkit-perspective: 1200px;
}

.flip-box-front,
.flip-box-back {
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  min-height: 250px;
  -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: rgb(8 13 39);
  background: linear-gradient(87deg, rgb(8 13 39) 0%, rgb(14 14 15 / 85%) 50%, rgb(39 170 225) 100%);
}

.flip-box-front {

    
  transform: rotateY(0deg);

  
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-front {
  transform: rotatex(180deg);
  transform-style: preserve-3d;
}

.flip-box-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: rotatex(-180deg);
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-back {
  transform: rotateY(0deg);
  transform-style: preserve-3d;
}

.flip-box .inner {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 21px;
  outline: 1px solid transparent;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
  transform: translateY(-50%) translateZ(60px) scale(.94);
  top: 50%;
}

.flip-box-header {
  font-size: 24px;
  font-weight: 600;
}

.flip-box p {
  font-size: 18px;
  line-height: 1.5em;
}

.flip-box-img {
  margin-top: 25px;
}

.Ser_btm_sec{margin-top: -314px;margin-bottom: 32px;position: relative;}

.color-white {
    color: #fff;
}

/*other services */
.strategy{padding:4% 0;}
 .strategy h2{font-size: 34px;color: #134186; font-weight: 500;padding-bottom:10px; margin: 0 !important;}
.other-service{background-color: #27aae1;padding: 45px;color:#fff;}
.other-service h1{font-size: 30px !important;font-weight: 400;color: #fff;padding-bottom: 15px !important;margin-bottom: 0 !important;}
.other-service p{font-size:16px;line-height:28px;font-weight:300;}
.other-service ul{padding-left:5px;}
.other-service ul li{font-size:16px;line-height:28px;font-weight:300;}
.other-service a{margin-top:5px; text-transform: uppercase;  font-size: 13px;color: #fff;display: inline-block;border: 1px solid #fff;line-height: 50px;padding: 0 40px;transition: .5s;text-decoration: none;}
.other-service a:hover{background: #134186;color: #fff;border-color: #134186;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: transparent!important;color:#27aae1!important}
.nav-pills .nav-link.active:before{content: "";position: absolute;width: 70px;height: 2px;background: #27aae1;margin-top: 30px;}
.nav-pills .nav-link{font-size:16px;font-weight:500;color:#134186;padding-right: 30px !important;}
.strategy img{width:100%;height: 100%;}

/*footer */
footer{background-color: #134186 !important;padding:70px 10px;}
footer .info h6{font-size:17px!important;font-weight: 600!important;}
footer .info p{padding-bottom:10px;padding-left: 27px;color:#fff;font-weight:300;font-size:15px;}
footer .info h6 i{color: #fff;margin-right:15px!important;}
.cl-2{font-weight:300!important;font-size:15px!important;}
.cl-3{color:#27aae1!important;font-weight:300!important;font-size:15px!important;}
.cl-3:hover{color:green!important;}
footer ul{list-style: none;padding-left: 0;}
footer ul li{display: inline-block;padding-right:20px;}
footer ul li a {background-color: #27aae1;width:45px;height:45px;display: inline-block; text-align: center;color:#fff;border-radius: 50%;font-size:24px!important;}
footer ul li a i{margin-top:10px;}
footer ul li a:hover{color:#fff;}
.footer-bottom{background-color: #27aae1;padding:15px;}
.footer-bottom p{text-align: center;color:#fff;margin-bottom:0px!important;font-size: 16px!important;}
.footer-logo img{width:90%;}

/* about us page */
.about-pg{padding-top:70px;}
.about-pg h1{font-size:45px;color: #134186;font-weight: 500 !important; letter-spacing: 0 !important; text-transform: capitalize; position: relative;margin-bottom: 30px;}
.about-pg h1:before{content:'';position: absolute;background-color: #27aae1;width:58px;height:3px; margin-top:60px;}
.about-pg p{ color: #575152;font-size: 18px;font-weight: 400 !important;font-style: normal;line-height: 178%;letter-spacing: .6px;padding-top:20px}

.vs-ms h1{font-size:45px;color: #134186;font-weight: 500 !important; letter-spacing: 0 !important; text-transform: capitalize; position: relative;margin-bottom: 30px;}
.vs-ms h1:before{content:'';position: absolute;background-color: #27aae1;width:58px;height:3px; margin-top:60px;}


.team-bg{background-image: url('image/team-bg.jpg');padding:6% 15%;margin-top:5%;}
.team-bg h1{font-size: 2rem;color:#fff;text-align: center;}
.team-bg p{text-align: center;}
.team-bg p span{font-size:20px!important; border-bottom:1px solid #27aae1;background: transparent;color: #27aae1; font-weight: 400;margin-left:20px!important;letter-spacing: .6px;}
.cl-sp{border-bottom:1px solid #fff!important;background: transparent;color: #fff!important; font-weight: 500;}
.team-inner{margin-top:20px;}
.team-inner h1{font-size: 30px;color: #134186;padding-bottom: 15px;font-weight: 600;line-height:1.4em!important;}
.team-inner p{text-align: center; color: rgba(29, 29, 29, .83);font-size: 18px;margin: 5px 0 0;font-weight: 400;letter-spacing: .6px;}
.team-inner img{height:200px;width:100%;}
.team-content{ height: 138px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-top: 7px solid #5fc0df;background-color: #fff;    padding: 20px 17px 25px;}
.team-content h6{font-size: 20px;text-align: center;color: #1e4384;font-weight: 700;line-height: 130%;letter-spacing: .78px;}
.team-btn a{margin-top:10px; text-transform: uppercase;  font-size: 13px;color: #fff;display: inline-block;border: 1px solid #fff;line-height: 50px;padding: 0 40px;transition: .5s;text-decoration: none;}
.team-btn a:hover{background: #134186;color: #fff;border-color: #134186;}

.our-values{padding-top:6%;}
.our-values h1{text-align: center; color: #134186;font-size: 45px; font-weight: 500 !important;line-height: 140%;letter-spacing: 1.5px;margin-bottom: 21px !important;}
.our-values h1:before{content:'';position: absolute;transform: translate(-50%);left:50%; background-color: #27aae1;width:68px;height:4px; margin-top:60px;}
.our-values p{text-align: justify;color: #575152;font-size: 16px;font-weight: 400 !important;font-style: normal;line-height: 178%;letter-spacing: .6px;padding-top:20px}
.sector-bx p{color:#fff;}
/* procurement */
.pro-sec{background: #f3f3f3 url('image/visionaboutbg.png') no-repeat center center;padding:8%;background-size: cover;background-position: bottom;background-repeat: no-repeat;}
.vis-card{ border-radius: 22px;border: 2px solid #2ea6ff;background: #fff;padding: 55px 90px;}
.vis-card h1{color: #134186;font-size: 50px;line-height: 150%;letter-spacing: 1.5px;}
.vis-card p{color: #27aae1;font-size: 20px;font-weight: 700;margin-bottom: 43px;position: relative;line-height: 150%;text-align: justify;}
.vis-card .pr-img1{width: 62px; position: relative;margin-top: -45px;left: -46px;float: inline-start;}
.vis-card .pr-img2{margin-top: -45px;float: inline-end;width:62px;}

.Excellence h2{text-align: center; color: #134186;font-size: 45px;font-weight: 500 !important;line-height: 140%;letter-spacing: 1.5px;margin-top: 21px !important;}
.Excellence { padding-top: 6%;}
.Excellence .about-pic { position: relative;}
.Excellence .about-pic::after { position: absolute; content: ''; width: 92%; height: 400px; background-image: linear-gradient(#063e4d, #134186, #27aae1); left: -50px; bottom: -50px; border-radius: 15px;}
.Excellence .about-pic::before { position: absolute; content: ''; width: 92%; height: 96%; border: 2px solid #27aae1; top: -30px; left: 0; z-index: 4; border-radius: 20px;}
.Excellence .about-pic img { border-radius: 15px; width: 95%; margin-left: 5%; position: relative; z-index: 3; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.Excellence p {text-align: justify;color: #575152;font-size: 16px;font-weight: 400 !important;font-style: normal;line-height: 178%;letter-spacing: .6px;}
.cl-font{font-size: 45px!important;}
.cl-fonta{font-size:16px!important;text-align: justify!important;}
.sustain-section img{width:100%;height:370px;}
.sus-img{width:100%;height:100%!important;padding-right:20px;}

/* Investors */
.Investors{padding-top:5%;}
.Investors p{ color: #575152;font-size: 18px;font-weight: 400 !important;font-style: normal;line-height: 178%;letter-spacing: .6px;}
.choose-sec{margin-top:4%; margin-bottom:6%;}
.heading1 h2{font-size: 36px;margin: 0 0 20px 0;font-weight: 600;color: #134186;}
.heading2 h2{font-size: 28px;margin: 0 0 20px 0;font-weight: 600;color: #134186;}
.feature-img img{width:100%!important;}
.choose-sec img{width:60px;}
.choose-sec h3 {font-size: 20px; margin: 0 0 20px 0; font-weight: 600;color: #252525;}
.choose-sec p{font-size:17px!important;}
.Investors ul li{font-size:16px;line-height:32px;color:#575152;}

/* contact page */
.contact-section{text-align: left;padding-bottom:40px;}
.contact-section h1{font-style: normal;display: inline-block; margin-bottom: 40px; color: #134186;font-size: 45px; font-weight: 500;line-height: 140%;letter-spacing: 1.5px; word-wrap: break-word;}
.cont-p{font-size:17px;color:#000; margin-top: 100px;}
.contact-section p i{color:#27aae1;font-size:22px;padding-right:20px;}
.contact-section p{color: #575152;font-size: 16px;font-style: normal;font-weight: 400;line-height: 30px;letter-spacing: .6px;}
.contact-section h6{color: #27aae1;font-size: 16px;font-style: normal;font-weight: 500;line-height: 30px;letter-spacing: .6px;}
.contact-section h6 i{padding-right:20px;}
.contact-section p a{text-decoration: none;color:#575152;}
.contact-section p a:hover{text-decoration: none;color:#134186;}
.contact-page-form{padding-top:3%;padding-bottom:3%;}
.contact-page-form input{min-height:57px;border-radius: 0px;border:1px solid #134186;font-size:16px;transition: border 0.15s, box-shadow 0.15s;}
.contact-page-form textarea{border-radius: 0px; border:1px solid #134186;font-size:16px;}
.contact-page-form label{margin-bottom:10px;font-size:15px;color:#000;}
.contact-page-form .cont-pad{padding:0px 15px 10px 15px;}

.contact-page-form .contact-content{margin-left:20px;}
.contact-page-form h1{ text-align: center; position: relative;font-weight: bold;color: #134186;font-size: 25px;margin-top: 30px;margin-bottom:30px;}
.contact-form-btn{margin-top:20px;display:inline-block;background:#134186!important;color:#fff;padding:0.5rem 4.25rem;border-radius:6px;font-weight:500;transition:.3s ease-in-out;font-size:14px;text-transform:capitalize;text-decoration:none}
.contact-form-btn:hover{background:#fff!important;color:#134186;}

.contact-page-form .alert a{float: inline-end;}
.cont-pad{margin-top:5px;}


/*innr-pg-bnnr*/
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
.innr-pg-bnnr{background-position: center; padding: 120px 0 0; width: 100%; background-size: cover; min-height:300px; position:relative;}
.innr-pg-bnnr:after{content:'';position:absolute;left:-1px;right:-1px;top:-1px;width:100%;height:100%;z-index: 0;background-color: rgba(0, 0, 0, 0.2);}
.main-table.innr-pg{padding-bottom:50px;}
.innr-pg-bnnr h1{color: #fff;text-align:left;text-transform:uppercase;font-size: 37px;font-weight: 800;position:relative;z-index:1;}

.top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #27aae1;
    padding: 20px 15px;
    z-index: 9;
    border-radius: 5px;
    border: 2px solid #27aae1;
    cursor: pointer;
    opacity: 0;
    transition: ease-in 0.5s;
}
.top.scll-top {
    opacity: 1;
    transition: ease-in 0.5s;
    /* bottom: 50px; */
}
.top .fa {
    font-size:20px;
    display: block !important;
}

@media(max-width:767px)
{
    header img{width:100%;margin:0px;}
    .pr-img1{display: none;}
    .pr-img2{display: none;}
    .vis-card { padding: 55px 20px;}
    .vis-card h1 {font-size: 30px;}
    .pro-sec{padding:8% 4%;}
    /* .our-values{padding:0px 20px!important;} */
    .Excellence {margin-top:40px;}
    .Excellence h2{margin-top: 60px !important;}
    .about-pg{padding-top:30px;}
    .sustain-section h2 {margin-top:10px;}
    .footer-logo img{width:100%;margin-bottom:10px;}
    .sustain-section a {margin-bottom:10px;}
    .team a{margin-bottom:10px;}
}