/*     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;
}






/*     energy Us */


.container_carees {
   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_carees {
     height: 50vh;
  }
  .overlay h1 {
     font-size: 1.5rem;
     margin-bottom: 1rem;
     color: white;
  }
  .overlay p {
     font-size: 1rem;
     margin-bottom: 1rem;
     color: white;
  }
}
 


/* Center content inside the card */
.container_automation {
   padding: 0px;
   text-align: center;
}

.container_automation h1 {
   font-size: 1.5rem;
   font-weight: bold;
   margin-bottom: 20px;
   color: #122ea8;
   text-transform: uppercase;
   letter-spacing: 1.5px;
}

/* Card Styling */
.card_automation {
   position: relative;
   overflow: hidden; /* Ensure effects stay inside */
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   margin: 10px;
   text-align: center;
   border-radius: 10px; /* Optional: Smooth card edges */
   background-color: #fff; /* Optional: Default card background */
}

/* Card Image Styling */
.card_automation img {
   width: 100%;
   height: auto;
   border-radius: 10px; /* Ensures images match the card shape */
   transition: none; /* No zoom effect */
}

/* Angled Blur Effect */
.card_automation::before {
   content: "";
   position: absolute;
   top: -50%; /* Positioned off-screen initially */
   left: -50%;
   width: 200%;
   height: 200%;
   background: rgba(0, 0, 0, 0.2); /* Semi-transparent overlay */
   backdrop-filter: blur(10px); /* Blurring effect */
   transform: rotate(-45deg) scale(0); /* Starts as a small angle */
   transition: transform 0.4s ease; /* Smooth appearance on hover */
   z-index: 1; /* Ensures it is above the image but below the text */
}

.card_automation:hover::before {
   transform: rotate(-45deg) scale(1); /* Expand angled blur */
}

/* Card Text (h2) Styling */
.card_automation h2 {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) scale(0); /* Initially scaled down */
   font-size: 1.5rem;
   font-weight: bold;
   color: white;
   opacity: 0; /* Initially invisible */
   z-index: 2; /* Ensures it appears above the blur */
   transition: opacity 0.4s ease, transform 0.4s ease; /* Smooth float and fade */
}

.card_automation:hover h2 {
   transform: translate(-50%, -50%) scale(1); /* Float to center */
   opacity: 1; /* Become visible */
}

/* Responsive Styling */
@media (max-width: 992px) {
   .card_automation {
      flex: 1 1 calc(33.33% - 20px); /* Show 3 cards per row */
      max-width: 250px; /* Slightly reduce card width */
   }

   .card_automation h2 {
      font-size: 1.2rem; /* Adjust text size for smaller screens */
   }
}

@media (max-width: 768px) {
   .card_automation {
      flex: 1 1 calc(50% - 20px); /* Show 2 cards per row */
      max-width: 200px; /* Further reduce card width */
   }

   .card_automation h2 {
      font-size: 1rem; /* Smaller text for better fit */
   }
}

@media (max-width: 480px) {
   .card_automation {
      flex: 1 1 100%; /* Show 1 card per row */
      max-width: 100%; /* Full-width cards for small screens */
   }

   .card_automation h2 {
      font-size: 0.9rem; /* Smallest text size */
   }
}

/* Dots Styling */
.slick-dots {
   position: absolute;
   bottom: -30px;
   display: flex;
   justify-content: center;
   padding: 0px;
}

.slick-dots li {
   margin: 0px 8px; /* Increase spacing between dots if needed */
}

.slick-dots li button {
   width: 30px; /* Increased button size */
   height: 30px; /* Increased button size */
   border-radius: 50%;
   padding: 10px; /* Adjust padding as needed */
   background-color: #006aff;
   border: none;
   transition: all 0.3s ease; /* Smooth transition for hover effect */
}

.slick-dots li.slick-active button {
   background-color: #0843c4; /* Active dot color */
}

.slick-dots li button:hover {
   background-color: #0052cc; /* Optional hover effect */
   transform: scale(1.2); /* Slightly enlarge on hover */
}

/* Responsive Styling */
@media (max-width: 992px) {
   .card_automation {
      width: 80%; /* Adjust card width to center cards */
      height: 180px; /* Adjust height for smaller screens */
   }

   .card_automation h1 {
      font-size: 1.3rem; /* Reduce font size */
   }
}

@media (max-width: 767px) {
   .card_automation {
      width: 90%; /* Make cards wider and center them */
      height: 160px; /* Reduce height further */
   }

   .card_automation h1 {
      font-size: 1.2rem; /* Further reduce font size */
   }
}

/* Medium Screens (Tablets) */
@media (max-width: 992px) {
   .container_automation h1 {
      font-size: 2rem; /* Slightly smaller text */
      margin-bottom: 15px; /* Reduce spacing */
   }
}

/* Small Screens (Mobile) */
@media (max-width: 768px) {
   .container_automation h1 {
      font-size: 1.8rem; /* Further reduce font size */
      margin-bottom: 10px; /* Minimize spacing */
      letter-spacing: 1px; /* Adjust letter spacing */
   }
}

/* Extra Small Screens */
@media (max-width: 480px) {
   .container_automation h1 {
      font-size: 1.5rem; /* Smallest font size for small screens */
      margin-bottom: 8px; /* Minimal spacing */
   }
}



/*     text description */
.section_automation {
   display: block;
   width: 100%;
}

.container_automation_01 {
   max-width: 1400px;
   margin: 0 auto;
   padding: 20px;
}

.text_content_automation {
   position: relative;
}

.text_content_automation h1 {
   color:#0052cc;
   font-size: 1.5rem;
}

.float-left {
   float: left;
   margin-right: 20px; /* Adjust spacing as needed */
}

.text_content_automation p {
   overflow: hidden; /* Clear the float */
   line-height: 1.5; /* Improve readability */
   text-align: justify;
}

.text_second {
   color: #404042; /* Sets the text color to a blue shade */
   font-weight: bold; /* Makes the text bold */
   font-size: 1.3rem;
}

 /* Medium screens (tablets) */
 @media (max-width: 768px) {
   .text_content_automation h1 {
       font-size: 2em; /* Adjust font size for medium screens */
   }

}

/* Small screens (phones) */
@media (max-width: 480px) {
   .text_content_automation h1 {
       font-size: 1.5em; /* Adjust font size for small screens */
       word-spacing: 2px;
   }
}


.fullstop-icon {
   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 */
 }








/* card areas */
.topic_automation {
   margin: 0;
   text-align: center;
   color: #0052cc;
   font-weight: bold;
   font-size: 1.5em;
   margin: 10px 0;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
   .topic_automation {
     font-size: 1.5rem; /* Slightly smaller font size for tablets */
     padding: 8px; /* Reduce padding for smaller screens */
   }
 }
 
 @media (max-width: 576px) {
   .topic_automation {
     font-size: 1.2rem; /* Smaller font size for mobile devices */
     padding: 5px; /* Compact padding for mobile */
   }
 }
/* Make cards bigger and customize styling */









.column_job_image01 h1 {
   font-size: 1.5rem; /* Size of the heading */
   font-weight: bold;
   color: #1d2c7d;
   margin: 5px auto 10; /* Space above and center horizontally */
   text-align: center; /* Center the text */
   display: block; /* Ensures proper block-level alignment */
 }
 /* text h1 responsive */
@media (max-width: 768px) {
   .column_job_image01 h1 {
     font-size: 1.3rem; /* Slightly smaller font for tablets */
     margin: 5px auto 8px; /* Adjust spacing for smaller screens */
   }
 }
 
 @media (max-width: 576px) {
   .column_job_image01 h1 {
     font-size: 1.1rem; /* Smaller font for mobile devices */
     margin: 5px auto 5px; /* Compact spacing for small screens */
   }
 }
 
 /* Row styling */
 .row_job_image {
   display: flex;
   flex-wrap: wrap; /* Allows images to wrap if the container width is smaller */
   width: 100%;
   justify-content: space-between; /* Distribute space evenly between items */
   padding: 10px 40px;
   align-items: center; /* Vertically align images */
   margin: 0 auto; /* Center the row within its container */
 }
 
 /* Column styling */
 .column_job_image01 {
   flex: 1; /* Make the columns flexible */
   min-width: 150px; /* Set a minimum width to prevent too-small images */
   max-width: 46%; /* Ensure columns don't exceed 48% of row width */
   margin: 0 auto; /* Center the images in smaller containers */
 }
 
 .column_job_image01 img {
   width: 100%; /* Make images fully responsive */
   height: auto; /* Maintain aspect ratio */
   border-radius: 8px; /* Increase corner rounding for a softer look */
   margin-bottom: 10px; /* Add spacing below each image */
 }
 
 
 
 /* Responsive Adjustments */
 @media (max-width: 768px) {
   .row_job_image {
     flex-direction: column; /* Stack items vertically on smaller screens */
     gap: 20px; /* Add more spacing between stacked images */
     padding: 10px 20px;
   }
 
   .column_job_image01 {
     max-width: 100%; /* Make columns take full width */
   }
 
   .column_job_image01 img {
     margin: 0 auto; /* Center the images horizontally */
   }
 }
 



 .card_end {
   margin: 20px 50px; /* 20px top and bottom, 40px left and right */
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
 }
 
 .card-title-below {
   margin: 5px 0px 20px; /* Apply 20px margin on all sides */
   font-size: 1.5rem; /* Font size for the title */
   font-weight: bold; /* Bold title text */
   color: #1d2c7d; /* Optional: Title color */
   text-align: center; /* Center the title text */
 }
 

 /* Responsive adjustments */
@media (max-width: 768px) {
   .card_end {
     margin: 20px 20px; /* Reduce side margins for smaller screens */
   }
 
   .card-title-below {
     font-size: 1.2rem; /* Slightly smaller font size for titles */
     margin: 15px; /* Reduce margin for compact spacing */
   }
 }
 
 @media (max-width: 576px) {
   .card_end {
     margin: 15px 10px; /* Minimal margins for very small screens */
   }
 

/* image below */
   .card-title-below {
     font-size: 1rem; /* Smaller font size for compact display */
     margin: 10px; /* Further reduce spacing */
   }
 }