/*====================================
    General
====================================*/

#breadclumbs > div{
                  width: 94%;
                  margin: 0;
                  display: flex;
                  padding: .6rem;
}

#breadclumbs > div > *{
                       padding: 0.2rem 0.2rem;
                       font-size: 13px;
}

#breadclumbs > div > p.breadclumbcustomparagraph{
                                                 font-size: 10.5px;
                                                 padding-top: 6px;
}

#sub_image .cssp{
                 font-size: 1.2rem;
}

#sub_image > div{
                 padding: 4.5rem 0 3.5rem;

}

#sub_image h1{
              font-size: 22px;
}

#sub_image h1.ownstyle{
                       font-size: 17px;
}


.sub_page{
         width: 100%;
         margin: 0;
}

.sub_page > .contents{
                      /* background-image: url(../images/dotted_bg03.png);*/
                      background-position-x: center;
                      background-repeat: repeat-y;
                      width: 100%;
                      /* width:390px; */
                      margin: auto;
                      overflow: hidden;
}

.sub_page > .contents > .heading_area{
                                      position: relative;
                                      padding: 5px;
                                      height: 4rem;
}

.sub_page > .contents > .heading_area > h2{
                                           top: 0.8rem;
                                           left: 2rem;
                                           font-size: 20px;
}

.sub_page > .contents > .heading_area > h2::after{
                                                  content: '';
                                                  display: block;
                                                  width: 5rem;
                                                  margin: auto;
                                                  border-bottom: 1px solid #000;
}

.sub_page > .contents > .heading_area > p{
                                          display: none;
                                          right: 3rem;
                                          font-size: 2.1rem;
}

/* ============== css of achievement page ============== */

#achievement > .contents > section:nth-of-type(1){
                                                  width: 80%;
                                                  padding: 1rem;
}

#achievement > .contents > ul{
                              width: 380px;
}

#achievement > .contents > ul > li{
                                   width: 20rem;
                                   min-height: 230px;
                                   background-color: #fff;
                                   margin-right: 1rem;
                                   margin-left: 1.8rem;
                                   margin-bottom: 1.2rem;
                                   align-items: stretch;
}

#achievement > .contents > ul > li > a{
                                       color: #00AF56;
                                       display: block;
                                       font-size: 1.5rem;
                                       width: 20rem;
                                       height: 230px;
                                       text-align: center;
                                       background-color: #cccccc;
                                       position: relative;
}

#achievement > .contents > ul > li > a > img{
                                             width: 20rem;
                                             height: 230px;
}

#achievement > .contents > ul > li:nth-of-type(3n){
                                                   margin-right: 1rem;
}

#achievement > .contents > ul > li > a > p{
                                           width: 100%;
                                           background-color: rgba(255, 255, 255, 0.9);
                                           position: absolute;
                                           bottom: 0;
                                           padding: 1rem 0;
                                           font-size: 14.5px;
}

/* ============== css of achievement details page =================== */

#achievement_details > .contents > section:nth-of-type(2){
                                                          margin-left: 2rem;
                                                          margin-bottom: 4rem;
}

#achievement_details > .contents > section:nth-of-type(2) > p{
                                                              padding-right: 35px;
                                                              font-size: 1.0rem;
}

#achievement_details > .contents > ul{
                                      width: 350px;
                                      margin: auto;
                                      margin-bottom: 50px;
}

#achievement_details > .contents > ul > li{
                                           width: 19.7rem;
                                           padding: 1rem 1.1rem 1.1rem;
                                           min-height: 250px;
                                           text-align: center;
                                           margin-left: 0rem;
                                           margin-right: 0rem;
                                           margin-bottom: 1.2rem;
}

#achievement_details > .contents > ul > li > div:first-child{
                                                             height: 25%;
                                                             padding: 5px;
}

#achievement_details > .contents > ul > li > div:first-child > p{
                                                                 font-size: 17px;
}

/* ============= css of system achievement page =================== */

.sub_page > .contents > .heading_area1{
                                       padding: 5px;
                                       height: 4rem;
}

.sub_page > .contents > .heading_area1 > h2{
                                            top: 0.8rem;
                                            left: 2rem;
                                            font-size: 22px;
}

.sub_page > .contents > .heading_area1 > h2::after{
                                                   width: 5rem;
}

.sub_page > .contents > .heading_area1 > p{
                                           display: none;
                                           right: 3rem;
                                           font-size: 2.1rem;
}

.image-box, .image-box1, .image-box2,
.image-box3, .image-box4, .image-box5,
.image-box6, .image-box7, .image-box8,
.image-box10{
             height: 250px;
}

.image-box9{
            height: 350px;
}

.text-overlay {
               padding: 10px; 
}

.custom-content1{
                 width: 80%;
}

.custom-content1 .bracketdiv:after {
                                    content: '';
                                    display: block;
                                    width: 0; /* Set width to 0 for a triangular shape */
                                    height: 0; /* Set height to 0 for a triangular shape */
                                    border-left: 30px solid transparent; /* Create left side of the triangle */
                                    border-right: 30px solid transparent; /* Create right side of the triangle */
                                    border-top: 20px solid #00AF56; /* Create the dropdown shape */
                                    margin: auto;
                                    margin-top: 15px;
                                    margin-bottom: 15px;
}

.custom-content2 h3{
                    font-size: 18px;
                    padding-top: 10px;
                    margin-bottom: 15px;
                    padding-right: 2%;
}

.custom-content2 p{
                   font-size: 14px;
                   margin-right: 2%;
                   width: 96%;
                   margin-left: 2%;
}

.custom-content3 p{
                   font-size: 14px;
}

/* ============== css of business page ============== */

.business-header{
                 font-size: 22px;
                 padding-left: 8px;
}

hr.business-line{
                 width: 3rem;
                 margin-left: 150px;
}

.business-container{
                    padding-left: 8px;
                    padding-right: 8px;
                    margin-bottom: 70px;
}

.business-container .business-image-container img{
                                                  width: 380px;
                                                  height: 300px;
}

.business-container .image-description-box{
                                           display: block;
}

.business-container .image-description-box .image-icon{
                                                       padding-bottom: 15px;
                                                       text-align: left;
}

.business-container .image-description-box .image-icon .businessheaderdesign{
                                                                             padding-left: 0px;
}

.business-container .image-description-box .image-icon .businessheaderdesignn{
                                                                              padding-left: 0px;
}


.business-container .image-icon-description{
                                            padding-left: 1rem;
}

/*------ css of company profile page ------- */

.company_top,
.company_bottom{
                padding-left: 8px;
                padding-right: 8px;
}

hr.company-line,
hr.company-secondline{
                      width: 3rem;
}

hr.company-line {
                 margin-left: 28px;
}

hr.company-secondline{
                      margin-left: 29px;
}

.company_bottom{
                margin-bottom: 30px;
}

.company-headerfirst,
.company-headersecond{
                      font-size: 22px;
                      padding-left: 8px;
}

.my-line {
          border: 0; /* Remove default border */
          height: 3px; /* Line thickness */
          background: #00AF56; /* Line color */
          margin-bottom: 30px;
          margin-top: 5px;
          width: 50px;
          margin-left: 30px;
}

.company_bottom td {
                    padding: 15px; /* Adjust padding as needed */
                    vertical-align: top;
}

.company_bottom td.widthcss{
                            width: 85px;
}

.company_top p{
               font-size: 16px;
               padding-bottom: 4px;
}

.company_bottom td p{
                     font-size: 14px;
                     padding-bottom: 2px;
}

.image-box-container{
                     padding-left: 8px;
}

.image-box-container > .group-imagebox > .companyimage1 > img,
.image-box-container > .group-imagebox > .companyimage2 > img{
                                                              width: 120px;
                                                              height: 110px;           
}

.image-box-container > .group-imagebox > .companyimage3 > img.imagecompanyc{
                                                                            width: 115px;
                                                                            height: 95px;
                                                                            padding-bottom: 5px;
                                                                            padding-left: 20px;
}

.image-box-container > .group-image-paragraph > p{
                                                  padding-left: 85px;
}

/* ============ css of greeting page ===================== */

.greeting-header{
                 padding-left: 8px;
                 font-size: 22px;
}

hr.greeting-line{
                 width: 3rem;
                 margin-left: 40px;
}

.history{
         padding-left: 8px;
         padding-right: 8px;
         margin-bottom: 70px;
}

.history p{
           font-size: 18px;
}

.history p.mgt30style{
                      margin-bottom: 30px;
}


/* ================= css of SDGs page ===================== */

.SDGs-headerfirst,
.SDGs-headersecond,
.SDGs-headerthird{
                  padding-left: 8px;
                  font-size: 22px;
}

.SDGs-headersecond{
                  margin-top: 40px;
}

hr.SDGs-line{
             margin-left: 150px;
}

hr.SDGs-secondline{
                   margin-left: 120px;
}

.image-container {      
                  height: 180px;            
}

.image-container img {
                      max-width: 100%;              
                      max-height: 100%;            
                      height: auto;                             
}

.SDGs_top{
          padding-left: 8px;
          padding-right: 8px;
}

.SDGs_top p{
            font-size: 15px;
}

.second-container,
.third-container,
.fifth-container{
                 display: block;          
                 margin-top: 30px;
                 margin-bottom: 30px;
}

.second-container .image{
                         width: 70%;                
                         height: auto;  
                         margin-left: 15%;
                         margin-right: 15%;     
}

.second-container .image-description,
.third-container .image-description{
                                     margin: 0;
}

.second-container .image-description p,
.third-container .image-description p{
                                      padding-right: 8px;
                                      padding-left: 8px;
                                      padding-top: 20px;
}

.third-container .image-second{
                               width: 40%;
                               height: 120px;
                               margin-left: 30%;
                               margin-right: 30%;
}

.fourth-container{
                  width: 100%;
                  text-align: center;
}

.fourth-container .image-third{
                               width: 80%;
                               margin: 0;
}

.fifth-container > .fifth-container-image-box{
                                              text-align: center;
}

.fifth-container .image-fourth{
                               width: 250px;
                               height: 320px;
                               margin-bottom: 20px;
}

.fifth-container .image-description{
                                   padding-left: 8px;
                                   padding-right: 8px;
}

.fifth-container .image-description h2{
                                      font-size: 15px;
}

.fifth-container .image-description h3, p{
                                         font-size: 14px;
}

.fifth-container{
                 margin-bottom: 70px;
}

/* =============== Css of history ================ */

.history-header{
                font-size: 22px;
                padding-left: 8px;
}

hr.history-line{
                width: 1.5rem;
                margin-left: 18.5px;
}

hr.news-line{
             width: 2rem;
             margin-left: 33px;
}

.history-container{
                   padding-left: 8px;
                   padding-right: 8px;
                   margin-bottom: 70px;
}

.history-container .upper-paragraph{
                                    margin-bottom: 20px;
                                    font-size: 18px;
}


.history-container .table td.historytdwidth{
                                            width: 96px;
}

.history-container .table .paradesign{
                                      padding-left: 15px;
                                      padding-bottom: 15px;
}

/* ================= css of access page ====================== */

.access-header{
               font-size: 22px;
               padding-left: 8px;
}

hr.access-line{
               width: 3rem;
               margin-left: 28px;
}

.access-container{
                  padding-left: 8px;
                  padding-right: 8px;
                  margin-bottom: 70px;
}

.access-container .first-access-div,
.access-container .second-access-div{
                                     margin-bottom: 15px;
}

.access-container .third-access-div{
                                    width: 90%;
                                    margin: auto;
}

/* ============== css of questionaire ===================== */

.questionaire-header{
                     padding-left: 8px;
                     font-size: 22px;
}

hr.questionaire-line{
                     margin-left: 46px;
}

.questionaire-container{
                        padding-left: 8px;
                        padding-right: 8px;
                        margin-bottom: 70px;
}

.questionaire-container .tabs {
                               list-style-type: none; /* Remove default list styling */
                               padding: 0;
                               display: flex;
                               flex-wrap: wrap;
                               margin-bottom: 25px;
                               margin-left: 15%;
                               margin-right: 15%;
                               justify-content: center;
}

.questionaire-container .tabs li {
                                  margin-right: 10px; /* Space between tabs */
                                  margin-bottom: 25px;
}

/* ===================== css of recruit page ================= */

.recruit-header{
                font-size: 17px;
                padding-left: 8px;
}

hr.recruiter-line{
                  width: 10rem;
                  margin-left: 131px;
}

.recruit-container{
                   padding-left: 12px;
                   padding-right: 12px;
                   margin-bottom: 70px;
}

.recruit-container ul li a{
                           font-size: 16px;
}

#seisaku_director h2,
#chosa_assistant h2,
#system-engineer h2{
                    padding-left: 15px;
                    font-size: 16px;
}

#seisaku_director,
#chosa_assistant{
                  margin-top: 50px;
  
}

/* ====== css of privacy01 html page ======= */

.privacy01-headerfirst{
                       font-size: 22px;
                       padding-left: 12px;
}

hr.privacy-line{
                margin-left: 95px;
}

.privacy01-content{
                   padding-left: 12px;
                   padding-right: 12px;
}

.privacy01-content .button-container{
                                     margin-top: 20px;
                                     margin-bottom: 70px;
}

.privacy01-content .button-container .button{
                                             width: 210px;
                                             margin: 0 6px; 
                                             padding: 11px;
                                             font-size: 13px;
}

.privacy01-content .paralist1,
.privacy01-content .paralist2{
                              padding-left: 0px;
}

/* ========= css of privacy02 html page ============== */

.privacy02-header{
                  font-size: 22px;
                  padding-left: 12px;
}

hr.privacy02-line{
                  margin-left: 67px;
}

.privacy02-content{
                   padding-left: 12px;
                   padding-right: 12px;
                   margin-bottom: 70px;
}

.privacy02-content h3{
                      text-align: center;
                      font-size: 20px;
                      padding-top: 25px;
                      padding-bottom: 25px;
}

/* ================= css of privacy03 page ======================== */

.privacy03-header{
                  font-size: 22px;
                  padding-left: 12px;
}

hr.privacy03-line{
                  width: 6rem;
                  margin-left: 107px;
}

.privacy03-content{
                   padding-left: 12px;
                   padding-right: 12px;
                   margin-bottom: 70px;
}

.privacy03-content .privacy03-table{
                                    width: 96%;
                                    margin: auto;
                                    margin-top: 40px;
                                    margin-bottom: 30px;
}

.privacy03-content .privacy03-table td p.widthdesign{
                                                     width: 100px;
}

.privacy03-content .privacy03-table td.tddesign{
                                                height: 70px;
}

.privacy03-content .textright{
                              padding-right: 50px;
}

.privacy03-content .upd{
                       font-size: 20px;
}

/* ================= css of marutto page ====================== */

.marutto-header{
               font-size: 22px;
               padding-left: 12px;
}

hr.marutto-line{
                margin-left: 100px;
}

.marutto-container{
                  padding-left: 12px;
                  padding-right: 12px;
                  margin-bottom: 70px;
}

.marutto-image-item {
                    text-align: center;
                    width: calc(100% - 10px); 
                    margin-bottom: 30px; /* Space between rows */
}

.marutto-image-item img{
                        width: 80%;
                        height: auto; 
} 

/* ========== css of price page ============= */

.price-header{
              font-size: 22px;
              padding-left: 12px;
}

hr.price-line{
              width: 2.4rem;
              margin-left: 29px;
}

.price-container{
                 padding-left: 12px;
                 padding-right: 12px;
                 margin-bottom: 70px;
}

.price-container .table2{
                         width: 50%;
                         margin-right: 20px;
}

.price-container .table3{
                         width: 90%;
}

.price-container .table4{
                         width: 95%; 
                         margin-bottom: 30px;
}

.price-container .table5{
                         width: 85%;
}

.price-container .table55{
                          width: 95%;
}

.price-container .table1 th,
.price-container .table1 td,
.price-container .table2 th,
.price-container .table2 td,
.price-container .table3 th,
.price-container .table3 td,
.price-container .table4 th,
.price-container .table4 td,
.price-container .table5 th,
.price-container .table5 td,
.price-container .table55 th,
.price-container .table55 td{
                             font-size: 12px;
                             text-align: center;
}

.price-container table tr th,
.price-container table tr td{
                             padding: 1px 3px;
}

.price-container .tab-content {
                               display: none;
                               padding: 5px;
}

.price-container .header3{
                          font-size: 15px;
                          font-weight: 500;
                          margin-bottom: 30px;
}

.price-container .header4{
                          font-size: 15px;
                          font-weight: 500;
                          margin-top: 30px;
}

/* ================= css of contact page =================== */

.contact-headerfirst{
                     font-size: 22px;
                     padding-left: 10px;
}

hr.contact-line{
                width: 3rem;
                margin-left: 53px;
}

.contact-content{
                 padding-left: 10px;
                 padding-right: 10px;
                 padding-bottom: 80px;
}

.contact-content .contact-secondcontent .first-table{
                                                     width: 90%;
                                                     margin: auto;
                                                     margin-top: 20px;
                                                     margin-bottom: 20px;
}

.contact-content .contact-secondcontent .first-table td textarea{
                                                                 width: 100%;           /* Full width of the parent */
                                                                 max-width: 600px;     /* Prevent it from being too wide */
                                                                 height: 150px;        /* Default height */
                                                                 min-height: 100px;    /* Minimum height */
                                                                 resize: vertical;     /* Allow vertical resizing */
                                                                 padding: 10px;        /* Add some padding */
                                                                 box-sizing: border-box; 
}

.contact-content .contact-secondcontent .second-table{
                                                      width: 90%;
                                                      margin: auto;
}

/* ========================== css of footer part ================================= */

#footer_contact h2{
                   font-size: 3.3rem;
}

#footer_contact .footer-container .button-box-container a{
                                                           height: 1rem;
                                                           width: 11rem;
}

#footer_contact .footer-container .button-box-container a:first-of-type{
                                                                        margin-right: 1.5rem;
}

#footer_contact .footer-container .button-box-container a:hover{
                                                                margin-top: .4rem;
                                                                margin-bottom: -.4rem;
                                                                margin-left: .4rem;
                                                                margin-right: -.4rem;
                                                                filter:none;
                                                                background-color: #018842;
}

#footer_contact .footer-container .button-box-container a:first-of-type:hover{
                                                                              margin-top: .4rem;
                                                                              margin-bottom: -.4rem;
                                                                              margin-left: .4rem;
                                                                              margin-right: 1.6rem;
                                                                              filter:none;  
}


/* ============================ css of footer top section ============================= */

#footer > #footer_top{
                     flex-wrap: wrap;
                     width: 98%;
                     margin: auto;
                     padding: 0;
                     padding-top: 20px;
                     margin-bottom: 30px;
                     justify-content:center;
                    
}

#footer > #footer_top > ul {
                            flex: 1 1 24%; 
                            margin-right: 0.2rem;
                            text-align: center;
                            margin-bottom: 5px;
}

#footer > #footer_top > ul > li > a{
                                    font-size: 11px;
}

#footer > #footer_top > .twitter-container{
                                           margin-right: 20px;
}

#footer > #footer_bottom{
                         margin: auto;
                         width: 96%;
}

#footer > #footer_bottom > .footer-bottom-container{
                                                    display: flex;
                                                    flex-direction: column;
                                                    justify-content: center;
                                                    align-items: center;
}

#footer > #footer_bottom > .footer-bottom-container > .footer-bottom-container-first{
                                                                                     width: 100%;
                                                                                     justify-content: center;
                                                                                     margin-bottom: 15px;
}

#footer > #footer_bottom > .footer-bottom-container > .footer-bottom-container-second{
                                                                                      width: 100%;
                                                                                      justify-content: center;
                                                                                      margin-left: 0px;
                                                                                      display: flex;
}

#footer > #footer_bottom > .footer-bottom-container > .footer-bottom-container-first > .logo-div > img{
                                                                                                       height: 2.4rem;
                                                                                                       width: 6rem;
                                                                                                       margin-right: 1rem;
}

#footer > #footer_bottom > .footer-bottom-container > .footer-bottom-container-second > .logo-div > img{
                                                                                                        height: 3rem;
                                                                                                        margin-right: 1rem;
}

#footer > #footer_bottom > .footer-bottom-container > .footer-bottom-container-first > .footer-bottom-paragraph > p,
#footer > #footer_bottom > .footer-bottom-container > .footer-bottom-container-second > .footer-bottom-paragraph > p{
                                                                                                                     font-size: 11px;
}


/* ====================== css of header section ======================== */

header{
       padding: 0;
}

header > nav{
             position: relative; /* Change to relative for stacking */
             width: 100%;
             padding: 10px 0px;
}

header > nav > .menu-toggle > .bar{
                                   height: 2.2px;              
                                   width: 22px;             
                                   background-color: #000;   
                                   margin: 2.7px 0;      
}

header > nav > a > .imagesize{
                              width: 105px;
                              padding-left: 12px;
}

header > nav > .menu-toggle {
                             display: flex; /* Show hamburger icon on mobile */
                             position: absolute;
                             right: 30px;
                             top: 14px;
}

header > nav > .nav-list{
                         display: none; /* Hide nav-list by default */
                         flex-direction: column; /* Stack items vertically */
                         position: absolute; /* Position dropdown below the navbar */
                         right: 0;
                         top: 100%;
                         align-items: center;
                         background-color: #fff;
                         width: 100%; /* Full width */
                         height: 100vh;
                         transform: translateY(-20px); /* Start slightly above */
                         opacity: 0; /* Start invisible */
                         transition: transform 0.8s ease, opacity 0.8s ease; /* Smooth transition */
                         z-index: 1; /* Ensure it overlays other content */
}


header > nav > .nav-list > li{
                              margin-left: 0;
                              padding: 1rem 0;
}

header > nav > .nav-list > li.header_btn:last-child{
                                                    margin-left: 0;
}

header > nav > .nav-list > li.header_btn > a,
header > nav > .nav-list > li.header_btn:last-child a{
                                                      width: 10rem;
}


header > nav > .nav-list.active {
                                 display: flex; /* Show when active */
                                 transform: translateY(0); /* Move into view */
                                 opacity: 1; /* Make visible */
}

header > nav.active {
                     background-color: #fff; /* Adjust the color as needed */
                     position: fixed; /* Keep it fixed */
                     top: 0; /* Align to the top */
                     left: 0; /* Align to the left */
                     width: 100%; /* Full width */
                     z-index: 1; /* Ensure it overlays other content */
}

/* ========= Top section ========== */
#top section{
              margin-bottom: 0rem;
}
/* ========== Top Strength Section ============ */

#top_strengths > .strength-container-box > .strength-container > h3{
                                                                    top: -30px;
                                                                    font-size: 2.3rem;
}

#top_strengths > .strength-container-box > .strength-container{
                                                               width: 80%;
}

#top_strengths > .strength-container-box > .strength-container > p{
                                                                   font-size: 14px;
}

#top_strengths > .strength-container-box > .strength-container > p > span.strengthspandesign{
                                                                                             font-size: 18px;
}


/*
#top_strengths h2{
                  padding-top: 3rem;
}

#top_strengths > .top_down{
                           width: 100%;
                           align-items: center;
}

#top_strengths > .top_down > p{
                               top: -29px;
                               left: 1.2rem;
                               font-size: 2.2rem;
}

#top_strengths > .top_down > img{
                                 width: 90%;
                                 height: auto;
                                 margin-left: 5%;
                                 position: relative;
                                 top: 35px;
                                 
}

#top_strengths > div:last-of-type{
                                  height: auto;
                                  padding-bottom: 85px;

                                  width: 100%;
                                  margin: auto;
                                  margin-bottom: 0px;
                                  background: linear-gradient(#00AF56 85%, rgba(255, 255, 255, 0) 15%);
}

#top_strengths > div:last-of-type > div{
                                        width: 90%;
                                        align-items: center;
                                        margin: auto;
                                        padding: 50px 0px;
                                        margin-bottom: 0px;
                                        color: #ffffff;
}

#top_strengths > div:last-of-type > div > p{
                                            width: 100%;
                                            text-align: left;
                                            padding-bottom: 5px;
                                            font-size: 14px;
}
*/

/* =============== Top Service Section =============== */

#top_service{
             width: 390px;
             margin: auto;
            
}


#top_service > #top_service_child01 > div:first-of-type > img,
#top_service > #top_service_child02 > div:last-of-type > img{
                                                             width: 20rem;
}

#top_service > #top_service_child01 > div:first-of-type > div,
#top_service > #top_service_child02 > div:last-of-type > div{
                                                             width: 6rem;
                                                             height: 2rem;
                                                             text-align: center;
                                                             font-size: 0.8rem;
                                                             bottom: 0.3rem;
}

#top_service > #top_service_child01 > div:first-of-type > div{
                                                              left: 15rem;

}

#top_service > #top_service_child02 > div:last-of-type > div{
                                                             right: 15rem;
}


#top_service > #top_service_child01 > div:first-of-type > div > a,
#top_service > #top_service_child02 > div:last-of-type > div > a{
                                                                 padding: 0.4rem 0;
                                            
}

#top_service > #top_service_child02 > div:last-of-type > div > a{
                                                                 padding: 0.1rem 0;
}

#top_service > #top_service_child01 > div:last-of-type > p,
#top_service > #top_service_child02 > div:first-of-type > p{
                                                            font-size: 1.8rem;
}

/* =============== Top work section =============== */

#top_works > div:first-of-type{
                               height: 5rem;
}

#top_works > div:first-of-type > h2{
                                    top: 1rem;
                                    left: 3rem;
}

#top_works > div:first-of-type > p{
                                   right: 4rem;
                                   font-size: 3rem;
}

#top_works > ul{
                width: 380px;
}

#top_works > ul > li{
                     width: 20rem;
                     min-height: 230px;
                     background-color: #fff;
                     margin-right: 1rem;
                     margin-left: 1.8rem;
                     margin-bottom: 1.2rem;
                     align-items: stretch;
}

#top_works > ul > li > a{
                         color: #00AF56;
                         display: block;
                         font-size: 1.5rem;
                         width: 20rem;
                         height: 230px;
                         text-align: center;
                         background-color: #cccccc;
                         position: relative;
}

#top_works > ul > li > a > img{
                               width: 20rem;
                               height: 230px;
}

#top_works > ul > li:nth-of-type(3n){
                                     margin-right: 1rem;
}

#top_works > ul > li > a > p{
                             width: 100%;
                             background-color: rgba(255, 255, 255, 0.9);
                             position: absolute;
                             bottom: 0;
                             padding: 1rem 0;
                             font-size: 14.5px;
}

/* ============= Top News Section ============== */

#top_news > div > ul{
                     max-width: 90%;
                     margin: auto;
}

/* ================== css of secretariat page =================== */

.sub_page > .contents > .heading_area2{
                                       padding: 5px;
                                       height: 4rem;
}

.sub_page > .contents > .heading_area2 > h2{
                                            top: 0.8rem;
                                            left: 3rem;
                                            font-size: 22px;
}

.sub_page > .contents > .heading_area2 > h2::after{
                                                   width: 1.8rem;
}


.sub_page > .contents > .heading_area2 > p{
                                           display: none;
                                           right: 3rem;
                                           font-size: 2.1rem;
}

/* ================== css of acheievement page =================== */

.sub_page > .contents > .heading_area3{
                                       padding: 5px;
                                       height: 4rem;
}

.sub_page > .contents > .heading_area3 > h2{
                                            top: 0.8rem;
                                            left: 2rem;
                                            font-size: 16.5px;
}

.sub_page > .contents > .heading_area3 > p{
                                           display: none;
                                           right: 3rem;
                                           font-size: 2.1rem;
}

.sub_page > .contents > .heading_area4{
                                       padding: 5px;
                                       height: 4rem;
}

.sub_page > .contents > .heading_area4 > h2{
                                            top: 0.8rem;
                                            left: 2rem;
                                            font-size: 13px;
}

.sub_page > .contents > .heading_area4 > p{
                                            display: none;
                                            right: 3rem;
                                            font-size: 2.1rem;
}

#achievement_details > .contents > section:nth-of-type(2) > p.para{
                                                                   padding-right: 15px;
                                                                   font-size: 14px;
}

#achievement_details > .contents > section:nth-of-type(2) > p.para1{
                                                                    padding-right: 15px;
                                                                    font-size: 12.5px;
}

/* =========== Design of stress check ============ */

.stress-button-design-cover{
                            background-color: #fff;
                            border: 5px solid #00AF56; 
                            padding: 20px 7px;
                            margin: auto;
                            margin-bottom: 60px;
                            width: 79%;
}

.stress-button-design{
                      text-align: center;
}

.stress-button-design .bigpara{
                               font-family: Arial, Helvetica, sans-serif;
                               font-size: 16px;
                               color: #FF9800;
}

.stress-button-design .smallpara{
                                 padding-top: 12px;
                                 padding-bottom: 12px;
                                 font-size: 14px;
}

.stress-button > a > button{
                            background-color: #00AF56;
                            border: none;
                            color: #fff;
                            padding: 12px 15px;
                            font-size: 16px;
                            border-radius: 50px;
                            cursor: pointer;
}

/* ============ css of BCP page ============ */

.bcp-header{
            font-size: 22px;
            padding-left: 15px;
}

hr.bcp-line{
            width: 2.4rem;
            margin-left: 180px;
}

.bcp-container-box{
                   padding-left: 12px;
                   padding-right: 12px;
                   display: block;
}

.bcp-container-box1{
                    width: 100%;
}

.bcp-container-box2{
                    margin-left: 0px;
                    width: 100%;
                    text-align: center;
                    margin-top: 20px;
}

.bcp-container-box2 .bcp-image-box img{
                                       width: 50%!important;
                                       height: auto;
}