
/*     copy from one part   */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700;900&display=swap');

/*theme css*/


a {
    color: #413d3d;
    transition: .5s;
}
a:hover {
    text-decoration: none;
    color: #038ffc;
}
body {
    color: #706e6e;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 1.6;
}
 p {
     font-style: normal;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: 'Rajdhani', sans-serif;
    font-style: normal;
    margin-bottom: 0;
    line-height: 1.2;
    font-weight: 700;
    transition: .5s;
    font-size: 23px;
    color: #181b1d;
    margin: 0 0 10px;
    transition: .5s;
}
 .btn-primary:focus, select:focus, textarea:focus, input:focus{
     box-shadow: none !important;
}
 textarea, input{
     outline:none;
}
 a:focus, .btn:focus {
     text-decoration: none;
     outline: none;
}
 .uppercase {
     text-transform: uppercase;
}
 .capitalize {
     text-transform: capitalize;
}
.witr_section_title_inner h1, .witr_section_title_inner h2, .witr_section_title_inner h3 {
    font-size: 37px;
    margin: auto;
}
.witr_section_title_inner p span a, .witr_section_title_inner p span, .witr_section_title_inner h1 span, .witr_section_title_inner h2 span, .witr_section_title_inner h3 span {
    color: #ffcc00;
}
.witr_section_title_inner h2 {
    font-size: 18px;
    display: inline-block;
    color: #ffcc00;
    margin-bottom: 13px;
}
.title_in_area {
    display: flex;
    align-items: center;
}
.witr_section_title_inner {
    position: relative;
    z-index: 1;
    margin-bottom: 42px;
}
.title_in {
    position: relative;
    width: 100%;
    z-index: 1;
}
.title_in:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background: #ffcc00;
    content: "";
}
.title_tx h3, .title_tx h2 {
    margin: 0;
}
.witr_back_title {
    position: absolute;
    top: -46px;
    right: 0;
    left: 0;
	z-index:-1;
}
.witr_back_title h4 {
    text-align: left;
    -webkit-text-fill-color: #EDEDED;
    -webkit-text-stroke-width: 0px;
    opacity: 1;
}
.witr_back_title h4 {
    font-size: 80px;
    line-height: 1;
}
.title_in:after {
    position: absolute;
    right: -5px;
    top: 0;
    height: 100%;
    width: 2px;
    background: #ffcc00;
    content: "";
}
.title_p {
    text-align: left;
    width: 100%;
    padding-left: 30px;
    position: relative;
    z-index: 1;
}


.witr_bar_main {
    margin: 20px 0 30px 0;
}
.witr_bar_inner {
    height: 5px;
    width: 90px;
    position: relative;
    border-radius: 30px;
    background: #ffcc00;
}
.witr_bar_innerc:before {
    left: 0;
    transform: translateY(-50%);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg1;
}
.witr_bar_innerc:after {
    right: 0;
    transform: translateY(-50%);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg2;
}
.witr_bar_innerc:after, .witr_bar_innerc:before {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 50%;
}
.witr_bar_innerc:after, .witr_bar_innerc:before {
    border: 6px solid #ffcc00;
}
@keyframes move_title_bg1{from{left:0}to{left:100%}}
@keyframes move_title_bg2{from{right:0}to{right:100%}}
.witr_section_title {
    margin-bottom: 30px;
}
.witr_section_title_inner p {
    width: 100%;
    padding: 0;
    margin-top: 15px;
}
.witr_section_title_inner.text-center p {
    width: 74%;
    margin-right: auto;
    margin-left: auto;
}
.witr_all_pd0{
	padding:0;
}
@media (min-width: 1200px){
	.homeplan-header-top .container, .homeplan_nav_area .container, .witrfm_area .container{
		max-width: 1200px;
	}	
}
@media (min-width: 1140px){
	.container{
		max-width: 1140px;
	}	
}






/* ===== 1. Top Menu CSS ===== */
.em40_header_area_main.hdisplay_none {
    display: none;
}
.homeplan-header-top {
   padding: 13px 0;
   background: #fff;
   border-bottom: 1px solid #dddddd;
   padding-right: 150px;
   padding-left: 150px;
}







/*
.top-address p {
    margin-bottom: 0;
    float: right;
}
.top-address p span, .top-address p a {   
   color: black;
   margin-right: 20px;
}
.top-address p a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

*/


/* TOP socia CSS */

/*  *****Delete This Part ( 01)
.tx_topmenu_together2 {
   display: flex;
   justify-content: flex-end;
}
.top-right-menu ul.social-icons {
    margin: 0;
    padding: 0;
}
.top-right-menu ul.social-icons li {
   display: inline-block;
   margin-left: 11px;
   position: relative;
}
.top-right-menu ul.social-icons li a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    font-size: 15px;
}
.top-welcomet p span, .top-welcomet p a, .top-welcome p span, .top-welcome p a, .top-welcome p, .top-address p a, .top-right-menu ul.social-icons li a, .top-address p span {
   color: #999999;
   font-size: 15px;
   font-weight: 500;
}
.top-address p span i, .top-address p a i {
   font-size: 13px;
   color: #222222;
   margin-right: 8px;
}
.top-welcome p a:hover{
    color:#17161a;
}
.top-right-menu .social-icons li a:hover, .top-right-menu .social-icons li a i:hover {
    color: #17161a;
}
.top-both-p0 .top-address p a, .top-both-p0 .top-address p span {
    margin-right: 0px;
    margin-left: 12px;
}

*/










/* ===== 2. Menu Area CSS ===== */
.homeplan_nav_area.postfix {
   transition: .3s;
}
.homeplan_nav_area, .trp_nav_area, .transprent-menu .homeplan_nav_area {
   padding-right: 150px;
   padding-left: 150px;
}
.homeplan_nav_area {
   background: #fff;
}
.homeplan_nav_area.prefix, .hbg2 {
   background-color: rgba(255, 255, 255, 0.7); /*      edit home menu color                          */
}
.trp_nav_area {
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   z-index: 9999;
   transition: .5s;
}
.logo-right,
.logo-left {
   align-items: center;
}
.mobile_menu_logo.text-center {
    padding: 20px 0;
}

/* LOGO CSS */
.logo a {
    display: inline-block;
}



/* logo sticky */
.homeplan-main-menu .logo a.main_sticky_main_l {
    display: block;
}
.homeplan-main-menu .logo a.main_sticky_l {
    display: none;
}
/* logo pre */
.homeplan-main-menu .prefix .logo a.main_sticky_main_l {
    display: none;
}
.homeplan-main-menu .prefix .logo a.main_sticky_l {
    display: block;
} 

/* MENU text CSS */
.homeplan_menu ul {
    text-align: right;
    list-style: none;
}
.homeplan_menu > ul > li {
    display: inline-block;
    position: relative;
}
.homeplan_menu > ul > li > a {
   display: block;
   margin: 38px 9px;                   /* Margin Top */
   transition: .5s;
   position: relative;
   font-size: 17px;
   font-weight: 600;
   color: #090c21;     /*    Color Menu List    */   
   display: inline-block;
}
.homeplan_menu ul .sub-menu li a:hover, .homeplan_menu ul .sub-menu li.current-menu-item a, .homeplan_menu>ul>li.current-menu-item>a, .homeplan_menu>ul>li>a:hover, .homeplan_nav_area.prefix .homeplan_menu>ul>li.current-menu-item>a, .homeplan_nav_area.prefix .homeplan_menu>ul>li>a:hover, .hbg2 .homeplan_menu>ul>li.current-menu-item>a, .hbg2 .homeplan_menu>ul>li>a:hover, .heading_style_2 .homeplan_menu>ul>li.current-menu-item>a, .heading_style_2 .homeplan_menu>ul>li>a:hover, .heading_style_3 .homeplan_menu>ul>li.current-menu-item>a, .heading_style_3 .homeplan_menu>ul>li>a:hover, .heading_style_4 .homeplan_menu>ul>li.current-menu-item>a, .heading_style_4 .homeplan_menu>ul>li>a:hover {
   color: #063ec2;               /* Dropdown Menu  */
}





/*
.homeplan_menu > ul > li > a:before, .homeplan_menu > ul > li.current > a:before {
    background: #1027d4 none repeat scroll 0% 0;
    bottom: -7px;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 0.5s ease 0s;
    width: 15%;
    display:none;
}

*/

/*
.homeplan_menu > ul > li.current > a, .homeplan_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
   color: #fc0d35;
   background-color: transparent;
   color: #1027d4;
}

*/

/* .homeplan_menu > ul > li:hover > a:before, .homeplan_menu > ul > li.current > a:before {
    opacity: 1;
} */

  /*
.transprent-menu .homeplan_nav_area {
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    background-color: transparent;
    padding: 0;
    transition: .5s;
    position: absolute;
}  */

/* .homeplan_nav_area.postfix {
    transition: .3s;
} */


/*
.homeplan_nav_area.prefix, .hbg2 {
   background: #0a6be1;
}
.homeplan_nav_area.prefix .homeplan_menu > ul > li > a {
    color:#fff;
}
.homeplan_nav_area.prefix .homeplan_menu > ul > li.current > a {
   color: #ffcc00;
}


*/
.search_popup_button, .tx_mmenu_together{
    align-items: center;
    display: flex;
    justify-content: flex-end;
    
}
.tx_mmenu_together .donate-btn-header {
    padding: 0;
}
.prefix .main_menu_header_address_text h3, .prefix .main_menu_header_address_text h4 a, .prefix .main_menu_header_icon i {
    color: #fff;
}




/* sub menu style */
.homeplan_menu ul .sub-menu {
   position: absolute; 
   left: 0; 
   top: 130%;
   width: 300px; 
   text-align: left; 
   background: #0567fb;
   margin: 0;
   padding: 15px 0;
   z-index: 9999;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
   transition: .2s;
   opacity: 0;
   visibility: hidden;
}
.homeplan_menu ul li:hover > .sub-menu {
    display: block;
    transition: .5s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    z-index: 9;
}
.homeplan_menu ul .sub-menu li {
    position: relative;
    transition:.5s;
}
.homeplan_menu ul .sub-menu li a {
   display: block;
   margin: 0;
   letter-spacing: normal;
   font-size: 16px;
   font-weight: 400;
   transition: .5s;
   color: #fff;
   visibility: inherit !important;
   padding: 12px 18px;
}
.homeplan_menu ul .sub-menu li:hover > a, .homeplan_menu ul .sub-menu .sub-menu li:hover > a, .homeplan_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .homeplan_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
    color: #003cff;
}
.homeplan_menu ul .sub-menu li:before {
   left: -18px;
}
.homeplan_menu ul .sub-menu li:hover:before{
   opacity:1;
}
.homeplan_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .homeplan_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .homeplan_menu ul .sub-menu .sub-menu li:hover>a, .homeplan_menu ul .sub-menu li:hover:before, .homeplan_menu ul .sub-menu li:hover>a {
   color: #1027d4;
   background: rgb(255, 255, 255);
}
/* sub menu 2 */
.homeplan_menu ul .sub-menu .sub-menu {
   left: 100%;
   top: 130%;
   opacity: 0;
   visibility: hidden;
}
.homeplan_menu ul .sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}
/* sub menu 3 */
.homeplan_menu ul .sub-menu .sub-menu li {
    position: relative;
}
.homeplan_menu ul .sub-menu .sub-menu .sub-menu {
    right: 100%;
    left: auto;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}
.homeplan_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}
/* sub menu 4 */
.homeplan_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}
.homeplan_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

/* has menu icon */
.homeplan-main-menu .menu-item-has-children > a:after {
   margin-left: 5px;
   content: "\f107";
   font-family: FontAwesome !important;
   opacity: 1;
   font-size: 13px;
   opacity: .5;
}
.homeplan-main-menu .menu-item-has-children .menu-item-has-children> a:after {
    margin-left: 8px;
    content: "\f107";
}





/* quearys area css */
.homeplan_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
   display: inline-block;
}
.em-top-quearys-area {
   position: relative;
}
.homeplan_menu div.em-header-quearys {
   text-align: center;
}

.em-quearys-inner {
   visibility: hidden;
   opacity: 0;
   display: flex;
   align-items: center;
   position: fixed;
   top: 0;
   left: -150%;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0);
   z-index: 10000;
   transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform .3s .15s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1);
   transform: scale(1.1);
   visibility: hidden;
   opacity: 0;
   left: -150%;
   background: rgba(0, 0, 0, 0);
}
.em-s-open {
   visibility: visible;
   opacity: 1;
   left: 0;
   background: #000000e6 !important;
   transform: scale(1);
}
.em-quearys-form {
   width: 100%;
   max-width: 895px;
   margin: auto;
   padding: 30px 0;
}
.top-form-control {
   position: relative;
}
.top-form-control input {
   background: transparent;
   color: #fff;
   font-size: 50px;
   font-weight: 500;
   height: 100px;
   padding: 0 40px 0 15px;
   width: 100%;
   border: none;
   transition: .5s;
   border-bottom: 3px solid #fff;
}
.top-form-control input::placeholder{
   color:#686767;
}
textarea, input {
   outline: none;
}
.top-form-control button.top-quearys-style {
   position: absolute;
   right: 6px;
   top: 50%;
   background: transparent;
   font-size: 45px;
   border: none;
   color: #ffffff;
   transform: translateY(-50%);
}




.main-search-menu .em-header-quearys .em-quearys-menu i {
   cursor: pointer;
   background: 0;
   color: #181b1d;
   margin-left: 50px;                 /* Search Button   */
}


.main-search-menu:hover .em-header-quearys .em-quearys-menu i {
   cursor: pointer;
   background: 0;
   color: #1027d4;
                                         /* Search Button   */
}







.homeplan_nav_area.prefix .main-search-menu .em-header-quearys .em-quearys-menu i{
   color: #fff;
}
.mrt10{
   margin-top:10px;
}
.em-quearys-menu i {
   /*background-color: #1027d4; */    /* Close Button  */
   border-radius: 50px;
   display: inline-block;
   text-align: center;
   height: 36px;
   width: 36px;
   line-height: 36px;
   font-size: 20px;
   color: #fff;
   cursor: pointer;
}
.main_menu_address_a {
   display: flex;
   align-items: center;
   position: relative;
}
.main_menu_address_a::before {
   background: #ffffff40;
}
.main_menu_address_a:before {
   content: "";
   position: absolute;
   width: 1px;
   height: 107px;
   left: 0;
}
.main_menu_header_icon {
   margin-left: 25px;
   margin-right: 10px;
}
.main_menu_header_icon i {
   color: #ffcc00;
   font-size: 30px;
}
.main_menu_header_address_text h3, .main_menu_header_address_text h4 a {
   margin: 0;
   font-weight: 600;
   font-size: 18px;
   
}
.main_menu_header_address_text h3{
   color: #ffcc00;
}
.main_menu_header_address_text h4 {
   margin-bottom: 0;
   color: #030925;
}

/*=======================
#2 homeplan mobile menu css
========================*/

.mobile-menu{
   display:none !important;
   }
   @media (max-width: 991px){
      .search_popup_button, .tx_mmenu_together{
      
      }
   
   }
   .mobile_logo_area{
   display:none !important;
   
   }
   
   .mobile_menu_logo img {
      width: 220px;              /* ajust logo style mobile */
      height: auto;             
   }
   
   .mean-container a.meanmenu-reveal {
      display: none !important;
   }
   .mean-container .mean-nav > ul {
      padding: 0;
      margin: 0;
      width: 100%;
      list-style-type: none;
      display: block !important;
   }
   
   
   .mean-container .mean-bar {
      background: #fff;
      padding: 0;
   }
   .mean-container .mean-nav ul li {
      border-top: 0px solid #ddd;
   }
   .mean-container .mean-nav ul li li a,
   .mean-container .mean-nav ul li a {
      color: #4a4646;
   }
   .mean-container .mean-nav ul li li a {
      border-top: 1px solid #ddd;
   }
   .mean-container .mean-nav ul li a:hover {
      color: #000000;
   }
   .mobile_p {
      position: fixed;
      right: 0;
      width: 300px;
      padding: 80px 20px 0px;
      overflow-y: scroll;
      top: 0;
      height: 100%;
      z-index: 9999;
      display: block;
      transition: 0.5s all;
      box-shadow: 0 0 30px rgb(0 0 0 / 7%);
      transform: translateX(100%);
      background: #ffffff;
   }
   .tx-s-open {
      transform: translateX(0);
   }
   .mobile_p .tuetion_theme_widget > div.widget_block {
      padding: 0;
   }
   .mobile_p .tuetion_theme_widget > div {
      padding: 20px 0px 20px;
      box-shadow: none;
   }
   .mobile_p {}
   .mean-container .mean-nav ul li a {
      border: 0;	
      width: 100%;
      border-top: 1px solid #ddd;	
      font-size: 14px;
      padding: 12px 5px;
      font-weight: 500;
      display: block;
   }
   .mean-container .mean-nav ul li a.mean-expand {
      width: auto;
   }
   .mean-container .mean-nav ul li li a {}
   .mobile_opicon {
      text-align: right;
      padding: 4px 0;
   }
   .mean-container .mean-nav > ul > li:first-child > a {
      border-top: 0;
   }
   .mobilemenu_con {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }
   .mobile_menu_o  i {
      font-size: 26px;
   }
   .mobile_menu_content .mobile_menu_logo {
      margin-bottom: 20px;
   }
   .mobile_cicon {
      position: absolute;
      right: 30px;
      top: 50px;
   }
   .mobile_overlay {
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      opacity: 0;
      z-index: 999;
      width: 100vw;
      height: 100vh;
      visibility: hidden;
      position: fixed;
      background: rgba(0, 0, 0, 0.8);
      transition: all 0.3s ease-out 0s;
   }
   .mobile_overlay.mactive {
      opacity: 1;
      visibility: visible;
   }


   /* ===== 13. Footer Area CSS ===== */

.witrfm_area {
   background-repeat: no-repeat;
   background-position: center center;
   background-color: #008cff;
   font-size: 15px;
   background-size: cover;
   position:relative;
}
.witrfm_area:before {
   content: "";
   position: absolute;
   top: 0;
   height: 100%;
   width: 100%;
   left: 0;
   right: 0;
   margin: auto;
   background: rgba(13, 62, 153, 0.95);
}
.footer-middle {
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   padding: 70px 0 35px;
}

.footer-middle .widget ul li, .footer-middle .widget ul li a, .footer-middle .widget ul li::before, .footer-middle .tagcloud a, .footer-middle caption, .footer-middle table, .footer-middle table td a, .footer-middle cite, .footer-middle .rssSummary, .footer-middle span.rss-date, .footer-middle span.comment-author-link, .footer-middle .textwidget p, .footer-middle .widget .screen-reader-text, mc4wp-form-fields p, .mc4wp-form-fields, .footer-m-address p, .footer-m-address, .footer-widget.address, .footer-widget.address p, .mc4wp-form-fields p, .homeplan-description-area p, .homeplan-description-area .phone a, .homeplan-description-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .homeplan-description-area p, .footer-middle .recent-post-text h4 a, .footer-middle .recent-post-text .rcomment, .witr_sub_table span {
   color: #ffffff;
   position: relative;
}
.footer-middle .widget h2 {
   color: #ffffff;
}
.footer-middle .widget h2 {
   margin-bottom: 25px;
   margin-top: 28px;
   position: relative;
}
.single-widget-item h2 {
   color: #ffffff;
   margin-bottom: 33px;
   margin-top: 28px;
}
.homeplan-description-area a img {
   margin: 26px 0;
}
.gallery-item {
   display: inline-block;
   padding: 1.79104477%;
   text-align: center;
   vertical-align: top;
   margin: 0;
   float: left;
}
.gallery-icon img {
   margin: 0 auto;
}
.gallery-columns-3 .gallery-item {
   max-width: 33.33%;
}
.footer-middle .recent-post-text h4 a {
   font-weight: 400;
   font-size: 15px;
}
.footer-middle .recent-post-text>h4 {
   margin-bottom: 0;
   font-weight: 400;
   margin-top: 10px;
}
.recent-post-image {
   float: left;
   margin-right: 15px;
   margin-top: 5px;
}
.recent-post-image img {
   border-radius: 0;
   width: 70px;
}
.recent-post-item {
   clear: both;
   margin-bottom: 15px;
}
.footer-sociala-icon {
   clear: both;
   float: left;
   font-size: 18px;
   margin-right: 12px;
}
.footer-middle .recent-post-text>h4 a:hover {
   color: #595e64;
}
.footer-middle .recent-post-text .rcomment {
   font-size: 16px;
   font-weight: 400;
}
.footer-middle .widget ul li {
   margin-bottom: 10px;
}
.footer-widget.address p {
   margin-bottom: 15px;
}
.footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before {
   color: #908e89;
}
.homeplan-deshomeplaniption-area a img {
   margin: 26px 0;
}
      /*    
.homeplan-description-area .social-icons a {
   width: 40px;
   height: 40px;
   line-height: 40px;
   display: inline-block;
   text-align: center;
   border-radius: 50px;
   margin-right: 10px;
   margin-bottom: 5px;
   border: none;
}

      */

      
      /*
.homeplan-description-area .social-icons a:hover {
   background: #ffcc00;
}
.homeplan-description-area .social-icons a {
   background: #041855;
   margin-top: 8px;
}


    */
    
/*.witr_sub_table {
   border-bottom: 1px solid #ffffff8c;
}
.witr_sub_table {
   display: flex;
   justify-content: space-between;
   padding-bottom: 8px;
   margin-bottom: 8px;
}
.witr_sub_table span {
   color:#fff;
}
.footer-middle .mc4wp-form-fields p:nth-child(1) {
   margin-bottom: 22px;
}

*/





.footer-middle .mc4wp-form-fields input {
   height: 50px;
   position: relative;
   background: #fff;
   width: 100%;
   line-height: 43px;
   border: 1px solid #ffffff66;
   border-radius: 0px;
   padding-left: 10px;
   font-size: 16px;
   padding: 15px 30px;
}
.footer-middle .mc4wp-form-fields button {
   position: absolute;
   right: 0;
   top: 0;
   width: 37%;
   height: 50px;
   border-radius: 0px;
   color: #fff;
   background: #ffcc00;
   cursor: pointer;
   padding: 10px 10px;
   transition: .5s;
   font-size: 18px;
   border: none;
   outline: none;
}
.footer-middle .mc4wp-form-fields button:hover {
   background: #0389f8;
   color: #fff;
}
/* footer bottom area css */
.footer-bottom {
   padding: 23px 0 22px;
   position: relative;
}
.footer-bottom:before {
   background: #ffffff61;
}
.footer-bottom:before {
   content: "";
   position: absolute;
   top: 0;
   height: 1px;
   width: 61%;
   left: 0;
   right: 0;
   margin: auto;
}
.copy-right-text p {
   margin: 0;
   padding: 0;
}
.copy-right-text p, .footer-menu ul li a {
   color: #ffffff;
   text-align: left;
}
.footer-menu ul li {
   display: inline-block;
}
.footer-menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.footer-menu ul li a {
   padding: 0 10px;
   display: block;
}
.copy-right-text a, .footer-menu ul li a:hover {
   color: #ffcc00;
}






/*     About Us */

.container_about {
    background-image: url('./assets/images/project_cover.png');      /* Update path to your image */
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Prevents the background from scrolling */
    height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
 }
 
 
 .overlay {
    position: absolute; /* Position overlay absolutely within .container01 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* Dark overlay */
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
 }
 
 .overlay h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: white;
 }
 .overlay p {
   font-size: 1.3rem;
   margin-bottom: 1rem;
   color: white;
}


 @media (max-width: 768px) {
   .container_about {
      height: 50vh;
   }
   .overlay h1 {
      font-size: 1.5rem;
      margin-bottom: 1rem;
      color: white;
   }
   .overlay p {
      font-size: 1rem;
      margin-bottom: 1rem;
      color: white;
   }
 }
  

 
 
 
 /* about infor   */
  .about_section {
    font-family: Arial, sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
    
    color: #333;
}
.container06 {
    /* max-width: 1200px;    */
    background-color: #f5f5f5; /* Light grey background */
    margin:0px;
    padding: 40px;
    display: flex;
    align-items: center;
    /*background-color: #f0f2f5;  */
}
.text-content {
    flex: 1;
    padding-right: 20px;
}
.text-content h2 {
    font-size: 24px;
    color: #1d2c7d;
    margin: 0 0 10px;
}
.text-content h1 {
    font-size: 36px;
    color: #1d2c7d;
    margin: 0 0 20px;
}
.text-content p {
    font-size: 20px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 20px;
}
.owner-info {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.owner-signature {
    font-size: 24px;
    color: #1d2c7d;
    margin-right: 10px;
}
.owner-name {
    font-weight: bold;
    font-size: 16px;
}
.owner-title {
    font-size: 14px;
    color: #888;
    margin-left: 5px;
}
.image-about {
    flex: 1;
    display: flex;
    justify-content: center;
}
.image-about img {
    border-radius: 50%;
    max-width: 350px;
}

/* Media Query for Mobile Devices */
@media (max-width: 768px) {
    .container06 {
        flex-direction: column;
        padding: 20px;
        text-align: center;
    }
    .text-content {
        padding-right: 0;
    }
    .image-about {
        margin-top: 20px;
    }
    .image-about img {
        max-width: 150px;
    }
}





/* General Styles */
.container_about_01 {
   background-image: url('./assets/images/project_cover.png'); 
   background-size: cover;
   background-position: center;
   background-attachment: fixed; 
   min-height: 160vh; /* Use min-height to ensure it covers the viewport */
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   overflow: hidden; /* Prevent content from overflowing */
}

.overlay_01 {
   position: absolute; 
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.6); 
   color: white;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center; /* Center content vertically */
   padding: 20px; /* Adjusted padding for smaller screens */
   box-sizing: border-box; /* Ensure padding is included in width/height */
}

.overlay_01 h1 {
   font-size: 2.5rem;
   margin-bottom: 10px;
   color: white;
   text-align: center; /* Center-align headings */
}


.paragraph_align {
   text-align: left; /* Align text to the left */
   margin: 20px 0; /* Add margin for spacing */
   padding: 0 20px; /* Add padding for better readability */
   max-width: 800px; /* Limit width for better readability */
   width: 100%; /* Ensure it takes full width */
}
.overlay_01 p {
   font-size: 1.2rem;
   margin: 20px 0; /* Adjusted margin for smaller screens */
   text-align: center; /* Center-align paragraphs */
   max-width: 1000px; /* Limit width for better readability */
   width: 90%; /* Responsive width */
}

.ul_li li {
   font-size: 1.2rem;
   margin: 10px 0; /* Adjusted margin for smaller screens */
   text-align: center; /* Center-align list items */
   list-style-type: none; /* Remove default bullet points */
}

/* Responsive Styles */
@media (max-width: 1024px) {
   .overlay_01 h1 {
      font-size: 2rem; /* Slightly smaller font size for tablets */
   }

   .overlay_01 p {
      font-size: 1rem; /* Smaller font size for tablets */
      margin: 15px 0; /* Adjusted margin */
   }

   .ul_li li {
      font-size: 1rem; /* Smaller font size for tablets */
   }
}

@media (max-width: 768px) {
   .overlay_01 h1 {
      font-size: 1.8rem; /* Smaller font size for smaller tablets */
   }

   .overlay_01 p {
      font-size: 0.9rem; /* Smaller font size for smaller tablets */
      margin: 10px 0; /* Adjusted margin */
   }

   .ul_li li {
      font-size: 0.9rem; /* Smaller font size for smaller tablets */
   }

   /* Disable fixed background on smaller screens */
   .container_about_01 {
      background-attachment: scroll;
   }
}

@media (max-width: 480px) {
   .overlay_01 h1 {
      font-size: 1.5rem; /* Smaller font size for mobile */
   }

   .overlay_01 p {
      font-size: 0.7rem; /* Smaller font size for mobile */
      margin: 7px 0; /* Adjusted margin */
   }

   .ul_li li {
      font-size: 0.8rem; /* Smaller font size for mobile */
   }
}

@media (max-width: 420px) {
   .overlay_01 h1 {
      font-size: 1.3rem; /* Smaller font size for mobile */
   }

   .overlay_01 p {
      font-size: 0.7rem; /* Smaller font size for mobile */
      margin: 5px 0; /* Adjusted margin */
   }

   .ul_li li {
      font-size: 0.8rem; /* Smaller font size for mobile */
   }
}





/*     caption */

/* Section styling */
.section_row_about {
   display: flex;
   padding: 50px 20px;
}

/* Card styling */
.card_about_01 {
   width: 100%; /* Full width for smaller screens */
   padding: 30px;
  
   text-align: left; /* Center align text */
}

/* Title styling */
.card_about_01 h1 {
   font-size: 2rem; /* Large title size */
   color: #0f22af; /* Dark blue color */
   font-weight: bold;
   margin-bottom: 20px; /* Space below title */
}

/* Paragraph styling */
.card_about_01 p {
   font-size: 20px; /* Paragraph font size */
   color: #555555; /* Neutral text color */
   line-height: 1.6;
}

.card_about_01 ul li{
   font-size: 20px;
}
/* Responsive design for smaller screens */
@media (max-width: 768px) {
   .card_about_01 ul li{
      font-size: 15px;
   }

   .card_about_01 {
      width: 100%; /* Full width for smaller screens */
      padding: 10px;
   }
}

 





.icon_01 {
   width: 5px; /* Size of the fullstop */
   height: 5px; /* Makes it a perfect circle */
   background-color:#7b7878; /* Black color */
   border-radius: 50%; /* Makes it a circle */
   display: inline-block; /* Align inline with text */
   margin: 0 5px; /* Optional spacing */
 }

 
.fullstop-icon {
   width: 5px; /* Size of the fullstop */
   height: 5px; /* Makes it a perfect circle */
   background-color:#ffffff; /* Black color */
   border-radius: 50%; /* Makes it a circle */
   display: inline-block; /* Align inline with text */
   margin: 0 5px; /* Optional spacing */
 }



/* Management Team */
.container_card_staff {
   display: flex;
   flex-direction: column; /* Arrange items in a column */
   justify-content: center; /* Center items vertically */
   align-items: center; /* Center items horizontally */
   min-height: 100vh;
   font-family: Arial, sans-serif;
   background-color: #f5f5f5; /* Light grey background */
   /* background-image: url("./assets/images/image_theme.jpg");  */
   background-size: cover; /* Make the background image cover the entire container */
   background-position: center; /* Center the background image */
}

.card-container_02 {
   display: flex;
   gap: 20px;
   margin-top: 10px;
   margin-bottom: 10px;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap; /* Allow cards to wrap onto new lines */
}

.container_card_staff h1 {
   color: #1d2c7d;
   font-size: 2rem;
   justify-content: center;
   align-items: center;
   margin-top: 30px;
   margin-bottom: 30px;
}

.card_staff_02 {
   position: relative;
   width: 300px;
   overflow: hidden;
   border-radius: 10px; /* Initial border radius */
   box-shadow: 0 4px 8px rgba(2, 72, 248, 0.2);
   transition: transform 0.3s ease, border-radius 0.3s ease; /* Add border-radius transition */
}

.card_staff_02:hover {
   transform: translateY(-10px);
   border-radius: 20px; /* Increased border radius on hover */
}

.card_staff_02 img {
   width: 100%;
   height: auto;
   border-radius: inherit; /* Ensure the image inherits the card's border-radius */
}

 .card-content {
   padding: 15px;
   text-align: center;
 }
 .card-title {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 5px;
 }
 .card-subtitle {
   font-size: 14px;
   color: #555;
 }
 .social-icons {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgba(30, 28, 62, 0.6);
   opacity: 0;
   transition: opacity 0.3s ease;
 }
 .card_staff_02:hover .social-icons {
   opacity: 1;
 }
 .social-icons a {
   color: white;
   background-color: #102c88;
   font-size: 20px;
   padding: 3px 10px 3px;
   border-radius: 15%;
   text-decoration: none;
 }

 .social-icons a:hover {

   background-color : #1434ea;
 }


 /* Responsive styling */
@media (max-width: 1200px) {
   .card_staff_02 {
     width: 300px; /* Slightly smaller width on large screens */

   }
 }
 
 @media (max-width: 992px) {
   .card_staff_02 {
     width: 45%; /* Two cards per row on medium screens */
     max-width: 300px;
   }
 }
 
 @media (max-width: 768px) {
   .card-container_02 {
     flex-direction: column; /* Stack cards vertically on smaller screens */
     align-items: center;
   }
   .card_staff_02 {
     width: 100%; /* Full width for each card on small screens */
     max-width: 100%;
   }
 }
 
 @media (max-width: 480px) {
   .container_card_staff h1 {
     font-size: 1.5rem; /* Smaller font size for h1 on extra small screens */
   }
   .card-title {
     font-size: 16px;
   }
   .card-subtitle {
     font-size: 13px;
   }
 }



 /*  business deivision  */
 
 .section_division {
   font-family: Arial, sans-serif;
   color: #333;
   margin: 0;
   padding: 0;
}

.container_division_01 {
  /* background-image: url("./assets/images/image_theme.jpg"); */
   background-color: #f5f5f5; /* Light grey background */
   margin: 0px;
   padding: 40px;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}

.text_content_division {
   padding-right: 20px;
   display: flex;
   flex-direction: column;
   align-items: flex-end; 
}

.text_content_division h1 {
   font-size: 36px;
   color: #1d2c7d;
   margin: 20px 0;
   text-align: right;
}

.text_content_division p {
   font-size: 16px;
   line-height: 1.6;
   color: #555;
   margin-bottom: 20px;
   align-self: flex-start;
}


/* Media Query for Mobile Devices */
@media (max-width: 768px) {
   .container06 {
       flex-direction: column;
       padding: 20px;
       text-align: center;
   }
   .text-content {
       padding-right: 0;
   }
   .image-about {
       margin-top: 20px;
   }
}



.section_division_02 {
   font-family: Arial, sans-serif;
   color: #333;
   margin: 0;
   padding: 0;
}

.container_division_02 {
 /*  background-image: url("./assets/images/image_theme.jpg"); */

   background-color: #f5f5f5; /* Light grey background */
   margin: 0px;
   padding: 40px;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}

.text_content_division {
   padding-right: 20px;
   display: flex;
   flex-direction: column;
   align-items: flex-end; 
}

.text_content_division h1 {
   font-size: 36px;
   color: #1d2c7d;
   margin: 20px 0;
   text-align: right;
}

.text_content_division p {
   font-size: 16px;
   line-height: 1.6;
   color: #555;
   margin-bottom: 20px;
   align-self: flex-start;
}




/*    second divisioin  */

/* Style for the main section */
.section_division_01 {
   display: flex;
   justify-content: flex-end; /* Align the container to the right */
   padding: 20px;
   background-color: #f5f5f5;  /* Optional: Background color for visual clarity */
}

/* Style for the container */
.container_division_01 {
   width: 50%; /* Adjust width as needed */
   padding: 20px;
   border-radius: 8px; /* Optional: Rounded corners */
}

/* Style for text content */
.text_content_division {
   font-family: Arial, sans-serif;
   font-size: 18px;
   color: #333;
   line-height: 1.6;
   display: block;
   margin-bottom: 10px;
}

/* Heading style */
.text_content_division h1 {
   font-size: 24px;
   margin-bottom: 20px;
   color: #444;
}




/* Ensure proper text wrapping */
.container_division_01 ul li {
   word-wrap: break-word;
}




/* text section   */


/* Style for the main row container */
.row_company_04 {
   background-color: #f5f5f5;
   margin: 0 auto; /* Center the container */
   padding: 20px;
   display: flex;
   flex-wrap: wrap; /* Allow wrapping for responsiveness */
   justify-content: center; /* Center align the cards */
   gap: 20px; /* Space between cards */
   text-align: center;
}

/* Style for the heading */
.row_company_04 h1 {
   width: 100%; /* Ensure the heading takes up full width */
   font-size: 2rem;
   color: #1d2c7d;
   margin-bottom: 0px; /* Space below the heading */
   margin-top: 50px;
   text-align: left; /* Align the heading to the left */
}

.row_company_04 p {
   font-size: 20px;
   width: 100%; /* Ensure the heading takes up full width */
   text-align: left; /* Align the heading to the left */
}


/* Card styling */
.card_company_04 {
   flex: 1 1 calc(50% - 40px); /* Cards take 50% width minus gap adjustment */
   max-width: auto; /* Ensure cards don’t grow too large */
   padding: 20px;
   text-align: left; /* Align text to the left inside cards */
}


.card_company_04 .text_second {
   font-size: 1.3rem;
   font-weight: bold; /* Make the text bold */


}
/* Paragraph inside cards */
.card_company_04 p {
   font-size: 15px;
   color: #666;
   line-height: 1.6;
}

.card_company_04 ul li {
   font-size: 20px;
}


/* Responsive design for smaller screens */
@media (max-width: 768px) {
   /* Adjust card layout for mobile screens */
   .card_company_04 {
       flex: 1 1 100%; /* Full width for one card */
       padding: 5px;
   }

   /* Hide the second card */
   .card_company_04:nth-child(2) {
       display: none;
   }

   .row_company_04 h1 {
       font-size: 1.8rem; /* Adjust heading size for small screens */
   }

   .card_company_04 ul li {
      font-size: 15px;
   }
   .card_company_04 .text_second {
      font-size: 1.2rem;
      font-weight: bold; /* Make the text bold */
   
   
   }
}

 






