body{font-family: "Poppins", Sans-serif;}
.video-cover {    position: relative;    height: 100vh;    display: block;}
img, video {   height: auto;    max-width: 100%;}
.navbar-brand{padding: 0;}
.text-on {    position: absolute;    z-index: 9;    top: 44%;    left: 5%;}
.calltop{background-color: #0077a6;border-color: #0077a6;padding: 1.7rem 2.7rem;    font-weight: 400;color: #fff;border-radius: 3px;}
.page-header {    padding-bottom: 0 !important;    border-bottom: none !important;}
.page-header, .page-title {    max-width: 100%;}
.rotating-text-wrapper {    /* height: 90vh; */    display: flex;    flex-direction: column;}
.dec {    display: block;}
.mob{display: none;}
.rotating-text-wrapper h2 {    font-size: 2.5em;    margin: 0;    padding: 0.3em;    color: #fff;    /* box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); */    animation-duration: 10s;    animation-iteration-count: infinite;    opacity: 0;}
.rotating-text-wrapper h2:nth-child(1) {    animation-name: rotating-text-1;}
.rotating-text-wrapper h2:nth-child(2) {    animation-name: rotating-text-2;}
.text-on h2 {    font-size: 3em !important;    font-family: "Poppins", Sans-serif;    letter-spacing: 3px;}
.page-title {    line-height: 1.1;   color: #fff;}
.rotating-text-wrapper {    /* height: 90vh;*/     display: flex;     flex-direction: column;    /* align-items: center;     justify-content: center;     text-align: center;*/}
.rotating-text-wrapper h2 { font-size: 2.5em; margin: 0; padding: 0.3em;     color: #fff;   animation-duration: 10s;     animation-iteration-count: infinite;     opacity: 0;} 
.rotating-text-wrapper h2:nth-child(1) {animation-name: rotating-text-1;}
   @keyframes rotating-text-1 {
     0% {
       transform: translateY(200%);
     }
     33% {
       transform: translateY(100%);
       opacity: 1;
     }
     34% {
       opacity: 0;
     }
}
.rotating-text-wrapper h2:nth-child(2) { animation-name: rotating-text-2; }
   @keyframes rotating-text-2 {
     33% {
       transform: translateY(100%);
       opacity: 0;
     }
     66% {
       transform: translateY(0);
       opacity: 1;
     }
     67% {
       opacity: 0;
     }
   }
   .left-on{display: block;
        float: left;margin: 0 0 5% 0;}

        h6{color: #173e62; text-align: center;}
        .mobile{
            display:none;
        }
.about-section {  padding-top: 100px;     background-color: #fff;    padding: 100px 0px 0px 0px;float: left;}
.about-section h1{font-family: "Poppins", Sans-serif;font-size: 14px;font-weight: 600;letter-spacing: 2.5px;color: #0077a6;}
.about-section  h4{    font-size: 30px;float: left;width: 100%;  font-weight: 400;  color: #303030;  line-height: 1.25;}
.about-section p{       color: #333333;      font-family: "Poppins", Sans-serif;      line-height: 30px; font-size: 15px;      float: left;      width: 100%;}
    .about-section .elementor-column-gap-default {      width: 100%;      max-width: 100% !important;      padding-left: 110px;}
  .about-section p a{    font-family: "Poppins", Sans-serif;    font-size: 12px;    font-weight: 700;    float: left;    color: #0077a6;}
  .about-section p a:hover{  color: #50bcac;}
.elementor-section .elementor-container { display: -webkit-box; display: -webkit-flex;      display: -ms-flexbox;      display: flex;      margin-right: auto;      margin-left: auto; position: relative;}
.elementor-element-06278c35 { width: 50%; /* display: flex; */  float: left;  padding: 2% 5% 2% 0% ;}
h5{font-size: 30px !important;line-height: 40px !important;color: #0077a6;    font-family: "Poppins", Sans-serif;        font-weight: 300;    line-height: 1.4em;    letter-spacing: 1.5px;}
.who-we-are-section {   padding-top: 100px;    background-image: url(../images/Who-we-are-background.jpg);    background-repeat: no-repeat;position: relative;    background-color: #fff;    padding: 100px 0px 0px 0px;float: left;}
.who-we-are-section h1{font-family: "Poppins", Sans-serif;font-size: 14px;font-weight: 600;letter-spacing: 2.5px;color: #0077a6; }
.who-we-are-section  h4{    font-size: 30px;float: left;width: 100%; font-family: "Source Serif 4", serif;    font-weight: 400;  color: #303030;  line-height: 1.25;}
    .who-we-are-section p{     color: #333333;    font-family: "Poppins", Sans-serif;    line-height: 24px;    font-size: 13px;float: left;width: 100%;    font-weight: 300;}
.who-we-are-section .elementor-column-gap-default {    width: 100%;    max-width: 100% !important;  padding-left: 110px;}
.who-we-are-section p a{  font-family: "Poppins", Sans-serif;  font-size: 12px;  font-weight: 700;  float: left;  color: #0077a6;}
.who-we-are-section p a:hover{color: #50bcac;}
.elementor-section .elementor-container {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    margin-right: auto;    margin-left: auto;    position: relative;}
.elementor-element-populated {    padding: 60px 30px 60px;padding-right: 0px;padding-left: 0px;    background: #fff;    margin-bottom: 60px;float: left;    margin-top: 60px;}
.elementor-element-ab23e82 {    width: 37.986%;}
.elementor-element-ab23e83 {    width: 100%; float: left; margin: 2% 0;}
.elementor-element-95d010d { padding: 50px 0px 0px 0px;}
.elementor-element-06278c3 {  width: 50%;  /* display: flex; */  float: left;  padding: 2% 5%;}
.center-on{text-align: center;}
.elementor img { height: auto;    max-width: 100%;    border: none;    -webkit-border-radius: 0;    border-radius: 0;    -webkit-box-shadow: none;    box-shadow: none;}
.elementor-widget-image .elementor-image img { vertical-align: middle;    display: inline-block;}
.elementor-widget-wrap { display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;}
.elementor-image{display: block;  float: left;}
    .why-choose-us{      background-image: url(../images/why-Choose-us-background-1.jpg);     background-position: center center;   background-size: cover; float: left;      padding: 80px 30px 80px 30px;}
    .why-choose-us h2 {      font-family: "Poppins", Sans-serif;      font-size: 14px;      font-weight: 600;      letter-spacing: 2.5px;      color: #0077a6;      text-align: center;}
  .why-choose-us h4{  font-size: 30px;  font-weight: 400;  font-family: "Source Serif 4", serif; text-align: center;  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);  line-height: 1.25;     color: #fff; }
.why-choose-us ul{    width: 93%;  margin: 0 auto;  padding: 0;}
.why-choose-us ul li{    width: 23%;  margin: 1%;  list-style: none;  float: left;  border: 1px solid ;border-color: rgb(96, 191, 178, 0.4) !important;  border-radius: 1px 1px 1px 1px;  padding: 50px 20px 50px 20px;  height: 40vh;}
.why-choose-us ul li p{font-family: "Poppins", Sans-serif; text-align: center;    font-size: 14px;    line-height: 1.71;    font-weight: 300;    color: #FFFFFF;}
    .why-choose-us ul li h6{  color: #fff; text-align: center;    font-size: 20px;  font-family: "Source Serif 4", serif;  margin: 15px 0px 10px 0px;}
    .why-choose-us ul li img{margin: 0 auto; width: auto; display: block;}
    .why-choose-us ul li:hover{background: #50bcac; color:#fff !important}
    footer{  padding: 0;    float: left;    width: 100%;}
footer .wrap {    background-image: url(../images/footerbg.jpg); background-repeat: no-repeat;  padding: 80px 30px 80px 30px;    width: 100%;    height: 100%;    background-size: 100% 100%;    float: left;}
.footer{ width: 93%;  margin: 0 auto;  padding: 0;}
  .footer h5{ color:#50bcac; width: 100%; float: left;font-family: "Source Serif 4", serif;  font-size: 40px;}
  .footer-left{width: 70%; float: left;}
  .footer-left-1{width: 30%; float: left;}
  .footer-left-1 p  {text-align: left !important;}
  .footer-left-0{width: 30%; float: left;}
  .footer-left-0 p  {text-align: right !important; font-family: "Poppins", Sans-serif;  font-size: 13px;   font-weight: 300;    color: #fff;}
  .footer-left-0 p a{font-family: "Poppins", Sans-serif !important; font-weight: 300; font-size: 13px;}
  .footer p{   font-family: "Poppins", Sans-serif;    font-size: 11px;    text-align: left;    font-weight: 300;color: #fff;    }
.footer-left-0 p{text-align: right !important;  font-size: 13px; font-weight: 300;  color: #fff; width:105%;}
.footer-left-0 p  a{   font-size: 13px !important;  color: #fff;}
footer ul li a {  text-decoration: none;  color: #fff;  transition: all 0.5s ease;  font-family: "Poppins", Sans-serif;  font-size: 12px;  font-weight: 400;}
footer ul li a:hover{    color: #50bcac;}
.footer-main-3 ul li{width: 33%; float: left;}
.footer p span{font-size: 13px;}
.footer p a{font-size: 24px;font-weight: 300;color: #fff;font-family: "Source Serif 4", serif;}
.footer-left1 p a{  font-size: 13px;  font-weight: 300;  color: #fff;}
.footer input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {    width: 100%;
    display: block;    font-size: 1rem;    letter-spacing: 0;    border: 1px solid #e1e1e1;    border-radius: 3px;    padding: 0.8rem 1.467rem;    background-color: #fff;    transition: all 0.3s ease;    margin: 0 0 10px 0;}
button[type="submit"]{ background-color: #0077a6;    border-color: #0077a6;    color: #fff;    padding: 1.3rem 2.1rem;    font-size: 0.733rem;    line-height: 1.818; border-radius: 3px;}
.footer-main{width: 100%;  float: left;  border-style: solid;  border-width: 1px 0px 0px 0px;  border-color: rgba(255, 255, 255, 0.2);  margin: 50px 0;  padding: 50px 0 0;}
.footer-main-3{width: 33%; float: left;}
.footer-main-3 ul{width: 33%; float: left;}
.footer-main-3 h4{    color: #50bcac;    font-family: "Poppins", Sans-serif;  font-size: 14px;  font-weight: 600;  text-transform: uppercase;  letter-spacing: 1px;} 
.footer-main-31{width: 33%; float: left;}
.footer-main-31 ul{width: 33%; float: left;}
.footer-main-31 ul li{width: 20%; float: left;}
.footer-main-31 h4{    color: #50bcac;    font-family: "Poppins", Sans-serif;  font-size: 14px;  font-weight: 600;  text-transform: uppercase;  letter-spacing: 1px;} 
  .footer-left-1 p a{  font-size: 11px;    font-weight: 300;    font-family: "Poppins", Sans-serif;   color: #fff;}
    .footer-left-1 p a :hover {    font-size: inherit;    color: #50bcac !important;    text-decoration: underline !important;}
.elementor-social-icon {     font-size: 25px;  text-align: center;  /*padding: .5em; */ margin-right: 5px;  cursor: pointer;}
.elementor-icon {  display: inline-block;  line-height: 1;  -webkit-transition: all .3s;  -o-transition: all .3s;  transition: all .3s;  color: #818a91;  font-size: 50px;  text-align: center;}
.elementor-social-icon-facebook, .elementor-social-icon-facebook-f {/* background-color: #3b5998;*/}
.elementor-161 .elementor-element.elementor-element-b31b474 .elementor-social-icon:not(:hover) { background-color: rgba(0, 0, 0, 0);}
.elementor-161 .elementor-element.elementor-element-b31b474 .elementor-social-icon {  font-size: 14px;}
.elementor-shape-rounded .elementor-icon.elementor-social-icon {-webkit-border-radius: 10%; border-radius: 10%;}
.elementor a { -webkit-box-shadow: none; box-shadow: none; text-decoration: none;}
.elementor-screen-only, .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {  position: absolute;  top: -10000em;  width: 1px;  height: 1px;  margin: -1px;  padding: 0;  overflow: hidden;  clip: rect(0, 0, 0, 0);  border: 0;}
.elementor-161 .elementor-element.elementor-element-b31b474 .elementor-social-icon {  font-size: 14px;}
.elementor-social-icon i {  color: #fff;}
.elementor-icon i, .elementor-icon svg {  width: 1em;  height: 1em;  position: relative;  display: block;}
.fa {  display: inline-block;  font: normal normal normal 14px / 1 FontAwesome;  font-size: inherit;  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.elementor-icon i:before, .elementor-icon svg:before {  position: absolute;  left: 50%;  -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);  transform: translateX(-50%);}
.fa-facebook-f:before, .fa-facebook:before {  content: "";}
.fa-facebook:before {  content: "\f09a";}
.footer-main-3 ul li{width: 100%;}
.modal {  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1050;  display: none;  outline: 0;}
.modal-dialog {  max-width: 500px;  margin: 30px auto;position: relative;width: auto;}
.modal-content {  position: relative;  display: flex;  background-color: #fff;  background-clip: padding-box;  box-shadow: 0 15px 40px #e3e3e3;  outline: 0;}
.flex-column, .modal-content {  flex-direction: column;}
#feedback_modal .modal-header {  justify-content: flex-end;  border-bottom: none;  padding-bottom: 0;}
.modal-header {  display: flex;  align-items: center;  padding: 15px;  border-bottom: 1px solid #e7e7e7;}
#feedback_modal .modal-body {  padding: 0 15px 15px;}
.modal-body { position: relative;  flex: 1 1 auto;  padding: 15px;}
div.wpcf7 .screen-reader-response {  position: absolute;  overflow: hidden;  clip: rect(1px, 1px, 1px, 1px);  height: 1px;  width: 1px;  margin: 0;  padding: 0;  border: 0;}
#feedback_modal h4 {  font-size: 24px;  line-height: 1.25;  font-weight: 400;  font-family: "DM Serif Display", -apple-system, BlinkMacSystemFont, Sans-serif;  padding-bottom: 10px;  padding-top: 0;}
.wpcf7 .wpcf7-form-control-wrap {  display: block;}
.wpcf7-form-control-wrap {  position: relative;}
.wpcf7 input[type=color], .wpcf7 input[type=date], .wpcf7 input[type=datetime-local], .wpcf7 input[type=datetime], .wpcf7 input[type=email], .wpcf7 input[type=month], .wpcf7 input[type=number], .wpcf7 input[type=password], .wpcf7 input[type=range], .wpcf7 input[type=search], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=time], .wpcf7 input[type=url], .wpcf7 input[type=week] {
  margin-bottom: 10px;background: #f5f5f5; border-width: 0;  margin-bottom: 30px;  padding: .8rem 1.467rem;}
.socialicons-innerwrap {  position: fixed;  top: 35%;  right: 10px;  z-index: 9;}
.socialicons-innerwrap .social-listing li {  margin: 5px 0;}
.socialicons-innerwrap .social-listing li {  list-style: none;}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {  display: block;  max-width: 100%;  height: auto;}
#feedback_modal .modal-header {  justify-content: flex-end;  border-bottom: none;  padding-bottom: 0;}
.modal-header {  display: flex;  align-items: center;  padding: 15px;  border-bottom: 1px solid #e7e7e7;}
#feedback_modal .wpcf7-form-control.wpcf7-submit {  padding: 8px 12px;  background-color: #0077a6;  border-color: #0077a6;  color: #fff;}
#feedback_modal .wpcf7-form-control {  font-size: 14px;}
.page-title-bar { background-image: url(../images/banner-09-1-copy.jpg);  background-color: #000000;  background-position: center top; position: relative;  z-index: 3;  border-width: 0;  background-size: cover;}
.page-title-bar .wrap {  min-height: 400px;  padding: 30px 0;}
.w-100 {  width: 100%;}
.align-items-center {  align-items: center;}
.page-title-bar .page-title-bar-inner {  display: flex;  flex-direction: column;  justify-content: center;  align-self: stretch;  flex-grow: 1;}
.page-header {  padding-bottom: 0 !important;  border-bottom: none !important;  margin: 100px 0 20px !important;}
.page-header, .page-title {  max-width: 100%;}
.page-title-bar .page-title.typo-heading {  max-width: none;}
h2.page-title.typo-heading {  font-size: 44px;}
h2.page-title.typo-heading {  font-size: 36px; font-family: "Source Serif 4", serif;}
.page-title-bar .page-title {  max-width: 550px;  line-height: 1.3;   max-width: 100%;  color: #ffffff;  margin: 0;  padding: 0;  text-align: center;  max-width: 850px;}
.post-type-archive-osf_portfolio  { background: url(../images/project.jpg) !important; background-size: cover !important;}
.page-title-bar-contact {  background-image: url(../images/contact-us.jpg);}
.page-title-bar-media-centre {  background-image: url(../images/media-centre.jpg);}
.page-title-bar-gallery {  background-image: url(../images/media-centre.jpg);}
.page-title-bar-careers {  background-image: url(../images/careers-banner.jpg);}
.page-title-bar-leadership {  background-image: url(../images/about-us-banner.jpg);}
.page-title-bar-investor-corner {  background-image: url(../images/invest.jpg);}
.page-title-bar-csr {  background-image: url(../images/csr-banner.jpg);}
.page-title-bar-blog { background: url(../images/pilani-blog-banner.jpg);}
.page-title-bar-privacy-policy {  background-image: url(../images/privacy-policy-banner.jpg);}
.page-title-bar-disclaimer {  background-image: url(../images/privacy-policy-banner.jpg);}
.main-on-00{width: 60%; margin: 0 auto;}
.main-on{width: 100%; float: left;}
.main-first{width: 50%;  float: left;  padding: 2%;}
.main-first h3{     color: #222222;  font-size: 32px;  line-height: 1em;  padding: 40px 0 20px 0px;}
    .main-first img{width: 100%;}
 .main-first h5{     color: #333333;    font-family: "Poppins", Sans-serif;    font-size: 16px !important;    line-height: 1em;}
    .main-first p{    color: #333333;      font-family: "Poppins", Sans-serif;      font-size: 16px;      font-weight: 300;      line-height: 1.5em;}
      .timeline-wholewrap{width: 100%; float: left;margin: 100px 0; }
      .timeline-innerwrap{width: 70%; margin: 0 auto;}
      .timeline-innerwrap h3{color: #0077a6;  font-family: "Poppins", Sans-serif;        font-size: 14px;        font-weight: 600;        text-transform: uppercase;        padding: 0px 0px 10px 0px;        text-align: center;        margin: 0px;}
      .timeline-innerwrap h4{ text-align: center;}
.contact-section {width: 100%;          padding-top: 100px;}
          .site-content-contain {            position: relative;            overflow: hidden;            z-index: 2;}
        #content{ max-width: 1320px;} 
        .site-content:before{          content: "";          display: table;          table-layout: fixed;}
      #primary {        max-width: 100%;    }
    .elementor-page-4060 #primary #main .box {      min-height: 160px !important;}
  #primary #main .box:hover {      background: #0077a6 !important;}
  #primary #main .box:hover {      background: #0077a6;}
  #primary #main .box {      min-height: 255px;      margin-bottom: 30px;  }
  .box {      border-radius: 3px 3px 3px 3px; box-shadow: 0 3px 43px 0 rgba(0, 0, 0, .1);  padding: 30px 40px 40px;      transition: all .3s ease;}
  #primary #main .box:hover a h4 {    color: #fff;}
#primary #main .box a h4 {    color: #131313;}
#main .box {  min-height: 160px !important;}
.site-content {    margin: 0 auto;  padding: 4.5em 0;}
[data-elementor-columns="3"] .column-item {display: flex;  flex-wrap: wrap;  flex: 0 0 33.33333%;  max-width: 33.33333%;}
.row, body.opal-default-content-layout-2cr #content .wrap, body.opal-content-layout-2cl #content .wrap, body.opal-content-layout-2cr #content .wrap, [data-opal-columns], .opal-archive-style-4.blog .site-main, .opal-archive-style-4.archive .site-main, .site-footer .widget-area, .comment-form, .widget .gallery, .elementor-element .gallery, .entry-gallery .gallery, .single .gallery, [data-elementor-columns], .project-group, .form-project {  margin-right: -15px;  margin-left: -15px;}
.comment-form, .elementor-element .gallery, .entry-gallery .gallery, .form-project, .opal-archive-style-4.archive .site-main, .opal-archive-style-4.blog .site-main, .project-group, .row, .single .gallery, .site-footer .widget-area, .widget .gallery, [data-elementor-columns], [data-opal-columns], body.opal-content-layout-2cl #content .wrap, body.opal-content-layout-2cr #content .wrap, body.opal-default-content-layout-2cr #content .wrap {  display: flex;  flex-wrap: wrap;  margin-right: -15px;  margin-left: -15px;}
.elementor-awards-wrapper.awards-style-2 .elementor-content-item-inner {  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .07);  border-radius: 3px;  overflow: hidden;}
.elementor-awards-wrapper .column-item {  margin-bottom: 30px;    float: left;}
.col-1, .col-2, [data-elementor-columns-mobile="6"] .column-item, .col-3, [data-elementor-columns-mobile="4"] .column-item, .col-4, [data-elementor-columns-mobile="3"] .column-item, .col-5, .col-6, [data-elementor-columns-mobile="2"] .column-item, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .related-posts .column-item, .opal-default-content-layout-2cr .related-posts .column-item, .opal-content-layout-2cr .related-posts .column-item, .opal-content-layout-2cl .related-posts .column-item, .site-footer .widget-area .widget-column, .comment-form > p, .comment-form > .comment-form-rating, .widget .gallery-columns-1 .gallery-item, .elementor-element .gallery-columns-1 .gallery-item, .entry-gallery .gallery-columns-1 .gallery-item, .single .gallery-columns-1 .gallery-item, [data-elementor-columns-mobile="1"] .column-item, .col, body #secondary, .column-item, .col-auto, .col-sm-1, [data-opal-columns="12"] .column-item, .col-sm-2, [data-opal-columns="6"] .column-item, .col-sm-3, [data-opal-columns="4"] .column-item, .col-sm-4, [data-opal-columns="3"] .column-item, .comment-form .comment-form-email, .comment-form .comment-form-url, .comment-form .comment-form-author, .widget .gallery-columns-6 .gallery-item, .elementor-element .gallery-columns-6 .gallery-item, .entry-gallery .gallery-columns-6 .gallery-item, .single .gallery-columns-6 .gallery-item, .col-sm-5, .col-sm-6, [data-opal-columns="2"] .column-item, .opal-archive-style-2 .column-item, .opal-archive-style-5 .column-item, .opal-archive-style-4 .column-item, .opal-archive-style-3 .column-item, .widget .gallery-columns-2 .gallery-item, .elementor-element .gallery-columns-2 .gallery-item, .entry-gallery .gallery-columns-2 .gallery-item, .single .gallery-columns-2 .gallery-item, .widget .gallery-columns-3 .gallery-item, .elementor-element .gallery-columns-3 .gallery-item, .entry-gallery .gallery-columns-3 .gallery-item, .single .gallery-columns-3 .gallery-item, .widget .gallery-columns-4 .gallery-item, .elementor-element .gallery-columns-4 .gallery-item, .entry-gallery .gallery-columns-4 .gallery-item, .single .gallery-columns-4 .gallery-item, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, [data-opal-columns="1"] .column-item, .opal-archive-style-2.opal-content-layout-2cr .column-item, .opal-archive-style-5.opal-content-layout-2cr .column-item, .opal-archive-style-4.opal-content-layout-2cr .column-item, .opal-archive-style-3.opal-content-layout-2cr .column-item, .elementor-widget-opal-image-hotspots .opal-image-hotspots-accordion, .elementor-widget-opal-image-hotspots .opal-image-hotspots-accordion + .opal-image-hotspots-container, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, [data-elementor-columns-tablet="6"] .column-item, .col-md-3, [data-elementor-columns-tablet="4"] .column-item, .col-md-4, [data-elementor-columns-tablet="3"] .column-item, .col-md-5, .col-md-6, [data-elementor-columns-tablet="2"] .column-item, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, [data-elementor-columns-tablet="1"] .column-item, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, [data-elementor-columns="6"] .column-item, .col-lg-3, [data-elementor-columns="4"] .column-item, .col-lg-4, [data-elementor-columns="3"] .column-item, .col-lg-5, .col-lg-6, [data-elementor-columns="2"] .column-item, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, [data-elementor-columns="1"] .column-item, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 15px;    padding-left: 15px;}
    .elementor-awards-wrapper.awards-style-2 .elementor_awards_image {      border-radius: 3px;      overflow: hidden;      margin-bottom: 0;      position: relative;      transition: all .3s ease;  }
  .elementor-awards-wrapper .elementor_awards_image {      line-height: 1;      margin-bottom: 10px;      font-size: 62px;      font-size: 4.13333rem;}
  .elementor-awards-wrapper.awards-style-2 .awards_icon_overlay {    position: absolute;    top: 50%;    left: 50%;    opacity: 0;    transform: translate(-50%, -50%);    transition: inherit;}
.elementor-538 .elementor-element.elementor-element-af8cd44 {  text-align: center;}
.elementor-widget-wrap>.elementor-element {  width: 100%;}
.elementor-widget {  position: relative;}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;}
.elementor-widget-wrap {  position: relative;  width: 100%;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-align-content: flex-start;  -ms-flex-line-pack: start;  align-content: flex-start;}
.opal-icon-award:before {  content: "";}
.elementor-menu-toggle.elementor-active i:before, .elementor-menu-toggle i:before, .elementor-nav-menu--indicator-chevron_right .elementor-nav-menu .sub-arrow:before, .elementor-widget-opal-search-form .fa-search:before, .more-link-wrap a:before, .opal-icon, .owl-theme.owl-carousel .owl-nav [class*="owl-"]:before, .owl-theme .products .owl-nav [class*="owl-"]:before, .title-with-icon:before, .wp-block-quote:before, [class*="opal-icon-"]:before {
  font-family: opal-icon;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  font-style: normal;  font-variant: normal;  font-weight: 400;  text-decoration: none;  text-transform: none;}
.row, body.opal-default-content-layout-2cr #content .wrap, body.opal-content-layout-2cl #content .wrap, body.opal-content-layout-2cr #content .wrap, [data-opal-columns], .opal-archive-style-4.blog .site-main, .opal-archive-style-4.archive .site-main, .site-footer .widget-area, .comment-form, .widget .gallery, .elementor-element .gallery, .entry-gallery .gallery, .single .gallery, [data-elementor-columns], .project-group, .form-project {   margin-right: -15px;  margin-left: -15px; }
.comment-form, .elementor-element .gallery, .entry-gallery .gallery, .form-project, .opal-archive-style-4.archive .site-main, .opal-archive-style-4.blog .site-main, .project-group, .row, .single .gallery, .site-footer .widget-area, .widget .gallery, [data-elementor-columns], [data-opal-columns], body.opal-content-layout-2cl #content .wrap, body.opal-content-layout-2cr #content .wrap, body.opal-default-content-layout-2cr #content .wrap {  display: flex;    flex-wrap: wrap;    margin-right: -15px;    margin-left: -15px;}
.elementor-538 .elementor-element.elementor-element-af8cd44 {  text-align: center;}
.elementor-widget-wrap .elementor-widget-container {  border-color: rgb(255, 154, 0, 0.4) !important;}
.elementor-element .elementor-widget-container {-webkit-transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;  transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;  -o-transition: background .3s, border .3s, border-radius .3s, box-shadow .3s; transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;  transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;}
.elementor-widget-wrap {  position: relative;  width: 100%;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-align-content: flex-start;  -ms-flex-line-pack: start;  align-content: flex-start;}
.btn-link, .elementor-element .elementor-button-link .elementor-button, .button-link, .more-link-wrap a, .elementor-wpcf7-button-link input[type="button"][type="submit"], .elementor-wpcf7-button-link input[type="submit"], .elementor-wpcf7-button-link button[type="submit"], .mailchimp-button-link button, .mailchimp-button-link button[type="submit"], .button-underline, .elementor-element .elementor-button-underline .elementor-button, .wp-block-quote:before, .main-navigation .top-menu > li.current-menu-item a, .main-navigation .top-menu > li > a:hover, .mainmenu-container ul ul .menu-item > a:hover, .mainmenu-container ul ul .menu-item > a:active, .mainmenu-container ul ul .menu-item > a:focus, .mainmenu-container li.current-menu-parent > a, .mainmenu-container .menu-item > a:hover, .menu-toggle, .site-header .header-group .search-submit:hover, .site-header .header-group .search-submit:focus, .entry-meta a:hover, .more-link, .pbr-social-share a:hover, .single .navigation .nav-title, .error404 .error-404 .error-title, .breadcrumb a:hover, .breadcrumb a:hover span, .comment-author a:hover, .comment-metadata a:hover, .comment-reply-link, .elementor-element .elementor-widget-wp-widget-recent-posts .title-post a:hover, .widget a:hover, .widget a:focus, .widget.widget_archive a:hover, .widget.widget_archive a:focus, .widget.widget_categories a:hover, .widget.widget_categories a:focus, .widget.widget_nav_menu a:hover, .widget.widget_nav_menu a:focus, .widget.widget_meta a:hover, .widget.widget_meta a:focus, .widget.widget_pages a:hover, .widget.widget_pages a:focus, .title-with-icon:before, .widget_nav_menu a:hover, .widget_meta a:hover, .widget_pages a:hover, .widget_archive a:hover, .widget_categories a:hover, .widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget.widget_tag_cloud a:hover, .widget.widget_tag_cloud a:focus, .button-outline-primary, .elementor-wpcf7-button-outline_primary input[type="button"], .elementor-wpcf7-button-outline_primary input[type="submit"], .elementor-wpcf7-button-outline_primary button[type="submit"], .mailchimp-button-outline_primary button, .mailchimp-button-outline_primary button[type="submit"], .elementor-element .elementor-button-outline_primary .elementor-button, .c-primary, .navigation-button .menu-toggle:hover, .navigation-button .menu-toggle:focus, .entry-header .entry-title a:hover, .entry-content blockquote cite a:hover, .site-header-account .account-dropdown a.register-link, .site-header-account .account-dropdown a.lostpass-link, .site-header-account .account-links-menu li a:hover, .site-header-account .account-dashboard li a:hover, .comment-form a:hover, .wp_widget_tag_cloud a:hover, .wp_widget_tag_cloud a:focus, #secondary .elementor-widget-container h5:first-of-type, .elementor-nav-menu-popup .mfp-close, #secondary .elementor-widget-wp-widget-recent-posts a, .elementor-accordion .elementor-tab-title.elementor-active, .elementor-awards-wrapper .elementor_awards_image, .elementor-awards-wrapper .elementor-years, .contactform-content .form-title, .elementor-widget-call-to-action.elementor-button-default .elementor-cta__button:hover, .elementor-widget-opal-countdown .elementor-countdown-digits, .elementor-counter .elementor-counter-number-wrapper span, .elementor-featured-box-wrapper i, .elementor-widget-heading .sub-title, .elementor-widget-icon-box.elementor-view-framed:hover .elementor-icon, .elementor-widget-icon-box.elementor-view-framed:not(:hover) .elementor-icon, .elementor-widget-icon-box.elementor-view-default:hover .elementor-icon, .elementor-widget-icon-box.elementor-view-default:not(:hover) .elementor-icon, .elementor-widget-icon-box:hover .elementor-icon-box-title, .elementor-widget.elementor-widget-icon-list .elementor-icon-list-item:not(:hover) i, .elementor-widget.elementor-widget-icon-list .elementor-icon-list-item:not(:hover) .elementor-icon-list-text, .elementor-widget.elementor-widget-icon-list .elementor-icon-list-item:hover i, .elementor-widget.elementor-widget-icon-list .elementor-icon-list-item:hover .elementor-icon-list-text, .elementor-widget-icon.elementor-view-default .elementor-icon, .elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-opal-image-hotspots .elementor-accordion .elementor-tab-title.elementor-active, .mailchimp-button-default .mc4wp-form-fields button[type="submit"]:hover, .elementor-nav-menu--main.elementor-nav-menu--layout-horizontal .elementor-nav-menu a.elementor-sub-item.elementor-item-active, .elementor-nav-menu--main .elementor-item.highlighted, .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-nav-menu--main .elementor-item:hover, .elementor-nav-menu--main .elementor-item:focus, .elementor-nav-menu--main .current-menu-ancestor .elementor-item.has-submenu, .elementor-nav-menu--main .current-menu-item .elementor-item, .elementor-nav-menu--popup .elementor-item.highlighted, .elementor-nav-menu--popup .elementor-item.elementor-item-active, .elementor-nav-menu--popup .elementor-item:hover, .elementor-nav-menu--popup .elementor-item:focus, .elementor-nav-menu--popup .elementor-nav-menu--dropdown a:hover, .elementor-nav-menu--popup .elementor-nav-menu--dropdown a.highlighted, .elementor-nav-menu--dropdown:not(.mega-menu) a:hover, .elementor-nav-menu--dropdown:not(.mega-menu) a.highlighted, .elementor-nav-menu--dropdown:not(.mega-menu) a.has-submenu, .elementor-menu-toggle:hover i, .elementor-menu-toggle:hover .menu-toggle-title, .elementor-phone i, .elementor-phone .elementor-phone-title, .elementor-phone .elementor-phone-subtitle, .portfolio .portfolio-content .entry-title a:hover, .portfolio .entry-category a:hover, .elementor-portfolio-style-overlay .portfolio .portfolio-content .entry-category a:hover, .elementor-portfolio__filter:hover, .elementor-widget-opal-post-grid .column-item .entry-meta .posted-author a:hover, .elementor-button-default .elementor-button, .elementor-search-form .elementor-search-form__submit:hover, .elementor-search-form--skin-full_screen .elementor-search-form__toggle:hover, .elementor-widget-social-icons.elementor-social-custom .elementor-social-icon:hover i, .elementor-teams-wrapper .elementor-team-job, .elementor-teams-wrapper .team-icon-socials li:hover a, .elementor-video-icon {   color: #0077a6;}
body.blog.opal-content-layout-2cl #primary .site-main, body.blog.opal-content-layout-2cr #primary .site-main, body.blog.opal-default-content-layout-2cr #primary .site-main, body.category.opal-content-layout-2cl #primary .site-main, body.category.opal-content-layout-2cr #primary .site-main, body.category.opal-default-content-layout-2cr #primary .site-main, body.date.opal-content-layout-2cl #primary .site-main, body.date.opal-content-layout-2cr #primary .site-main, body.date.opal-default-content-layout-2cr #primary .site-main {
  z-index: 99;  position: relative;}
.entry-categories {  font-size: 10px;  font-size: 0.66667rem;  letter-spacing: 0.5px;  margin-bottom: 0.6rem;  text-transform: uppercase;  font-weight: 500;}
.entry-header .entry-title:not(:first-child) {  padding-top: 0;}
.entry-header .entry-title {  margin-bottom: 0.27em;  line-height: 1.3;}
h3.entry-title {  font-size: 2.5rem;color: #173e62;}
.blog .entry-header .entry-title a {  color: #0077a6;}
.entry-header .entry-title a {  color: #0077a6;}
.post-inner a {  color: #0077a6;}
 .archive .entry-header, .blog .entry-header, .search .entry-header { padding-top: 30px;  border-bottom: 1px solid #e1e1e1;  margin-bottom: 25px;  padding-bottom: 30px;  display: block;}
 .post-content-wrap {  position: relative;  padding: 0 40px;  border-radius: 3px;  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04);}
.archive article:last-child, .blog article:last-child, .search article:last-child {margin-bottom: 0;  border-bottom: none;}
.post-inner {  display: flex;  flex-direction: column;}
.elementor-2662 .elementor-element.elementor-element-3743e6a.elementor-widget-heading .elementor-heading-title {  color: #222222; font-size: 2.66667rem;}
p a{color: #555;}
.pads{padding: 20px 0;}
.careers{font-size: 2.66667rem;}
.elementor-element-41a4f00 {  padding: 200px 0px 50px 0px;  text-align: center;font-family: "Source Serif 4", serif;}
.elementor-element-41a4f000{  padding: 100px 0px 90px 0px;  text-align: center;}
.bigb-four{width: 70%;  margin: 0 auto 50px;}
  .our-presence{width:100%; float: left; }
  .our-presence ul{width: 90%; margin: 0 auto; list-style: none;}
  .our-presence ul li{width: 23%; float: left; padding: 1%; margin: 1%;}
  .our-presence ul li img{margin: 0 auto;}
  .our-presence ul li p{ text-align: center;}
 .main-middle{width: 80%; margin: 0 auto; text-align: center;}
 .main-middle ul{width: 100%; float: left; padding: 0; list-style:none }
 .main-middle ul li {width: 31%; float: left; margin: 0 1% 0;padding: 0;}
 .main-middle ul li img{margin: 0 auto; display: block;}
 .main-on-csr{    width: 50%;  float: none;  margin: 50px auto;  padding: 30px;  box-shadow: 3px 3px 10px 0px #dedede;}
  .main-on-csr img{width: 100%;}
  .main-on-csr h3{font-size: 25px; padding: 20px 0 0 0;}
  .main-on-csr p{font-size: 15px;}
  .column-item.portfolio-entries {    margin-bottom: 30px;float: left;}
.portfolio-style2 {  border-radius: 3px;  box-shadow: 0 7px 35px 0 rgba(0, 0, 0, 0.07);}
.archive article:last-child, .blog article:last-child, .search article:last-child {  margin-bottom: 0;  border-bottom: none;}
article.type-osf_portfolio {  padding-bottom: 0;  width: 100%;  display: block;}
.portfolio .portfolio-inner {  transition: all .3s cubic-bezier(.645,.045,.355,1);  border-radius: 5px;  overflow: hidden;}
.portfolio .portfolio-inner {/*  min-height: 625px !important;*/}
.portfolio .portfolio-content {  text-align: center;  padding: 25px 20px;color: #173e62;}
.portfolio-style2 .portfolio-content { padding: 20px 40px 40px !important;}
.portfolio .portfolio-content .entry-title a, .elementor-price-table__currency, .elementor-price-table__integer-part, .elementor-price-table__feature-inner span.item-active, .elementor-price-table__period, .elementor-progress-percentage, .elementor-widget-progress .elementor-title, .elementor-teams-wrapper .elementor-team-name, .entry-title a, .single-portfolio-menu a{color: #173e62;}
.portfolio-style2 .portfolio-content .portfolio-content-inner {  color: #7d7d7d;  font-family: "Poppins", Sans-serif;  text-align: left;}
ul.portfolio-list {  list-style: none;  margin: 20px 0 0;  padding: 0;}
ul.portfolio-list li {  display: flex;  -ms-flex-pack: justify;  justify-content: space-between;  -ms-flex-align: center;  align-items: center;  border-bottom: 1px solid rgba(0, 0, 0, 0.05);  padding: 5px 0;}
ul.portfolio-list li label {  min-width: 86px !important;}
ul.portfolio-list li label {  font-weight: 600;  margin-bottom: 0;  color: #262e3b;  font-family: "Poppins", Sans-serif;  font-size: 12px;}
label {  color: #173e62;  display: block;  font-weight: 400;  margin-bottom: 1.5rem;  font-size: 14px;  font-size: 0.93333rem;}
.entry-title, ul.portfolio-list li p {  margin-bottom: 0;}
.comment-form, .elementor-element .gallery, .entry-gallery .gallery, .form-project, .opal-archive-style-4.archive .site-main, .opal-archive-style-4.blog .site-main, .project-group, .row, .single .gallery, .site-footer .widget-area, .widget .gallery, [data-elementor-columns], [data-opal-columns], body.opal-content-layout-2cl #content .wrap, body.opal-content-layout-2cr #content .wrap, body.opal-default-content-layout-2cr #content .wrap {  display: flex;  flex-wrap: wrap;  margin-right: -15px;  margin-left: -15px;}
.row, body.opal-default-content-layout-2cr #content .wrap, body.opal-content-layout-2cl #content .wrap, body.opal-content-layout-2cr #content .wrap, [data-opal-columns], .opal-archive-style-4.blog .site-main, .opal-archive-style-4.archive .site-main, .site-footer .widget-area, .comment-form, .widget .gallery, .elementor-element .gallery, .entry-gallery .gallery, .single .gallery, [data-elementor-columns], .project-group, .form-project {  margin-right: -15px;  margin-left: -15px;}
 

@media only screen and (min-width: 1701px) and (max-width: 1800px) {
.elementor-column-gap-default {  width: 100%;  max-width: 100% !important;  padding-left: 30px !important;}
.elementor-image {  display: block;  float: left;  width: 50%;}
.who-we-are-section p {  color: #333333;  font-family: "Poppins", Sans-serif;  line-height: 30px;  font-size: 16px;  float: left;  width: 100%;  font-weight: 300;}
.elementor-element-06278c3 {  width: 50%;  /* display: flex; */  float: left;  padding: 0% 5%;}
.who-we-are-section h4 {  font-size: 20px;  float: left;  width: 100%; line-height: 1.25;}
.text-on {  position: absolute;  z-index: 9;  top: 7%;  left: 5%;}
.video-cover {  position: relative;  height: 100vh;  display: block;}
.why-choose-us ul li {  width: 23%; margin: 1%; list-style: none;  float: left;  border: 1px solid;  border-color: rgb(96, 191, 178, 0.4) !important;  border-radius: 1px 1px 1px 1px;  padding: 50px 20px 50px 20px;  height: 76vh !important;}
.footer-left {  width: 65%; float: left;}
.elementor-element-ab23e83 {  width: 100%;  float: left;  margin: 2% 0;}
}

@media only screen and (min-width: 1601px) and (max-width: 1700px) {
.elementor-column-gap-default {  width: 100%; max-width: 100% !important; padding-left: 30px !important; }
.elementor-image { display: block; float: left;  width: 50%; }
.who-we-are-section p {  color: #333333;  line-height: 30px; font-size: 16px; float: left;   font-weight: 300;}
.elementor-element-06278c3 {          width: 50%;          /* display: flex; */          float: left;          padding: 0% 5%;}
.who-we-are-section h4 {  font-size: 20px;float: left; width: 100%; font-family: "Source Serif 4", serif;font-weight: 400;  color: #303030; line-height: 1.25;}
.text-on {          position: absolute;          z-index: 9;          top: 7%;          left: 5%;}
.video-cover { position: relative;height:100vh; display: block;}
.why-choose-us ul li {width:23%;margin:1%;list-style:none; float:left;border:1px solid;border-color:rgb(96, 191, 178, 0.4)!important;border-radius:1px;padding: 50px 20px;height: 46vh; }
.footer-left { width: 65%; float: left; }
.elementor-element-ab23e83 {  width: 100%;  float: left; margin: 2% 0;}
}

@media only screen and (min-width: 1501px) and (max-width: 1600px) {
.elementor-column-gap-default {
          width: 100%;
          max-width: 100% !important;
          padding-left: 30px !important;
      }
  
      .elementor-image {
          display: block;
          float: left;
          width: 50%;
      }
  
      .who-we-are-section p {
          color: #333333;
          font-family: "Poppins", Sans-serif;
          line-height: 20px;
          font-size: 15px;
          float: left;
          width: 100%;
          font-weight: 300;
      }
  
      .elementor-element-06278c3 {
          width: 50%;
          /* display: flex; */
          float: left;
          padding: 0% 5%;
      }
.who-we-are-section h4 {
          font-size: 20px;
          float: left;
          width: 100%;
          font-family: "Source Serif 4", serif;
          font-weight: 400;
          color: #303030;
          line-height: 1.25;
      }
 .text-on {
          position: absolute;
          z-index: 9;
          top: 7%;
          left: 5%;
      }
.video-cover {
          position: relative;
          height: 100vh;
          display: block;
      }
.why-choose-us ul li {
          width: 23%;
          margin: 1%;
          list-style: none;
          float: left;
          border: 1px solid;
          border-color: rgb(96, 191, 178, 0.4) !important;
          border-radius: 1px 1px 1px 1px;
          padding: 50px 20px 50px 20px;
          height: 80vh;
          }
.footer-left { width: 65%; float: left; }
.careers { font-size: 20px;}
.elementor-element-ab23e83 {width: 100%; float: left;  margin: 2% 0; }

  }

@media only screen and (min-width: 1401px) and (max-width: 1500px) {
.elementor-column-gap-default {
  width: 100%;
  max-width: 100% !important;
  padding-left: 30px !important;
}

.elementor-image {
  display: block;
  float: left;
  width: 50%;
}

.who-we-are-section p {
  color: #333333;
  font-family: "Poppins", Sans-serif;
  line-height: 20px;
  font-size: 14px;
  float: left;
  width: 100%;
  font-weight: 300;
}

.elementor-element-06278c3 {
  width: 50%;
  /* display: flex; */
  float: left;
  padding: 0% 5%;
}

.who-we-are-section h4 {
  font-size: 20px;
  float: left;
  width: 100%;
  font-family: "Source Serif 4", serif;
  font-weight: 400;
  color: #303030;
  line-height: 1.25;
}


.text-on {
  position: absolute;
  z-index: 9;
  top: 7%;
  left: 5%;
}


.video-cover {
  position: relative;
  height: 100vh;
  display: block;
}


.why-choose-us ul li {
  width: 23%;
  margin: 1%;
  list-style: none;
  float: left;
  border: 1px solid;
  border-color: rgb(96, 191, 178, 0.4) !important;
  border-radius: 1px 1px 1px 1px;
  padding: 50px 20px 50px 20px;
  height: auto;
}


.footer-left {
  width: 65%;
  float: left;
}

h5 {
font-size: 20px !important;
line-height: 30px !important;
color: #0077a6;
font-family: "Poppins", Sans-serif;
font-weight: 300;
line-height: 1.4em;
letter-spacing: 0.5px;
}

.about-section h4 {
font-size: 20px;
float: left;
width: 100%;
font-weight: 400;
color: #303030;
line-height: 1.25;
}

.about-section p {
color: #333333;
font-family: "Poppins", Sans-serif;
line-height: 25px;
font-size: 14px;
float: left;
width: 100%;
}

.main-first h3 {
color: #222222;
font-size: 20px;
line-height: 1em;
padding: 0px 0 0px 0px;
}



    #content {
      max-width: 1200px;
  }
  .site-content {
      margin: 0 auto;
      padding: 4.5em 0;
  }
  

.careers {
font-size: 20px;

}
.elementor-element-ab23e83 {
  width: 100%;
  float: left;
  margin: 2% 0;
}

}

@media only screen and (min-width: 1301px) and (max-width: 1400px) {
.elementor-column-gap-default {
    width: 100%;
    max-width: 100% !important;
    padding-left: 30px !important;
}
.elementor-image {    display: block;    float: left;    width: 50%;}
.who-we-are-section p {    color: #333333;    font-family: "Poppins", Sans-serif;    line-height: 20px;    font-size: 13px;    float: left;    width: 100%;    font-weight: 300;}
.elementor-element-06278c3 {    width: 50%;    /* display: flex; */   float: left;    padding: 0% 5%;}
.who-we-are-section h4 {    font-size: 20px;    float: left;    width: 100%;    font-family: "Source Serif 4", serif;    font-weight: 400;    color: #303030;    line-height: 1.25;}
.text-on {    position: absolute;    z-index: 9;    top: 7%; left: 5%;}
.video-cover {    position: relative;    height: 100vh;    display: block;}
.why-choose-us ul li {    width: 23%;    margin: 1%;    list-style: none;float: left;    border: 1px solid;    border-color: rgb(96, 191, 178, 0.4) !important;    border-radius: 1px 1px 1px 1px;    padding: 50px 20px 50px 20px;   height: 80vh;}
.footer-left {    width: 65%;    float: left;}
h5 {font-size: 20px !important;line-height: 30px !important;color: #0077a6;font-family: "Poppins", Sans-serif;font-weight: 300;line-height: 1.4em;letter-spacing: 0.5px;}
.about-section h4 {font-size: 20px;float: left;width: 100%;font-weight: 400;color: #303030;line-height: 1.25;}
.about-section p {color: #333333;font-family: "Poppins", Sans-serif;line-height: 25px;font-size: 14px;float: left;width: 100%;}
.main-first h3 {color: #222222;font-size: 20px;line-height: 1em;padding: 0px 0 0px 0px;}
 #content {   max-width: 1150px; }
.site-content { margin: 0 auto;   padding: 4.5em 0;}
.careers {  font-size: 20px; }
.elementor-element-ab23e83 { width: 100%; float: left;   margin: 2% 0; }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
.elementor-column-gap-default {
    width: 100%;
    max-width: 100% !important;
    padding-left: 30px !important;
}

.elementor-image {
    display: block;
    float: left;
    width: 50%;
}

.who-we-are-section p {
    color: #333333;
    font-family: "Poppins", Sans-serif;
    line-height: 20px;
    font-size: 13px;
    float: left;
    width: 100%;
    font-weight: 300;
}

.elementor-element-06278c3 {
    width: 50%;
    /* display: flex; */
    float: left;
    padding: 0% 5%;
}

.who-we-are-section h4 {
    font-size: 20px;
    float: left;
    width: 100%;
    font-family: "Source Serif 4", serif;
    font-weight: 400;
    color: #303030;
    line-height: 1.25;
}


.text-on {
    position: absolute;
    z-index: 9;
    top: 7%;
    left: 5%;
}


.video-cover {
    position: relative;
    
    display: block;
}


.why-choose-us ul li {
    width: 23%;
    margin: 1%;
    list-style: none;
    float: left;
    border: 1px solid;
    border-color: rgb(96, 191, 178, 0.4) !important;
    border-radius: 1px 1px 1px 1px;
    padding: 50px 20px 50px 20px;
    height:100vh;
}


.footer-left {
    width: 65%;
    float: left;
}


h5 {
font-size: 20px !important;
line-height: 30px !important;
color: #0077a6;
font-family: "Poppins", Sans-serif;
font-weight: 300;
line-height: 1.4em;
letter-spacing: 0.5px;
}

.about-section h4 {
font-size: 20px;
float: left;
width: 100%;
font-weight: 400;
color: #303030;
line-height: 1.25;
}

.about-section p {
color: #333333;
font-family: "Poppins", Sans-serif;
line-height: 20px;
font-size: 14px;
float: left;
width: 100%;
}

.main-first h3 {
color: #222222;
font-size: 20px;
line-height: 1em;
padding: 0px 0 0px 0px;
}
#content { max-width: 1080px; }
.site-content {  margin: 0 auto; padding: 4.5em 0;}
.careers {font-size: 20px;}
}

@media only screen and (min-width: 1001px) and (max-width: 1199px) {
.why-choose-us ul li img {  width: 40px;}

.footer input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { font-size: 0.7rem;} 
.why-choose-us ul li h6 { font-size: 16px;}
.elementor-column-gap-default {  width: 100%;  max-width: 100% !important;  padding-left: 30px !important;}
.why-choose-us ul li p {  font-size: 12px; line-height: 1.3;}
.elementor-image {  display: block;  float: left;  width: 50%;}
.who-we-are-section p {  color: #333333;  font-family: "Poppins", Sans-serif;  line-height: 20px;  font-size: 13px;  float: left;  width: 100%;  font-weight: 300;}
.elementor-element-06278c3 {
  width: 50%;
  /* display: flex; */
  float: left;
  padding: 0% 5%;
}
.who-we-are-section h4 {
  font-size: 20px;
  float: left;
  width: 100%;
  font-family: "Source Serif 4", serif;
  font-weight: 400;
  color: #303030;
  line-height: 1.25;
}
.text-on {
  position: absolute;
  z-index: 9;
  top: 7%;
  left: 5%;
}
.video-cover {  position: relative;  display: block;}
.why-choose-us ul li {
  width: 23%;
  margin: 1%;
  list-style: none;
  float: left;
  border: 1px solid;
  border-color: rgb(96, 191, 178, 0.4) !important;
  border-radius: 1px 1px 1px 1px;
  padding: 50px 20px 50px 20px;
  height: 100vh;}
.footer-left {  width: 65%; float: left;}


h5 {
  font-size: 20px !important;
  line-height: 30px !important;
  color: #0077a6;
  font-family: "Poppins", Sans-serif;
  font-weight: 300;
  line-height: 1.4em;
  letter-spacing: 0.5px;
}

.about-section h4 {
  font-size: 20px;
  float: left;
  width: 100%;
  font-weight: 400;
  color: #303030;
  line-height: 1.25;
}

.about-section p {
  color: #333333;
  font-family: "Poppins", Sans-serif;
  line-height: 20px;
  font-size: 14px;
  float: left;
  width: 100%;
}

.main-first h3 {
  color: #222222;
  font-size: 20px;
  line-height: 1em;
  padding: 0px 0 0px 0px;
}
#content {max-width: 920px;}
.site-content {
margin: 0 auto;
padding: 4.5em 0;
}




.careers {
font-size: 20px;

}

.elementor-column-gap-default {
        width: 100%;
        max-width: 100% !important;
        padding-left: 30px !important;
    }

    .elementor-image {
        display: block;
        float: left;
        width: 50%;
    }

    .who-we-are-section p {
        color: #333333;
        font-family: "Poppins", Sans-serif;
        line-height: 20px;
        font-size: 13px;
        float: left;
        width: 100%;
        font-weight: 300;
    }

    .elementor-element-06278c3 {
        width: 50%;
        /* display: flex; */
        float: left;
        padding: 0% 5%;
    }

    .who-we-are-section h4 {
        font-size: 20px;
        float: left;
        width: 100%;
        font-family: "Source Serif 4", serif;
        font-weight: 400;
        color: #303030;
        line-height: 1.25;}
    .text-on {        position: absolute;
        z-index: 9;
        top: 22%;
        left: 5%;
    }
    .video-cover {        position: relative; 
        display: block;}
    .why-choose-us ul li {
        width: 23%;
        margin: 1%;
        list-style: none;
        float: left;
        border: 1px solid;
        border-color: rgb(96, 191, 178, 0.4) !important;
        border-radius: 1px 1px 1px 1px;
        padding: 50px 20px 50px 20px;
        height: 40vh;}
    .footer-left {        width: 65%;        float: left;}
 h5 {    font-size: 20px !important;    line-height: 30px !important;    color: #0077a6;    font-family: "Poppins", Sans-serif;    font-weight: 300;    line-height: 1.4em;    letter-spacing: 0.5px;}
.about-section h4 {    font-size: 20px;    float: left;    width: 100%;    font-weight: 400;    color: #303030;    line-height: 1.25;}
.about-section p {    color: #333333;    font-family: "Poppins", Sans-serif;    line-height: 20px;    font-size: 14px;    float: left;    width: 100%;}
.main-first h3 { color: #222222;    font-size: 20px;    line-height: 1em;    padding: 0px 0 0px 0px;}
#content {  max-width: 1000px;}
.site-content { margin: 0 auto; padding: 4.5em 0;}
.careers {  font-size: 20px;}

}

@media only screen and (min-width: 769px) and (max-width: 1000px) {
.who-we-are-section h4 { font-size: 20px;}
.who-we-are-section p {  color: #333333; font-family: "Poppins", Sans-serif; line-height: 24px; font-size: 14px; float: left;  width: 100%;  font-weight: 300;  padding: 0px 10px;  text-align: left;}
.newabtpilani h4{  padding: 10px 10px;}
.footer-left-0 {  width: 64%;  float: left;}
h5 {font-size: 16px !important;
line-height: 28px !important;
letter-spacing: 0;}


.careers {font-size: 16px;padding: 0px 20px;}
.pads {padding: 20px 20px;font-size: 14px;}
p {font-size: 14px;line-height: 20px;text-align: center;}
.center-on {text-align: center;font-size: 20px;}
h3 {font-size: 16px;text-align: center;}
.main-middle {width: 80%;margin: 0 auto;text-align: center;}
.why-choose-us ul li {  height: 66vh;}

.why-choose-us ul li p { 
  font-size: 12px;
  line-height: 1.3em; }
}
/*.characteristics-list{*/
/*    padding-left:10rem;*/
/*}*/

.modal-content1{
    background-image: url('https://www.pilanirealty.com/images/Who-we-are-background.jpg');
    background-repeat: no-repeat;
    padding: 38px 10px 10px 10px;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    float: left;
}

@media only screen and (min-width: 641px) and (max-width: 768px) {
    .characteristics-list{
    padding-left:0rem;
}
.who-we-are-section h4 { font-size: 20px;}
.who-we-are-section p {  color: #333333;  font-family: "Poppins", Sans-serif;  line-height: 24px;  font-size: 14px;  float: left;  width: 100%;  font-weight: 300;  padding: 0px 10px;  text-align: left;}
.newabtpilani h4{  padding: 10px 10px;}
.footer-left-0 {  width: 64%;  float: left;}
h5 {font-size: 16px !important;line-height: 28px !important;letter-spacing: 0;}
.careers {font-size: 16px;padding: 0px 20px;}
.pads {padding: 20px 20px;font-size: 14px;}
p {font-size: 14px;line-height: 20px;text-align: center;}
.center-on {text-align: center;font-size: 20px;}
h3 {font-size: 16px;text-align: center;}
.main-middle {width: 80%;margin: 0 auto;text-align: center;}
.why-choose-us ul li {  height: 100vh;}
}

@media only screen and (max-width: 640px) {
.bigb-four {width: 90%;}
.footer { width: 100%;}
 .desktopp{
     display:none;
 }
 .mobile{
     display:block !important;
 }
  .mobile p a{ 
     font-size:13px !important;
 }
 .who-we-are-section h4 {
    font-size: 23px;
 }
.footer-left {  width: 100%;}
 .footer-left-1 {   width: 100%;}
.footer-main-31 {    width: 100%;   }
.footer-main-3 {width: 100%; }
.footer-main {  margin: 30px 0; padding: 30px 0 0;}
.footer-main-3 {  margin: 30px 0 0 0;}
.footer input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { font-size: 0.8rem;}
h5 {  font-size: 18px !important;    line-height: 28px !important;
  letter-spacing: 0;}
.about-section p {  line-height: 24px; font-size: 13px;}
.footer p a { font-size: 20px;}
.about-section {  padding: 50px 0px 0px 0px;}
.elementor-element-ab23e82 {  width:100%;}
.about-section .elementor-column-gap-default { width: 90%;  padding-left: 0;  margin: 0 auto;}
.about-section h4 { font-size: 14px;}
.elementor-element-06278c35 {  width: 100%;  display: block;  float: left;  padding: 0% 0% 0% 0%;}
.elementor-element-06278c3 { width: 100%; display: block;  float: none;  padding: 2% 0;  margin: 0 auto;}
.elementor-element-populated {padding: 0px 0px 20px; margin-top: 20px; margin-bottom: 40px;}
.main-on-00 {  width: 90%;}
  .main-first {    width: 100%;}
    .main-first h3 {       font-size: 14px; padding: 15px 0 10px 0px;}
    .main-first h5{font-size: 14px !important;}
    .timeline__content h2 {  font-size: 1rem  !important;}
      .timeline__content p {   font-size: 14px !important;}
      .timeline--mobile .timeline__item { left: 15px!important; padding-left: 40px;  padding-right: 0px;  width: 90% !important; }
.video-cover {  height: auto;margin: 110px 0 0 0px; }
.why-choose-us ul li {  width: 100%;}
  .why-choose-us ul li {    width: 100%;    height: auto; padding: 20px 10px 20px 10px;}
  .dec{display: none;}
  .mob{display: block;}
  .who-we-are-section .elementor-column-gap-default {    width: 95%;    max-width: 100% !important;    padding-left: 0;    margin: 0 auto;}
  .who-we-are-section {       padding: 50px 0px 0px 0px;}
    .who-we-are-section h4 {            padding: 20px 0 0 0;    }
    .why-choose-us h4 { font-size: 20px;}
.why-choose-us ul {  width: 100%; }
footer .wrap{padding: 50px 30px 50px 30px;}
.project-status h2{width: 100%; text-align: center;}
[data-elementor-columns="3"] .column-item { display: flex; flex-wrap: wrap; flex: 0 0 100%; max-width: 100%;}
.portfolio-style2 .portfolio-content { padding: 20px 20px 30px !important;}
.elementor-element-41a4f00 {
  padding: 150px 30px 50px 30px;}
  .our-presence ul {    width: 100%;    margin: 0 auto;     padding: 0; }
  .our-presence ul li {    width: 100%;    float: left;    padding: 0;    margin: 0;}
  .our-presence ul li img { margin: 0 auto;   display: block; }
 .about-section h1{width: 100%;}
 .elementor-element-95d010d { padding: 10px 0px 50px 0px;}
.elementor-text-editor {width: 80%; margin: 0 auto;} 
.elementor-tab-content ul{padding: 0; margin: 0;}
.elementor-tab-content{width: 80%;  margin: 0 auto;}
.main-on-csr {   width: 90%; margin: 30px auto;    padding: 15px;   }
.main-on-csr h3 {  font-size: 15px;}
.main-on-csr p { font-size: 13px;}
.main-middle ul li {  width: 100%;          float: left;          margin: 0 0% 0;}

.why-choose-us ul li {  height: auto; margin-bottom:1rem;}
}