
/*==== Start Title Section ====*/

.heading {
    padding-bottom: 40px;
    text-align: center;
}
.heading h2 {
    font-size: 45px;
    color: #0c2669;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.heading p {
    font-size: 18px;
    color: #061727;
    font-weight: 300;
    margin-bottom: 0;
}
.btn-primary {
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    color: #ffffff;
    background: transparent;
    padding: 8px 20px;
    line-height: initial;
    border: 2px solid #ffffff;
    border-radius: 5px;
    text-transform: capitalize;
}
.btn-primary:focus, .btn-primary:hover {
    outline: none;
    color: #ffffff;
    text-decoration: none;
}

/*============== Welcome area ===============*/

.welcome-area {
    background: #061727;
}
.welcome-heading{
    padding-right: 4%;
}
.welcome-heading h3 span{
    color: #447de1;
    display: block;
}
.welcome-heading h3{
    text-align: right;
    font-size: 42px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 0;
}
.welcome-content {
    padding-left: 6%;
    border-left: 3px solid #fff;
}
.welcome-content p span{
    font-size: 20px;
    font-weight: bold;
}
.welcome-content p{
    color: #ffffff;
    font-size: 16px;
	line-height: 30px;
    font-weight: 300;
    margin-bottom: 0;
}

/*============== Why Choose Area ===============*/

.choose-item {
    position: relative;
}
.choose-item img{
    width: 100%;
    max-width: 100%;
    height: auto;
}
.choose-content {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    padding: 10px 20px;
}
.choose-content h3{
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 24px;
}
.choose-content h3 a{
    color: #ffffff;
}
.choose-content p{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    text-align: justify;
}
.choose-carousel .owl-nav button.owl-prev,
.choose-carousel .owl-nav button.owl-next {
    background:  transparent;
    color: #061727;
    border-radius: 0;
    position: absolute;
    text-align: center;
    bottom: 50%;
    width: 24px;
    outline: none;
}
.choose-carousel .owl-nav button i {
    color: #061727;
    font-size: 16px;
    padding: 0;
}
.choose-carousel .owl-nav button.owl-next {
    left: inherit;
    right: -35px;
}
.choose-carousel .owl-nav button.owl-prev {
    left: -35px;
    right: inherit;
}
.choose-carousel .owl-nav .owl-prev.disabled, .choose-carousel .owl-nav .owl-next.disabled{
    visibility: hidden;
}
.presence-area {
    background: #4a7dd3 url("assets/images/banner/presence-bg.jpg") no-repeat center / cover;
}
.presence-content {
    text-align: center;
}
.presence-content h2{
    font-size: 48px;
    color: #ffffff;
    font-weight: 500;
}
.presence-content p{
    font-size: 16px;
	line-height: 30px;
    color: #ffffff;
    font-weight: 300;
}
.presence-button {
    text-align: center;
    padding-top: 30px;
    display: flex;
    justify-content: space-around;
}
.presence-button li{
    display: inline-block;
    padding: 0;
}
.presence-button li a{
    display: inline-block;
    padding: 8px 35px;
    background: #369fe9;
    color: #ffffff;
    border-radius: 50px;
}
.presence-button li:nth-child(2) a{
    background: #4a7dd3;
}
.presence-button li:last-of-type a{
    background: #25519a;
}

/*============== About Us Area ===============*/

.overview-image{
    position: relative;
}
.overview-image img{
    width: 100%;
    max-width: 100%;
    height: auto;
}
.overview-image h4 {
    color: #ffffff;
    font-size: 45px;
    font-weight: 500;
    position: absolute;
    right: 45px;
    bottom: 40px;
    margin-bottom: 0;
}
.overview-content h3{
    color: #061727;
    font-size: 28px;
    font-weight: bold;
}
.overview-content p{
    color: #061727;
    font-size: 16px;
	line-height: 30px;
    font-weight: 300;
    text-align: justify;
}
.overview-content p:last-of-type{
    margin-bottom: 0;
}
.vision-content-area {
    background: #061727;
    padding: 40px 30px;
    border-radius: 15px;
}
.vision-content{
    text-align: right;
}
.vision-content h3{
    color: #447de1;
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 0;
}
.vision-content p {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 0;
}
.vision-content ul {
    text-align: left;
    padding-left: 30px;
}
.vision-content li {
    border: 2px solid #447de1;
    padding: 10px 20px;
    border-radius: 10px;
    margin-bottom: 15px;
    color: #fff;
    font-size: 16px;
	font-weight: 600;
}
.vision-content li:last-of-type{
    margin-bottom: 0;
}
.expertise-title {
    text-align: right;
    padding-right: 20px;
}
.expertise-title h3{
    color: #061727;
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 0;
}
.expertise-title h3 span{
    display: block;
    color: #3766b8;
}
.expertise-content p{
    font-size: 16px;
	line-height: 30px;
    color: #061727;
    font-weight: 300;
    text-align: justify;
}
.expertise-content p:last-of-type{
    margin-bottom: 0;
}

/*============== About Us Area ===============*/

.service-area {}
.service-item{
    background: #243143;
    border-radius: 15px;
    height: 100%;
}
.service-item img{
    width: 100%;
    max-width: 100%;
    height: auto;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.project-content {
    padding: 20px 30px;
}
.project-content h3{
    color: #ffffff;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 5px;
}
.project-content p{
    color: #ffffff;
    font-size: 16px;
	line-height: 30px;
}

/*============== Our Team Area ===============*/

.team-item {
    border-bottom: 2px solid #061727;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.team-item:last-of-type{
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.team-content img{
    width: 100%;
    max-width: 100%;
    height: auto;
}
.team-content h3{
    color: #061727;
    font-weight: 500;
	font-size: 35px;
    margin-bottom: 5px;
    padding-top: 20px;
}
.team-content p{
    font-size: 16px;
	line-height: 30px;
    font-weight: 300;
    color: #061727;
    text-align: justify;
}
.team-content p:last-of-type{
    margin-bottom: 0;
}

/*============== Contact Us Area ===============*/

.contact-area {
    background: #304095;
}
.form-heading{
    text-align: center;
    padding-bottom: 30px;
}
.form-heading h3{
    color: #ffffff;
    font-size: 45px;
}
.form-heading p{
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
}
.form-area {}
.form-area label {
    font-size: 15px;
    color: #ffffff;
    font-weight: normal;
}
.form-area span {
    color: #de4141;
    padding-left: 5px;
}
.form-area input.form-control, .form-area select.form-select, .form-area textarea.form-control {
    border: 2px solid #5465c2;
    color: #555555;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 15px;
    border-radius: 15px;
    outline: none;
    box-shadow: none;
    background: transparent;
}
.form-area .form-control:focus, .form-area .form-select:focus, .form-area .form-check-input:focus{
    outline: none;
    box-shadow: none;
    color: #ffffff;
    border-color: #5465c2;
}
.form-area .form-check-input[type="checkbox"] {
    border: 2px solid #ffffff;
    border-radius: 3px;
}
.form-area .form-check-input:checked {
    background-color: #5465c2;
    border-color: #5465c2;
}
.form-area hr {
    margin: 15px 0;
    border-bottom: 1px solid #5465c2;
    opacity: 1;
}
.form-area .recaptcha-cus {
    justify-content: end;
    display: flex;
}
.form-area button[type="submit"] {
    font-size: 15px;
    box-shadow: none;
    border-radius: 10px;
    padding: 8px 30px;
}
.form-area button[type="submit"]:hover {
    background: #447de1;
    border-color: #447de1;
    color: #ffffff;
}