@font-face {
    font-family: 'eurostileregular';
    src: url('../fonts/eurosti-webfont.eot');
    src: url('../fonts/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurosti-webfont.woff') format('woff'),
         url('../fonts/eurosti-webfont.ttf') format('truetype'),
         url('../fonts/eudiv.group .highlights-block .heading-wrapper {height: auto;}rosti-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;


}

@font-face {
    font-family: 'Eurostile';
    src: url('../fonts/EurostileBold.eot');
    src: url('../fonts/EurostileBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/EurostileBold.woff') format('woff'),
         url('../fonts/EurostileBold.ttf') format('truetype'),
         url('../fonts/eudiv.group .highlights-block .heading-wrapper {height: auto;}rosti-webfont.svg#Eurostile') format('svg');
    font-weight: bold;
 font-style: normal;

}

@font-face {
    font-family: 'frutigerlight';
    src: url('../fonts/frutiger_45_light-webfont.eot');
    src: url('../fonts/frutiger_45_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frutiger_45_light-webfont.woff2') format('woff2'),
         url('../fonts/frutiger_45_light-webfont.woff') format('woff'),
         url('../fonts/frutiger_45_light-webfont.ttf') format('truetype'),
         url('../fonts/frutiger_45_light-webfont.svg#frutigerlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Frutiger LT Std';
    src: url('../fonts/FrutigerLTStd-Bold.eot');
    src: url('../fonts/FrutigerLTStd-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FrutigerLTStd-Bold.woff2') format('woff2'),
         url('../fonts/FrutigerLTStd-Bold.woff') format('woff'),
         url('../fonts/FrutigerLTStd-Bold.ttf') format('truetype'),
         url('../fonts/FrutigerLTStd-Bold.svg#Frutiger LT Std') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'frutigerblack';
    src: url('../fonts/FrutigerLTStd-Black.woff2') format('woff2'),
        url('../fonts/FrutigerLTStd-Black.woff') format('woff'),
        url('../fonts/FrutigerLTStd-Black.ttf') format('truetype'),
        url('../fonts/FrutigerLTStd-Black.svg#FrutigerLTStd-Black') format('svg');
    font-weight: 600;
    font-style: normal;
}

#selectable-content {
  margin-bottom: 72px;
  min-height: calc(100vh + 50px);
}

body{font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; color: #231F20; line-height: 1.4; margin-top: 0; font-size: 15px !important;}

   .intro-border-mvs{border-top:2px solid #27AAE1;border-bottom:2px solid #27AAE1;padding:23px 0px 23px 30px;}
			    .intro-vision-mission{font-size:20px;color:#27AAE1;font-weight:400;}
			 	.vms-heading{font-size:22px; color:#084E8A;font-weight:500;text-transform:uppercase;padding-top:30px;}
			    .mvs-content-design{padding:23px 0px 23px 30px;}
				
				 .chair-wrap{border-bottom: 1px solid #ADB5C0; position: relative; padding: 0 20px;}
                .chair-wrap::before{content: ''; height: 7px; width: 180px; left: 30px; bottom: -3px; position: absolute; background: #EF7E00;}
                .chair-box{background: url(../images/globe.png); background-repeat: no-repeat; background-size: contain; background-position-x: center;}
                .chair-intro{position: relative; font-size: 20px; padding: 25px; margin-bottom: 0;padding-left: 40px;padding-right: 40px;}
                .img-intro1{position: absolute; top: 0px; left: 0px;}
                .img-intro2{position: absolute; bottom: 15px; right: 0px;}
                .pl-35{padding-left: 40px;}
				
				.triangle-our-strategie{position:relative;font-size:18px;font-weight:500;color:#084E8A;}
				

		   .red-quick-links-vms{border-right:1px solid #E30613;color:#E30613;height: 100%;font-size: 15px;
    font-weight: 500; }
	.red-quick-links-vms-no-brd{border-right:none;}
		   .our-purpose-border{border:2px solid #27AAE1;border-radius:20px;height:88%;padding:20px;margin-left: 45px;}
          .our-purpose-heading{font-size:22px;font-weight:500;text-transform:uppercase;margin:0 auto;color:#084E8A;}
.our-purpose-quick-links .red-quick-links-vms strong{font-weight: bold!important;}

.intro{ font-size: 20px; color: #044D8A; font-weight:600; font-family: 'eurostileregular', Arial, Helvetica, sans-serif;}

.intro-border-mvs{ font-size: 19px; border-top:2px solid #27AAE1;border-bottom:2px solid #27AAE1;padding:23px 0px; color: #27AAE1; font-weight:400;}


.border-line{height: 100%;
    z-index: -1;
	position: relative;
    left: 76px;}
.line-mvs-mobile{display: none;}


.social-grey-bg{background:#F6F6F8;position:relative;padding:20px;border-left:1px solid #ADB5C0}
.social-grey-bg:before{position: absolute; content: ''; border-left: 5px solid #05508D; bottom: 15px; height: 50px; left: -3px;}
.social-grey-bg2{background:#F6F6F8;position:relative;padding:20px;border-left:1px solid #ADB5C0}
.social-grey-bg2:before{position: absolute; content: ''; border-left: 5px solid #00AFA5; bottom: 15px; height: 60px; left: -3px;}

.lightblue-bg{background:#25AAE1; padding: 5px 10px;font-weight: 500;}


.blue-btn {
  background: #36a9e1;
  background: -webkit-gradient(linear, left top, right top, from(#36a9e1), color-stop(34%, #104583));
  background: linear-gradient(90deg, #36a9e1 0%, #104583 34%);
  padding: 20px 20px 20px 58px;
  color: var(--color-white);
  font-size: 13px;
  font-weight: 700;
  display: block;
  position: relative;
  text-decoration: none;
  border-radius: 15px;
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
  margin-bottom: 20px;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
   box-shadow: 0 0 0 0;
}
.navbar-light .navbar-toggler {
  margin: 15px 0px;
  margin-top:15px;
  border-color: #73ffff;
}

.blue-btn::after {
  content: "\e944";
  font-family: 'icomoon';
  position: absolute;
  top: 50%;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 20px;
  color: var(--color-white);
  display: block;
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}

.blue-btn:hover {
  color: var(--color-white);
}

.blue-btn:hover:after {
  left: 30px;
}

.menu-container {
  background: var(--color-blue);
}

.home-banner {
  background: var(--color-darkBlue);
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

.home-banner .container {
  min-height: 779px;
}

.home-banner .container .min-h {
  min-height: 779px;
}

.home-banner .container .home-banner-menu {
  background: var(--color-white);
  padding: 30px;
  border-radius: 17px;
  position: relative;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-animation: 2s bannerIn ease forwards;
          animation: 2s bannerIn ease forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

 .stat-block-home {
  position: relative;
  border-radius: 0px 0px 0px 15px;
  border: solid var(--color-lightBlue);
  border-width: 0px 0px 1px 1px;
  padding: 15px;
  color: var(--color-blue);
  margin-bottom: 50px;
}

 .stat-block-home strong {
  color: var(--color-lightBlue);
}

 .stat-block-home ::after,  .stat-block-home ::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  background: var(--color-lightBlue);
}

 .stat-block-home ::after {
  bottom: -3px;
  right: -3px;
}

 .stat-block-home ::before {
  top: -3px;
  left: -3px;
}

.home-banner .bottom-tagline {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 0;
}

.home-banner .bottom-home-banner-txt {
  position: absolute;
  bottom: 5%;
  right: 10%;
}

@-webkit-keyframes bannerIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes bannerIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

.menu-tool{display:none; width:85%; top:0!important; list-style-type:none; padding-top:20px}
.menu-tool li{width:24%; float:left!important;}
.menu-tool li a{text-align:center!important; font-size: 22px!important; color:#fff; text-decoration:none; border-left:none}
.menu-tool:after{visibility: hidden; display: block; content: ""; clear: both; height: 0;}
.scrollable {position: relative;clear: both;}

ul.list{ padding-left:20px;}


ul.list ul.list-dash {
    margin-left: 1em;
    list-style: none;
}

ul.list li {
    position: relative;
    line-height: 1.4;
    padding-bottom: 0;
    list-style: none;
}

ol.number-list{padding-left:17px}
ol.number-list li{font-style: normal;font-size: 15px;}



/* higlights */
.border-highlights-blue {
  border: 1px solid #AEB5BF;
  padding: 20px;
  position: relative;
  padding-top: 40px;
  padding-right: 50px;
}
.border-highlights-blue::before {
  position: absolute;
  content: "";
  width: 10%;
  height: 4px;
  background-color: #084E8A;
  top: -2px;
  left: 20px;
}
.inner-block-highlights {
  position: relative;
  background-color: #F6F6F8;
  padding: 20px;
  border-left: 1px solid #707070;
  margin-bottom: 15px;
  height: 100%;
}
.inner-block-highlights::before {
  position: absolute;
  bottom: 9px;
  left: -2px;
  content: "";
  width: 4px;
  height: 20%;
  background-color: #0FABA4;
}
.inner-block-highlights p{font-size:18px}
.inner-block-highlights p span {
  font-size: 35px;
  color: #27AAE1;
  font-weight: bold;
   font-family: 'Eurostile';
   line-height:1.1
}
.highlight-background {
  background-image: url(../images/highlight-backgroung-img.png);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.mini-highlight {display:block;font-size: 14px !important;color: #939698 !important;font-weight: 400 !important;margin-top: -5px;font-size: 16px!important;font-family: 'Open Sans', sans-serif!important;}


/*=SWITCH COLOURS
--------*/

ul.dash {list-style-type:none;font-size: 1em;    text-align: justify;}
ul.dash li{margin-left:-17px;position:relative;}
ul.dash li:before{content:'';background: #221e1f;width: 11px;height: 1px;border-radius:50%;top: 11px;left: -20px;position:absolute;}



ul.dashed-list {
    list-style: none;
    margin-bottom: 1em;
    margin-top: 0px;
    padding-left: 24px;
}

ul.dashed-list li {
    padding-top: 3px;
    margin-left: -3px;
    line-height: 1.4;
    position: relative;
    font-size: 1em;
}

ul.dashed-list li:before {
    position: absolute;
    content: '';
    left: -20px;
    width: 7px;
    border-bottom: 1px solid #4D4D4F;
    border-radius: 50%;
    top: 10px;
}




.switch-blue { color:#044D8A !important}
.switch-green { color:#006F51 !important}
.switch-lightblue { color:#00ADEF !important}
.switch-turquoise { color:#83CFC4 !important}
.switch-greenish { color:#99CA47 !important}
.switch-greenblue { color:#008694 !important}
.switch-purple { color:#614EA1 !important}
.switch-grey { color:#4C4D4F !important}
.switch-bluegreen {color:#008594!important;}


.switch-oran{color:#F18700!important}




.noteheader {      font-weight: 600;    color: #99CA47 !important;    font-size: 20px; text-transform:uppercase}
.noteheader2 {font-size:18px!important; color:#006F51 ;font-weight: bold; margin-bottom:0px;}
.noteheader3 {font-size:20px!important; color:#1F2C60;font-weight: 600; margin-bottom:0px;}
.noteheader4 {font-size:17px!important; font-weight: 600; margin-bottom:0px; font-style:italic;}
.fincaption {font-size: 13px !important;  padding-bottom:0; padding-top:0}
.finspace { margin-bottom:0 !important; margin-top:0 !important;}
.whitebkr {background-color:#FFF;}



/*FIN LINES*/

/*thick light blue line start*/
.finthickheader2 {
    border-bottom: 4px solid #28AAE1!important;
}

.finthickblue {
    border-bottom: 4px solid #28AAE1!important;
}

.finthicklblue {
    border-bottom: 4px solid #28AAE1!important;
}
/*thick light blue line end*/


.finthingrey {
    border-bottom: 1px solid #AEB5BF!important;
}
.fintopgrey {
    border-top: 1px solid #AEB5BF!important;
}

.fintoprightgrey {
    border-right: 1px solid #AEB5BFD!important;
    border-top: 1px solid #AEB5BF!important;
}
.fintopleftgrey {
    border-left: 1px solid #AEB5BFD!important;
    border-top: 1px solid #AEB5BFD!important;
}

.finbotrightgrey {
    border-right: 1px solid #AEB5BFD!important;
    border-bottom: 1px solid #AEB5BFD!important;
}




/*Toolbar styles*/
@keyframes toolSlide{ from{right:-3%} to{right:0%} }


.tool-wrapper {position: fixed; right: 0; top: 285px; z-index: 9;}
.tool-container {max-width: 120px; height: 45px; float: right; display: flex; background: var(--color-darkBlue); text-decoration: none;  overflow:hidden; transition: all 0.5s ease; border: solid var(--color-lightBlue); border-width: 0px 0px  0px 4px;}
.tool-container .icon-items{padding:0 15px; min-width: 40px; position: relative; cursor: pointer; transition: all 0.5s ease; font-size: 22px}
.search-box .input {position:relative;overflow:hidden; width: 0px; height: 100%; border: 0px; outline: none; transition: all 0.5s ease;}
.tool-container .icon-items:hover{ background: #e6e6e6;}
.tool-container .icon-items-1:hover { border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.tool-container .icon-items img{  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; color: #848484;}
.search-box .input.active { width: 190px; padding: 0; }
.tool-container.active {max-width: 442px;}
.input:before{content: ""; width: 0%; border-left: solid 1px #fff; position: absolute; left: 0%; top: 7%; height: 80%;}
.input:after{content: ""; width: 0%; border-left: solid 1px #fff; position: absolute; right: 0%; top: 7%; height: 80%;}
.input ul {list-style-type: none; height: 100%; padding:0; margin:0}
.input ul li{display: inline-block; vertical-align: middle; width: 17%; height: 100%; text-align: center}
.input ul li a{display: block; padding: 16% 0; font-size:22px; height: 100%; color:#fff; text-decoration: none; transition:0.6s ease-in-out}
.input ul li a:hover {transform:scale(1.2); text-decoration: none}
.icon-1 img{transition: 0.3s ease}
.active .icon-1 img{transform:rotateZ(180deg); top: 15px}
.tool-container .icon-1:hover img{transform:rotateZ(180deg); top: 15px}
.tool-container .icon-1 img{transition: 0.3s ease}

/*=LISTS
--------*/


ul.list-dashed li {list-style-type:none; position:relative; margin-left:-24px; line-height:1.6; font-size:1em;    list-style: none;}
ul.list-dashed li:before {content:'\2012'; width:15px; height:0px; top:0px; left:-15px; position:absolute;}
ul.list li ul.list-dashed li:before{content: '\2013';color: #4D4D4F;position: absolute;border-radius: 0;left: -15px;top: -1px;width:30px;font-size: 1em; background:transparent}
ul.list li ul.list-dashed{ margin-left: 0; padding-left: 0px; list-style-image: none;}
ol.alpha {margin-top:0px;padding-left:1px;  counter-reset: list;}
ol.alpha li {list-style: none; margin-left:17px;position: relative;font-style:normal; font-size: 17px;; font-weight:400; color:#4C4D4F; line-height:1.5;margin-bottom:0px}

ol.numbered-list {list-style:decimal; margin:0px; padding:0px;}
ol.numbered-list li {margin-left:15px;}
ol.alpha> li:before {
    content: "(" counter(list ,lower-alpha) ") ";
    counter-increment: list;font-weight:600
}
.noteblock{margin-top: 95px;padding-left: 15px; padding-right: 15px;}

ol.decimal {margin-top:0px;padding-left:1px;  counter-reset: list;}
ol.decimal li {list-style: none; margin-left:17px;position: relative;font-style:normal; font-size: 17px;; font-weight:400; color:#4C4D4F; line-height:1.5;margin-bottom:0px}

ol.decimal> li:before {
    content: "(" counter(list ,decimal) ") ";
    counter-increment: list;font-weight:600
}


ol.list {margin-top:0px;padding-left:1px;}
ol.list li {list-style-type: decimal; margin-left:17px;position: relative;font-style:normal; font-size: 17px;; font-weight:400; color:#231F20; line-height:1.5;margin-bottom:0px}

/* Bullet LIST */
ul.list {margin-top: 0; padding-left: 3px;}
ul.list li {list-style-type: none; margin-left:15px;position: relative;font-style:normal; font-size: 15px; c line-height:1.5;margin-bottom:0px}
ul.list li:before {content: ''; position: absolute;left: -15px;background-color: #231F20;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;  width: 5px;
  height: 5px;
top: 8px;color: #000}

.outer-esg-circles{width: 250px; height: 250px; border-left: 3px solid #25AAE1; border-right: 3px dotted #25AAE1; padding: 9px 7px; border-radius: 50%; box-shadow: -22px 20px 21px -24px grey;margin: auto; background: #FFF;}
.inner-esg-circles{width: 230px; height: 230px; border: 10px solid #25AAE1; border-radius: 50%; position: relative;background: #FFF;}
.inner-esg-circles p{font-weight: 600; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-bottom: 0;width: 90%;}

#dark-blue-esg{border-left: 0; border-right: 0; border-top: 3px solid #064F8B; border-bottom: 3px dotted #064F8B; padding: 6px 9px;}
#dark-blue-esg .inner-esg-circles{border: 10px solid #064F8B;}

#green-esg{border-right: 3px solid #00AFA5; border-left: 3px dotted #00AFA5;}
#green-esg .inner-esg-circles{border: 10px solid #00AFA5;}

.large-txt-esg{font-size:25px; font-weight: 600; margin-bottom: 0;}
.med-txt-esg{font-size:20px; font-weight: 600;}
.switch-teal{color:#00AFA5}

.plus-list{padding-left: 0;}
.plus-list li{list-style: none; position: relative;  padding-left: 20px;}
.plus-list li:before{position: absolute; content: ""; width: 8px; height: 1px; background: grey; left:0px; top: 10px;}
.plus-list li:after{position: absolute; content: ""; height: 8px; width: 1px; background: grey; left:4px; top: 7px;}
.dot-border-block{border-right: 1px dotted #25AAE1; margin-bottom: 20px; padding-right: 10px;}
.no-borderR{border-right: 0;}

.top-border-block{border-top: 2px solid #25AAE1}
.top-border-block p{text-align: center;}
.top-border-block{border-top: 2px solid #25AAE1}
.top-border-block{border-top: 2px solid #25AAE1}
.top-border-block h3{font-size: 20px;}

#top-border-block-blue{border-top: 2px solid #064F8B}
#top-border-block-teal{border-top: 2px solid #00AFA5}

 .hide-banner{display:none;}
 
.our-frame-bss {margin: 0 auto; text-align:center; display:block; height:791px;width: 100%; border: none}
.our-frame-value {margin: 0 auto; text-align:center; display:block; height:968px;width: 100%; border: none}

/*effective-and-ethical-leadership*/
.finbluetopE{border-top: 1px solid #36A9E1;}
.finbluethinE{border-bottom: 1px solid #36A9E1;}
.finbluedotrightE{border-right: 1px dotted #36A9E1;}

.finbluetopthickE{border-top: 2px solid #36A9E1;}
.finbluethinthickE{border-bottom: 2px solid #36A9E1;}
.finbluedotrightthickE{border-right: 2px dotted #36A9E1;}


.effective-tbl {border-top: 1px solid #36A9E1;}
.effective-tbl .img-block {border-right: 1px dotted #36A9E1; padding: 8px; padding-left: 0;}
.effective-tbl .txt-block {padding: 8px;}
/*effective-and-ethical-leadership-->*/

/**our vaklue system start **/
.value-container {height: 100%;position: absolute; top: 0px;  right: 0px;  width: 100%;}

.value-container::before {  content: '';  width: 5px;  height: 100%;  position: absolute;  top: 0px;  background-color: #676767;  left: 50px;}

.value {  height: 20%;  max-height: 20%;}


.value-container .value:nth-child(1) .number-circle-head {  background-color: #25AAE1;}

.value-container .value:nth-child(1) .number-circle-head .value-number .abs-center,.value-container .value:nth-child(1) h2 {  color: #25AAE1;}


.value-container .value:nth-child(2) .number-circle-head {  background-color: #00AFA5;}

.value-container .value:nth-child(2) .number-circle-head .value-number .abs-center,.value-container .value:nth-child(2) h2 {  color: #00AFA5;}


.value-container .value:nth-child(3) .number-circle-head {  background-color: #064F8B;}

.value-container .value:nth-child(3) .number-circle-head .value-number .abs-center,.value-container .value:nth-child(3) h2 {  color: #064F8B;}


.value-container .value:nth-child(4) .number-circle-head {  background-color: #F68C1F;}

.value-container .value:nth-child(4) .number-circle-head .value-number .abs-center,.value-container .value:nth-child(4) h2 {  color: #F68C1F;}


.value-container .value:nth-child(5) .number-circle-head {  background-color: #61BC47;}

.value-container .value:nth-child(5) .number-circle-head .value-number .abs-center,.value-container .value:nth-child(5) h2 {  color: #61BC47;}

.number-circle-head {  width: 100px;  height: 100px;  position: relative;  border-radius: 50%;}

.number-circle-head span.value-number {  font-size: 40px; font-weight: 800; background-color: #FFF;  width: 75px;  height: 75px;  border-radius: 50%;  box-shadow: 10px 10px 30px -11px rgba(0, 0, 0, 0.75);  -webkit-box-shadow: 10px 10px 30px -11px rgba(0, 0, 0, 0.75);  -moz-box-shadow: 10px 10px 30px -11px rgba(0, 0, 0, 0.75);}

.abs-center {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}


/**our vaklue system end **/

/**download booklet start **/
.download-section>img {float: left;margin-left: 25px;margin-top: 20px;cursor: pointer;}
        .button-download {color: #384383;font-size: 16px;text-align: center;position: relative;display: inline-block;margin: 20px;font-weight: 500;            margin-top: 54px;transition: all 0.3s ease-out;cursor: pointer;margin-right: -8px;}
        .button-download img {margin: 0 auto;display: block;}
        .button-download strong {display: block;margin: 22px 0;}
        .download-section:hover .button-download img {cursor: pointer;animation: bounce 3s ease-in-out;}
        .download-section:hover .button-download {color: #0398DC;transition: all 0.3s ease-out;}
        .download-section:hover .button-download span {font-weight: bold}
/**download booklet end **/



.obj-c {  margin-left: auto;  margin-right: auto;  display: block;   text-align: center !important;}
.rgt {float:right !important}
.lft {float:left !important}

@media screen and (max-width:1445px) {
  .scrollable { overflow: auto; }
}
@media screen and (max-width:1399px) {
	.value {overflow-y: auto;      overflow-x: hidden;  }
	.vision-arrow{width: 375px}
}

@media screen and (max-width:1024px) {

.our-frame-bss {

    height: 541px;

}

}

@media screen and (max-width: 1199px){
	.vision-arrow{width: 310px}
	.border-line {left: 50px;}						
}


@media screen and (max-width: 991px) {

.menu-scroll .menu-container-box {
    margin-bottom: 0px;
}
.chair-intro {
    margin-top: 50px;
}

  .value-container {      position: relative;  }

  .value-container::before {      display: none;  }

  .value {      overflow-y: unset;      overflow-x: unset;  height: unset}

  #animation_container {
   display: none;
  }
  
  .hide-blocks{display: none;}
  
  .our-frame-bss, .our-frame-value {   display: none;}
  
  .hide-banner{display:block;}
  
  .home-banner-menu {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
  }
  .home-banner .bottom-home-banner-txt {
    position: relative;
    margin: 0px 0px 20px 20px;
    right: 0px;
    bottom: 0px;
  }
  .home-banner svg {
    max-width: 100%;
  }
	
	
.mvs-content-design{padding:0}
.vision-arrow-cont{margin-bottom: 20px;margin-top: 49px;}

.vision-arrow{
	transform: rotate(90deg);
	margin: auto;
	display: block;
	max-width: 100%;
	width: 200px;
}
.line-mvs{display: none;}
.line-mvs-mobile{display: block;}
.border-line{margin-bottom: 20px; left: 0}
.our-purpose-border{margin-left: 0}
.our-purpose-border{height: unset;}
	
}

@media screen and (max-width: 767px){
  .outer-esg-circles{margin-bottom: 20px;}
}

@media screen and (max-width: 575px){
  .dot-border-block{border-right: 0; border-bottom: 1px dotted #25AAE1; margin-bottom: 0;}
  .no-borderR{border-bottom: 0;}
	.effective-tbl .img-block{border-right: unset; border-bottom: 1px dotted #36A9E1}
	.red-quick-links-vms{border-right:0}
	
}

@media screen and (max-width: 600px) {
.tool-wrapper{display: none}
.menu-tool{display:block!important}
}

@media only screen {

body{ width:100%; overflow-x:hidden; }
}

/* Glossary styles */
.border-with-no-bottom{
  border-top: 1px solid #104583;
  border-right: 1px solid #104583;
  border-left: 1px solid #104583;
  /* border-bottom: 1px solid red; */
  border-top-right-radius: 15px;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 15px;
  padding: 10px;


}
.border-with-no-bottom{
  position: relative;
  
}
.border-with-no-bottom::after{
  content: "";
  position: absolute;
  border-bottom: 1px solid #104583;
  border-bottom-right-radius: 15px;
  width: 85%;
  height: 1px;
  padding-top: 10px;
  right: 0;
  bottom: 0;
}
.switch-curved-blue-bg{
  background-color: #104583 !important;
  border-radius: 7px;
  padding: 10px;
}
.switch-no-curved-blue-bg{
  background-color: #104583 !important;
  padding: 10px;
margin-top:10px;
margin-bottom:10px;
}
.switch-color-green{
color: #00A29E !important;}

.bg-greenblue{
background: #E6F4F4 !important;
color: #00A29E !important;}
.push-left{
padding-left: 20px !important;}
/* end glossary styless */

/* Social ethics styles */
.switch-curved-gray-bg{
  background-color: #F5F5F7 !important;
  border-radius: 7px;
  padding: 10px;
}

.half-box-green{
  border: 2px solid transparent;
background: linear-gradient(white, white) padding-box, linear-gradient(to top, #A4CE4C,#fff ) border-box;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.background-fade-gray {
background: linear-gradient(0deg, #F5F5F7 20%, #fff 71%);
padding: 10px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
width: 100%;
}

.center-this-image{
  display: block;
  margin: 0 auto;
}
/* end social ethics styles */