@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body{ margin: 0; padding: 0; font-family: "Open Sans", sans-serif !important;}
a { text-decoration: none !important; font-family: "Open Sans", sans-serif;}
li, h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif;}
p, .main-table ul li {color: #3d3d3d;font-size: 16px;letter-spacing: .2px;margin: 0 0 10px 0;line-height: 1.8;font-family: "Open Sans", sans-serif;}
.custom-btn { background: #e69d2f; color: #fff; display: inline-block; padding: 14px 50px; font-size: 18px; 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);}
.custom-btn:hover { color: #fff; animation: zoom-in-zoom-out .5s ease-in-out; transform: scale(1.1, 1.1);}

.logo-f {
    background: #ffffff;
    border-radius: 10px;
}

.firm-profile { padding: 4% 0}
.firm-profile .profile { background-image: url(image/profile-bg.jpg); padding: 40px; background-size: cover;}
.firm-profile .profile h3 { color: #044a80; font-size: 34px; font-weight: 700; text-align: left; margin: 0 0 15px 0}
.firm-profile .profile p  {margin: 0; color: #000}
.firm-profile .firm-profile-bx { background: #044a80;}
.firm-profile .download { padding: 20px}
.firm-profile .download h4{ color: #fff; font-size: 26px; margin: 0 0 15px 0}
.firm-profile .download .btn { background: #161616; color: #e4e4e4; border-radius: 0; padding: 10px 30px; font-size: 14px; letter-spacing: .5px}


.modal-open .modal-content{margin-top: 20%;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.modal-open .modal-hm-bg{background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding-bottom:10px;}
.modal-header{color:#000; text-transform:uppercase; font-size: 20px; font-weight: bold;}
.modal-body input{display:inline-block; margin:7px auto;}
.modal-body center input{padding:7px 20px; color:#000; background:#64ae4d; border-radius:40px; transition:.3s;}
.modal-body center input:hover{color:#fff; background:#000;}
.modal-header .close{ /*background: #ff0000;*/ padding: 5px 10px; color: #000; opacity:.9;position: absolute; right: 16px;}
.modal{top:50px;z-index:999999999 !important;}
.modal-backdrop{z-index:9;}
.modal-open .modal-dialog{z-index:9999;}
.smt-btn {
    cursor: pointer;
    color: #fff;
    background: #143a6b;
    padding: 10px 30px;
    line-height: 26px;
    border: 2px solid #000;
    border-radius: 45px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}




.main-table {text-align: left;padding: 4% 0;}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}

.custom-btn1 { background: #003d6d; color: #fff; display: inline-block; padding: 12px 40px; font-size: 15px; 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);}
.custom-btn1:hover { color: #fff; animation: zoom-in-zoom-out .5s ease-in-out; transform: scale(1.1, 1.1);}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    40% {
        transform: scale(1.1, 1.1);
    }

    75% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1.1, 1.1);
    }
}

.header-btn2{display: inline-block;font-weight: 400;border: none;background: #003d6d;color: #fff;padding: 12px 34px;transition: all 0.4s;border-radius: 30px;position: relative;margin-top: 24px;z-index: 1;margin-right:20px;}
.header-btn2 span {height: 24px;width: 24px;display: inline-block;border-radius: 50%;transition: all 0.4s;line-height: 0px;text-align: center;padding: 5px;background: #fff;color: #1a1a1a;position: relative;left: 10px;top: 0px;font-size: 13px;}
.header-btn2:hover {transition: all 0.4s;transform: translateY(-5px);color: #fff;}

.heading p {color: #e69d2f;font-size: 21px;font-weight: 700;margin: 0;}
.heading h2{font-size: 36px;font-weight: 700;margin: 0 0 20px 0;color: #1b1b1b;position: relative} 
.sub-heading {font-size: 24px;font-weight: 700;margin: 0 0 15px 0;border-bottom: 1px dashed #a5a5a5;padding: 5px 0;text-align: left;color: #222;}
.team-title {font-size: 20px;color: #003d6d;font-weight: 700;margin: 0 0 15px 0;}

.toggler-btn { width: 40px; cursor: pointer; padding: 30px 0}
.toggler-btn .top-bar, .toggler-btn .middle-bar, .toggler-btn .bottom-bar { width: 30px; height: 3px; background: #143a6b; border-radius: 3px;}
.toggler-btn .top-bar { animation: toggler 1.7s infinite;}
.toggler-btn .middle-bar { animation: toggler 1.3s infinite;}
.toggler-btn .bottom-bar { animation: toggler 2.2s infinite;}

/*======================== Top header ====================*/
.top-header { background: #003d6d; padding: 10px 0;}
.top-header p { margin: 0; color: #fff;}
.top-header p a { color: #f4f4f4; font-size: 15px; margin:0 5px;}
.top-header p a i { font-size: 13px; margin: 0 7px 0 0;}
.top-header .login-icon i{ padding: 6px; background: #fff; border-radius: 50%; color: #e69d2f; font-size: 11px; margin: 0 4px 0 0;}

/* header {position: absolute;top: 50px;left: 0;width: 100%;z-index: 2;} */

.navbar .nav-item .nav-link {color: #143a6b;font-size: 13px;text-transform: uppercase;/* font-weight: 700; */position: relative;}
.navbar .nav-item .nav-link:hover { color: #e69d2f;}
.navbar .nav-item .custom-btn { margin-top: -7px;}

.right-nav { position: absolute; z-index: 9; background: #fff; right: 0; top: 0; height: 100vh; width: 450px; overflow: hidden; padding: 50px; display: none; text-align: center;} 
.right-nav img { margin: 10px 0 30px 0;}
.right-nav .social-icon a{ color: #212121; margin: 7px;}
.right-nav .social-icon a:hover{ color: #003d6d;}

@keyframes toggler {
    0% { width: 30px;}
    50% { width: 18px;}
    100% { width: 30px;}
}

.banner-section { position: relative; background-image: url('image/banner-bg.jpg'); background-size: cover; padding: 10% 0 7% 0;}
.banner-section h1 {font-size: 52px;color: #fff;font-weight: 600;text-align: center;margin: 0 0 10px 0;}
.banner-section p {color: #fff;font-size: 20px;font-weight: 500;line-height: 1.5;margin: 0;}
.banner-section .logo-50-years img { width: 120px; border: 2px solid #212121; border-radius: 50%; margin: 0 0 10px 0;}
.banner-section .logo-50-years p  {font-size: 14px;color: #d5a549;letter-spacing: .6px;margin: 0;}
.banner-section .timeline { padding: 9% 0 0 0; display: flex; justify-content: center; position: relative;}
.banner-section .timeline::before {content: '';position: absolute;width: 140px;height: 100px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;border-bottom-right-radius: 25px;left: 124px;top: 43%;}
.banner-section .timeline::after {content: '';position: absolute;width: 120px;height: 80px;border-top: 2px solid #fff;border-left: 2px solid #fff;border-top-left-radius: 25px;right: 146px;top: 63%;}
.banner-section .timeline .icon {position: relative;display: inline-block;padding: 15px;}
.banner-section .timeline .icon img {padding: 20px;width: 110px;}
.banner-section .timeline .icon::after {content: '';position: absolute;width: 140px;height: 140px;border-radius: 50%;border: 2px dashed #fff;/* animation: spinnerRotate 13s linear infinite; */left: 0;top: 0;}
.banner-section .timeline .timeline-card {padding: 0 2%;position: relative;}
.banner-section .timeline .timeline-card:first-child::before, .banner-section .timeline .timeline-card:nth-child(3)::before {content: '';position: absolute;width: 103.5%;height: 40%;border: 6px solid #2d61a5;border-top-left-radius: 110px;border-top-right-radius: 110px;border-bottom: 0;top: -30px;left: -4px;z-index: 3;}
.banner-section .timeline .timeline-card:nth-child(2)::before, .banner-section .timeline .timeline-card:nth-child(4)::before {content: '';position: absolute;width: 103.5%;height: 40%;border: 6px solid #2d61a5;border-bottom-left-radius: 110px;border-bottom-right-radius: 110px;border-top: 0;bottom: -30px;left: -4px;z-index: 3;}
.banner-section .timeline .timeline-card::after {content: '';position: absolute;width: 2px;height: 40%;right: 0;background: #fff;top: 93px;}
.banner-section .timeline .timeline-card:last-child::after { width: 0}
.banner-section .timeline .timeline-card .text {height: 140px;}
.banner-section .timeline .timeline-card .text h4 {color: #e69d2f;font-size: 38px;font-weight: 700;margin: 30px 0 0 0;}
.banner-section .timeline .timeline-card .text p {font-size: 16px;margin: 2px 0 0 0;line-height: 1.3;}
.banner-section .timeline .timeline-card:nth-child(2) .text h4, .banner-section .timeline .timeline-card:nth-child(4) .text h4 {padding: 40px 0 0 0;}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
@keyframes spinnerRotate {
    0% { transform: rotate(0);}
    to { transform: rotate(360deg);}
}

/*--------------------------------------------------------------
# About-Section
--------------------------------------------------------------*/
.about { padding: 6% 0;}
.abt_btm{transform: translateY(-50px);bottom: 90px;padding: 30px;box-shadow: 1px 1px 5px #a5a2a2;border-radius: 6px;}
.abt_btm .one{color: #000;font-weight: 600;font-size: 52px;margin: 20px 0 30px 0;}
.abt_btm .two{color: #000;font-weight: 600;line-height: 1.3;font-size: 18px;}
.background-cl{position: absolute;content: "";left: -45px;z-index: -1;top: -50px;width: 140px;height: 140px;background-color: #e69d2f;border-radius: 100%;padding: 5px;}
.about-pic { border-radius: 10px; }
.abt_btm:hover .background-cl{left: -50px;top: -50px;transition: 0.2s linear;}
.about_cont img{width: 70px; margin-bottom: 20px;}
.about_cont .fa.fa-phone{    font-size: 16px;margin-right: 12px;}
.divider-style-03.divider-style-03-03 {border-top: 4px double;color: #c79c58;}
.pt-50px h5 {color: #000;font-size: 22px;}
.pt-50px h5 span {font-weight: 600;}
.abt-btm-sec{font-size: 21px; font-weight: 400;}
.abt-btm-sec span{font-weight: 600;}
/*--------------------------------------------------------------
# Team-Section
--------------------------------------------------------------*/
.team-section { padding: 5% 0; background-color: #003d6d;}
.team_img{width: 150px; height: 150px;}
.team-social ul li {display: inline-block;}
.team-social ul li a {text-align: center;display: flex;align-items: center;justify-content: center;-webkit-transition: .3s cubic-bezier(.12,0,.39,0);transition: .3s cubic-bezier(.12,0,.39,0);background: #e69d2f;border-radius: 50%;}
.small-icon a {font-size: 14px;color: #fff;width: 32px;height: 32px;margin: 2px;}
.team_sec{background-color: #fff;}
.team_sec h5 {color: #121212;font-size: 17px;margin: 0;}
.team_sec p {color: #8e8e8e;margin: 0 0 5px 0;font-size: 15px;}
.team_sec:hover{background-color: #f6f3ef;transition: 0.2s linear;}
/*--------------------------------------------------------------
# Contact-Section
--------------------------------------------------------------*/
.contact{ padding: 5% 0;}
.contact_lft{ animation: mover 3s infinite alternate;   }
@keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-20px); }
}
.contact_lft_sec h2{    font-weight: 600;color: #000;margin-bottom: 20px;font-size: 38px;}
.contact_lft_sec span{font-size: 18px;font-weight: 400;color: black;}
.dotted_img{bottom: -10px;right: -48px;/* z-index: -2; */}
.contact .form-control { margin: 15px 0 0 0; padding: 12px; font-size: 15px;}
.contact input[type='button'] { margin: 20px 0 0 0; background: #003d6d; color: #fff; border-radius: 30px; border: 0; padding: 12px 34px;}

/*--------------------------------------------------------------
# services
--------------------------------------------------------------*/
.case1-section-area { padding: 5% 0; background: #003d6d;}
.case1-section-area .cs_case_study_1_list {display: flex;}
.case1-section-area .cs_case_study.cs_style_1.cs_hover_active {margin: 0px 8px;border-radius: 5px;height: 475px;}
.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1 {min-height: 400px;}
.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 {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: -100px;bottom: 162px;transition: all 0.4s;font-weight: 600;opacity: 1;}
.case1-section-area .content-area1 a {font-family: "Poppins", sans-serif;color: #fff;display: inline-block;text-transform: capitalize;transition: all 0.4s;width: 100%;font-size: 20px;text-shadow: 2px 6px 6px #000000ed;}
.case1-section-area .content-area {position: absolute;z-index: 1;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;}
/*--------------------------------------------------------------
# footer-Section
--------------------------------------------------------------*/
footer {background: #101010; padding: 7% 0 0 0;}
footer h4 { color: #fff; font-size: 20px; font-weight: 700; margin: 0 0 12px 0;}
footer p, footer p a { color: #c9c9c9; font-size: 15px; margin: 0 0 10px 0;}
footer p a:hover { color: #e69d2f;}
footer .footer-bottom {margin: 4% 0 0 0;border-top: 1px solid rgba(204, 204, 204, .4);padding: 15px 0;}
footer .footer-bottom p { margin: 0;}
footer .contact-details .icon i{ color: #fff; font-size: 20px; margin: 0 12px 0 0; display: inline-block;}
footer .contact-details .text h5{ color: #fff; font-size: 19px; margin: 0 0 6px 0; font-weight: 700;} 
footer .contact-details .text p { color: #c9c9c9; margin: 0; font-size: 14px;}
footer .social-icon a { position: relative; color: #fff; background: rgba(255, 255, 255, .1); font-size: 19px; width: 50px; height: 50px; margin: 0 5px; display: inline-block; border-radius: 50%; text-align: center; line-height: 2.8; transition: all .2s ease-in-out;}
footer .social-icon a i { position: relative; z-index: 3;}
footer .social-icon a::before{ content: ''; position: absolute; width:100%; height: 100%; border-radius: 50%; background: #e69d2f; left: 0; transform: scale(0); transition: all .4s ease-in-out;}
footer .social-icon a:hover { color: #212121;}
footer .social-icon a:hover::before { transform: scale(1);}

.practise-area {
	border-bottom: 3px solid #143a6b;
	border-radius: 0 0 2px 2px;

    margin-top: 30px;
	min-height: 313px;
	overflow: hidden;
	position: relative;
}

.practise-area .thumb {
	overflow: hidden;
	position: relative;
}

.practise-area .thumb img {
	width: 100%;
}

.practise-area .thumb .round-style {
	background-color: #fbf7f8;
	border-radius: 50%;
	bottom: -40px;
	height: 90px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	width: 90px;
}

.practise-area:hover .thumb .round-style {
	bottom: 10px;
}

.practise-area .practise-details {
	background-color: #f4f4f4;
	bottom: -65px;
	padding: 0 15px 30px;
	position: absolute;
	text-align: center;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	width: 100%;
}

.practise-area:hover .practise-details {
	bottom: 0;
}

.practise-area .practise-details .icon {
	color: #143a6b;
	display: inline-block;
	font-size: 40px;
}

.practise-area .practise-details .title {
	font-weight: 600;
	color: #143a6b;
	margin-bottom: 10px;
	margin-top: 10px;
	text-transform: uppercase;
}

.practise-area .practise-details .details {
	font-size: 15px;
}

.practise-area .practise-details a.btn-thm {
	margin-top: 15px;
}

.practise-area:hover .practise-details a.btn-thm {
	margin-top: 10px;
}

/* practise-style-4column */

.practise-style-4column .practise-area {
	min-height: 277px;
}

/* practise-style-4column */

.practise-style2-4column .practise-area {
	min-height: 195px;
}

.practise-style2-4column .practise-area .practise-details {
	bottom: -65px;
	display: inline-block;
	padding: 29px 15px 25px;
}

.practise-style2-4column .practise-area:hover .practise-details {
	bottom: 4px;
}

.btn-thm {
	font-family: "Roboto",sans-serif !important;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff !important;
	display: inline-block;
	background: #143a6b !important;
	position: relative;
	letter-spacing: 1px;
	line-height: 40px;
	padding-left: 27px;
	border-radius: 3px;
	padding-right: 9px;
	font-size: 14px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-thm i {
    padding-left: 15px;
    font-size: 1.25em;
    padding-right: 7px;
    vertical-align: middle;
    border-left: 1px solid #ffffff !important;
    position: relative;
    margin-left: 20px;
    font-size: 14px;
    line-height: 28px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-thm i:after {
	content: '';
	width:1px;
	height:100%;
	background: #00a1ea !important;
	position: absolute;
	left: -2px;
	top: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-thm:hover,
.btn-thm:focus,
.btn-thm:active {
	background: #ea9400 !important;
}

.btn-thm:hover i,
.btn-thm:focus i,
.btn-thm:active i {
    border-left-color: #30408d !important;
}

.btn-thm:hover i:after,
.btn-thm:focus i:after,
.btn-thm:active i:after {
	background: #30408d !important;
}

.btn-thm:hover,
.btn-thm:focus,
.btn-thm:active,
.btn-thm:hover i,
.btn-thm:focus i,
.btn-thm:active i {
	color: #fff !important;
}

.btn-thm.btn-white {
	color: #30408d !important;
	background: #fff !important;
}

.btn-thm.btn-white i {
    border-left: 1px solid #f8f8f8 !important;
}

.btn-thm.btn-white:hover,
.btn-thm.btn-white:focus,
.btn-thm.btn-white:active {
	color: #fff !important;
	background: #30408d !important;
}

.btn-thm.btn-black {
	color: #fff !important;
	background: #1c1c1c !important;
}

.btn-thm.btn-black i {
    border-left: 1px solid #150202 !important;
}

.btn-thm.btn-black i:after {
	background: #5e5a5a !important;
}

.btn-thm.btn-black:hover,
.btn-thm.btn-black:focus,
.btn-thm.btn-black:active {
	color: #fff !important;
	background: #30408d !important;
}

.btn-thm.btn-black:hover i,
.btn-thm.btn-black:focus i,
.btn-thm.btn-black:active i {
    border-left-color: #00a1ea !important;
}

.btn-thm.btn-black:hover i:after,
.btn-thm.btn-black:focus i:after,
.btn-thm.btn-black:active i:after {
	background: #d31e3d !important;
}


.btn-xs {
	font-size: 13px;
	line-height: 35px;
	padding: 0 12px;
}

.btn-xs i {
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 0;
}

.btn-lg {
	font-size: 16px;
	padding: 5px 9px 5px 25px;
}

.inner-banner { background-image: linear-gradient(25deg, #003d6d 40%, #e69d2f) ; padding: 4% 0;}
.inner-banner p, .inner-banner p a { color: #fff; text-align: start;}
.inner-banner h1 {color: #fff;margin: 0;font-size: 42px;font-weight: 700;text-align: left;}

.contact-info {background: #003d6d;padding: 25px;margin: 0 0 10px 0;}
.contact-info i {color: #ffffff;font-size: 27px;text-align: left;}
.contact-info h5 {color: #ffffff;text-transform: uppercase;font-size: 18px;font-weight: 700;text-align: left;letter-spacing: .5px;}
.contact-info p, .contact-info p a {color: #ffffff;margin: 0;font-size: 15px;font-weight: 500;}


@media (min-width: 320px) and ( max-width: 767px) {
    .header-btn2{ padding: 10px 24px; margin-top: 15px; font-size: 14px}
    
    .heading p { font-size: 15px;}
    .heading h2 { font-size: 28px; margin: 0 0 20px 0;} 
    .sub-heading {font-size: 21px;}
    .team-title {font-size: 17px;}

    
    .top-header { padding: 8px 0;}
    .top-header p a { font-size: 13px; margin:0 3px;}
    .top-header p a i { font-size: 13px; margin: 0 5px 0 0;}
    .top-header .login-icon i{ margin: 0 4px 0 0;}

    .banner-section { padding: 25% 0 10% 0;}
    .banner-section h1 {font-size: 20px; margin: 0 0 8px 0;}
    .banner-section p { font-size: 14px; font-weight: 400; line-height: 1.5;margin: 0 0 20px 0;}
    .banner-section .logo-50-years img { width: 80px;}
    .banner-section .logo-50-years p { font-size: 13px;}
    .banner-section .timeline { padding: 12% 0 0 0;}
    .banner-section .timeline::before {width: 0;height: 0;border-bottom: 0;border-right: 0;}
    .banner-section .timeline::after {width: 0;height: 0;border-top: 0;border-left: 0;}
    .banner-section .timeline .icon {position: relative;display: inline-block;padding: 0px;}
    .banner-section .timeline .icon img {padding: 17px;width: 70px;}
    .banner-section .timeline .icon::after {width: 70px;height: 70px;border-radius: 50%;border: 2px dashed #fff;animation: spinnerRotate 13s linear infinite;left: 0;top: 0;}
    .banner-section .timeline .timeline-card {padding: 0 2%;position: relative;}
    .banner-section .timeline .timeline-card:first-child::before, .banner-section .timeline .timeline-card:nth-child(3)::before {border: 3px solid #e69d2f;border-bottom: 0;top: -10px;left: -2px;z-index: 3;}
    .banner-section .timeline .timeline-card:nth-child(2)::before, .banner-section .timeline .timeline-card:nth-child(4)::before {width: 103.5%;height: 40%;border: 3px solid #e69d2f;border-top: 0;bottom: -10px;left: -2px;}
    .banner-section .timeline .timeline-card::after {content: '';position: absolute;width: 1px;height: 40%;right: 0;background: #fff;top: 43px;}
    .banner-section .timeline .timeline-card:last-child::after { width: 0}
    .banner-section .timeline .timeline-card .text {height: 70px;}
    .banner-section .timeline .timeline-card .text h4 {color: #e69d2f;font-size: 18px;font-weight: 700;margin: 0px 0 0 0;}
    .banner-section .timeline .timeline-card .text p {font-size: 11px;margin: 2px 0 0 0;line-height: 1.3;}
    .banner-section .timeline .timeline-card:nth-child(2) .text h4, .banner-section .timeline .timeline-card:nth-child(4) .text h4 {padding: 10px 0 0 0;}

    /*--------------------------------------------------------------
    # About-Section
    --------------------------------------------------------------*/
    .about { padding: 10% 0;}
    .abt_btm{ bottom: 90px;padding: 20px;}
    .abt_btm .one{font-size: 32px;}
    .abt_btm .two{font-size: 14px;}
    .background-cl{top: -50px;width: 100px;height: 110px;}
    .about-pic { border-radius: 10px; }
    /*--------------------------------------------------------------
    # Team-Section
    --------------------------------------------------------------*/
    .team_sec{ margin: 5px 0}
   
    /*--------------------------------------------------------------
    # services
    --------------------------------------------------------------*/
    .case1-section-area .cs_case_study_1_list {display: block;}
    .case1-section-area .cs_case_study.cs_style_1.cs_hover_active {margin: 10px 0; height: 180px;}
    .case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1 {min-height: 300px;}
    .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 .content-area1 { transform: rotate(0deg);left: 20px;bottom: 20px; font-weight: 500;}
    
    /*--------------------------------------------------------------
    # footer-Section
    --------------------------------------------------------------*/
    footer {background: #101010; padding: 7% 0 0 0;}
    footer h4 { margin: 20px 0 8px 0; font-size: 19px}
    footer p, footer p a { font-size: 14px; margin: 0 0 5px 0;}
    footer .footer-bottom { margin: 4% 0 0 0;border-top: 1px solid rgba(204, 204, 204, .4);padding: 15px 0;}
    footer .footer-bottom p { margin: 0;}
    
    .inner-banner { padding: 10% 0;}
    .inner-banner h1 {font-size: 27px;}

}

@media (min-width: 768px) and ( max-width: 1199px) { 
    .banner-section .timeline::before {width: 0;height: 0;border-bottom: 0;border-right: 0;}
    .banner-section .timeline::after {width: 0;height: 0;border-top: 0;border-left: 0;}
}

@media (min-width: 1200px) and (max-width: 1399px)  {
    p { font-size: 15px}
    .banner-section { padding: 10% 0 7% 0;}
    .banner-section h1 {font-size: 40px;}
    .banner-section p {font-size: 17px;}
    .banner-section .logo-50-years img { width: 110px;}
    .banner-section .timeline { padding: 4% 0 0 0;}
    .banner-section .timeline::before { width: 120px;height: 80px;left: 153px;}
    .banner-section .timeline::after { width: 100px;height: 90px; right: 176px;top: 54%;}
    .banner-section .timeline .icon {position: relative;display: inline-block;padding: 15px;}
    .banner-section .timeline .icon img {padding: 12px;width: 90px;}
    .banner-section .timeline .icon::after {width: 120px;height: 120px;}
    .banner-section .timeline .timeline-card {padding: 0 1%;}
    .banner-section .timeline .timeline-card:first-child::before, .banner-section .timeline .timeline-card:nth-child(3)::before { border: 4px solid #e69d2f; border-bottom: 0; width: 102.7%; top: -18px;left: -3px;}
    .banner-section .timeline .timeline-card:nth-child(2)::before, .banner-section .timeline .timeline-card:nth-child(4)::before { border: 4px solid #e69d2f; border-top: 0; width: 102.7%; bottom: -18px;left: -3px;}
    .banner-section .timeline .timeline-card::after { top: 80px;}
    .banner-section .timeline .timeline-card .text {height: 120px;}
    .banner-section .timeline .timeline-card .text h4 {font-size: 28px; margin: 20px 0 0 0;}
    .banner-section .timeline .timeline-card .text p {font-size: 14px;}
    .banner-section .timeline .timeline-card:nth-child(2) .text h4, .banner-section .timeline .timeline-card:nth-child(4) .text h4 {padding: 45px 0 0 0;}
}

@media screen and (max-width: 568px) {
  .dotted_img{display: none;}
  .service-rgt{display: none !important;}
  .services_lft{padding: 20px;}
}


.bg-light {
    background: transparent !important;
}

.navbar-toggler { position: absolute; right: 8px; top: 28px; background: #fff}

#HeaderControl {
    position: absolute;
    left: 0;
    top: 47px;
    z-index: 9;
    width: 24%;
    text-align: center;
    background: #ffffff;
    backdrop-filter: blur(3px);
}

#HeaderControl_C {
    display: flex;
    align-items: center;
}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter,
#HeaderControl.RadDock_Default .rdBottom .rdCenter {
    background-color: transparent !important;
}

#WidgetControl5 {
    position: absolute;
    right: 0%;
    top: 47px;
    z-index: 9;
    width: 4%;
    margin: 0;
    backdrop-filter: blur(3px);
    padding: 0;
}

#WidgetControl5.RadDock_Default .rdMiddle .rdCenter {
    background:#ffffff;
    height: 100%;
}

#WidgetControl4.RadDock_Default .rdMiddle .rdCenter,
#WidgetControl4.RadDock_Default .rdBottom .rdCenter {
    background-color: transparent !important;
}

#MenuControl.RadDock_Default .rdMiddle .rdCenter,
#MenuControl.RadDock_Default .rdBottom .rdCenter {
    background-color: transparent !important;
}

#MenuControl {
    position: absolute;
    right: 4%;
    top: 47px;
    z-index: 8 !important;
    background: #ffffff;
    width: 72%;
    /* display: flex; */
    backdrop-filter: blur(3px);
    /* align-items: center; */
}

@media (min-width: 320px) and (max-width:768px) {
    #HeaderControl, #HeaderControl_C {
        width: 80%;
        text-align: center;
        top: 89px;
        height: 70px !important;
    }

    #MenuControl {
        right: 0% !important;
        width: 20%;
        background: rgb(200 200 200 / 20%) !important;
        top: 89PX;
    }

#WidgetControl5 { display: NONE;}

    .navbar {
        padding: 12.5px 5px;
    }

    #navbarNavDropdown {
        height: auto;
        position: absolute;
        right: 0;
        background: #003d6d;
        width: 350%;
        margin-top: 46px;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        color: #ebebeb !important;
    }
}
center #form1 #WidgetControl5 {/* position: relative; */top: 49px;}

/* #HeaderControl, #HeaderControl_C, #MenuControl #MenuControl_C} */
center #form1 #MenuControl .nav-link {
    color: #143a6b !important;
}

center #form1 .nav-btn .nav-bar {
    background: #212121 !important;
}

center #form1 .nav-right .user-icon {
    color: #121212;
    border-color: #121212
}

center #form1 #HeaderControl {
    position: relative;
    top: 0;
    background: #ffffff;
}
@media ( min-width:769px ) {
    center #form1 #MenuControl { width: 76%}
}
center #form1 #MenuControl,
center #form1 #WidgetControl5.RadDock_Default .rdMiddle .rdCenter {
    position: relative;
    top: 0;
    /* width: 76%; */
    right: 0;
    background: #ffffff !important;
}


/*nav-bar*/
.dropdown-toggle {
    position: relative;
}

.nav-item ul li .dropdown-toggle::after {
    position: absolute;
    right: 5px;
    top: 10px;
}

#MenuControl_C .bg-light {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
    height: 100%;
}

.nav-item {
    margin: 5px;
}

.nav-link {
    font-weight: 600;
    font-size: 17px;
    padding: 0px;
    margin: 0 2px;
}

.nav-fill {
    font-size: 15px;
}

.navbar-brand {
    margin: 0;
}

/*nav-bar*/
@media (max-width: 1170px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1px;
        padding-left: 1px;
    }
}

@media (max-width: 991px) {

    #MenuControl,
    #MenuControl_C,
    #HeaderControl,
    #HeaderControl_C,
    #widgetsControl_C,
    #widgetsControl {
        height: initial !important;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        font-size: 12px;
    }
}

@media (max-width: 769px) {}

a {
    text-decoration: none;
}

@media (max-width: 767px) {
    .navbar.navbar-expand-md {
        text-align: center;
        /* width: 84%; */
    }
    #MenuControl_C .bg-light{
        width: 94%;
    }

    .navbar.navbar-expand-md .container-fluid {
        display: block;
    }

    .nav-fill .nav-item,
    .nav-fill>.nav-link {
        text-align: left;
    }

    .navbar-nav>li {
        display: block;
        text-align: left;
        padding: 4px 0;
        border-bottom: 1px solid #999;
        border-right: 0;
    }

    .nav-item ul li .dropdown-toggle::after {
        transform: rotate(90deg);
    }

    .nav-item .nav-link.dropdown-toggle::after {
        position: absolute;
        right: 5px;
        top: 15px;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        font-size: 14px;
        padding-right: 5px;
        padding-left: 5px;
    }
}

.table-responsive {
    min-height: .01%;
    overflow: hidden !important;
    border: 0;
    padding: 0;
}

#widgetsControl_C,
#widgetsControl {
    height: auto !important;
}

#HomepagecontentControl p,
#HomepagecontentControl li {
    text-align: left;
    margin: 0 0 10px 0;
}

.dropdown-menu {
    border-radius: 0 !important;
    padding: 0;
    min-width: 240px;
}

.dropdown-menu .dropdown-item {
    font-size: 16px;
    padding: 10px !important;
}

/* .dropdown-menu .dropdown-item:hover {background: #c6c6c6;} */

@media (min-width:1023px) {

    .navbar-nav li:hover>ul.dropdown-menu {
        display: block;
    }

    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu>.dropdown-menu {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: -6px;
    }

    /* rotate caret on hover */
    .dropdown-menu>li>a:hover:after {
        transform: rotate(180deg);
    }

    .dropend .dropdown-menu {
        right: 100% !important;
        top: 0;
        left: auto !important;
    }
}


#widgetsControl {
    height: auto;
}

.mission-card {margin: 20px 0 0 0;padding: 30px 25px;text-align: center;border: 1px solid #ddd;border-radius: 15px;height:100%;}
.mission-card img { width: 80px;}
.mission-card h5 {font-size: 26px;margin: 15px 0 10px 0;color: #003d6d;font-weight: 600;}
.mission-card p {font-size: 16px;letter-spacing: 0;margin: 0;}
#WidgetControl5, #WidgetControl5_C, #MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C {height: 90px !important;top: 49px;}


/*tm-bx*/
.tm-box-sec .tm-box-wrp{box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;margin-bottom:2rem;border-radius:20px;padding-bottom: 10px;height: 100%;}
.tm-bx-cont ul, .tm-bx-cont p{ display: none;}
.modal .tm-bx-cont ul, .modal .tm-bx-cont p{display: block;}
.modal .modal-body{background-color:#fefefe;}
.modal.show{background: rgba(0, 0, 0, .85);top: 0;}
.modal.show img{padding: 20px; padding-top: 0;}
.modal.show .tm-bx-cont{/* padding-top: 20px; */}
.modal.show .tm-bx-cont {font-size: 22px;line-height: 30px;}
.modal.show .tm-bx-cont .tm-bx span{font-size: 18px; display: block; color: #6db4b9;}
.tm-bx img{width:100%;object-fit: fill;aspect-ratio:1/1;}
.tm-bx {font-size: 18px; line-height: 30px; color: #000; text-align: center; display:block;}
.tm-bx  span{display: block; font-size: 16px;  line-height: 25px; color: #555;}
.btn-close{position: absolute; right: 10px; z-index: 9; opacity: 1;top: 30px;}
.scl_icn {margin:1rem auto;background-color:#e69d2f;height:40px; width:40px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:15px;}
.otherpagecss #RadDockZone1.container { z-index: 999 !important; position: relative;}
.otherpagecss #RadDockZone2{ z-index: 9999 !important;}
/*tm-bx*/

.scl_icn {
  position: relative;
  width: 40px;
  height: 40px;
  display: block;
  overflow: hidden;
  margin: m auto;
}

.scl_icn i {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 16px;
  transform: translate(-50%, -50%);
}

/* HOVER IN animation */
.scl_icn:hover{background-color:#003d6d;}
.scl_icn:hover i {
  animation: downThenUp 0.56s ease forwards;
  color:#fff;
}

/* KEYFRAMES */
@keyframes downThenUp {
  0% {
    transform: translate(-50%, -50%);   /* center */
  }
  40% {
    transform: translate(-50%, 150%);   /* bottom */
  }
  41% {
    transform: translate(-50%, -150%);  /* jump to top */
  }
  100% {
    transform: translate(-50%, -50%);   /* back to center */
  }
}

.modal-backdrop.show {
    display: none;
}
.modal-dialog-scrollable .modal-content {
    /* max-height: 100%; */
    overflow: hidden;
    height: 500px;
}

.tm-bx-cont h4{font-size:18px;height:50px;margin-top:50px;}
.modal.show .tm-bx-cont h4{text-align: left; color:#003d6d;font-size:25px; font-weight:700; margin-top:0;height:auto;margin-bottom:50px;}