
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
 @font-face {
  font-family: 'Algerian';
  font-style: normal;
  font-weight: 400;
  src: url(../image/ALGER.ttf) format('truetype'); 
 
 }
#header .navbar-default{margin-top: 20px;    background-color: transparent;}

 body { font-family: 'Poppins', sans-serif; 
	font-size:15px;
     color: #666666;
     line-height:24px; }


* {
     box-sizing: border-box !important;
     transition: ease all 0.5s;
}

html {
     scroll-behavior: smooth;
     overflow-x: hidden !important;
}
.bx-rht-cont h2 {
	font-weight: 600;
    font-size: 20px;
	font-family: Algerian !important;
	line-height:24px;
	color: #023c6c;
}

.feature-box-content{font-size:15px;}

/*contact*/
.map-cont{     margin-top: 10px;
    width: 56%;
    float: left;
    border: 1px solid #ddd;
    text-align: center; padding: 10px 0;}
.map-cont img{max-width:100%;}
	
.bx-rht-cont{    width:40%;
    float: left;
    margin-left: 3%; text-align: left;}
	
.bx-rht-cont a{cursor:pointer;}
.bx-rht-cont h2{text-align: left;
    font-size: 16px;
    font-weight: bold;     line-height: 18px; margin-top: 10px; margin-bottom:5px;}
	
.bx-rht-cont p{margin-bottom:0;}
.brn-off{width:31%; padding:1%; float:left;     padding-bottom: 0;}
.cont-page h3{     margin: 0;
    font-size: 18px;
    margin-bottom: 8px;}
.cont-page p{font-size:14px; color:#000;     line-height: 24px !important;}

.cont-heading {
    margin: 0;

    font-size: 15px;
    text-transform: uppercase;
    background:#60355c;
    padding: 9px 10px;
    color: #fff;
    margin-bottom: 8px;
}
	
.head-bx{float: left;
    width: 50%;}
	
.contd-bx{float: left;
    width: 50%;}
	
.brn-bx h2{text-align:center;}

.map-cont img{max-width:100%;}


.cont-page .st-feature-box{    background: #1d1d3d;
    padding-top: 15px;
    padding-bottom: 15px; margin-bottom: 10px;     padding-right: 10px;
	    color: #fff;}
	.bg-main .carousel-indicators [data-bs-target]{
		border:1px #fff solid;
	}
/* .cont-page .feature-box-image{    margin-top: 13px;} */
.banner-content p{
	text-transform: capitalize;
	color:#fff;
}
.bn-btn{
	display:flex;
	justify-content: end;
}
.bn-btn a i{
	margin-left:10px;
}
.bn-btn a{
	font-size: 14px;
	color: #000;
	border-radius: 5px;
	background-color: #fff;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	text-transform: capitalize;
	margin-left: 10px;
	font-weight: 500;
}
}
.brnh-off p{margin-bottom:2px;}

.leadership{
    padding: 1% 0 5%;
}
.leadership h5{
    text-align: center;
    font-size: 31px;
    font-weight: 600;
    margin-bottom: 10px;
}
.leadership p{
    text-align: center;
    margin-bottom: 50px;
}
.ldr-card{background-image: linear-gradient(to right, #305476 , #20303d);padding: 45px 30px;border-radius: 10px;text-align: center;}
.prt-img img{
    width: 80px;
    border-radius: 50%;
    border: 1px #fff solid;
}
.ldr-card h2{
    margin: 20px 0 10px;
    color: #fff;
    font-weight: 700;
}
.ldr-card ul{
    padding-left: 0;
    list-style: none;
    color: #fff;
    margin-bottom: 30px;
}
.ldr-card li{
    margin-bottom: 10px;
}
.ldr-card i{
    margin-right: 10px;
}
b{
	font-weight:700;
}
.ldr-card p{
    color: #fff;
    margin-bottom: 10px;
}
.ldr-card a{
    font-size: 14px;
    color: #000;
    border-radius: 5px;
    background-color: #fff;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
    padding: 6px 20px;
    display: inline-block;
}
.ldt-btn{
    text-align: center;
    margin-top: 45px;
}
.ldt-btn a{
    font-size: 16px;
    color: #000;
    border-radius: 5px;
    background-color: #f6d500;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
    padding: 10px 20px;
    position: relative;
    display: inline-block;
}


.insights{
    padding: 5% 0;
    background: #E5E7E9;
}
.insights h5{
    font-size: 31px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}
.ind-card::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 1px;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #305375, #f6f8fa);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
    border-radius: 10px 10px 0 0;
}
.ind-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 36px rgba(200, 16, 46, 0.1);
    border-color: rgb(46 81 113);
    background: rgb(45 78 109);
}

.ind-card:hover::before {
    transform: scaleX(1);
}
.insights p{text-align: center;}
.ind-card{background: #fff;border: 1px solid #e8e4e0;border-radius: 10px;padding: 30px;text-align: center;gap: 14px;cursor: pointer;position: relative;margin: 30px 0 0;box-shadow: 1px 1px 5px #ddd5d5;text-align: center;}
.ind-icon{width: 64px;height: 64px;border-radius: 8px;background: rgb(48 83 116 / 7%);border: 1px solid rgb(47 82 115 / 21%);align-items: center;transition: background 0.3s, border-color 0.3s;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.ind-icon img{width: 32px;}
.ind-card:hover .ind-icon{
	border:1px #fff solid;
	background: #fff;
}
.ind-card:hover h4{
	color:#fff;
}
.ind-card h4{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 20px;
}

.careers{padding: 5% 0;position: relative;}
.lft-crs h3{font-size: 31px;font-weight: 600;margin-bottom: 10px;}
.lft-crs p{
  font-size:16px;
  line-height: 26px;
}
.rght-crs{
	position:relative;
}
.rght-crs:before{
	position:absolute;
	content:'';
	left: 25px;
	top: 25px;
	background: linear-gradient(to right, #305476 , #20303d);
	height:100%;
	right: 0;
	border-radius: 10px;
	box-shadow: 1px 1px 5px gray;
}
.rght-crs img{border-radius: 10px;box-shadow: 1px 1px 5px gray;position: relative;width: 95%;}
.br-btm{padding: 10% 0;background: linear-gradient(to right, #305476 , #20303d);}
.lft-br h4{font-size: 31px;font-weight: 600;margin-bottom: 10px;color: #fff;}
.lft-br p{color: #cccaca;font-size: 16px;line-height: 26px;}
.sl-img img{
	border-bottom-right-radius: 100px;
	box-shadow: 1px 1px 5px #cbc4c4;
}
.obj-img h6{
	margin:0;
	text-transform: uppercase;
	background: #233647;
	color: #000;
	padding: 14px 30px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .5px;
	border-radius: 5px;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 9;
}
.obj-img h6:before{
	position:absolute;
	content:'';
	top: -3px;
	left:0;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	height:100%;
	width:100%;
	background:#fff;
	z-index: -1;
}
.obj-img{
	position:absolute;
	bottom: 10px;
	left: 10px;
	animation: moveLeftRight 5s ease-in-out infinite alternate;
}
@keyframes moveLeftRight {
    0% {
        left: 10px;
    }

    100% {
        left: calc(30% - 120px);
    }
}
.sl-img{
    position: relative;
}

.team-sc img{
	box-shadow:1px 1px 5px gray;
	border-radius:10px;
}







.st-custom-heading-layout2.st-custom-heading-wraper {
    margin-bottom: 24px;
}

.st-custom-heading-layout2 .st-heading-title {
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px; font-weight:bold;
	margin-top: 0;
}

.st-custom-heading-layout2 .st-heading-title>span {
	    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    display: block;
    margin-bottom: 11px;
}

.st-custom-heading-layout2 .heading-line {
    width: 26px;
    height: 1px;
    background: #114366;
    margin: 0;
}

.st-feature-box {
    padding-left:75px;
    position: relative;
	margin-bottom: 35px;
}

.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height:0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.st-feature-box h3 {
    color: #fff;
    margin: 0px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}



.case1-section-area {position: relative;z-index: 1;background: #162832;padding: 5px 0;margin: 10px 0;border-radius: 10px;}
.case1-section-area .cs_case_study_1_list {display: flex;}
.case1-section-area .cs_case_study.cs_style_1.cs_hover_active {margin: 0px 3px;border-radius: 5px;height: 420px;}
.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1 {min-height: 380px;}
.case1-section-area .cs_case_study_1_list > .cs_case_study.cs_style_1 {flex: 1;}
.case1-section-area .cs_case_study.cs_style_1:before{
	background: #0000006e;
	height:100%;
	width:100%;
	top:0;
	left:0;
	content:'';
	position:absolute;
	z-index:9;
}
.case1-section-area .cs_case_study.cs_style_1 {height: 700px;display: flex;align-items: flex-end;position: relative;overflow: hidden;transition: all 0.4s ease;}
.case1-section-area .cs_case_study.cs_style_1 .cs_case_study_thumb {position: absolute;height: 100%;width: 100%;left: 0;top: 0;}
.case1-section-area .cs_case_study_thumb{background-image: url(../Image/case-img1.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.case1-section-area .cs_case_study_thumb2 {background-image: url(../Image/case-img2.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.case1-section-area .cs_case_study_thumb3 {background-image: url(../Image/case-img3.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.case1-section-area .cs_case_study_thumb4 {background-image: url(../Image/case-img4.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.case1-section-area .cs_case_study_thumb5 {background-image: url(../Image/case-img5.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.case1-section-area .cs_case_study_thumb6 {background-image: url(../Image/case-img6.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.case1-section-area .cs_case_study_thumb7 {background-image: url(../Image/case-img7.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.case-header-area{margin-bottom:25px;}
.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1:hover{flex:3;}
.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1:hover .content-area1{display:none;}
.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1:hover .content-area{opacity:1;left:0;}
.case1-section-area .content-area1 {position: absolute;transform: rotate(-90deg);width: 290px;height: auto;left: -80px;bottom: 162px;transition: all 0.4s;font-weight: 600;opacity: 1;z-index: 99;}
.case1-section-area .content-area1 a {color: #fff;display: inline-block;text-transform: capitalize;transition: all 0.4s;width: 100%;}
.case1-section-area .content-area {position: absolute;z-index: 99;transition: all 0.4s;padding: 0 24px 24px 24px;bottom: 0;left: -100%;opacity: 0;}
.case1-section-area .content-area a {font-family: "Poppins", sans-serif;color:#fff;display: inline-block;text-transform: capitalize;transition: all 0.4s;width: 100%;margin-bottom: 8px;font-weight: 600;font-size: 18px;}
.case1-section-area .content-area p {font-family: "Poppins", sans-serif;color: #fff;transition: all 0.4s;font-size: 15px;}




.vision-mission{
	    position: relative;
	    z-index: 9999999999;
}
.vision-mission h6{
    font-size: 31px;
    font-weight: 600;
}
.vision-mission p{
	margin-bottom:45px;
}
.left-vision h4{font-size: 25px;color: #244e86;margin: 10px 0;font-weight: 600;}
.bg-lft{background: #E5E7E9;padding: 40px;border-radius: 10px;margin-bottom: 30px;border: 1px #1B1E231A solid;}
.bg-lft h3{font-size: 20px;font-weight: 500;line-height: 27px;color: #2d63ac;}
.bg-lft p{margin-bottom: 0;font-size: 16px;line-height: 30px;}
.right-vision img{
    margin: 15px 0;
}
.vision-mission .right-vision {
    width: 100%;
    transition: none !important;
}

.vision-mission .right-vision img {
    display: block;
    width: 100%;
    height: auto;
    margin: 15px 0;
}

.vision-mission .right-col {
    position: relative;
}

.news-blogs{
	padding:5% 0;
	background: #E5E7E9;
	margin: 3% 0;
}
.news-blogs h4{
	text-align: center;
	font-size: 31px;
	font-weight: 600;
	margin-bottom: 30px;
}
.post-content-wrap a{
	font-size: 16px;
	color: #000;
	border-radius: 5px;
	background-color: #f6d500;
	font-weight: 600;
	text-align: center;
	margin-top: 10px;
	padding: 10px 20px;
	position: relative;
	display: inline-block;
}
.post-title{
	color:#034153;
	text-align:left !important;
	font-size:18px !important;
	padding:15px 0;
	margin: 0 !important;
}


 .team-card {
        height: 300px;
        /* perspective: 1000px; */
        background: transparent;
        box-shadow: none !important;
        border: 0;
        margin: 20px 0;
    }

    .team-card:focus-within .team-card-inner {
        transform: rotateY(180deg);
    }
    
    .team-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        transition: transform 0.7s ease;
        transform-style: preserve-3d;
    }
.team-card-inner:after{
	background: #08429859;
	content:'';
	top:0;
	left:0;
	width:100%;
	border-radius: 15px;
	height:100%;
	position:absolute;
}

    .team-card:hover .team-card-inner {
        transform: rotateY(180deg);
    }

    .team-card-front,
    .team-card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        border-radius: 1rem;
        overflow: hidden;
    }

    /* Front */
    .team-card-front {
        background: #fff;
    }

    .team-card-front img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .team-card-back {
        transform: rotateY(180deg);
        background: linear-gradient(135deg, #07487c, #084298);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 25px;
        text-align: center;
        z-index: 999;
    }

    .team-back-content {
        width: 100%;
    }

.team-back-content ul{
	padding-left:10px;
}

.team-back-content h4{
	color:#fff;
	text-align:left;
	font-size:18px;
	font-weight:600;
}

.team-back-content li{
	text-align:left;
	margin-bottom:10px;
}
   .border_eff{
           font-size: 20px;
           font-weight: 500;
           color: #fff;
           position: relative;
           z-index: 99;
   }
.ind-head{
    text-align:center;
    font-size: 31px;
    font-weight:600;
}
.industries{
    padding: 5% 0;
    background: #E5E7E9;
    margin: 5% 0;
    position: relative;
    z-index: 999;
}
.ind-btn a{
	    font-size: 16px;
	    color: #000;
	    border-radius: 5px;
	    background-color: #f6d500;
	    font-weight: 600;
	    text-align: center;
	    margin-top: 20px;
	    padding: 10px 20px;
}
.ind-btn{
	text-align:center;
	margin: 20px 0;
}



.cont-soc img{margin-right:5px;}
.cont-page h2{    font-weight:bold;
    color: #111;
    font-size: 19px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 0px;
	margin-top:10px;}
.cont-page h2 span{color: #111;
    font-weight: normal;
    font-size: 18px;}
.cont-page h5{    color: #222;
    font-size: 19px;
    margin-bottom: 25px;}
	
.cont-page h2 span {
    color: #111;
    font-weight: normal;
    font-size: 18px;
}

.cont-page{text-align:left;font-family: arial; font-size: 14px;}


/*cont-page*/

/*navbar*/

#HeaderControl, #MenuControl, #widgetsControl, #WidgetControl2, #WidgetControl1, #WidgetControl4{ padding: 0;}



	
a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     letter-spacing: 0;
     font-family: Poppins;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0;
}

h1 {
     font-size: 24px
}

h2 {
     font-size: 22px
}

h3 {
     font-size: 18px
}

margin-b {
     font-size: 16px
}

h5 {
     font-size: 14px
}

h6 {
     font-size: 13px
}


.intro-area {
    position: relative;
    margin: 0 auto 24px;
    padding-left: 18px;
}
.intro-area::before {
    content: "\201C";
    font-family: "bootstrap-icons";
    position: absolute;
    left: 10px;
    top: -10px;
    color: #07487c;
    font-family: Georgia, serif;
    font-size: 88px;
    line-height: 1;
}
.intro-copy {
    padding-left: 35px;
    padding-right: 10px;
}
.intro-area::after {
    content: "";
    position: absolute;
    left: 25px;
    top: 30px;
    bottom: 5px;
    width: 2px;
    background: #07487c6b;
}
.service-card {
            height: 100%;
            padding: 30px 20px;
            background: #07487c1f;
            border: 1px solid var(--border-blue);
            border-radius: 7px;
            box-shadow: 0 2px 8px rgba(33, 77, 108, 0.04);
            transition: transform .2s ease, box-shadow .2s ease;
            margin: 10px 0;
        }

        .service-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 18px rgba(33, 77, 108, 0.10);
        }
.service-icon img{
	width: 45px;
}
        .service-icon {
            width: 70px;
            height: 70px;
            min-width: 70px;
            border-radius: 50%;
            background: #ffffff;
            border: 1px solid #cde3f1;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #07487c;
            font-size: 23px;
        }

        .service-number {
            color: #07487c;
            font-size: 19px;
            font-weight: 700;
            margin-bottom: 1px;
            letter-spacing: .5px;
        }

        .service-card h3 {
            margin: 0 0 8px;
            font-size: 17px;
            line-height: 1.3;
            font-weight: 600;
            text-align: start;
        }

        .service-card p {
            margin: 0;
            color: #667e8e;
            font-size: 15px;
            line-height: 1.45;
        }
.form-sc .form-control:focus{
	border: 1px #000 solid !important;
}
.form-sc{
	margin:20px 0;
	box-shadow: 1px 1px 5px gray;
	border-radius: 10px;
	padding: 45px 30px;
}

.form-sc h4{
	color:#182139;
	font-weight:600;
}
.sbmt-btn{
	font-size: 19px;
    color: #000;
    border-radius: 5px;
    background-color: #f6d500;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
	border:none;
	box-shadow:1px 1px 5px #ded2d2;
}


.abt-cd{
	border: none;
}
.abt-cd .nav-tabs .nav-link{
	color:#000;
	font-weight: 500;
	border: 1px #e9e9e9 solid;
}
.abt-cd .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	color:#07487c;
	font-weight:700;
}



.phil-sc{
	margin: 60px 0;
}
.values-inner{
	text-align: center;
	box-shadow: 1px 1px 5px #beb9b9;
	padding: 30px;
	margin: 20px 0;
	border-radius: 10px;
	min-height: 320px;
}
.value-section h6{
	    text-align: center;
	    font-size: 31px;
	    font-weight: 600;
	    margin: 20px 0;
}
.values-inner img{
	width: 70px;
	padding: 10px;
	box-shadow: 1px 1px 5px #000;
	border-radius: 50%;
}
.values-inner h4{
	font-weight: 600;
	font-size: 16px;
	margin: 20px 0;
}
.journey-box{
	padding:60px 0;
}
.journey-title{
	text-align: left;
	font-size: 31px;
	font-weight: 600;
	margin: 20px 0;
}
.timeline{
    position:relative;
}

.timeline::before{
    content:"";
    position:absolute;
    left:13px;
    top:0;
    bottom:0;
    width: 1px;
    background: #ded9cf;
}

.timeline-item{
    display:flex;
    position:relative;
    margin-bottom: 1.5rem;
}

.timeline-item:last-child{
    margin-bottom:0;
}

.timeline-icon{
    width: 1.75rem;
    height: 1.75rem;
    background:#d39a2d;
    border-radius:50%;
    flex-shrink:0;
    position:relative;
    z-index:2;
}

.timeline-icon::after{
    content:"";
    width:8px;
    height:8px;
    background:#fff;
    border-radius:50%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.timeline-content{
    padding-left:22px;
    text-align: justify;
}

.timeline-content .year{
    color:#d39a2d;
    font-weight:700;
    display:block;
    margin-bottom:4px;
    font-size: 18px;
    line-height: 1rem;
}

.timeline-content p{
    margin:0;
    color: #595959;
    font-size: .875rem;
    line-height:1.7;
}


*,
*::after,
*::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #212121;
     text-decoration: none!important;
     opacity: 1
}

button:focus {
     outline: none;
}

p {
     /*! margin: 20px; */
     font-weight: 300;
     font-size: 15px;
     /*font-family: Poppins;*/
     line-height: 24px;
}

.bx-rht-cont {
  text-align: left;
}
.bx-rht-cont p {
  text-align: left;
  color: #333;
}
a {
     color: #222222;
     text-decoration: none;
     outline: none !important;
}

a,
.btn {
     text-decoration: none !important;
     font-family: 'Poppins', sans-serif;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

img {
     max-width: 100%;
     height: auto;
}

 :focus {
     outline: 0;
}

.paddind_bottom_0 {
     padding-bottom: 0 !important;
}

.btn-custom {
     margin-top: 20px;
     background-color: transparent !important;
     border: 2px solid #ddd;
     padding: 12px 40px;
     font-size: 16px;
}

.lead {
     font-size: 18px;
     line-height: 30px;
     color: #767676;
     margin: 0;
     padding: 0;
}

.form-control:focus {
     border-color: #ffffff !important;
     box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}

.navbar-form input {
     border: none !important;
}

.badge {
     font-weight: 500;
}

blockquote {
     margin: 20px 0 20px;
     padding: 30px;
}

button {
     border: 0;
     margin: 0;
     padding: 0;
     cursor: pointer;
}

.full {
     float: left;
     width: 100%;
}

.layout_padding {
     padding-top: 10px;
     padding-bottom: 0px;
}

#header {
    padding: 20px 0;
    height: 100px;    text-align: center;
    /*position: absolute;*/
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997; background:rgba(17,33,57,1);
}

#header.header-scrolled {
  background: rgba(0, 0, 0, 0.9);
  padding: 20px 0;
  height: 72px;
  transition: all 0.5s;
}

#header img {
 margin:0 auto;
}

#header #logo h1 {
  font-size: 34px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
}

#header #logo h1 a,
#header #logo h1 a:hover {
  color: #fff;
  padding-left: 10px;
  border-left: 4px solid #dd3d25;
}

#header #logo img {
  padding: 0;
  margin: 0;
}
.body-fx #header{padding: 6px 0;
    height: 65px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
     background:rgba(8,74,140,.85);}
.body-fx .navbar-default{background-color: transparent !important;}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
.overlay a {
    padding: 0px;
    text-decoration: none;
    font-size: 22px;
    color: #f1f1f1;
    display: block;
    transition: 0.3s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.banner_section {
    position: relative;
    width: 100%;
    float: left;
    background-image: url(../image/bnnr-bg1.jpg);
    height: 450px;
    background-size: contain;
    /*padding: 120px 0px 90px 0px;*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow:hidden;
}
.banner_section2 {
    position: relative;
    width: 100%;
    float: left;
    background-image: url(../image/bnnr-bg2.jpg);
    height: 450px;
    background-size: contain;
    /*padding: 120px 0px 90px 0px;*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow:hidden;
}
.banner_section:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    /*background: linear-gradient(rgb(17, 33, 57) 0%, transparent 100%);*/
    width: 100%;
    height: 195px;
    z-index: 2;
}
.banner_taital {
    width: 100%;
    float: left;
    background-color: #626975;
    border-radius: 20px;
    padding: 20px 20px;
}
.banner-content{ position: absolute;
    top: 0px;
    text-align:right;
    width: 100%;
    margin: 0 auto;
    right: 0;
    left: 0;
    padding: 40px 40px;	
    /*background: rgba(254,254,254,0.8);*/
    border-radius: 50%;}
.banner-content img{ margin-bottom:20px;}
.banner-content h1{font-size: 45px;  color:#eee; font-weight:bold; line-height:60px; text-transform: uppercase;}
.banner-content h1 span{color:#fff;}
.banner-content h2{ font-size:35px; color:#eee; letter-spacing:1px; line-height:40px; text-transform: uppercase;}
#widgetsControl, #widgetsControl_C{height:inherit !important;}
.about_section {
    width: 100%;
    float: left;
    background-color: #112139;
    /*margin-top: 70px;*/
}

.about_taital {
    width: 93%;background: rgba(250,250,250,.9);
    float: right;
    padding: 70px 70px;
    margin-top: 14px;
}

.about_text {
    width: 100%;
    float: left;
    font-size: 40px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: bold;
}

.about_section{
    position: relative;
    width: 100%;
    float: left;
    background-image: url(../image/abt-bg.jpg);
    background-size: contain;
    /*padding: 120px 0px 90px 0px;*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    margin-top: -10px;
}



.about_text_2 {
    position:relative;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    font-size: 31px;
    color: #0f2139;
    /*border-bottom: 1px solid #49bcfe;*/
    text-align: center;
}
.about_text_2:before{position:absolute;content:'';width:150px;height:2px;background: #0f2139;left:0;right:0;margin:0 auto;bottom:0px;}
.contact_text_2 {
    width: 24%;
    margin: 0 auto;
    text-align: center;
    font-size: 40px;
    color: #0b0e13;
    border-bottom: 1px solid #49bcfe;
    text-align: center;
}

.long_text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #ffffff;
    margin-left: 0px;
}

.about_taital p{
    text-align:justify;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    margin-left: 0px;
    padding-top: 10px;
}

.about_bt {
    float: left;
    font-size: 19px;
    color: #ffffff;
    border-radius: 5px;
    background-color: #f6d500;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.about_bt a {
    color: #102139;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 15px;
}

.about_bt a:hover{ color: #000; }
.about_img {position:relative; width: 80%; margin:0 auto; padding:100px 20px 50px;  /*float: left;*/}
.about_img img { box-shadow: 60px 200px 1px rgba(246,213,0,.5); }
.about_section:before {content: '';position: absolute;height: 300px;width: 100px;background: #112139;top: 100px;left: 0;}
.about_section:after {position: absolute;content: '';top: 50px;width: 10px;height: 150px;background: #f6d500;left: 50px;}
.about_main{ width: 100%; float: left; margin-bottom: 80px; }

.our_section {width: 100%;float: left;background-color: #ffffff;height: auto;padding: 5px;margin-top: 15px;/* background: #0f2139; */border-radius: 20px;}
.our_section .carousel-control-prev{
	justify-content:left;
	left: -22px;
	opacity: 1;
}
.our_section .carousel-control-next{
	justify-content:end;
	right: -18px;
	opacity: 1;
}
.our_section .carousel-control-next-icon, .carousel-control-prev-icon{
	filter: invert(1);
	background-color: #070707;
	opacity: 1 !important;
}
.our_text {
    /*width: 26%;*/
    margin: 0 auto;
    text-align: center;
    font-size: 40px;
    color: #0b0e13;
    /*border-bottom: 1px solid #49bcfe;*/
    text-align: center;
}

.our_text :after {content: '';
    width: 150px;
    height: 2px;
    background: #112139;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0px;}

.client_long_text {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 17px;
    color: #040403;
    text-align: center;
    padding-top: 40px;
}
.our_section .padding_top_0 { padding-top:0px;}
.padding_top_0 { padding-top: 50px;}
.ser-bx{position:relative;margin: 20px auto;background-color: #FFFFFF;padding: 30px 20px;border-radius: 10px 10px 10px 10px;min-height: 450px;z-index: 999;}
.ser-bx img{ width: 100%;  float: left;  text-align: center;}
.ser-bx h2{width: 100%;font-family: 'Poppins', sans-serif;color: #112139;text-align: left;margin-bottom: 0;padding: 10px 0;text-transform: capitalize;font-size: 18px;font-weight: 700;line-height: 27px;}
.ser-bx p{font-size: 16px;color: #090a0b;text-align: left;font-family: 'Poppins', sans-serif;font-size: 14px;font-weight: 400;line-height: 30px;text-transform: capitalize;}
.ser-bx  p.rd-mr {text-align: left;border: 1px solid #f6d500;background: #f6d500;padding: 5px 20px;color: #fff;position: relative;  /*! top: 10px; */border-radius: 5px;transition:.4s;width: fit-content;}
.ser-bx  p.rd-mr:hover {background:#10213f;}
.ser-bx  p.rd-mr:hover a{color:#fff;}
.ser-bx  p.rd-mr a{
    font-weight:bold;
    font-family: 'Poppins', sans-serif;
    color: #10213f;
}
.seemore_bt {
    width: 50%;
    font-size: 20px;
    color: #fffcf4;
    border-radius: 5px;
    background-color: #041d2c;
    height: 50px;
    margin-top: 40px;
    padding-top: 7px;
    text-align: center;
    display: inline-block;
}

.seemore_bt a {
    color: #ffffff;
}

.seemore_bt a:hover {
    color: #fffcf4;
    background-color: #f6d500;
    padding: 13px 41px;
    border-radius: 4px;
}

.project_section {
    width: 100%;
    float: left;
    background-image: url(../images/img-4.png);
    height: auto;
    background-size: 100%;
    margin-top: 70px;
    padding-bottom: 80px;
    background-repeat: no-repeat;
}

.partner_text {
    width: 100%;
    float: left;
    font-size: 70px;
    color: #fffcf4;
    font-weight: bold;
}

.lorem_ipsum_text {
    width: 61%;
    float: left;
    color: #fffcf4;
    font-size: 18px;
    margin-left: 0;
}

.choice_main {
    width: 100%;
    float: left;
}

.choose_bt {
    width: 18%;
    float: left;
    background-color: #f6d500;
    color: #fffcf4;
    height: 50px;
    font-size: 14px;
    border-radius: 10px;
    text-align: center;
    padding-top: 14px;
}

.choose_bt a {
    color: #ffffff;
}
.choose_bt a:hover{ 
	color: #000; 
}

.our_price_section{
	width: 100%;
	float: left;
}

.our_price{
    width: 20%;
    margin: 0 auto;
    text-align: center;
    font-size: 40px;
    color: #0b0e13;
    border-bottom: 1px solid #49bcfe;
    text-align: center;
}

.price_section_2{
	width: 100%;
	float: left;
	margin-top: 50px;
}

.beginner {
    width: 100%;
    float: left;
    background-color: #022431;
    border-radius: 15px;
    height: auto;
    padding: 40px 30px;
}

.free_text {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #f6d500;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0;
}

.access_text{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #fffcf4;
	margin-left: 0px;
	margin-top: 0px;
}

.beginner_text{
	width: 100%;
	float: left;
	color: #fffcf4;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

.plan_text{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 40px;
	color: #fffcf4;
	margin-left: 0px;
	margin-top: 0px;
}

.select_boton{
	width: 100%;
	float: left;
	margin-top: 30px;
}

.select_bt {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    color: #fffcf4;
    background-color: #03164c;
    padding: 10px 0px;
    border-radius: 10px;
}

.select_bt a {
    color: #fffcf4;
}
.select_bt a:hover {
    color: #fffcf4;
    background-color: #f6d500;
    padding: 16px 28px;
    border-radius: 7px;
}

.premium{
    width: 100%;
    float: left;
    background-color: #03164c;
    border-radius: 15px;
    height: auto;
    padding: 40px 30px;
}

.premium_bt{
    width: 50%;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    color: #fffcf4;
    background-color: #f6d500;
    padding: 10px 0px;
    border-radius: 10px;
}

.premium_bt a {
    color: #fffcf4;
}
.premium_bt a:hover{ 
	color: #000; 
}

.contact_section {
    width: 100%;
    float: left;
    /*margin-top: 90px;*/
}


.background_bg{
	text-align: center;
	/* background-image: url(../image/contact-bg.jpg); */
	background-size: 100% 100%;
	padding-bottom: 45px;
	position: relative;
	z-index: 99999999;
}

.contact_bg {
    width: 82%;
    margin: 0 auto;
    padding-top: 50px;
}

.request_text {
    width: 100%;
    color: #000;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    padding: 20px 0;
    margin-bottom:20px;
    position:relative;
    font-weight:bold;
    }
.request_text:before {
    position: absolute;
    content: '';
    width: 150px;
    height: 2px;
    background: #000;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom:15px;
}
.email-bt {
    background: #f6f6f6;
    border: 1px solid #898783;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    min-height: 30px;
    font-size: 15px;
    padding: 12px 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    }
.email-bt::placeholder, .massage-bt::placeholder { color:#999;}
.massage-bt {border: 1px solid #898783;width: 100%;min-height: 85px;font-size: 15px;padding: 12px 10px;border-radius: 10px;}

.send_bt { background-color: #f6d500; color: #000;font-weight: bold; text-align: center; padding: 15px 30px; font-size: 18px; border:0; border-radius:10px; margin:0 auto; margin-bottom: 15px;}
.send_bt:hover {background-color:#041d2c;color: #fff;}
.send_bt:hover  a{color:#fff;}
.send_bt a { font-weight:bold;
    color: #041d2c;
}
.map_addres .fa{font-size:25px; width:60px; height:60px; line-height:60px; color:#102142; background:#fff;text-align: center; display: inline-table;margin-top:5px;float: left;}
.map_addres h3{color:#fff; line-height:30px; font-size:22px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #1a3255; margin-bottom:20px;}
.footer_section_2 .fa{width:60px; height:60px;  margin-right: 10px}
.footer_section {
    width: 100%;
    float: left;
    background-color: #0f2139;
    height: auto;
}
.footer_section_2 h4{
	color:#fff;
	font-weight:600;
	font-size: 20px;
}
.footer_section_2 p{
	color:#fff;
}

.mb-3, .my-3 {
    margin-bottom: 1rem!important;
    width: 65%;
    margin: 0 auto;
}

.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 50px;
}

.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #e05306;
    color: #fff;
    border: 0px;
}

.addres_text {
    width: 10%;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    color: #fcf8f9;
    border-bottom: 1px solid #ffffff;
    padding-top: 25px;
}

.map_addres {
    width: 100%;
    /* float: left; */
    padding-top: 50px;
    padding-bottom: 50px;
}

.map_text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #fffcf4;
    line-height: 24px;
    margin-bottom: 10px;
}

.map_icon {
    /*padding-left: 10px;*/
    padding-top: 0px;
    font-family: 'Poppins', sans-serif;
    text-align: justify;
}

.social_icon {
    width: 25%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.social_icon ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
}


.social_icon li {
    /* display: inline-block; */
    padding: 5px;
    background: #fff;
    border-radius:50%;
    margin: 1px 5px;
    list-style:none;
    transition:.4s;
}
.social_icon li svg{
	width:40px;
	height:40px;
	/* position: relative; */
	padding: 8px;
	/* top: 0px; */
}
.social_icon li:hover {background:#f6d500;}
.social_icon li .fa{width:40px; height:40px; font-size:24px; line-height:40px; text-align:center; color:#102142;margin-right: 0;}

.copyright_text {
    width: 100%;
    font-family: 'Poppins', sans-serif;
    float: left;
    font-size: 14px;
    color: #fffcf4;
    text-align: center;
    font-weight: 100;
    padding-top: 40px;
    margin-left: 0px;
}

.copyright_text a { color: #fffcf4; }

.copyright_text a:hover { color: #f6d500; }
@media(max-width:991px){
	.banner-content p{
		font-size:12px;
	}
	.banner-content{width:100%;padding: 16px;}
	.banner_section {    padding-top: 10px; height: 350px !important;}
	.social_icon{width: 100%;}
	.about_section:before{display:none;}
	.about_taital{padding: 10px !important;}
}
@media(max-width:767px){
	.ldr-card{
		padding:10px;
	}
	.banner-content img{
		width:50px;
	}
	.about_section:after{
		left:15px;
		top: 25px;
	}
	.service-card{
		padding:10px;
	}
	.service-icon img{
		width:35px;
	}
	.service-icon{
		width:50px;
		height:50px;
		min-width: 50px;
	}
	.service-card h3{
		font-size:12px;
	}
	.intro-copy{
		padding-left:25px;
	}
	.abt-cd .nav-tabs .nav-link{
		font-size:12px;
	}
	.bn-btn a{
		margin:5px;
		font-size:10px;
	}
	.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1{
		margin:10px;
		min-height: 300px;
		height: auto;
	}
	.case1-section-area .cs_case_study_1_list{
		display:block;
	}
	.about_bt a{
		font-size:12px;
	}
    .team-card {
            height: 350px;
        }
    #WhatsNewControl_C{margin-top: 0px;padding-top: 2px;}
}
 @media (min-width: 992px) {
            .service-card {
                min-height: 210px;
                align-items: center;
            }
	 .crds{
		 min-height:auto;
		 align-items: center;
		}
 }
        
/* ==============================
   CAREER PAGE
================================= */

.career-section {
    padding: 70px 0;
    /* background: #f6f8fb; */
    font-family: Arial, sans-serif;
    color: #0f2139;
}

/* Hero */
.career-hero {
    position: relative;
    overflow: hidden;
    padding: 55px 60px;
    margin-bottom: 65px;
    background: linear-gradient(135deg, #0f2139, #063c67);
    border-radius: 18px;
    color: #fff;
    box-shadow: 0 15px 40px rgba(0, 55, 95, 0.15);
}

.career-hero:after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -120px;
    top: -120px;
    border: 45px solid rgba(255, 255, 255, 0.06);
    border-radius: 50%;
}

.career-hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
}

.career-tag {
    display: inline-block;
    margin-bottom: 15px;
    padding: 7px 16px;
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.career-hero h1 {
    margin: 0 0 20px;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
}

.career-hero p {
    max-width: 800px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.8;
    color: rgba(255,255,255,0.9);
}

.career-hero-icon {
    position: absolute;
    right: 70px;
    bottom: 45px;
    z-index: 2;
    font-size: 100px;
    color: rgba(255,255,255,0.08);
}

/* Section heading */
.career-block {
    margin-bottom: 65px;
}

.section-heading {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 30px;
}

.section-heading > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    background: #0f2139;
    color: #fff;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 700;
}

.section-heading small {
    display: block;
    margin-bottom: 4px;
    color: #8a9aac;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.section-heading h2 {
    margin: 0;
    color: #172c43;
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

/* Professional cards */
.career-card {
    height: 100%;
    padding: 25px 22px;
    background: #fff;
    border: 1px solid #e8edf2;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
}

.career-card:hover {
    transform: translateY(-5px);
    border-color: #0f2139;
    box-shadow: 0 12px 28px rgba(0, 55, 95, 0.10);
}

.card-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf3f9;
    color: #0f2139;
    border-radius: 50%;
    font-size: 16px;
}

.career-card h5 {
    margin: 0;
    color: #25384d;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
}

/* Articleship */
.career-info-box {
    display: flex;
    gap: 25px;
    padding: 38px;
    margin-bottom: 65px;
    background: #fff;
    border-left: 5px solid #0f2139;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}

.info-icon {
    width: 65px;
    height: 65px;
    min-width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf3f9;
    color: #0f2139;
    border-radius: 12px;
    font-size: 28px;
}

.career-info-box h2 {
    margin: 0 0 15px;
    color: #172c43;
    font-size: 26px;
}

.career-info-box p {
    margin-bottom: 12px;
    color: #5c6d7e;
    font-size: 15px;
    line-height: 1.8;
}

/* Benefits */
.benefit-card {
    display: flex;
    height: 100%;
    gap: 18px;
    padding: 25px;
    background: #fff;
    border: 1px solid #e8edf2;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 55, 95, 0.09);
}

.benefit-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0f2139;
    color: #fff;
    border-radius: 10px;
    font-size: 19px;
}

.benefit-card h5 {
    margin: 0 0 8px;
    color: #24384d;
    font-size: 16px;
    font-weight: 700;
}

.benefit-card p {
    margin: 0;
    color: #6c7b8b;
    font-size: 14px;
    line-height: 1.7;
}

/* Opportunities */
.opportunities-section {
    margin-bottom: 65px;
}

.opportunity-card {
    position: relative;
    height: 100%;
    padding: 28px 25px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5eaf0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.opportunity-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 55, 95, 0.10);
}

.opportunity-number {
    position: absolute;
    right: 18px;
    top: 12px;
    color: #edf2f6;
    font-size: 45px;
    line-height: 1;
    font-weight: 700;
}

.opportunity-card h5,
.opportunity-card p {
    position: relative;
    z-index: 2;
}

.opportunity-card h5 {
    margin: 0 0 10px;
    color: #24384d;
    font-size: 17px;
    font-weight: 700;
}

.opportunity-card p {
    margin: 0;
    color: #68798a;
    font-size: 14px;
    line-height: 1.7;
}

/* CTA */
.career-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 40px 45px;
    background: linear-gradient(135deg, #0f2139, #063c67);
    border-radius: 16px;
    color: #fff;
    box-shadow: 0 15px 40px rgba(0, 55, 95, 0.15);
}

.career-cta span {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    opacity: 0.75;
}

.career-cta h2 {
    margin: 8px 0;
    font-size: 27px;
    font-weight: 700;
    color: #fff;
}

.career-cta p {
    margin: 0;
    color: rgba(255,255,255,0.8);
    font-size: 14px;
}

.career-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 24px;
    background: #fff;
    color: #0f2139;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.career-btn:hover {
    background: #eef5f9;
    color: #063c67;
    transform: translateY(-2px);
}

.career-btn i {
    transition: transform 0.3s ease;
}

.career-btn:hover i {
    transform: translateX(4px);
}


/* ==============================
   RESPONSIVE
================================= */

@media (max-width: 991.98px) {

    .career-section {
        padding: 50px 0;
    }

    .career-hero {
        padding: 45px 35px;
    }

    .career-hero h1 {
        font-size: 34px;
    }

    .career-hero-icon {
        right: 35px;
        font-size: 80px;
    }

    .career-cta {
        padding: 35px;
    }
}

@media (max-width: 767.98px) {

    .career-section {
        padding: 40px 0;
    }

    .career-hero {
        padding: 35px 25px;
        margin-bottom: 45px;
        border-radius: 12px;
    }

    .career-hero h1 {
        font-size: 28px;
    }

    .career-hero p {
        font-size: 14px;
        line-height: 1.7;
    }

    .career-hero-icon {
        display: none;
    }

    .career-block,
    .opportunities-section {
        margin-bottom: 45px;
    }

    .section-heading h2 {
        font-size: 24px;
    }

    .section-heading > span {
        width: 45px;
        height: 45px;
        flex-basis: 45px;
    }

    .career-info-box {
        padding: 25px;
        margin-bottom: 45px;
        flex-direction: column;
    }

    .benefit-card {
        padding: 20px;
    }

    .career-cta {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px 17px;
    }

    .career-cta h2 {
        font-size: 23px;
    }

    .career-btn {
        width: 100%;
        justify-content: center;
    }
	.dropdown-item{white-space:break-spaces;}
}

@media (max-width: 575.98px) {

    .career-hero h1 {
        font-size: 25px;
    }

    .career-hero {
        padding: 30px 20px;
    }

    .section-heading {
        gap: 12px;
    }

    .section-heading h2 {
        font-size: 21px;
    }

    .section-heading small {
        font-size: 9px;
    }

    .career-card {
        padding: 18px;
    }

    .career-info-box {
        padding: 20px;
    }

    .career-info-box h2 {
        font-size: 22px;
    }
}

.callus2 {
      width: 100%;
      margin: 8px 0 0 0;
      text-align: right;
      position: fixed;
      bottom: 25%;
      right: 8px;
      width: 60px;
      height: 60px;
      z-index: 99999;
  }
  .callus2 .callusL2{
      width: 40px;
      height: 40px;
      font-size: 18px;
      border-radius: 100%;
      text-align: center;
      line-height: 40px;
      display: inline-block;
      background: #eb1d39;
      color: #fff;
      margin: 0 20px 0 0;
      -webkit-box-shadow: 0px 0px 0px 7px #dc3545;
      -moz-box-shadow: 0px 0px 0px 7px rgba(232, 154, 17, 0.25);
      box-shadow: 0px 0px 0px 7px #dc354536;
      -webkit-animation: tada 1.25s infinite;
      -moz-animation: tada 1.25s infinite;
      -ms-animation: tada 1.25s infinite;
      animation: tada 1.25s infinite;
  }

  /*============WHATSAPP==========*/
    
  .whatsapp_btn{
      position: fixed;
      bottom: 5em;
      right: 20px;
      width: 55px;
      height: 55px;
      z-index: 9999;
  }
  .whatsapp_btn .icon_logo{
      position: relative;
      z-index: 100;
      padding: 5px;
  }
  
  .whatsapp_btn .icon_logo > a > img{
      width: 100%;
  }
  
  .whatsapp_btn .circle_waves{
      border-radius: 50%;
      background-color: #3cc04e;
      width: 55px;
      height: 55px;
      position: absolute;
      opacity: 0;
      bottom: 1px;
      left: 0px;
      z-index: 99;
      animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
  }
  
  @keyframes waves {
      from {
          transform: scale(.55, .55);
          opacity: .6;
      }
      to {
          transform: scale(1.8, 1.8);
          opacity: 0;
      }
  }
  

  .team-inner img {border-radius: 10px;box-shadow: 1px 1px 6px #7e7777;}
.team-inner p {line-height: 30px;}
.team-inner h5{font-size: 16px;}
.main-table h5{color:#090a0b;}
.cont-page .feature-box-image .fa {
    color: #fff;
    line-height: 30px;
    font-size: 30px;
    margin-top: 20px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(180deg);
}
.dropend .dropdown-menu {
    right: 100% !important; top:0;
    left: auto !important;
}

#EventCalenderControl a{font-size:15px!important;}
.leadership .carousel-control-next-icon {
    filter: invert(1);
    background-color: #070707;
    opacity: 1 !important;}