
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


body{
	margin: 0;
	padding: 0;
	font-size: 16px; 
	
	font-family: 'Roboto';
}
html{
	scroll-behavior: smooth;
}
*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
/*comman-area*/
ol, ul{
	margin: 0;
	padding: 0;
}
img{
	display: block;
}
a{	
	transition: all 0.5s ease;
}
a:focus, a:hover, a:active{
	text-decoration: none;
	outline: none;
	
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	margin: 0;
}
h2{
	font-size: 46px;
	font-weight: bold;
}
p{
	margin: 0;
	font-size: 16px;
	line-height: 24px;
}
figure{
	margin: 0;
}
img{
	max-width: 100%;
	height: auto;
}
button:focus{
	outline: none;
	box-shadow: none;
}
.btn:hover,.btn:focus{
	background-color: #011c23;
	color: #fff;
	border-color: #011c23 ;
}


/* navber */
.bar1, .bar2, .bar3 {
  width: 30px;
  height: 2px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-4px, 6px);
  transform: rotate(-45deg) translate(-4px, 6px);
}
.change .bar2 {
	opacity: 0;
}
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-5px, -8px);
  transform: rotate(45deg) translate(-5px, -8px);
}
.navbar{
	width: 100%;
	min-height: 107px;
	padding: 0;
	
	position: relative;
}
.navbar-brand{
	margin: 0 0;
	padding: 0;
}
.navbar-expand-lg .navbar-nav{
	margin: 0 0 0 auto;
}
.navbar-expand-lg .navbar-nav .nav-item{
	margin: 0px 33px 0 0;
}
.navbar-expand-lg .navbar-nav .nav-item:last-child{
	margin: 0;
}
.navbar-expand-lg .navbar-nav .nav-link{
	padding: 0;
	font-size: 19px;
	color: #fff;
}
.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{
	border-right: 0;
}




ul.dropdown-menu li > ul.dropdown-menu{
	left: 100%;
	top: 0;
}

ul.dropdown-menu li:hover > ul.dropdown-menu, ul.dropdown-menu li:focus > ul.dropdown-menu{
	display: block
}
.dropdown-menu{
	background-color: #011c23;
	border-radius: 0;
	border: none;
}

img.alignleft {
	float: left;
	margin: 15px 13px 15px 0;
}

img.alignright {
	float: right;
	margin: 15px 0 15px 15px;
}

img.aligncenter {
	float: none;
	margin: 15px auto ;
}



/* banner */
.home-banner{
	position: relative;
}
.ps-shape-img{
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: auto;
}
.banner-image{
	position: relative;
}

.banner-image::before{
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(35,54,98,0.12086833024225319) 0%, rgba(35,54,98,1) 76%);
	position: absolute;
	top: 0;
	left: 0;
}
.banner-image figure img{
	width: 100%;
	height: 631px;
	object-fit: cover;
}
.banner-box{
	position: absolute;
	top: 43%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
}
.homebanner-text{
	max-width: 530px;
	width: 100%;
	margin: 0 0 0 auto;
	display: table;
}
.homebanner-text h2{
	font-size: 39px;
	color: #fff;
	font-weight: normal;
	margin: 0 0 17px 0;
}
.homebanner-text h2 strong{
	font-weight: bold;
	text-transform: uppercase;
}

.banner-buttons{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 48px 0 0;
}
.banner-buttons .comman-btn{
	margin: 0 0 0 18px;
}
.comman-btn{
	padding: 0 0 0 0;
	width: 131px;
	height: 45px;
	display: inline-block;
	border-radius: 100px;
	border: 1px solid transparent;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	line-height: 41px;
}
.comman-btn img{
	display: inline-block;
	vertical-align: middle;
}




.whatweoffer-section{
	padding: 40px 0 88px 0;
}
.whatweoffer-text h1{
	font-size: 46px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.whatweoffer-text p{
	font-size: 23px;
	font-weight: 300;
	line-height: 36px;
}
.whatweoffer-info{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 0 0 20px;
}
.whatweoffer-info ul{
	list-style: none;
	margin: 28px 0 0 0 ;
	display: inline-block;
}
.whatweoffer-info ul li{
	font-size: 23px;
	font-weight: bold;
	line-height: 46px;
	
	position: relative;
	padding: 0 0 0 22px;
}
.whatweoffer-info ul li::before{
	content: "";
	width: 10px;
	height: 14px;
	background-image: url('../images/ps-list-arow.png');
	background-size: cover;
	position: absolute;
	top: 17px;
	left: 0;
}



.homeabout-section{
	background-color: #f2f2f2;
	position: relative;
}
.ps-aboutshape-img{
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: auto;
}
.homeabout-image{
	padding: 0 111px 0 0;
}
.homeabout-image img{
	width: 100%;
	height: 529px;
	object-fit: cover;
}
.homeabout-wrape{
	width: 100%;
	min-height: 100%;
	padding: 0 0;
	display: flex;
	align-items: center;
}
.homeabout-text{
	max-width: 689px;
	width: 100%;
	margin: 0 0 0 -45px;
	z-index: 11;
	position: relative;
}
.homeabout-text h2{
	margin: 0 0 12px 0;
}
.homeabout-text p{
	margin: 0 0 37px 0;
	font-size: 23px;
	font-weight: 300;
	line-height: 36px;
}
.learn-btn{
	width: 179px;
	height: 46px;
	line-height: 43px;
	background-color: #041141;
}
.pd-none{
	padding: 0;
}
.homeabout-text .learn-btn img{
	margin: 0 5px 0 0;
}




.resources-section{
	padding: 84px 0 36px 0;
}
.resources-section h2{
	color: #041141;
	text-align: center;
	margin: 0 0 31px 0;
}
.resources-data .row{
	margin: 0 -25px;
}
.resources-data .pd-25{
	padding: 0 25px;
}
.resources-box{
	margin: 0 0 40px 0;
	padding: 20px 0 0 0;
	border-top: 9px solid #f2f2f2;
	position: relative;
}
.resources-box::before{
	content: "";
	width: calc(100% - 85px);
	height: 9px;
	background-color: #f2f2f2;
	position: absolute;
	bottom: 2px;
	left: 0;
}
.resources-box figure img{
	width: 100%;
	height: 250px;
	object-fit: cover;
	border-bottom: 3px solid #f2f2f2;
}
.resources-box h3{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.2px;
	margin: 21px 0 22px 0;
}
.resources-box h4{
	font-size: 13px;
	font-weight: bold;
	color: #041141;
	margin: 0 0 16px 0;
}
.resources-box p{
	font-size: 15px;
	line-height: 19px;
	margin: 0 0 22px 0;
}
.readmore-btn{
	font-size: 13px;
	font-weight: bold;
	color: #041141;
	padding: 0 0 0 0;
	margin: 0 0 0 auto;
	display: table;
	line-height: normal;
}
.readmore-btn img{
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 0;
}


.info-image figure img{
	width: 100%;
	height: 227px;
	object-fit: cover;
}
.info-image {
	position: relative;
}
.info-wrape{
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
}
.info-text{
	display: flex;
	align-items: center;
	padding: 0 0 0 85px;
}
.info-text-inner{
	margin: 0 65px 0 0;
}

.info-text p{
	font-size: 22px;
	line-height: 26px;
}
.info-btn{
	width: 147px;
	height: 46px;
	line-height: 43px;
}
.info-btn img{
	margin: 0 3px 0 0;
}


.footer{
	padding: 45px 0 45px 0;
	
	position: relative;
}
.footer::before{
	content: "";
	width: 100%;
	height: 60px;
	background-image: url('../images/ps-foot-shape.png');
	background-position: center;
	background-size: cover;
	position: absolute;
	top: -59px;
	left: 0;
}
.foot-logo{
	text-align: center;
}
.foot-logo img{
	margin: 0 auto;
}
.foot-logo p{
	color: #233662;
	font-size: 11px;
	line-height: 20px;
	margin: 8px 0 0 23px;
}
.foot-text h5{
	font-weight: bold;
	font-size: 16.45px;
	text-transform: uppercase;
	margin: 0 0 11px 0;
}

.foot-contact h6{
	color: #fff;
	font-size: 12.34px;
	margin: 0 0 10px 0;
	line-height: 19px;
}
.foot-contact h6 a{
	color: #fff;
}
.foot-contact h6 p{
	line-height: 19px;
	font-size: 12.34px;
}
.foot-link ul{
	list-style: none;
	margin: 0 0 0 0;
	
}
.foot-link ul:last-child{
	margin-right: 0;
}
.foot-link ul li{
	margin: 0;
}
.foot-link ul li a{
	color: #fff;
	font-size: 15px;
	line-height: 25px;
	padding: 0;
}

.foot-link .menu-footer-menu-1-container{
	margin-right: 35px;
	display: inline-block;
	vertical-align: top;
}
.foot-link .menu-footer-menu-2-container{
	display: inline-block;
	vertical-align: top;
}

.foot-social ul{
	margin: 0 0 0 0;
	list-style: none;
}
.foot-social ul li{
	display: inline-block;
	margin: 3px 5px 0 0 ;
}
.foot-social ul li:last-child{
	margin-right: 0;
}
.foot-social ul li a{
	padding: 0;
}




/* contact */
.inner-banner{
	position: relative;
}
.ps-innerbanner-shape{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.inner-image{
	position: relative;
}

.inner-wrape{
	position: absolute;
	bottom: 80px;
	left: 0;
	width: 100%;
	z-index: 111;
}
/* .inner-image::before{
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(35,54,98,1) 41%, rgba(35,54,98,0.12086833024225319) 71%); 
	position: absolute;
	top: 0;
	left: 0;
} */

.inner-image figure img{
	width: 100%;
	height: 465px;
	object-fit: cover;
}


.inner-text h1{
	font-size: 46.23px;
	color: #233662;
	font-weight: bold;
	text-transform: uppercase;
}




.contact-section{
	padding: 35px 0 89px 0;
}
.contact-parent h2{
	margin: 0 0 27px 0;
	
}
.contact-text p{
	font-size: 23px;
	font-weight: 300;
	margin: 0 0 35px 0;
	line-height: 36px;
}
.contact-text h3{
	font-size: 23px;
	
	font-weight: bold;
	line-height: 36px;
}

.contact-text ul{
	list-style: none;
	margin: 30px 0 0 0; 
}
.contact-text ul li{
	display: inline-block;
	margin: 0 5px 0 0;
}
.contact-text ul li:last-child{
	margin-right: 0;
}
.contact-text ul li a{
	padding: 0;
}


.contact-form{
	padding: 0 0 0 74px;
}
.form-group{
	margin: 0 0 13px 0;
}
.form-control,#gform_1 input,#gform_1 .textarea {
	font-size: 17px;

	font-weight: 300;
	opacity: 1;
	padding-left: 19px;
	background-color: #eeecec!important;
	height: 43px;
	width: 100%;
	border: none;
	border-radius: 0;
	margin: 0;
}
.form-control::placeholder,#gform_1 input::placeholder,#gform_1 .textarea::placeholder{
	font-size: 17px;
	
	font-weight: 300;
	opacity: 1;
}
.textarea,#gform_1 .textarea{
	padding-top: 10px;
	height: 117px;
}
.send-btn,#gform_1 .gform_button {
	width: 99px;
	height: 46px;
	line-height: normal;
	margin: 15px 0 0 auto;
	display: table;
	border-radius: 100px;
	border: 1px solid transparent;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	
	padding: 0;
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer{
	padding: 0!important;
	margin: 0!important;
}


/* service */
.serviceoffer-section{
	padding: 20px 0 105px 0;
}


.serve-section{
	background-color: #f2f2f2;
}
.serve-image{
	padding: 0 16px 0 0;
}
.serve-image img{
	width: 100%;
	height: 492px;
	object-fit: cover;
}
.serve-wrape{
	display: flex;
	align-items: center;
	min-height: 100%;
	padding: 0 0 0 64px;
}
.serve-text{
	max-width: 600px;
	width: 100%;
}
.serve-text h2{
	
	margin: 0 0 4px 0;
}
.serve-text ul{
	list-style: none;
	margin: 0;
}
.serve-text ul li{
	
	font-size: 23px;
	line-height: 46px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 24px;
	position: relative;
}
.serve-text ul li::before{
	content: "";
    width: 10px;
    height: 14px;
    background-image: url('../images/ps-list-arow.png');
    background-size: cover;
    position: absolute;
    top: 17px;
    left: 0;
}





/* blog */
.find-section{
	padding: 75px 0;
}
.find-wrape{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-height: 100%;
	padding: 0 120px 0 50px;
}
.find-text {
	max-width: 689px;
	width: 100%;
}
.find-text h2{
	color: #041141;
	margin: 0 0 17px 0;
}
.find-text p{
	font-size: 23px;
	line-height: 36px;
	font-weight: 300;
	margin: 0 0 30px 0;
}
.find-image{
	padding: 0 50px 0 0;
}



/* 404 */
.error-section{
	padding: 100px 0;
	text-align: center;
}
.error-data img{
	margin: 0 auto;
	max-width: 400px;
	width: 100%;
	margin-bottom: 30px;
}
.error-data h1{
	font-weight: bold;
	margin: 0 0 10px 0;
	font-size: 35px;
	text-transform: uppercase;
}

/* basic page */
.basic-section{
	padding: 40px 0 80px 0;
}
.basic-text h2{
	margin: 0 0 20px 0;
}
.basic-text h3{
	font-size: 30px;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.basic-text h4{
	font-size: 26px;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.basic-text h5{
	font-size: 20px;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.basic-text h6{
	font-size: 18px;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.basic-text p{
	font-size: 18px;
	margin: 0 0 30px 0;
	font-weight: 300;
	line-height: 30px;
}



.new-banner .inner-image{
	min-height: 120px;
}
.new-banner .inner-wrape{
	bottom: 0!important;
}