/*************************8      header css           ****************************************************/

.shrink {background:rgba(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}

.logo {max-height:112px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*.shrink .logo {max-height:50px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}*/

.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{padding:5px 0px!important;box-shadow:0px 5px 12px rgba(0,0,0,.5);}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 3px;font-size:15px;text-transform:uppercase;font-weight:600;letter-spacing:0.05em;}
.navbar .nav-item .nav-link{color:#3e3e3e;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#3c4c77;}

/**********                Home page css       *******************************/

.banner h1{font-size:55px;text-shadow:5px 0px 5px rgba(0,0,0,0.45);}

.services .shadow{box-shadow:10px 10px 10px rgba(0,0,0,0.3)!important;}
.services h5{height:52px}

.projects .carousel-caption {right:0px;bottom:0px;left:0px;background-color:rgba(6,10,22,0.8);}
.projects .carousel-control-next,.projects .carousel-control-prev {bottom:25px !important;top:auto !important;width:50px !important;opacity:1 !important;}

/**************              Footer                 ******************************/

.footer a{color:#fff;}
.footer a.active,.footer a:hover{color:#3c4c77;}
.copy{border-top:solid 1px #958e8c;}



/*****************mycss*************/
#MainConten h4.mb-4 {
    min-height: 60px !important;
}
.clearfix {
    margin-bottom: 20px !important;
}
.wpcf7 form.sent .wpcf7-response-output{
    display: none !important;
}
.sjb-page .sjb-filters.sjb-filters-v2 {display: none;}
.sjb-page .list-data .sjb-job-characteristics{display: none;}
.sjb-page .list-data .sjb-job-info{margin-left:0px !important;padding-left: 0px !important;}
.sjb-page .sjb-detail .list-data .v1 ul li::before, .sjb-page .sjb-detail .list-data .v2 ul li::before{color: #3c4c77 !important;}
.sjb-page h4{ font-size: 24px!important; margin-bottom: 20px!important;margin-top: 20px!important;color:#3c4c77; font-weight:bold !important;}
.sjb-page .sjb-detail .list-data .v1 h3, .sjb-page .sjb-detail .list-data .v2 h3, .sjb-page .sjb-detail  .sjb-page .sjb-detail .list-data .v1 .job-detail h3, .sjb-page .sjb-detail .list-data .v2 .job-detail h3, .sjb-page .sjb-archive-page .job-title{font-weight: 600!important;color: #3c4c77!important;line-height: 1!important;margin-bottom: 20px !important;font-size: 30px!important;}
.wp-block-button__link{text-decoration: none !important;
    text-transform: uppercase!important;
    border-radius: 30px!important;
    font-size: 13px!important;
    font-weight: 600!important;
    padding: 14px 30px!important;
    letter-spacing: 0.1em !important;}
.wp-block-button__link:hover{border-color:#2d3c64!important;background-color:#2d3c64!important;color:#fff !important;}
.is-layout-flex.wp-container-6.wp-block-columns.serbox{gap:0px !important;}
.wp-block-media-text__media img{border-radius:50% !important;}
.sptp-member-avatar .sptp-member-avatar-img img{border-radius:50% !important;width: 200px !important;height: 200px !important;object-fit: contain;}
.innerpages h4 { font-size: 24px!important; margin-bottom: 20px!important;color:#3c4c77; font-weight:bold !important;}
.fs-45 {  font-size: 45px!important;}
.innerpages p {font-size:17px!important;}
.innerpages p.fs-20 {font-size:20px!important;}
.contact-page textarea.form-control {height: 154px!important;}
.innerpages .bg-primary a {color:#fff !important;}
.bg-primary .innerpages h4 {color:#fff !important; font-weight:bold !important;}
.text-primary{color:#3c4c77!important;}
.pro-img img{width:400px;}
img.img-fluid.wp-post-image {
	height: 180px;
    object-fit: contain !important;
    margin: auto !important;
    padding: 10px !important;display: block;}
.proj-height{font-size: 18px!important; margin-bottom: 20px!important;color:#3c4c77; font-weight:bold !important;min-height:65px !important;}#sptp-131 .sptp-member-name .sptp-member-name-title {
    color: #3c4c77 !important;
    font-size: 22px !important;
}
#sptp-131 .sptp-member-profession .sptp-jop-title {
    color: #333333;
    font-size: 14px !important;
    font-weight: 400 !important;
	text-align: center !important;
}
 .swiper-pagination-bullet-active {
    background-color: #000 !important;
}
.blg-css{min-height:105px;}
img.img-fluid.d-block.w-100.proimg-height{height:500px !important; object-fit:contain;}
 .border-white{border:solid 1px #fff !important;}
 
 
/****************search projects************************/
.selectbox {
    text-align: center;
}
.srh {
    width: 80%;
    margin: auto;
    margin-bottom: 60px;
}
.srh input[type=text] {
    width: 73%;
    float: left;
    height: 40px;
    border: 0;
    border: solid 1px #dee2e6 !important;
    background: #fff;
    padding-left: 23px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12.5px;
    color: #45537B;
}
.resetbtn {
    width: 100px;
    background: #45537B !important;
    border: 0;
    height: 40px;
    cursor: pointer;
    color: #fff !important;
    font-size: 13px;
    float: left;
    clear: right;
    line-height: 40px !important;
    font-weight: 400 !important;
    display: block;
    box-sizing: border-box;
}
.resetbtn:hover {
    background-color: #fff !important;
    color: #45537B !important;
    border: 1px solid #45537B;
    -webkit-transition: all 2s ease !important;
}
.srh input[type=submit] {
    width: 100px;
    background: #45537B !important;
    border: 0;
    height: 40px;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
}
.srh input[type="submit"] {
    float: left;
}
.srh input[type=submit]:hover {
    background-color: #fff !important;
    color: #45537B !important;
    border: 1px solid #45537B;
    -webkit-transition: all 2s ease !important;
}
.selectbox select {
    padding: 10px 20px;
    background-color: #fff;
    color: gray;
    /*border: 0;*/
    border: solid 1px #dee2e6;
    margin: 0 5px;
    width: 268px;
    height: 40px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px;
    color: #828482;
}
ul#service_slider1 {
    padding-left: 0;display: flex;list-style: none;
}
#service_slider1 .sectorblock:nth-child(4n+1) {
    clear: left;
}
#service_slider1 .sectorblock {
    height: auto !important;
    width: 22.4%;
    margin: 15px;
}
#service_slider1 .sectorimg {
    width: 100%;
    height: 170px;
}
.sectorimg {
    opacity: 1;
    display: block;
    width: 100%;
    /*height: 250px;*/
    overflow: hidden;
    transition: .5s ease;
    backface-visibility: hidden;
    text-align: center;
}
.sectorimg.pro img {
  height: 180px;
    object-fit: contain !important;
    margin: auto !important;
    display: block;
}
.sectit {
    padding-top: 13px;
    min-height: 75px;
}
.fs-15{font-size:15px !important;}
#service_slider1 .sectorblock h3 {
    color: #111 !important;
    text-align: left;
    padding-top: 3px;
    height: auto;
    margin-bottom: 10px;
}
h3.title {
    font-size: 20px !important;
}
#service_slider1 .sectorblock a {
    color: #111;
}
.sectit a{font-size:15px !important;}



/******************************/

/********************     Media query       ***************************************/

@media (min-width: 1920px){
	.banner img {height:400px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
	.container {max-width: 1730px!important;}
	
	.navbar .nav-item{margin:0px 25px!important;}
	
	.services h5{height:52px!important;}
	
}

@media (min-width: 1600px){
	.container-fluid {max-width: 1920px;}
	.container {max-width: 1530px;}
	
	.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
	.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}

	.banner h1{font-size:65px;}
	
	.services h5{font-size:21px;height:70px;}
	
	.projects h3 {font-size:30px;}
	.projects p{line-height:1.8;}
	
	.projects .carousel-caption {padding:35px 20px;}
	
	.projects .carousel-control-next,.projects .carousel-control-prev {bottom:32px;width:12%;}
}

@media (min-width: 1200px) and (max-width: 1599.98px){
	
}


@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .nav-item {margin: 0px -2px;font-size:14px;}
	.banner h1 {font-size: 48px !important;}
	.projects .hd{font-size:30px;}
	.projects .bodr-bottom:after {padding-bottom:5px;}
}


@media (min-width: 768px) and (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	#Navigation{justify-content: center; width:100%;margin:0px 0px 0px;}
	
	.hhd{font-size:40px; }
	.hd{font-size:35px; }
	h1,h2.h1{font-size:30px; }
	
	.navbar .nav-item {margin: 0px -2px;}
	
	.banner img {height:250px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
	.banner h1{font-size:42px;}
	
	.map .border-start{border-left:0px!important;}
  .resetbtn.ms-2 {
  margin-left: 0px !important;
  margin-top: 10px !important;
}
.srh.pb-3 {
  margin-bottom: 100px !important;
}
.selectbox select{ margin: 5px !important;}
.sectorimg.pro img {
  height: auto !important;
min-height: 100px !important;
width: 100% !important;
margin: auto !important;
}
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	
	.hhd{font-size:40px; }
	.hd{font-size:35px; }
	h1,h2.h1{font-size:30px; }
	
	.banner img {height:250px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
	.banner h1{font-size:40px;}
	
	.map .border-start{border-left:0px!important;}
	
	/**********    Navbar Css   *********************/
	
	.logo{height:40px;}
	.navbar {justify-content:start;}
	
	.mobile-nav-toggle {background: none;border: 0;cursor: pointer;outline: none !important;padding: 16px 30px 16px 5px;
        transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;z-index: 9999;box-shadow: none !important;}

    .mobile-nav-active .mobile-nav-toggle.active {position: absolute;left:5px;top:30px;}

    .mobile-nav-toggle span,.mobile-nav-toggle span:before,.mobile-nav-toggle span:after {
        cursor: pointer;height: 4px;width: 23px;background: #000;position: absolute;display: block;content: '';transition: all 500ms ease-in-out;border-radius: 5px;}
    .mobile-nav-toggle span:before {top: -7px;width: 23px;}
    .mobile-nav-toggle span:after {bottom: -7px;width: 23px;}
    .mobile-nav-toggle.text-white span,.mobile-nav-toggle.text-white span:before,.mobile-nav-toggle.text-white span:after {background: #fff;}

    .mobile-nav-overlay {width: 100%;height: 100%;z-index: 1038;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.5);overflow: hidden;display: none;}
    .mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 1040;overflow-y: auto;left: -280px;width: 280px !important;
        padding: 20px;background:#3c4c77;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
    .mobile-nav * {list-style: none;color: #fff !important;}
	.mobile-nav {height: auto!important;}
	
    .mobile-nav .dropdown-menu {position: static !important;transform: none !important;background: none !important;padding-left: 25px;}
    .mobile-nav .dropdown-menu .dropdown-item-text {margin: 5px 0px;padding: 2px 10px;}
    .mobile-nav .dropdown-menu .dropdown-item {margin: 10px 0px;}
	.mobile-nav .dropdown-menu .dropdown-item .fa {display: none;}
    .mobile-nav .dropdown-menu .dropdown-item:before {content: "\00BB";margin-right: 5px;font-size: 20px;line-height: 1;}

	.mobile-nav ul{border:none!important;}
	.mobile-nav ul > .nav-item:not(.list-inline-item) {padding: 5px;width: 100%;}
	.mobile-nav ul > .nav-item > .nav-link {display: block;position: relative;color: #fff !important;
		padding: 0px !important;font-weight: 500;font-size: 20px;text-transform: uppercase;text-align: left !important;
		text-decoration: none !important;background: none;border: none;}
    .mobile-nav ul > .nav-item > button.nav-link {font-size: 16px;}
	.mobile-nav ul > .nav-item > button.nav-link.active span {color: #3DAA34 !important;}
	.mobile-nav ul > .nav-item > .nav-link > img {width: 20px;margin-right: 10px;}
	
    .mobile-nav-active {overflow: hidden;}
	.mobile-nav-active #Header {background-color: transparent !important;z-index: 1040;}
	.mobile-nav-active .mobile-nav-toggle.active span:after {width: 23px;}
	.mobile-nav-active .mobile-nav-toggle.active span {background-color: transparent;}
    .mobile-nav-active .mobile-nav-toggle.active span:before,.mobile-nav-active .mobile-nav-toggle.active span:after {top: 7px;}
    .mobile-nav-active .mobile-nav-toggle.active span:before {bottom: 0px;background: #fff;transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
	.mobile-nav-active .mobile-nav-toggle.active span:after {background: #fff;transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
	.mobile-nav-active .mobile-nav.active {left: 0;}
	.mobile-nav-active .mobile-nav-toggle {margin-top: -15px;}
	.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
            

    .mobile-nav ul.navbar-nav > li.nav-item > .megamenu,
    .mobile-nav ul.navbar-nav > li.nav-item > .sub-menu {
        font-size: 15px;font-weight: 400;position: static;background: none;color: #fff;padding: 0px;border: none;display: none;}

	.mobile-nav ul.navbar-nav > li.nav-item > .megamenu a,
	.mobile-nav ul.navbar-nav > li.nav-item > .sub-menu > li > a {
		display: block;padding: 10px 20px;color: #fff;}

	.mobile-nav ul.navbar-nav > li.nav-item > .megamenu a:before,
	.mobile-nav ul.navbar-nav > li.nav-item > .sub-menu > li > a:before {
		display: inline;content: "\00bb";margin-right: 5px;}

    .mobile-nav-active .mob-menu-btn {display: block;}
}


@media (max-width: 575.98px){
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
	
	.services h5{height:auto;}
	.projects h3{font-size:23px;}
	.projects .carousel-caption{padding:10px;}
	.projects .carousel-control-next,.projects .carousel-control-prev {bottom:10px;}
	img.img-fluid.wp-post-image {width: 100% !important;object-fit: unset !important;height: auto !important;margin: auto !important;}
	.proj-height{min-height:unset!important;}
	.banner h1 { font-size: 30px !important;}
	.wp-block-media-text__media img { border-radius: 50% !important; width: 150px !important;height: 150px !important;}

/********search**************/
.srh input[type="text"] {
  width: 100% !important;
  float: none !important;
  margin-bottom: 10px !important;
  display: block !important;
  box-sizing: border-box;
}
.srh input[type="submit"] {
  width: 100% !important;
  float: none !important;
  margin-bottom: 10px !important;
  display: block !important;
  box-sizing: border-box;
}
.resetbtn {
  width: 100% !important;
  float: none !important;
  margin-bottom: 10px !important;
  display: block !important;
  box-sizing: border-box;
}
.selectbox select {
  width: 80% !important;
  margin-bottom: 10px !important;
}
.resetbtn.ms-2 {
  margin-left: 0px !important;
}
.srh.pb-3 {
  padding-bottom: 0px !important;
}
.sectorimg.pro img {
  height: auto !important;
min-height: 150px !important;
width: 100% !important;
margin: auto !important;
}

/******************************/
}