@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);}

.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: #fff; 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: #ffffff;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; 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 #e69d2f;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 #e69d2f;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;}

@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);}


.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;
}

#HeaderControl {
    position: absolute;
    left: 0;
    top: 47px;
    z-index: 9;
    width: 24%;
    text-align: center;
    background: rgb(200 200 200 / 20%);
    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: rgb(200 200 200 / 20%);
    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: rgb(200 200 200 / 20%) !important;
    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: -9%;
        background: #003d6d;
        width: 544%;
        margin-top: 26px;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        color: #ebebeb !important;
    }
}

/* #HeaderControl, #HeaderControl_C, #MenuControl #MenuControl_C} */
center #form1 #MenuControl .nav-link {
    color: #ffffff !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: 2px;
    background: #1e1e1e;
}

center #form1 #MenuControl,
center #form1 #WidgetControl5.RadDock_Default .rdMiddle .rdCenter {
    /* position: relative; */
    top: 49px;
    width: 73%;
    background: #1e1e1e !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 5px;
}

.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;
}

#WidgetControl5, #WidgetControl5_C, #MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C {height: 90px !important;top: 49px;}