body {
    background :white !important;
}

.inner-homr-img {

    height: 1080px;
    margin-top: 80px;
    background-repeat: no-repeat;
    background-size: cover;
 }
 .inner-img-h2-tag {
   position: absolute;
 }
 .container-cust {
   position: relative;
   text-align: center;
   color: white;
 }
 
 .centered {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
  
 }
 
 .homr-txt-sz {
     font-size: 50px;
     font-family: 'KoHo';
     font-weight: 900;
     color: white !important;
     background: rgb(0,0,0,0.2);
 }
 p.homr-p-txt {
     font-size: 18px;
 }
 
 .face_b {
     color: #4867aa;
     padding: 2px 5px;
     background: white;
     border-radius: 5px;
 }
 
 .twit_b {
     color: #1da1f2;
     padding: 2px 5px;
     background: white;
     border-radius: 5px;
 }
 
 .inst_b {
     color: #b33aad;
     padding: 2px 5px;
     background: white;
     border-radius: 5px;
 }
 
 .link_b {
     color: #0274b3;
     padding: 2px 5px;
     background: white;
     border-radius: 5px;
 }
 
 .min_height {
     transition: .7s;
     overflow: hidden;
     cursor: pointer;
 }
 
 .min_height:hover {
     transform: scale(1.2);
 }
 
 
 
 /* Style the tab */
 .tab-homr {
   float: left;
 
   background-color: #f1f1f1;
   width: 50%;
   height: auto;
   padding: 12px 0;
   margin:24px 0;
 }
 
 /* Style the buttons inside the tab */
 .tab-homr button {
     display: block;
     background-color: inherit;
     color: black;
     padding: 27px 20px;
     width: 100%;
     border: none;
     outline: none;
     text-align: left;
     cursor: pointer;
     transition: 0.3s;
     font-size: 20px;
 }
 /* Change background color of buttons on hover */
 .tab-homr button:hover {
   background-color: #ddd;
 }
 
 /* Create an active/current "tab button" class */
 .tab-homr button.active {
   background-color: #ccc;
 }
 
 /* Style the tab content */
 .tabcontent-homr {
   float: left;
   padding: 0px 12px;
 
   width: 50%;
   border-left: none;
   height: auto;
   margin: 25px 0;
 }
 .cust-containre {
   width: 80%;
   margin: auto;
   min-height: 1px;
 }
 section.homr-tab-sec {
     height: auto;
     margin-bottom: 30px;
     clear:both;
 }
 h1.innner-homr-constri {
     text-align: center;
     color: #0134BF;
 }
 .custom-cont {
     width: 80%;
     margin: auto;
 }
 .col-nm-12 {
     width: 50%;
     margin: auto;
 }
 h2.const-h2-homrbi {
     font-size: 24px;
     text-align: left;
     line-height: 1.5;
     color: #0134BF;
 }
 p.const-p1-hombri {
     font-size: 20px;
     margin:20px 0;
     font-family: 'Questrial';
 }
 .const-1p b {
     font-weight: normal;
 }
 
 .rem_bult li {
     list-style: none;
 }
 p.const-p1-hombri.const-1p {
     line-height: 1.5;
     margin: 15px 0 20px;
 }
 p.const-p1-hombri.const-2p {
     line-height: 1.5;
     margin: 15px 0 20px;
 }
 p.const-p1-hombri.const-3p {
     line-height: 1.5;
     margin: 15px 0 20px;
 }
 .col-lg-6.col-wide-6 {
     width: 45%;
     margin: 0 35px;
 }
 
 img.homr-head-tabtxt {
     margin: 20px 150px;
 }
 p.homr-para-tabtxt {
     font-size: 22px;
     text-align: left;
     margin-left: 0;
 }
 
   .h2-tab-homrhead {
       text-align: center;
       width: 100%;
       margin: auto;
       line-height: 1;
       font-size: 40px;
       padding: 30px;
       color: #0134BF;
   }
   h2.pic-tble-hd {
       text-align: center;
   }
   th.th-hd-txt {
     font-size: 18px;
     text-align: left;
     color: #0134BF;
 }
 td.d-homr-txt {
     font-size: 18px;
     text-align: left;
     font-weight: normal;
     font-family: 'Sarabun';
 }
 td.d-homr-txt a {
   color: #000;
 }
 td.d-homr-txt a:hover {
   color: deepskyblue;
   transition: none;
 }
 h2.pic-tble-hd {
     text-align: center;
     color: #0134BF;
     margin: 20px 0;
     font-family: 'Asap';
 }
 .const-p1-hombriwe {
   font-size: 20px;
   font-family: 'Questrial';
 }
 .owl-pagination {
     display: none !important;
 }
 
 
 /* media queries */
 @media screen and (max-width: 1550px) {
   section.homr-tab-sec {
       height: auto;
       margin-bottom: 30px;
   }
   .tabcontent-homr {
     float: left;
     padding: 0px 12px;
     border: 1px solid #ccc;
     width: 50%;
     border-left: none;
     height: auto;
 }
 .col-lg-6.col-wide-6 {
     width: 50%;
     margin: 0;
 }
 }
 
 /*karthik styles */
 
 .txt_p {
     padding: 20px 20px;
     text-align: center;
 }
 
 .clearb {
     clear: both;
     padding-top: 20px;
 }
 
 .title_ser {
     text-align: center;
     padding: 20px 0;
     color: #0134BF;
     background: #ffc200;
     margin: 10px 0;
     margin-top: 10px;
     position: relative;
     line-height: 22px;
 }
 
 .visti_p a {
     font-size: 20px;
     background: #007dc5;
     padding: 9px 12px;
     color: white;
     text-align: center;
     text-decoration: none;
     width: 100%;
     margin: 0px 15px;
     display: inline-block;
 }
 
 .touch_i {
     width: 33%;
     float: left;
     margin: 20px 0;
     padding: 0px 20px;
 }
 
 .cont_t {
     font-size: 18px;
 }
 
 .hover_soc a {
     color: black;
 
 }
 .hover_soc {
     color: black;
     padding: 5px;
     transition: .5s;
 }
 
 .touch_i a:hover .hover_soc {
     background: #007dc5;
     color: white;
 }
 
 .centered::before {
     position: absolute;
     width:100%;
 
 }
 
 .h2_size {
     font-size: 20px;
 }
 
 /* header styling */
 
 body {
     background:#262626;
 }
 .d_nav {
     position: relative;
 }
 .d_nav::after {
     content: "new";
     position: absolute;
     font-size: 12px;
     padding: 0px;
     border-radius: 5px;
     width: 19%;
     text-align: center;
     top: 7px;
     right: 5px;
     background: #ffc200;
     color: black;
 }
 
 .d_nav1::after {
     content: "new";
     position: absolute;
     font-size: 12px;
     padding: 0px;
     border-radius: 5px;
     width: 19%;
     text-align: center;
     top: 43px;
     right: 6px;
     background: #ffc200;
     color: black;
 }
 
 .social_ic a p i {
     font-size: 22px;
 }
 
 .social_ic
 {
     display: flex;
     position: absolute;
     top: 77px;
     left: 92px;
 }
 
 .social_ic a p  {
     margin:0px 10px;
 }
 
 .under_cons img {
 width:66%;
 height:auto;
 }
 
 .text_con {
   margin: 132px 0;
 
     text-align: center;
 }
 .homr-head-bang {
   padding: 10px;
   color: white;
   background-color: rgb(0,0,0, 0.6);
   margin-top: 12%;
  text-align: center;
 }
 
 /*calculator styles */
 
 .inli_n {
     display: inline;
 }
 .com_pack {
     margin: 10px 0px;
     padding: 5px;
     font-size: 18px;
 }
 .renov_tit {
     color:#0134BF;
     font-weight: bold;
 }
 #select_s {
     display: block;
     width: 100%;
     height: 34px;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     border-radius: 4px;
 }
 #check_c {
     padding: 3px 12px;
 }
 
 #ttl_c {
     color:#0134BF;
 }
 #sqrft {
     display: block;
     width: 100%;
     height: 34px;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     border-radius: 4px;
 }
 
 .btn_c {
     margin: 14px 0;
 }
 
 .calculator {
     text-align: left;
 }
 
 
 @media screen and (max-width: 425px) {
   .homr-txt-sz {
     font-size: 18px;
   }
   .back-image-homr-inner {
     height: 405px !important;
     background-position-y: 10px;
     margin-top: 0px !important;
   }
   .homr-p-txt {
     font-size: 16px;
   }
   .touch_i {
     width: 100%;
     float: left;
     margin: 1% 0;
     padding: 1%;
   }
   .h2-tab-homrhead {
     text-align: center;
     width: 100%;
     margin: auto;
     line-height: 1;
     font-size: 22px;
     padding: 5px;
     color: #0134BF;
 }
 .tab-homr {
     float: left;
     background-color: #f1f1f1;
     width: 100%;
     height: auto;
     padding: 12px 0;
     margin: 15px 0;
 }
 .h2_size {
     font-size: 16px;
 }
 .tabcontent-homr {
     float: left;
     padding: 0px 12px;
     border: none;
     width: 100%;
     border-left: none;
     height: auto;
 }
 img.homr-head-tabtxt {
     margin: 0;
 }
 p.homr-para-tabtxt {
     font-size: 16px;
     text-align: left;
     margin-left: 0;
     margin-top: 10px;
 }
 .visti_p a {
     font-size: 16px;
     background: #007dc5;
     padding: 5px 5px;
     color: white;
     text-align: center;
     text-decoration: none;
     width: 100%;
     margin: 0;
     display: inline-block;
 }
 .col-lg-6.col-wide-6 {
     width: 100%;
     margin: 0;
 }
 p.const-p1-hombri {
   font-size: 16px;
 }
 .title_ser h1 {
   font-size: 22px;
 }
 .const-h2-homrbi b {
   font-size: 20px;
 }
 .tab-homr button {
     display: block;
     background-color: inherit;
     color: black;
     padding: 4px 20px;
     width: 100%;
     border: none;
     outline: none;
     text-align: left;
     cursor: pointer;
     transition: 0.3s;
     font-size: 20px;
 }
 h2.pic-tble-hd {
     text-align: center;
     color: #0134BF;
     font-size: 16px;
 }
 .container-cust img {
     height: 450px !important;
 }
 .txt_p {
     padding: 5px 4px;
     text-align: left;
     margin: 10px;
 }
 .cust-containre {
     width: 95%;
     margin: auto;
     min-height: 1px;
 }
 .social_ic {
     display: flex;
     position: relative !important;
     top: 0 !important;
     left: 140px !important;
 }
 
 
 body {
   overflow-x: hidden;
 }
 .back-image-homr-inner {
   height: 405px !important;
   background-position-y:10px;
   background-size: cover;
   background-repeat: no-repeat;
 }
 .back-image-homr-inner h2 {
   padding: 9px !important;
     color: white !important;
     font-size: 31px !important;
     font-weight: bold !important;
     color: white !important;
     margin-top: 64% !important;
     background: none !important;
 }
 .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
   white-space: normal !important;
 }
 th.th-hd-txt {
   font-size: 12px;
 }
 td.d-homr-txt {
     font-size: 10px;
     text-align: left;
 }
 }
 @media screen and (max-width: 375px) {
   .social_ic {
       display: flex;
       position: relative;
       top: 0;
       left: 120px;
   }
 }
 @media screen and (max-width: 360px) {
   .social_ic {
       display: flex;
       position: relative;
       top: 0;
       left: 100px;
   }
 }
 @media screen and (max-width: 320px) {
   .social_ic {
       display: flex;
       position: relative;
       top: 0;
       left: 80px;
   }
 }
 
 
 .min_height {
     height: 250px;
     width:100%;
 }