.company-information-outer{ margin:120px auto 0;max-width:1440px;}
.company-information-detail{ display:flex; flex-wrap:wrap; margin:0 -20px;}
.company-information-detail li{ margin-bottom:40px; padding:0 20px;max-width: 33%; flex:0 0 33%;}
.company-information-detail li .company-information-in{ border-radius:30px; background-color:#f9f1e0; padding:33px; height: 100%}
.company-information-detail li:nth-of-type(1),
.company-information-detail li:nth-of-type(2),
.company-information-detail li:nth-of-type(3),
.company-information-detail li:nth-of-type(4){ max-width: 33%; flex:0 0 33%;}

.board-title{ line-height:28.8px;}

.vision-excellence-resilience{ padding:15% 5% 150px 5%;}
p{ font-size:18px; line-height:25.6px; color: #284734 !important;}
.company-information-detail li h4{ font-size:20px; line-height:28.8px; margin-bottom:10px;}
.company-information-detail li p{font-size: 16px; line-height: 27.8px; position: relative;}

.committee-name{display: flex; flex-wrap:wrap; margin:0; list-style-type: none; margin:0; padding:0;}
.committee-name li{padding-left:15px; position:relative; margin-bottom:0; width: 100% !important;  max-width: 100% !important; flex:0 0 100% !important;}
.committee-name li:before{content:''; height:5px; width:5px; border-radius:50%; background-color:#f4633a; position: absolute; top:10px; left: 0;}


.padding-left-40{ padding-left:40px;}
.tel-icon{ background:url("../images/careers/tel.svg") no-repeat;  position: absolute; left: 0; top:0;height:25px; width:25px; background-size: cover; display: inline-block;}
.email-icon{ background:url("../images/careers/email.svg") no-repeat; position: absolute; left: 0; top:0;height:25px; width:25px; background-size: cover; display: inline-block;}
.fax-icon{ background:url("../images/careers/fax.svg") no-repeat; position: absolute; left: 0; top:0;height:25px; width:25px; background-size: cover; display: inline-block;}
.pdf-icon{ background:url("../images/careers/pdf.svg") no-repeat; position: absolute; left: 0; top:0;height:25px; width:25px; background-size: cover; display: inline-block;}
.pin-icon{ background:url("../images/careers/pin-google.svg") no-repeat;  position: absolute; left: 0; top:0;height:25px; width:25px; background-size: cover; display: inline-block;}

.tel-number a{ pointer-events: none; color: #284734 !important;  }
a:hover, a:focus{ color: #F4633A !important;}

.paathya-section .curvebox{ height: 150vh;}

.contact-us-detail{}

.connectwithUs-wrap .company-information-in h3 {min-height: 65px;}


@media all and (max-width:1024px){
    .tel-number a{ pointer-events:default; color: #284734;}  
    .company-information-detail li p strong{ display: block;}  
    .company-information-detail li p {font-size: 16px; line-height: 26.5px;}
    .board-title{ letter-spacing: 0;}

    .vision-excellence-resilience{padding:40vw 7% 110px 7%;}
}


@media (max-width: 767px){
#vision-excellence-resilience-left .banner_heading_txt .display-1-heading, .vision-excellence-resilience .banner_heading_txt .display-2-heading {font-size: 12vw; line-height: 12vw; height: 12vw;}
.company-information-detail li:nth-of-type(1), .company-information-detail li:nth-of-type(2), .company-information-detail li:nth-of-type(3), .company-information-detail li:nth-of-type(4) {max-width: 100%;flex: 0 0 100%;}
.company-information-detail li {max-width: 100%;flex: 0 0 100%;}
.about-left .leaf-outer-position {bottom: -155px;}
.vision-excellence-resilience .about-right {margin-top: 25px;}

.company-information-detail li p a {font-size: 14px;}
.company-information-detail li .company-information-in {padding: 22px;}
.connectwithUs-wrap .company-information-in h3 {min-height: initial;}

.vision-excellence-resilience .about-right {margin-top: 30px;}

.tel-number a{pointer-events: inherit;}

}

@media screen and (min-width: 768px) and (max-width: 1023px){
    .vision-excellence-resilience {padding: 25vw 7% 110px 7%;}
    .company-information-detail li:nth-of-type(1), .company-information-detail li:nth-of-type(2), .company-information-detail li:nth-of-type(3), .company-information-detail li:nth-of-type(4) {max-width: 100%;flex: 0 0 100%;}
    .company-information-detail li {max-width: 100%;flex: 0 0 100%;}
}

@media screen and (min-width: 1024px) and (max-width: 1080px){
    .vision-excellence-resilience {padding: 18vw 7% 110px 7%;}
    .company-information-detail li:nth-of-type(1), .company-information-detail li:nth-of-type(2), .company-information-detail li:nth-of-type(3), .company-information-detail li:nth-of-type(4) {max-width: 50%;flex: 0 0 50%;}
    .company-information-detail li {max-width: 50%;flex: 0 0 50%;}

}
@media all and (max-width: 393px){
  .company-information-detail li .company-information-in {padding: 18px !important;}
  .company-information-detail li p a { font-size: 14px !important;}
}

@media all and (max-width: 1440px){
  .company-information-detail li .company-information-in {padding: 28px;}
  .company-information-detail li p a {font-size: 15px;}
}

@media all and (max-width: 320px){
  .company-information-detail li .company-information-in {padding: 15px;}
  .company-information-detail li p a {font-size: 12px;}

  
}



/* portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
 
}
/* landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
   

}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
 

  }
  @media only screen 
  and (min-device-width: 390px) 
  and (max-device-width: 844px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    
  }

  @media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
   

  }