﻿p { font-size: 1.15rem; margin-bottom: 16px;}
strong { font-size: 1.3rem;}
ul, ol { margin: 0; font-size: inherit;}
html {   scroll-behavior: smooth; }
.psb-background {  background-color: rgb(0,35,73) !important}
.content-section.custom-margin { font-size: 1.15rem; width: 100%;margin:0;}
/*Ck-Editor 5 Extension Start*/
.content-section { padding: 0 var(--ck-spacing-standard); xborder: 1px solid transparent;}
body.WHITE .content-section a {/* text-decoration: underline;*/ xcolor: #000000 !important;}
.content-section a { color:#002349;}
.content_section a:not(.mdl-button){text-decoration:underline;}
/*.content-section a {color: #0a90eb;text-decoration: none;}*/
.content-section figure.image {  display: table; clear: both; text-align: center; margin: 1em auto;}
.content-section figure.image.image-style-side {   float: right; margin-left: var(--ck-image-style-spacing); }
.content-section figure.media { clear: both; margin: 1em 0;  display: block; min-width: 15em;}
.content-section figure.image.image-style-side {  max-width: 50%;}
.content-section figure.image > figcaption {  display: table-caption; caption-side: bottom; word-break: break-word; color: #333; background-color: #f7f7f7; padding: .6em;font-size: 1em; outline-offset: -1px;}
.content-section .page-break { position: relative; clear: both;padding: 5px 0; display: flex;  align-items: center; justify-content: center;}
/*END*/
.content-section h1 { margin: 18px 0px;}
.content-section h1, .content_section h2, .content_section h3, .content_section h4 { color: var(--secondary-color-500)}
.content-section .Career_table { width: 100%;}
/*.content-section {padding: 20px;}*/
.content-section h5, .content-section h4, .content-section h3 {  margin-top: 24px; margin-bottom: 16px;}
.content-section .page-title h1 { font-size:35px; width: 100%;letter-spacing:3px;}
.content-section h2 { font-size: 1.5rem; display: block; margin: 13px 0px;letter-spacing:3px;}
.content-section h3 { font-size: 1.6rem; color:rgba(0 ,0, 0 , 0.96)}
.content-section h4 { font-size: 1.3rem;font-weight: 500;}
.content-section h5 { font-size: 1rem;}
.content-section h6 { font-size: .5rem;}
.content-section ul li p { margin-bottom: 3px}
.content-title .content_page_bgimage { z-index: 4; float: right;}
.content-section p ,.full-width p{ width: 100%}
.content-section p i.quot {  color: var(--primary-color-500);   font-size: 1rem  }
.content-spacing h1 {  text-transform: uppercase; text-align: left;}
.content-section h3 a { text-decoration: none; color: var(--primary-color-500);  font-weight: 700;}
.content-spacing h2{font-size: 1.4rem;  color: #ab8f40;  font-weight: 400;   font-family: var(--secondary-font);  letter-spacing: 3px;width:100%;}
/*Agent Gallery View*/
.content-section div[data-agent-galleryview] section.result-section.agent-result > .mdl-grid.agora-grid > .reset-card { display: none;}
.content-section div[data-agent-galleryview] .page-title { display: none;}
.content-section div[data-agent-galleryview] .item.agent.style-2 .agent-details .agent-title { display: block !important;}
.content-section div[data-agent-galleryview] .item.agent.style-2 .agent-details { display: flex;width: 92%;align-items: center; height: auto; flex-direction: row; justify-content: space-between;}
/*End*/

@media only screen and (max-width:479px) {
    .content-title h1 { font-size: 2rem; }
    .content-section h2 { font-size: 1.7rem;}
    .content-section h3{font-size: 1.4rem;}
}

.responsive-view img {width: 100%;  height: auto;}
.content-section-heading, .content-section-heading .mdl-cell { margin-bottom: 0px; margin-top: 0px;}
.webpage img { max-width: 100%; max-height: 100%; height: auto;}

@media only screen and (max-width:1024px) {
    .content-section { padding: 0px; }
}

@media only screen and (max-width:1024px) {
    .page-title.with-banner h1 {  font-size: 3.5rem; }
  }

@media only screen and (max-width:479px) {
    .page-title.with-banner h1 { font-size: 2rem; }
}

.content-form { border: 1px solid #ddd;padding: 11px 11px; word-wrap: break-word;}
.content-form h4 { font-size: 1.3rem; text-align: center; color: #212e4e; }
.card-form label { color: #212e4e;}
.card-form {  /*background: #f0f0f0;*/  padding: 10px 27px;}
.content-form label {  font-size: 1rem;}
section.page-title.with-banner { height: 400px !important;}
section.page-title.with-banner:before{display:none;}
section.page-title.with-banner .banner-container{position:relative;}
section.page-title.with-banner .banner-container:before {   content: "";  background: rgba(26,26,29,0.16);    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    display: block;    z-index: 0;}
a.hyper-link { text-decoration: underline !important;}
.circle-item {  margin-bottom: 20px;}
.circle-item .circle-item-img { background-color: #666666;  background-size: cover;  background-position: center center; height: 150px !important;width: 100%;max-width: 150px; max-height: 150px;  cursor: pointer; border-radius: 50%; margin: 0 auto; }
.circle-item a {  font-weight: bold;  }
.webpage .youtube-section iframe { position: absolute; height: 100% !important;  width: 100% !important; margin: 0 !important; z-index: 11; border: none;  display: none;}
.webpage .youtube-section.play iframe { display: block;}
.webpage .youtube-section .play-wrapper label:hover, .webpage .youtube-section .play-wrapper .play-wrapper label:focus {  background: var(--secondary-color-500); color: var(--theme-dark-font); border: 4px solid var(--theme-dark-font);}
.webpage .youtube-section .play-wrapper {width: 100%; height: 100%;  display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0;}
.webpage .youtube-section .play-wrapper label {display: flex; background: transparent; font-size: 10rem; top: 50%; right: 50%; cursor: pointer; z-index: 10; color: var(--theme-dark-font); border-radius: 50%; border: 4px solid var(--secondary-color-500);  transition: 0.5s ease-in-out;width: 350px; height: 350px; align-items: center; justify-content: center; }
.webpage .full-width .youtube-section iframe {  width: 100%;  height: 60vh !important;}
.webpage .full-width .play-wrapper label.play { width: 150px; height: 150px;}
.webpage .full-width .play-wrapper label.play i { font-size: 4rem; }
.webpage .youtube-section .play-wrapper { height: 50vh;}
.webpage .youtube-section img { width: 100%; height: 50vh;}
.webpage .youtube-section { height: 60vh; background-position: center; background-repeat: no-repeat; background-size: cover;}
/*.webpage .full-width video { height:50vh!important; }*/
.webpage .full-width .video-banner {position: relative; height: 700px !important; overflow: hidden;}
.webpage .full-width video { position: absolute; top: 50%;  left: 50%;  -webkit-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%);  min-width: 100%; min-height: 100%; width: auto; height: auto;  z-index: -1000;  overflow: hidden;object-fit:cover;object-position:center;}
@media (max-width:840px) {
    .webpage .full-width .video-banner {  height: 350px !important;  }    
    
}

@media (max-width:480px) {
    .webpage .full-width .video-banner { height: 250px !important;}
}

.webpage .full-width .video-banner .video-heading h1 {  font-size: 4rem !important;  font-weight: 400; padding-top: 0;  padding-bottom: 0; text-transform: uppercase; height: auto;  display: block;color: rgba(255,255,255,0.96);  text-shadow: 1px 1px 2px rgba(0,0,0,0.16); letter-spacing: 2px; line-height: normal;}
.content-section .container-white { background: #fff; padding: 20px;}
/*section.page-title.with-banner .mdl-grid { left: 50%; top: 50%; transform: translate(-50%, -50%);}*/
.content-section figure.image { display: block;  width: 100%;}

/* IBP NEW CONTENT PAGE juwin */
section.page-title.with-banner {  height: auto !important;}
.banner-autoheight { width: 100%;  height: auto;}
.content-spacing .imgdiv img {  width: 100%;  height: auto;}
.content-spacing .paradiv {  padding-left: 30px;}
.top-links .links {  margin: 0 auto;  padding: 0px}
.top-links ul li {  text-decoration: none;  display: inline-block;}
.top-links ul li.active {   background: #fff;  }
.top-links ul li a {  color: rgba(252,252,252,0.86); margin: 0;  padding: 1rem; font-size: 1rem;  display: inline-block;   height: 30px;  text-decoration: none  }
.top-links .links a:hover {  color: rgba(252,252,252,0.86);  border-bottom: 3px solid #fff; padding-bottom: 0px;text-decoration: none}
.top-links ul li.active a, .top-links ul li.active a:hover { color: #552448;}
.inline-nav {  width: auto; margin: 0 auto;  position: sticky;  top: 0; background: var(--primary-color-500) !important}
.inline-nav label, #hamburger { display: none;  }

@media screen and (max-width: 480px) {
     .mobile-grid--no-spacing {margin: 0px;   width: 100%}
    .inline-nav { width: 100%; position: relative }
    .inline-nav label {display: inline-block; color: #fff; background: transparent;  font-style: normal;  font-size: 1.2em;  padding: 10px;  height: 30px;   }
    .inline-nav label i { font-family: Poppins;padding: 1rem; font-size: 1.2rem; font-style: normal; font-weight: 400     }
    .inline-nav ul li {  display: block;  width: 100%  }
    .inline-nav ul li { border-top: 1px solid #fff;  }
    .inline-nav ul {xdisplay: none; background: var(--primary-color-500) !important;   width: 100%; z-index: 9;    position: absolute;   top: 50px; left: 0px;    opacity: 0;   visibility: hidden;  -webkit-transition: opacity 600ms, visibility 600ms;    transition: opacity 600ms, visibility 600ms; }
    .inline-nav input:checked ~ ul {  xdisplay: block; visibility: visible;    opacity: 1;   }
    .top-links ul li a {padding: .5rem; height: 45px;  line-height: 30px;   box-sizing: border-box;  }
}

@media (max-width:480px) {
       .top-links ul li a {  padding: 0.7rem 1rem;   height: auto;    }
}

section.page-title.with-banner h1 {height: auto;display: block;color:#fff;padding: 1rem;box-sizing: border-box;font-size: 35px;text-align: center !important;text-transform: capitalize;letter-spacing: 3px;}

.cont-accordion { width: 100%;  float: left;}
.cont-accordion .accordion-item {width: 100%;float: left;margin-bottom: 30px; }
.cont-accordion .accordion-item .accordion-toggle { width: 100%;float: left;background: var(--primary-color-500);  border-bottom: 1px solid #999;  }
.cont-accordion .accordion-item .accordion-toggle a { box-sizing: border-box; font-size: 14px; line-height: 16px; color: #fff; text-transform: uppercase;display: block;  width: 100%; float: left;  padding: 10px 10px 10px 10px;   position: relative;  text-decoration: none;  }
.cont-accordion .accordion-item .accordion-toggle a .mdi-chevron-down { position: absolute;right: 30px;   top: 50%;   -webkit-transform: translateY(-50%); transform: translateY(-50%);display: inline-block;       }
.cont-accordion .accordion-item .accordion-toggle a.active { -webkit-transform-style: preserve-3d;  transform-style: preserve-3d;   }
.cont-accordion .accordion-item .accordion-toggle a i {position: absolute;right: 0px; top: 8px }
.cont-accordion .accordion-item .accordion-toggle a.active > i.aga-keyboard-arrow-down:before {  content: "\e917"; }
x.cont-accordion .accordion-item .accordion-toggle a.active > .aga-keyboard-arrow-down {  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; -webkit-transform: rotate(-180deg) translateY(-50%); transform: rotate(-180deg) translateY(-50%);  -webkit-transform-origin: 50% 50%;  transform-origin: 50% 50%;}
.cont-accordion .accordion-content { display: none;  width: 100%;  float: left;  xbackground: #d6d6d6;  padding: 0 20px;  box-sizing: border-box}
.cont-accordion .accordion-content p {font-size: 14px;line-height: 17px;    color: #6D6D6D;    margin-bottom: 10px;    padding: 10px;    }
/*shivani start*/
@media (max-width:480px) {
  section.page-title.with-banner h1,.page-title.full-width h1 { font-size:28px !important;line-height:45px !important;padding-bottom:12px;}

 
}

@media screen and (min-width:481px) and (max-width:840px) {
section.page-title.with-banner h1,.page-title.full-width h1 { font-size:30px!important;line-height:45px !important;padding-bottom:12px; }
}

body.company header.mdl-layout__header .top-bar ul li label.translater-control {
    color: rgb(26, 26, 29)
}
body.company .logo-block .header-menu .user-control li label.translater-control.style-1.custom::before {  color: rgb(26, 26, 29)}
/*shivani ends*/

/*syama*/
body:not(.have-title-slider).office-template-1.company .mdl-layout__header-row .user-control .mdl-button::before { color: var(--font-color-active) !important;}
body:not(.have-title-slider).office-template-1.company .mdl-layout__header-row .user-control .mdl-button::after {  display: none;}
.content-section .agora-map-wrapper .map-context {  min-height: 360px;}
.content-section .agora-map-wrapper .map-context .map-context-view {  min-height: 360px;  }
 /*krishna*/
.content_section{margin-bottom:50px;}
.content_section h4{margin-bottom: 10px;color: #AB8F40;font-size:24px;font-weight:400;}
section page-title.with-banner{background-position: center;background-size: cover;display: block;position: relative;}
section.page-title.with-banner .banner-autoheight {/*max-height: 400px;*/object-fit: cover;}
.read-content-sec h5{font-weight:600;}
    /*krishna*/


/*Arya*/
.page-title.full-width { background: #002349;    padding-top: 0;}
.full-width .content-section .page-title.full-width {padding-bottom:16px;}
.page-title.full-width h1{position:relative; color:#fff;    line-height: 70px;text-transform:uppercase !important;font-size:35px;letter-spacing:3px;margin-top:10px;padding-bottom: 1rem;}
.page-title.full-width h1:after {content: ""; border-bottom: 1px solid #fff; width: 390px;  height: 1px;  position: absolute;    left: 0; right: 0;  margin: 0 auto;  bottom: 0;}
.page-title.full-width .heading{padding-top: 30px;}
section.page-title.with-banner+.content-section.custom-margin {margin:0;}
.psb-background p{color: #fff;    font-size: 1.35rem;    font-weight: 200;    text-align: justify;    letter-spacing: 1px;margin:0;}
.Greylinks .links {  display: block;  width: 100%;  margin: 3rem 0 0.8rem;  text-align: center;}
.Greylinks .links a {  font-size: 1.2rem;  color: #fff;  letter-spacing: .03em;  display: inline-block;  margin: 0.8rem 2rem;}
.Greylinks .links a:hover {   text-decoration: underline;}
.agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .long-pop i[class*="aga-"]{font-size: 4rem;  color: rgba(251,252,255,0.96); z-index: 1; opacity: .24;}
.content-section a.mdl-button {  background-color: #002349;     color: #fff;   }

@media (max-width:1024px) {
    .Greylinks .links a{line-height:1.5;}
}
@media (max-width:840px) {
   .main-head.prb-font { font-size: 2rem !important;  }
}
@media (max-width:479px) {
    .page-title.full-width h1:after{width:100%;}
    .main-head.prb-font  {  font-size: 1.5rem !important;  text-align: center;  }
}
.acknowledgement-policy a{color:#002349 !important;}
body.company.agent-template-1 .mdl-button--primary.mdl-button--primary.mdl-button--raised{color:#fff !important;}
body.company.agent-template-1 .mdl-radio.is-checked .mdl-radio__outer-circle{border: 2px solid #AB8F40 !important; }
body.company.agent-template-1 .mdl-radio.is-checked .mdl-radio__inner-circle{background:#AB8F40 !important;}
.full-width ol, .full-width ul{font-size: 1.15rem;}
