html{overflow-x:hidden;scroll-behavior:smooth}
body{background:#fff;margin:0;padding:0!important;font-family: "Inter", sans-serif;font-weight:400;color:#646464;overflow-x:hidden}
*{box-sizing:border-box}
p{font-size:16px;line-height:1.6;color:rgb(0 0 0 / 0.702);margin:0}
#myBtn{display:none;position:fixed;bottom:20px;right:30px;z-index:99;font-size:28px;border:none;outline:0;background:#318452;color:#fff;cursor:pointer;padding:0;width:60px;height:60px;border-radius:100%}
#myBtn:hover{background-color:#06376a}
#myBtn i {margin-top: 10px;}
a,a:focus,a:hover{text-decoration:none!important;transition:ease-in-out .3s}
a{color:#245478}
button:focus{box-shadow:none!important}
ul{padding:0;margin:0}
img{max-width:100%;transition:ease-in-out .3s;object-fit: cover;width:auto;height:auto}
::placeholder{color:#4e4e4e!important}
button:focus{outline:0!important}
.gray_bg {background: #f9f9f9;}
h1, h2, h3, h4, h5, h6{color: #1c1c1c;}
.container{max-width:1280px}
.custom_contnr {max-width: 1100px;}
.paddTB_70 {
    padding: 90px 0;
}
.custom_row > div{margin-bottom: 15px;}
.header_sec {
    transition: ease-in-out .2s;
    width: 100%;
    position: fixed;
    padding: 30px 50px 0;
    top: 0;
    left: 0;
    z-index: 99;
}
.header_sticky {
    z-index: 991;
    padding-top: 10px;
}
.header_sec .navbar {
    background: #f1f1ef !important;
    padding: 0 40px 0 0;
    border-radius: 8px;
}
.navbar-brand {
    margin: 0;
    padding: 0;
    max-width: 110px;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
}
.navbar-brand img {
    width: 100px;
}
.header_sec .navbar .nav-item:not(:last-child) {
    padding-right: 20px;
    margin-right: 30px;
}
.header_sec .navbar .nav-item{transition:ease-in-out .3s}
.header_sec .navbar .navbar-nav .nav-link {
    font-size: 19px;
    color: #063232;
    padding: 15px 0;
    line-height: 15px;
    position: relative;
    border-bottom: 3px solid transparent;
    font-weight: 500;
}
.header_sec .navbar .navbar-nav .nav-link:hover, .header_sec .navbar .navbar-nav .active .nav-link {
    color: #3a591f;
}
.header_sec .navbar .navbar-nav .active .nav-link{font-weight: bold;}
.header_sec .dropdown-toggle::after{display: none;}
.header_sec .navbar-nav .nav-item .plus_icon {
    position: absolute;
    top: 10px;
    right: 0;
    color: #063232;
    font-size: 18px;
}
.call_box ul {
	display: flex;
	list-style: none;
	gap: 8px;
	font-size: 22px;
	margin-right: 8px;
}
.call_box li i {
	border: 2px solid #318452;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #318452;
}
.call_box li i:hover {
	background-color: #318452;
	color: #fff;
}
.header_sec .navbar-nav .dropdown-menu {
    min-width: 220px;
    margin: 0;
    border: none;
    padding: 5px 0;
    border-radius: 0;
    background: #318452;
}
.header_sec .navbar-nav .dropdown-menu li:not(:last-child) {
    border-bottom: 1px dashed #fff;
}
.header_sec .navbar-nav .dropdown-menu .dropdown-item {
    line-height: 15px;
    font-size: 15px;
    padding: 12px 15px;
    color: #fff !important;
    transition: ease-in-out .2s;
    white-space: normal;
}
.header_sec .dropdown-menu .dropdown-item:hover {
    background: none;
}
.call_box {
    display: flex;
    align-items: center;
}
.call_us {
    color: #01294c;
    font-size: 20px;
    font-weight: 600;
    margin-right: 10px;
}
.call_box a {
    vertical-align: middle;
}
.call_us i {
    vertical-align: middle;
    color: #318351;
    font-size: 26px;
    margin-right: 5px;
}
.side_menu {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #318452;
    display: flex;
    flex-wrap: wrap;
    padding: 0 12px;
    align-content: center;
}
.side_menu span {
    display: block;
    max-width: 13px;
    height: 2px;
    background: #fff;
    width: 100%;
}
.side_menu span:last-child {
    max-width: 9px;
    margin-top: 3px;
}
.btn_group {
    margin-top: 24px;
}
.custom_btn {
    color: #fff !important;
    background: #318452;
    border-radius: 35px;
    border: 1px solid #318452;
    text-align: center;
    display: inline-block;
    min-width: 175px;
    font-size: 16px;
    line-height: 30px;
    padding: 10px 25px;
    transition: ease-in-out .3s;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}
.custom_btn:hover, .CTA-sec .custom_btn:hover, .position_box:hover .custom_btn { background:#06376a; border:1px solid #06376a; color:#fff !important; }
.custom_btn .bx-right-arrow-alt {
    margin-left: 30px;
    vertical-align: middle;
}
.btn_group .custom_btn:not(:last-child) {
    margin-right: 15px;
}

/* Sidebar Menu CSS Start here */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 991;
    top: 0;
    right: 0;
    background-color: #06376a;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}
.sidenav .navbar-nav .dropdown-menu {
    position: static !important;
    transform: inherit !important;
    border-radius: 0;
    border: none;
}
.sidenav .navbar-nav .nav-link {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #dbdbdb;
    display: block;
    transition: 0.3s;
    white-space: nowrap;
}
.sidenav a:hover, .sidenav .navbar-nav .nav-link:hover {
    color: #fff;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    left: 25px;
    font-size: 36px;
    color: #fff;
    padding: 8px;
}
.sidenav .navbar-nav .dropdown-menu .dropdown-item {
    padding: 8px 8px 8px 32px;
}
.sidenav .navbar-nav .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background: #06376a;
}
/* Sidebar Menu CSS End here */

/* Banner CSS Start here */
.bnr_sec{
    background: url(../img/bnr_bg.webp) no-repeat center/cover;
}
.homeBnr_txt {
    padding: 100px 50px;
}
.main_head {
    color: #fff;
    font-weight: normal;
    font-size: 60px;
}
.main_head span {
    font-weight: bold;
}
.homeBnr_txt p {
    font-size: 28px;
    color: #fff;
    margin-top: 30px;
}
.homeBnr_txt .custom_btn {
    font-size: 18px;
    line-height: 30px;
    padding: 15px 35px;
    font-weight: 700;
}
.homeBnr_txt .custom_btn .bx-right-arrow-alt {
    margin-left: 50px;
    vertical-align: middle;
}
/* Banner CSS End here */
/* About-sec CSS Start here */
.head_box {
    margin-bottom: 40px;
}
.sec_head {
    font-size: 34px;
    color: #063232;
    font-weight: 700;
    line-height: 1.1;
}
.job-list {
	list-style: none;
	padding-top: 8px;
	text-align: left;
}
.job-list li strong {
	color: #01294c;
}
.job-list li { padding-top:8px; }
.sec_head span {
    font-weight: normal;
}
.list_box li b {
	color: #000;
	font-weight: 700;
	display: block;
	padding: 0 0 8px;
	font-size: 17px;
}
.list_box li li::before {
	display: none;
}
.list_box li li {
	list-style: lower-alpha;
	padding-left: 5px;
}
.list_box li li::marker {
	color: #01294c;
	font-weight: 700;
}
.list_box li strong {
	color: #000;
	font-weight: 700;
}
.aboutimg_box {
    padding-right: 40px;
    position: relative;
}
.circle_logo {
    width: 150px;
    height: 150px;
    position: absolute;
    bottom:0;
    top:0;
    right: 0;
    margin: auto;
}
.small_head {
    font-size: 20px;
    font-weight: 700;
    color: #06376a;
    margin-bottom: 15px;
}
.about_txt p:not(:last-child){margin-bottom: 30px;}
.about_txt p{font-size: 18px;}
.our_partner {
    border-top: 1px solid rgba(0, 67, 70, 0.1);
    border-bottom: 1px solid rgba(0, 67, 70, 0.1);
    margin: 0 0 90px;
}
.logos_Award {
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.our_partner h5 {
    font-size: 18px;
    color: #063232;
    font-weight: 500;
    display: inline-block;
    background: #fff;
    margin: 0;
    position: relative;
    top: -13px;
    padding: 0 10px 0 0;
}
.our_partner .text-end h5 {
    bottom: -13px;
    top: auto;
    padding: 0 0 0 10px;
}
.our_partner h5 span{
    color: #06376a;
}
/* About-sec CSS End here */

/* Services-sec CSS Start here */
.srvc_sec, .expert_sec{
    background: url(../img/srvc_bg.webp) no-repeat center/cover;
}
.pad_lr {
    padding: 0 50px;
}
.light_txt * {
    color: #fff;
}
.srvc_row > div{
    margin: 0 0 20px;
}
.srvc_box {
    position: relative;
    overflow: hidden;
    transition: ease-in-out 0.3s;
}
.solution_sec {
	border-bottom: 1px solid #3a591f;
}
.srvc_img {
    height: 370px;
}
.expert_sec, .sidenav .navbar-nav .dropdown .plus_icon {
	display: none;
}
.srvc_img img {
    width: 100%;
    height: 100%;
}
.srvc_txt, .srvc_box::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 25px 25px;
    transition: ease-in-out 0.3s;
}
.srvc_box::before{
    content: "";
    background-image: linear-gradient(0deg, rgba(1,18,17,0.9999999999999999) 0%, rgba(1,18,17,0.9999999999999999) 10%, rgba(1,18,17,0) 50%, rgba(1,17,17,0) 100%);
    height: 100%;
}
.srvc_txt{z-index: 1;}
.srvc_txt h3 {
    color: #FFF;
    font-size: 19px;
    line-height: normal;
    margin: 0 0 15px;
}
.badge_box span {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.10196078431372549);
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: inline-block;
    padding: 5px 15px;
    line-height: normal;
}
.view_dtl { display:none; margin-top:25px; transition:all ease .3s; }
.srvc_box:hover .view_dtl {
   display: block;
}
.detail_btn {
    border-radius: 30px;
    background-color: #06376a;
    border: 1px solid #c2df93;
    color: #fff !important;
    font-size: 12px;
    text-transform: uppercase;
    padding: 9px 17px;
}
.detail_btn i {
    vertical-align: -2px;
    font-size: 14px;
    margin-right: 3px;
}
.all_srvc, .alSrvc_txt {
    display: flex;
    align-items: flex-start;
}
.all_srvc{
    max-width: 80%;
    margin: 20px auto 0;
    justify-content: space-between;
}
.alSrvc_txt {
    max-width: 600px;
}
.alSrvc_txt .bx-right-arrow-alt {
    transform: rotate(-45deg);
    font-size: 30px;
    margin-right: 4px;
}
/* Services-sec CSS End here */
/* Solution-sec CSS End here */
.solution_sec{background: url(../img/map_bg.webp) no-repeat center/cover;}
.solution_row {
    margin: 0;
}
.solution_row > div {
    padding: 0;
    margin-bottom: 10px;
}
.solution_box {
    padding: 50px 56px;
    background: url(../img/step_bg.webp) no-repeat;
    background-size: 100%;
    background-position: center;
}
.step_txt {
    display: flex;
    align-items: flex-start;
}
.step_txt span {
    width: 40px;
    min-width: 40px;
    height: 40px;
    background: #ecf8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 16px;
    color: #063232;
    font-weight: 500;
    margin-right: 15px;
	transition: all ease .3s;
}
.solution_box:hover .step_txt span{
    background: #318452;
    color: #fff;
}
.step_txt h3 {
    font-size: 18px;
    color: #063232;
    font-weight: 600;
    max-width: 180px;
}
.solution_txt p {
    font-size: 14px;
}
.solution_btm {
    text-align: center;
    max-width: 1020px;
    margin: 60px auto 0;
}
/* Solution-sec CSS End here */

/* Members-sec CSS Start here */
.pro_mbr {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 232px;
    margin: 25px auto 50px;
    text-align: left;
}
.pro_mbr span {
    font-size: 50px;
    line-height: 0.8;
    color: #fff;
    font-weight: 600;
    padding-right: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: 20px;
}
.pro_mbr p {
    color: #90b4b6;
    font-size: 12px;
}
.owl-nav button {
    position: absolute;
    top: 35%;
    
}
.owl-nav .owl-prev{left: -30px;}
.owl-nav .owl-next{right: -30px;}
.owl-nav .disabled {opacity: 0.5;}
.owl-nav button span {
    color: #fff;
    font-size: 50px;
    font-weight: 200;
}
.member_txt {
    margin-top: 25px;
}
.member_txt h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.member_txt h4 {
    color: #90b4b6;
    font-size: 13px;
    font-weight: 400;
}
/* Members-sec CSS End here */
/* Blog-sec CSS Start here */
.blog_box {
    border-radius: 15px;
    border: 1px solid rgba(6,50,50,0.1);
    padding: 15px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
	transition: all ease .3s;
}
.blog_sec .col-lg-3, .blog_sec .col-xl-4 {
	margin: 0 0 24px;
}
.blog_box:hover {
    box-shadow: 0px 20px 25px rgba(214,232,232,0.6);
}
.blog_img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 220px;
}
.blog_img a {
    display: block;
    height: 100%;
}
.blog_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog_badge {
    border-radius: 30px;
    background: #063232;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 6px 15px;
    position: absolute;
    bottom: 20px;
    left: 20px;
	transition: all ease .3s;
}
.blog_box:hover .blog_badge{
    background: #e3572b;
}
.blog_txt {
    padding: 20px 10px 10px;
}
.blog_txt h3 {
    margin: 0 0 10px;
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
.blog_txt h3 a {
    color: #000;
}
.blog_txt p {
    margin-bottom: 20px;
}
.read_post {
    color: #318452;
    font-size: 14px;
}
.read_post i {
    vertical-align: middle;
    margin-right: 5px;
    font-size: 20px;
}
.contact_today span {
    font-size: 16px;
    color: #063232;
    font-weight: 500;
}
.contact_today span i {
    vertical-align: -3px;
    font-size: 18px;
    margin-right: 7px;
}
.contact_today span a {
    text-decoration: underline !important;
    color: #318452;
}
/* Blog-sec CSS End here */

/* Form CSS Start here */
.contact-sec {
    background: url(../img/contact_bg.webp) no-repeat center/cover;
    padding: 90px 0 190px;
}
.contact-right-Sec label {
    display: block;
}
.formSubmitbtn {
    text-align: center;
    margin-top: 30px;
}
.map {
    border-radius: 10px;
    width: 100%;
    position: relative;
}
.map iframe {
    width: 100%;
}
.contact-right-Sec .form-control{
    padding: 12px 16px;
}
.contact-right-Sec form .form-check {
	padding: 0;
	margin: 0;
}
.contact-right-Sec form .form-check .form-control {
	padding: 0;
	border: none;
	background-color: transparent;
}
.contact-right-Sec form .form-check .form-control .wpcf7-list-item {
	margin: 0;
}
.contact-right-Sec form .wpcf7-not-valid-tip {
	color: #f00;
	font-size: 13px;
}
.map-overlay {
    position: absolute;
    left: 0;
    bottom: -6px;
}
.map-overlay {
    position: absolute;
    left: 0;
    bottom: 15px;
    margin: 0 auto;
    width: calc(100% - 40px);
    right: 0;
}
.mission-title {
    font-size: 42px;
    font-weight: 600;
    text-align: center;
    line-height: 40px;
}
.missin-para {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    padding-bottom: 30px;
}
.contact-leftsec h4 {
    font-size: 32px;
    font-weight: 600;
    max-width: 350px;
}
.contact-leftsec h4 span {
    font-weight: 800;
}
.make-appoinment h4{
    font-size: 30px;
    color: #063232;
    font-weight: 600;
}
.make-appoinment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.contact-right-Sec .custom_btn .bx-right-arrow-alt {
    margin-left: 18px;
    vertical-align: middle;
}
.enrollment_sec {
    padding: 20px 30px;
    color: #fff;
    border-radius: 10px;
    background-color: #001c3b;
    margin: -150px 0 50px;
}
.teeam-left h2, .teeam-left h3 {
    font-size: 34px;
    color: #fff;
    font-weight: 700;
}
.footer_sec .teeam-left p {
    font-size: 16px;
}
.btn_group3 .custom_btn {
    font-size: 18px;
    padding: 20px 0;
    width: 270px;
    display: inline-block;
    border-radius: 6px;
}
.form-icon {
    position: absolute;
    top: 14px;
    left: 20px;
    text-align: center;
}


/* Footer CSS Start here */
.footer_sec{background:#245478;padding:70px 0;position: relative;margin-top: 50px;}
.footer_logo {
    display: inline-block !important;
    margin-bottom: 20px;
}
.footer_logo img {
    max-width: 150px;
}
.footer_sec .mail_adrs a:not(:last-child) {
    margin: 0 0 10px;
}
.footr_head {
    font-size: 20px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 500;
}
.footer_sec a, .footer_sec p {
    font-size: 14px;
    color: rgb(255 255 255 / 60%);
    line-height: normal;
    display: block;
}
.footer_menu ul li {
    position: relative;
    padding: 8px 0 8px 20px;
}
.footer_menu ul li::before {
    font-family: boxicons!important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    color: rgb(255 255 255 / 60%);
    position: absolute;
    left: 0;
    top: 11px;
    content: "\ebe6";
    font-size: 16px;
}
.footer_menu a:hover, .read_more:hover {
    color: #fda12b;
}
.footer_adrs .call_us h6, .footer_adrs .call_us a {
    color: #fff;
}
.footer_adrs .call_us a{font-size: 18px;}
.footer_adrs p {
    margin-bottom: 10px;
}
.footer_adrs .call_us {
    margin-top: 20px;
}
.follow_us p {
    margin-bottom: 20px;
}
.social_icon a {
    font-size: 18px;
    background: #fff;
    color: #245478;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_icon {
    justify-content: center;
    margin-top: 14px;
}

.copy_right {
    background: #000;
    padding: 20px 0;
    border-top: 1px solid #4e4e4e;
}
.copy_right p {
    font-size: 14px;
    color: #a69ea5;
}
.copy_right a {
    color: #fda12b;
    margin-right: 12px;
    border-radius: 100%;
}
.footer_menu .list-unstyled {
    display: flex;
    flex-wrap: wrap;
}
.footer_menu ul li{
    width: 33%;
}
.footer_menu.ftr-2list ul li {
    width: 50%;
}
/* Footer CSS end here */

/* Career-page CSS start here */
.inr_bnr {
    padding: 230px 0 100px;
	background-position: top center !important;
}
.bnr_txt h1 {
    font-size: 42px;
    font-weight: 600;
}
.breadcrumb {
	align-items: center;
    margin: 20px 0 0;
}
.breadcrumb a, .breadcrumb li.active {
    color: #fff;
    font-size: 14px;
	padding-top: 2px;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
    vertical-align: middle;
}

.tab_search {
    margin-bottom: 50px;
}
.tab_search ul {
    padding: 10px 15px;
    border: 1px solid #ced4da;
    border-radius: 50px;
	justify-content: center;
}
.tab_search ul li:not(:last-child) {margin-right:5px;}
.tab_search ul li button {
    border-radius: 30px !important;
    border: 1px solid #06376a !important;
    padding: 5px 10px;
    font-size: 14px;
    color: #06376a !important;
    background: none !important;
	margin: 3px 0;
}
.tab_search ul li button.active, .tab_search ul li button:hover{
    color: #318452 !important;
    border: 1px solid #318452 !important;
}

.search_box {
    position: relative;
}
.search_box .form-control {
    border-radius: 50px;
    padding: 15px;
    box-shadow: none;
    min-width: 250px;
}
.search_box .btn {
    border-radius: 100%;
    padding: 0;
    background: #318452;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto 0;
    width: 30px;
    height: 30px;
}

.position_box {
    padding: 20px 20px 0;
    border: 1px solid #ced4da;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.position_box h3, .career_dtl h3 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 15px;
}
.date_time, .date_time .d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.date_time i {
    color: #318452;
    font-size: 26px;
    margin-right: 5px;
}
.date_time span {
    font-weight: 600;
}
.position_txt, .position_box .btn_group{
    border-top: 1px solid #ced4da;
    margin-top: 20px;
    padding: 20px 10px;
}
.position_box .btn_group {
    margin: 0;
    padding: 20px 0;
}
.outline_btn {
    background: none;
    color: #318452 !important;
}
.position_box .custom_btn {
    min-width: inherit;
    padding: 7px 20px;
    font-size: 14px;
}
/* Career-page CSS end here */

/* Career-Detail-page CSS start here */
.form-group {position: relative;}
.career_dtl p{margin-bottom: 15px;}
.list_box {
    padding: 30px;
    background: #f7fefa;
    margin-bottom: 20px;
}
.career_dtl h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
.list_box li {
    font-size: 14px;
    margin-bottom: 15px;
    position: relative;
    list-style: none;
    padding-left: 25px;
    font-weight: 500;
}
.list_box li:before {
    content: "\ed31";
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 4px;
    color: #3a591f;
    font-size: 17x;
}
.career_dtl .contact-right-Sec {
    margin-top: 50px;
}
.career_dtl .contact-right-Sec .form-control {
    padding: 12px 16px;
}
.formFile label {
    font-weight: bold;
    font-size: 20px;
    color: #000;
}
.cate_box {
    border: 1px solid #ced4da;
    border-radius: 10px;
}
.cate_box h4 {
    background: #01294c;
    color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}
.cate_box ul {
    padding: 15px 30px;
    list-style: none;
}
.cate_box ul li:not(:last-child) a{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ced4da;
}
.cate_box ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    color: #063232;
}
/* Career-Detail-page CSS end here */


/* About-page CSS start here */
.goal-sec { background:url(../img/srvc_bg.webp) no-repeat center/cover; margin:55px 0 0; padding:70px 0; text-align:center; }
.goal-sec .col-lg-6, .work-sec .col-lg-6 { align-self:center; }
.goal-sec h2 { color:#fff; font-size:50px; font-weight:700; margin:0 0 55px; }
.goal-sec h6 { color:#fff; font-size:19px; margin:0; }
.goal-box { background-color:#fff; margin:0 0 0 -50px; padding:40px 40px 35px; position:relative; text-align:left; }
.goal-box h3 { color:#000; font-size:24px; font-weight:800; line-height:1.3; margin:0 0 15px; } 
.goal-box h3 img { float:left; }
.goal-box h3 span { display:block; padding-left:60px; }
.goal-box p, .work-sec p { color:#6c6666; font-size:15px; line-height:1.7; margin:0 0 20px; }
.goal-box ul { display:flex; flex-wrap:wrap; padding:0 0 0 15px; }
.goal-box li { color:#000; font-size:16px; font-weight:600; line-height:1.6; list-style:disclosure-closed; padding:0 20px 5px 0; width:50%; }
.goal-box li::marker { color:#318452; }
.work-sec { padding:70px 0; }
.work-sec h2 { color:#063232; font-size:32px; font-weight:800; margin:0 0 20px; }
.work-sec h3 { align-items:center; color:#000; display:flex; font-size:24px; font-weight:800; gap:12px; margin:0 0 15px; }
.work-sec h3 span { align-items:center; background-color:#318452; border-radius:50%; display:flex; height:40px; justify-content:center; width:40px; }
.work-sec h3 span img { width:20px; }
.CTA-sec { background-color:#318452; background-image:url(../img/CTA-bg.webp); background-position:bottom center; background-size:cover; border-radius:30px 30px 0 0; margin:0 20px 70px; padding:80px 0; text-align:center; }
.CTA-sec h2 { color:#fff; font-size:44px; font-weight:700; margin:0 0 18px; text-transform:uppercase; }
.CTA-sec p { color:#fff; font-size:20px; line-height:1.7; margin:0 0 30px; }
.CTA-sec .call-btn { margin-top:28px; }
.CTA-sec .call-btn:hover { background-color:#fff; color:var(--main-color); }
.CTA-sec .custom_btn { background-color:#fff; border:none !important; color:#001c3b !important; }
.expert_sec.dd, .page-id-33 .expert_sec { margin:0 0 120px; }
.CTA-sec.dd, .page-id-35 .CTA-sec, .page-id-33 .CTA-sec { margin-bottom:120px; }
.page-id-35 .our_partner { margin:90px 0 0; }

.counter-sec { background-image:url(../img/service-bg.webp); background-position:center center; background-size:cover; padding:70px 0; position:relative; z-index:0; }
.counter-sec::before { background-color:rgba(49,132,82, 0.9); bottom:0; content:''; left:0; position:absolute; right:0; top:0; z-index:-1; }
.counter-sec ul { display:flex; flex-wrap:wrap; justify-content:center; list-style:none; }
.counter-sec li { border-left:2px solid #fff; color:#fff; font-size:16px; line-height:1.2; padding:12px 0; text-align:center; width:25%; }
.counter-sec li span { display:block; font-size:40px; font-weight:bold; text-transform:uppercase; }
.page-id-31 .contact-sec .contact-right-Sec [type="text"], .page-id-31 .contact-sec .contact-right-Sec [type="email"] { padding-left:35px; }

/* Blog-detail-page CSS start here */
.blog-txt { padding:165px 0 70px; }
.blog-txt img { height:380px; object-position:top; }
.blog-txt h1 { color:#063232; font-size:28px; font-weight:700; line-height:1.3; margin:28px 0 5px; padding:0 0 12px; }
.blog-txt h5 { border-bottom:1px solid #e7e6e6; border-top:1px solid #e7e6e6; color:#7b8089; font-size:12px; font-weight:normal; margin:0 0 20px; padding:10px 0; }
.blog-txt p { color:rgb(0 0 0 / 0.702); font-size:16px; line-height:1.7; margin:0 0 12px; }
.blog_sec .serv-list li a img { border: 1px solid #063232; height:65px; padding:3px; width:88px; }
.blog_sec .serv-list li a { color:#333; display:flex; font-size:14px; font-weight:500; gap:12px; }

.srvc_sec.dd .srvc_row { margin:0 -12px; }
.srvc_sec.dd .col-xl-3 { border:none; padding:0 12px; }
.srvc_sec.dd .srvc_box:hover .srvc_txt { display:none; }
.srvc_box p { align-items:center; background-color:rgba(49,132,82, 0.9); bottom:0; color:#fff; content:''; display:flex; flex-direction:column; height:0; justify-content:center; left:0; opacity:0; padding:18px; position:absolute; right:0; text-align:center; transition:all ease .3s; }
.srvc_box:hover p { height:100%; opacity:1; }
.srvc_box p a { color:#fff; display:block; font-size:13px; font-weight:500; margin:12px 0 0; text-decoration:underline !important; text-transform:uppercase; }
.srvc_box p a:hover { color:#063232; }

.service-sec { padding:70px 0; }
.service-sec .col-xl-9 .row { padding-top:25px; }
.service-sec h2, .blog_sec .serv-list h2 { color:#111e37; font-size:30px; font-weight:700; margin:0; }
.service-sec h3, .service-sec h4 { color:#111e37; font-size:28px; font-weight:800; margin:20px 0 12px; }
.service-sec h4 { font-size:21px; font-weight:700; line-height:1.4; margin:0 0 8px; }
.service-sec img { border-radius:8px; height:350px; }
.serv-list { background-color:#edf0f9; border-radius:8px; list-style:none; padding:20px 30px 45px; }
.serv-list li { border-bottom:1px solid #ccc; padding:15px 0; }
.serv-list li a { color:#111e37; font-size:16px; font-weight:600; }
.serv-list li a:hover { color:#318452; }
.serv-list-txt { margin:0 0 10px; }
.serv-list-txt li { color:#282828; font-size:16px; font-weight:500; line-height:1.7; list-style:none; padding:0 0 6px 30px; position:relative; }
.serv-list-txt li::before { background-image:url(https://vssgroupllc.com/wp-content/uploads/2025/01/arrow-1.webp) !important; background-size:100% 100%; content:''; height:20px; left:0; position:absolute; top:5px; width:20px; }

.service-sec .col-lg-6 img { border-radius:0; height:100%; }
.service-sec .card { border:none; border-radius:0; margin:0 0 15px; }
.service-sec .card-header { background-color:#001c3b; border:none; border-radius:0; font-size:18px; font-weight:600; padding:0; }
.service-sec .card-header a { color:#fff; display:block; padding:16px 40px 16px 20px; position:relative; }
.service-sec .card-header a[aria-expanded="true"], .history-sec h3::before { background-color:#318452; }
.service-sec .card-header a::after { align-items:center; bottom:6px; content:"\+"; display:flex; font-size:36px; font-weight:400; position:absolute; right:20px; top:0; }
.service-sec .card-header a[aria-expanded="true"]::after { content:"\×"; }
.service-sec .card-body { background-color:#edf0f9; color:rgb(0 0 0 / 0.702); font-size:16px; font-weight:500; line-height:1.6; padding:20px }
.service-sec p { color:#282828; font-size:16px; font-weight:500; line-height:1.7; margin:0 0 12px; }
.serv-box { align-items:flex-start; border:1px solid #ccc; display:flex; height:100%; gap:20px; padding:28px 28px 12px; }
.service-sec .serv-box img { height:auto; width:60px; }
.serv-box p strong { display:block; font-size:20px; line-height:1.35; padding:0 0 8px; }
.service-sec .row.dd .col-lg-6 { padding-top:25px; }
.service-sec .dd { padding-bottom:35px; }
.service-sec.dd .card-body ul { margin-left:25px; }
.service-sec.dd .card-body li { padding:0 0 6px; }

.service-sec.dd p { color:rgb(0 0 0 / 0.702); font-weight:normal; margin:0; text-align:center; }
.service-sec.dd h2 { color:#063232; font-size:34px; font-weight:700; margin:0 0 35px; text-align:center; }
.service-sec.dd .card-body p { text-align:left; }

/************** thank-you page **************/
.thank-sec, .page-not-found-sec { padding:195px 12px 100px; text-align:center; }
.thank-sec h2 { color:#000; font-size:80px; font-weight:bold; line-height:1; margin:25px 0 20px; }
.thank-sec p { color:#000; font-size:18px; font-weight:600; margin:0; }

.page-not-found-sec p { color:#000; font-size:20px; font-weight:600; margin:15px 0 30px; }
.page-not-found-sec h1 { color:#318452; font-size:80px; font-weight:bold; margin:0; }


/********************* My Account *********************************/

#myTab {
    margin-bottom: 20px;
}
.form_tab .form-group {
    margin-bottom: 15px;
}
.form_tab .form-group .form-control {
    padding: 12px 15px;
}
.form_tab .custom_btn {
    width: 100%;
    font-size: 14px;
}
.regForgot {
    margin-top: 15px;
}
.regForgot .btns {
    margin: 10px 0;
}
.header_sec .navbar li:hover .dropdown-menu {
    display: block;
}
.header_sec .navbar li .dropdown-menu {
    padding: 10px 15px;
    border: none;
    min-width: 200px;
    margin: 0;
    background: #000;
    border-radius: 0;
    left: 0;
}
.header_sec .navbar li .dropdown-menu .dropdown-item {
    padding: 5px 0;
	font-size: 14px;
	color: #fff;
    transition: all .4s ease-in-out;
    font-weight: 200;
	background:none !important;
}

.log-in-tab input, .forgot-in-tab input {
    width: 100%;
    margin: 3px 0 10px 0;
    padding: 8px;
    border: 1px solid #ccc;
}
.sign-in-wrapper {
    clear: both;
    padding: 60px 70px;
    border: 1px solid #cacaca;
    margin-bottom: 30px;
}
.log-in-tab .form-group {
    margin-bottom: 10px;
}

.forgot-in-tab .form-group {
    margin-bottom: 10px;
}

.log-in-tab .form-group label, .user label {
    font-weight: 600;
    color: #585757;
}

.forgot-in-tab .form-group label, .user label {
    font-weight: 600;
    color: #585757;
}
.forgot-in-tab .login-cont .login p { padding:6px 0 0 10px;}
.log-in-tab {
    margin: 1px 0;
    color: #4a4949;
}
.forgot-in-tab {
    margin: 1px 0;
    color: #4a4949;
}

.log-in-tab input[type="checkbox"]{
    width: auto;
}

.forgot-in-tab input[type="checkbox"]{
    width: auto;
}

.forgot-in-tab input[type="submit"] {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
}

.forgot-in-tab button[type="button"] {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    width: 100%;
    padding: 7px;
    margin-top: 8px;
}

.forgot-in-tab p.status.thanks-msg {
    padding: 10px;
    background: #029002ad;
    color: #fff;
    border-radius: 5px;
}

.forget-cont {
    text-align: center;
}

.offer-section {
    color: #fff;
    background: url(img/header-blog.png) no-repeat;
    height: 343px;
    background-size: cover;
    background-position: center;
    padding: 10px;
    border-radius: 5px;
}

.sign-in-wrapper {
    clear: both;
    padding: 60px 70px;
    border: 1px solid #cacaca;
    margin-bottom: 30px;
}
.log-in-tab .form-group {
    margin-bottom: 10px;
}

.forgot-in-tab .form-group {
    margin-bottom: 10px;
}

.log-in-tab .form-group label, .user label {
    font-weight: 600;
    color: #585757;
}

.forgot-in-tab .form-group label, .user label {
    font-weight: 600;
    color: #585757;
}
.forgot-in-tab .login-cont .login p { padding:6px 0 0 10px;}
.log-in-tab {
    margin: 1px 0;
    color: #4a4949;
}
.forgot-in-tab {
    margin: 1px 0;
    color: #4a4949;
}
.log-in-tab input, .forgot-in-tab input {
    width: 100%;
    margin: 3px 0 10px 0;
    padding: 8px;
    border: 1px solid #ccc;
}
.user label {
    font-weight: 600;
    color: #585757;
}

/*--dashboard---*/
.dashbaord {
    background: #f3f3f3;
    padding: 40px 0;
}
.dashbaord .user-profile{
    text-align: center;
    background: #ef7d35;
    padding:10px;
    color:#fff;
}
.dashbaord .tab-content>.active{
    width: 100%;
}
.dashbaord .user-profile h3 {
    padding:10px 0;
}
.dashbaord {
    padding-top: 170px;
}
.dashbaord .user-profile img{
    object-fit: cover;
    width: 150px;
    display: inline-block;
    border-radius: 100%;
    border: 2px solid #ccc;
    height: 150px;
}
.dashbaord .nav-tabs li{
    width: 100%;
}
.leftbar {
    background: #fff;
    padding:  0 0 10px 0px;
}
.leftbar h2{
    background: #000;
    color:#fff;
    font-size:25px;
    text-align:center;
    padding:10px 10px;
}
.leftbar ul li a{
    color:#444;
    border-bottom:1px solid #cccccc57;
    text-transform: capitalize;
}
.leftbar ul li:hover a{
}
.leftbar ul li.active a{
    font-weight:600;
    border-left: none !important;
    color:#444;
    border-right: none !important;
    border-bottom:1px solid #cccccc57;
}
.leftbar .nav-tabs{
    border-bottom: none !important;
}
.m0{
    margin: 0;
    padding: 0;
}
.dashbaord .tab-content {
    background: #fff;
    display: flex;
    min-height:519px;
    padding: 0 10px 15px;
}
.left-side_var{
        padding-right: 4px;
    border-right: 1px solid #ccc0;
}
.dashbaord .div-cntr:hover {
    background:#4bc0fa26;
}
.dashbaord .div-cntr{
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 391px;
        transition:all 0.4s ease-in-out;
        border-right: 1px solid #cccccc69;
}
.dashbaord .div-cntr:nth-child(2){
  border-right:none
}
.account_oveview_moreinfo {
    margin: 0 0 0 15px;
    border-top: 1px solid #cccccc70;
    border-width: 1px;
}
.account_oveview_moreinfo h1 {
    font-size: 26px;
    padding:10px 0;
    font-family: "Titillium Web", sans-serif;
}
.order  img{
    width: 60px;
}
.forget-password{
    display: flex;
    padding: 40px 0;
}
.dv-headding h2, .dv-headding h1{
    padding:20px 0;display: inline-block;
    position:relative;
    font-family: "Titillium Web", sans-serif;
    margin-bottom: 20px;
    font-size: 40px;
}
.dv-headding h2:before, .dv-headding h1:before{
    position: absolute;
    left: 0;
        left: 30%;
    bottom: 8px;
    transform: skew(-20deg);
    width: 70px;
    height: 5px;
    background: #4bc0fa;
    content: '';
}
.forget-password .contact_form{
    margin: 0 auto;
}
.active-order th{
 border-bottom: none !important;
 padding: 12px 10px !important;
 background: #f1f1f1;
}
.active-order td span.btn{
        border-radius: 0;
}
.active-order td{
    text-align: center;
 border-bottom: none !important;
 padding: 9px 10px !important;

}
.profile-picture.dash-left {
    position: relative;
}

div#imgChange {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 999;
    width: 100%;
    opacity: 1;
    height: 100%;
    background: #ccc;
    opacity: 0;
}
div#imgChange input{
    width:100%;
    height:100%;
}
.dashbaord .leftbar ul li a {
    display: block;
    padding: 10px 15px;
}
.contact_form {
    max-width: 800px;
    margin: 0 auto;
}
.contact_form .form-group {
    margin-bottom: 20px;
}
.contact_form .form-group label {
    margin-bottom: 5px;
}
.register-section {
    padding: 8px;
}
form#login {
    padding: 8px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #318452;
}
.wpb-pcf-btn.wpb-pcf-btn-small {padding: 0px 34px 0px !important;}
/*--dashboard--/-*/