/*-----common section inside start ------------*/

.nav .menu-toggle{color:#2b2b2b !important;}
.nav .menu-toggle span.bars span {background: #2b2b2b !important;}
header{background: rgba(255,255,255,1.00); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; -webkit-box-shadow: 0px 6px 15px -1px rgba(0,0,0,0.09); -moz-box-shadow: 0px 6px 15px -1px rgba(0,0,0,0.09);  box-shadow: 0px 6px 15px -1px rgba(0,0,0,0.09); 
    /* position: relative; */
}
.logo { background: url("../images/logo_active.png") no-repeat;}
.nav li a {color: #242424;}
header .headerSec aside.search span { background: url(../images/searchic_active.png) no-repeat left; color: #131313;}
header .headerSec aside.search.active span { background: url(../images/closeactive.png) no-repeat left;}
.only-mobile{display: none;}
.responsive-image{width: 100%; display: block}
/*-----common section inside end ------------*/
/* .breadcrumbs {padding: 24px 40px 17px 40px;text-align: left; position: relative; z-index: 1; background: #ffffff; float: left; width: 100%; border-bottom: 1px solid rgb(204 204 204 / 39%);} */
.breadcrumbs {
    padding: 24px 24px 12px 18px;
    text-align: left;
    position: relative;
    z-index: 1;
    background: #03a17f;
    float: left;
    width: 100%;
    border-bottom: 1px solid rgb(204 204 204 / 39%);
    margin-top: 78px;
}
.breadcrumbs.btm {border-bottom: 1px solid rgb(204 204 204 / 39%);}
.breadcrumbs h1 { font-size: 24px; color: #ffffff; font-weight: 800; display: block; width: 100%;      margin: 0 0 0px;     padding-left: 115px;}
/*.breadcrumbs h1 { font-size: 24px; color: #212121; font-weight: 600; display: block; width: 100%;}
*/.breadcrumbs ul { float: right; width: 50%; text-align: right; padding-right: 110px;}
.breadcrumbs ul li { display: inline-block; padding: 0 0px;font-size: 12px; color: white; font-weight: 600;}
.breadcrumbs ul li a{ font-size: 12px; color: #ffffff; font-weight: 600;}
.breadcrumbs ul li a:hover{color: #32582f; }
.breadcrumbs ul li a:after{ content: " / "; display: inline-block; padding: 0 7px;  font-weight: 600; color: #b7b7b7;}
.breadcrumbs h1 { float: left; width: 50%;}
.breadcrumbs ul li:last-child a { display: inline-block; padding: 0 0px; font-size: 12px; color: white;}
.breadcrumbs ul li:last-child a:after { display: none;}
.inside-banner{float: left; width: 100%; position: relative;}
.inside-banner img{display: block; width: 100%;}
.inside-banner .insidebannerinfo{position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; width: 100%; height: 100%;}
.inside-banner .insidebannerinfo.bottom { position: absolute; display: block; align-items: normal;  justify-content: center;  top: auto;  left: 0;   width: 100%;  height: auto;  bottom: 15%;}
.inside-banner .insidebannerinfo aside{text-align: center;}
.inside-banner .insidebannerinfo h3{font-size: 36px; color: #fff; padding: 0 0 15px; line-height: 44px;}
.inside-banner .insidebannerinfo p{font-size: 18px; color: #fff; font-weight: 700;}

/*investor css start*/

.quicklink {
    width: 80%;
    margin: 0 auto;
    background-color: #00abe6;
    padding: 0 30px;
    top: -45px;
    position: relative;
    float: none;
    color: #fff;
    margin-bottom: 20px;
}
.quicklink ul{display: flex;}
.quicklink ul li {
    width: 25%;
    border-right: 1px solid rgb(255 255 255 / 11%);
    padding: 40px 0;
}
.quicklink ul li.icon{justify-content: center; align-items: center; display: inline-flex; flex-wrap: wrap; flex-flow: column; text-align: center;}
li.icon a img {
    filter: brightness(0) invert(1);
}
.quicklink ul li.icon p{font-weight: 700;font-size: 14px;line-height: 16px;padding: 15px 0 0;color: #fff;}
.quicklink ul li:last-child {
    width: 50%;
    border-right: 0px solid rgba(0,78,166,0.11);
    padding: 40px;
}
.quicklink .sharevalue ul{display: block}
.quicklink .sharevalue ul li{min-height: 80px; padding: 0; width: 100%;  border-right: 0px solid rgba(0,78,166,0.11);}
.quicklink .sharevalue ul li h4{font-size: 30px; font-family: 'Lato', sans-serif; line-height: 24px; font-weight: 700; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.quicklink .sharevalue ul li h4 span{font-size: 14px;}
.quicklink .sharevalue ul li h4 small{font-size: 14px; font-weight: 400; display: inline-block; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; color: #a7d5fb;}
.quicklink .sharevalue ul li h4 p{font-size: 14px; padding: 0px; margin: 0px; font-weight: 400; display: inline-block; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.quicklink .sharevalue ul li h4 small i{position: relative; top: -3px;}
.quicklink .sharevalue h5{font-size: 18px; font-family: 'Lato', sans-serif; line-height: 26px; font-weight: 700; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.quicklink .sharevalue a{font-size: 12px; font-family: 'Lato', sans-serif; line-height: 26px; color: #242424; font-weight: 600; background: url("../images/btn_arrow.png") no-repeat right; padding: 0 15px 0 0; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.quicklink .quicklinks_sec{padding: 34px;}
.quicklink .quicklinks_sec h3{font-size: 22px; padding: 0 0 20px;}
.quicklink .quicklinks_sec .block{width: 50%; float: left; padding: 0 5% 0 0;}
.quicklink .quicklinks_sec .block a{width: 100%;display: inline-block;margin: 5px 0;color: #fff;font-weight: 500;}
.quicklink .quicklinks_sec .block a:hover{color: #fff;background: url("../images/arrow_link.png") right no-repeat;text-decoration: underline;}
h2.paddbtm{padding-bottom: 10px;}


.annualsec{position: relative;}
.annualsec .block{position: absolute; max-width: 818px; width: 80%; margin: 0 auto; left: 0; right: 0; bottom: 0;}
.annualsec .block ul{display: flex;}
.annualsec .block ul li{width: 25%; padding: 34px 24px 15px; background-color: #f1f4f7;}
.annualsec .block ul li h3{font-size: 16px; min-height: 70px;}
.annualsec .block ul li small{font-size: 12px;}
.annualsec .block ul li i{width: 100%; display: inline-block; height: 60px;}
.annualsec .block ul li:first-child{background-color: #ffd200; width: 50%; padding: 34px 0px 15px; }
.annualsec .block ul li.icon{justify-content: center; align-items: center; display: inline-flex; flex-wrap: wrap; flex-flow: column; text-align: center;}
.annualsec .block ul li.icon p{font-weight: 700; font-size: 14px; line-height: 16px; padding: 15px 0 0;}
.annualsec .block ul li:last-child{ border-right: 0px solid rgba(0,78,166,0.11); background-color: #e8ebee;}
.annualsec .block ul li:first-child aside{padding: 0 20px 0 30px; display: flex}
.annualsec .block ul li:first-child aside > div{width: calc(100% - 111px); position: relative;}
.annualsec .block ul li:first-child aside h3{font-size: 18px; min-height: auto;}
.annualsec .block ul li:first-child aside h2{font-size: 30px; height: 90px;}
.annualsec .block ul li:first-child aside a{font-size: 12px;color: #252525;}
.annualsec .block ul li:first-child aside .icon{position: absolute; bottom: -50px; z-index: 2}
.annualsec .block ul li:first-child aside > div:last-child{width: 111px}
.annualsec .block ul li .icon a:before {
    display: none;
}
/*.annualsec .block ul li a{font-size: 12px; display: inline-block;line-height: 16px; padding: 8px 30px 8px 0px; background: url("../images/btn_arrow.png") no-repeat 80%; border-radius: 20px; text-align: left; color: #252525; font-weight: 600;}*/

.annualsec .block ul li a{ display: inline-block; font-size: 12px;color: #131313; text-align: left;  padding: 8px 35px 8px 0px; position: relative;text-align: left; color: #252525; font-weight: 600;}
.annualsec .block ul li a:before { content: ''; display: inline-block; width: 5px; height: 7px; background: url(../images/more_arrow.png) 100% 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; right: 20px; bottom: 17px; margin: auto;}
.annualsec .block ul li a:hover:before { background: url(../images/more_arrow.png);}


.quaterresults{width: 100%;padding: 70px 5%;}
.quaterresults.agm{padding-top: 0px; color: #fff;}
.quaterresults .quater_wrap{background-color: #91e0c8; display: flex;}
.quaterresults.agm .quater_wrap{background-color: #ffd200;display: flex;color: #000;}
.quaterresults .quater_wrap aside {
    width: 75%;
    padding: 30px 0;
    padding-right: 42px;
}
.quaterresults .quater_wrap aside:first-child{width: 25%; padding: 33px 43px;}
.quaterresults .quater_wrap aside:first-child h4{font-size: 18px; font-weight: 800;}
.quaterresults .quater_wrap aside:first-child h3{font-size: 36px; font-weight: 700;}
.quaterresults .quater_wrap aside:first-child p{font-size: 12px; font-weight: 500; line-height: 16px; padding: 15px 0}
/*.quaterresults .quater_wrap aside:first-child a{font-size: 12px; display: inline-block;line-height: 16px; padding: 8px 0 8px 15px; background: #ffffff url("../images/more_arrow.png") no-repeat 80%; border-radius: 20px; text-align: left; width: 77px; color: #004ea6; font-weight: 600;}*/


.quaterresults .quater_wrap aside:first-child a{display: inline-block;position: relative; text-decoration: none; color: #004ea6;  background: #ffffff url("../images/arrow_link.png") no-repeat 80%;
  padding: 5px 0 5px 15px;font-size: 12px;font-weight: 600; width: 80px; overflow: hidden;  text-align: left;  border-radius: 20px;ine-height: 16px;}

.quaterresults .quater_wrap aside:first-child a span { z-index: 5;  position: relative;  transition: color 350ms ease;}
.quaterresults .quater_wrap aside:first-child a:hover span{color: white;}
.quaterresults .quater_wrap aside:first-child a::after, .btn::before{content: " "; display: block; position: absolute; width: 100%;  top: 0;  bottom: 0;  right: 0;  background: #004ea6 url("../images/btn_arrowwh.png") no-repeat 90%;  z-index: -1;}
.quaterresults .quater_wrap aside:first-child a::before {/*   background: blue; */ transform: translateX(-100%);  z-index: 1;}
.quaterresults .quater_wrap aside:first-child a:hover:before { transform: translateX(0);  transition: transform 350ms ease;}
.quaterresults .quater_wrap aside:first-child a::after {  z-index: 0;  transform: translateX(100%);  transition: none;  transition: transform 350ms ease;}
.quaterresults .quater_wrap aside:first-child a:hover:after { opacity: 1;  transform: translateX(0); transition: transform 350ms 100ms ease;}

.agm .resultblock .block a, .agm .resultblock .block a:hover{color: #000;}
.agm ul.accordion li.active a.toggle, .agm ul.accordion li a.toggle:hover {color: #000;}
.agm ul.accordion li a.toggle{color: #a7d5fb;}



ul.accordion {display: flex;font-family: 'Lato', sans-serif;flex-direction: row;transition: all 200ms ease-in-out 50ms;}
ul .inner {padding-left: 1em; overflow: hidden;  display: none;}
ul.accordion li { width: 10vw;}
.agm ul.accordion li {
    width: 25vw;
}
ul.accordion li.active {width: 100vw;}

ul.accordion li a.toggle {display: block; color: #252525; line-height: 42px;  transition: all 200ms ease-in-out 50ms; font-weight: 500;}
ul.accordion li.active a.toggle, ul.accordion li a.toggle:hover {color: #004ea6;}
ul.accordion li a.toggle span {width:42px; height: 42px; border-radius: 50%; display: block; background: #fff; color: #004ea6; line-height: 42px; border-radius: 50%; transition: all 200ms ease-in-out 50ms; text-align: center}
ul.accordion li a span {width:42px; height: 42px; border-radius: 50%; display: block; background: #fff; color: #004ea6; line-height: 42px; border-radius: 50%; transition: all 200ms ease-in-out 50ms; text-align: center}
ul.accordion li.active a.toggle span, ul.accordion li a.toggle:hover span { background: #004ea6; color: #fff;}



.agm ul.accordion li a.toggle span {width: auto;height: auto;text-align: left;background-color: transparent;color: #000;}
.agm ul.accordion li.active a.toggle span{color: #000;font-weight: bold;}







small.date {
    margin-top: -18px;
    display: block;
    margin-bottom: 16px;
}
small.date.investor {
    margin-top: 0px;
}
h1.about_us_top_text {
    text-shadow: 2px 2px 2px rgb(0 0 0 / 70%);
}

.inside-banner .insidebannerinfo h3.investor_landing_emai_text {
    text-shadow: 2px 2px 2px rgb(0 0 0 / 70%);
}

.inside-banner .insidebannerinfo p.investor_landing_browse_text {
    text-shadow: 2px 2px 2px rgb(0 0 0 / 55%);
    font-weight: 900;
    letter-spacing: 1px;
}

.resultblock{width: 100%; display: flex; padding: 15px 0 0; grid-gap: 30px; margin-left: -15px; }
.resultblock .block{width:50%; }
.resultblock .block a{width: 100%; float: left; color: #252525; border-bottom: 1px solid rgba(51,52,54,0.11); padding: 5px 10px 5px 0; font-weight: 500;}
.resultblock .block a:last-child{border-bottom: 0px solid rgba(51,52,54,0.11);}
.resultblock .block a:hover{color: #004ea6; background: url("../images/arrow_link.png") right no-repeat; }
.policies{ position: relative}
.policies aside{position: absolute;display: flex;position: absolute;width: 90%;left: 5%;right: 5%;height: 100%;top: 0;height: 100%;align-items: center;}
.policies aside ul{width: 100%;float: left;display: flex;}
.policies aside li{/* border-bottom: 1px dashed #ffffff; */padding: 15px 0 15px;margin: 0 0 0px;width: 33.333%;margin: 0px 4%;}
.policies aside li:last-child{border-bottom: 0px dashed #ffffff;}
.policies aside li h3{font-size: 24px;color: #fff;padding: 0 0 10px;border-bottom: 1px dashed #ffffff;}
.policies aside li a{color: #fff; width: 100%; display: inline-block; font-size: 14px;}
.policies aside li h3 a{font-size: 24px;}





ul.accordion2 {display: none;font-family: 'Lato', sans-serif;flex-direction: row;transition: all 200ms ease-in-out 50ms;}
ul.accordion2 li { margin-right: 30px;}

ul.accordion2 li a {display: block; color: #252525; line-height: 42px;  transition: all 200ms ease-in-out 50ms; font-weight: 500;}

ul.accordion2 li a span {width:42px; height: 42px; border-radius: 50%; display: block; background: #fff; color: #004ea6; line-height: 42px; border-radius: 50%; transition: all 200ms ease-in-out 50ms; text-align: center}
/*ul.accordion2 li a.active span, ul.accordion li a.toggle:hover span { color: #000;}*/
ul.accordion2 li a.active span, ul.accordion li a.toggle:hover span { background: #004ea6; color: #fff;}



/*---- Brands section start ------------*/
.brandswrap{width: 100%; padding: 40px 10%; display: inline-block;}
.brandswrap h2{font-size: 30px; color: #004ea6; text-align: center; line-height: normal; padding: 0 0 40px;}
ul.barndsoffer{display: flex; grid-gap: 30px; margin: 0 0 110px;}
ul.barndsoffer li{width: 20%;}
ul.barndsoffer li h3{color: #004ea6; font-size: 18px; padding: 15px 0 0; background: url("../images/brands_brd.jpg") repeat-x left top; }
.brandswrap .barnds_block{display: flex; flex-wrap: wrap;}
.brandswrap .barnds_block aside{width: 48%; margin: 1% 1%; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); background-color: #fff;}
.brandswrap .barnds_block aside:hover{-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25); }
.brandswrap .barnds_block aside .row{display: flex; position: relative;}
.brandswrap .barnds_block aside .row .thumb{width: 60%; overflow: hidden;}
.brandswrap .barnds_block aside a .row .thumb img{-webkit-transition: all 5s ease-in-out; -moz-transition: all 5s ease-in-out;  -o-transition: all 5s ease-in-out; transition: all 5s ease-in-out;}
.brandswrap .barnds_block aside a:hover .row .thumb img{transform: scale(1.1);}
.brandswrap .barnds_block aside .row .info{display: flex; position: absolute; right: 0px; top: 0; background-color: #fff; height: 100%; width: 40%; align-items: center; justify-content: center;}

.brandswrap .barnds_block aside .row .info h4{color: #403104; font-size: 90%; padding: 0 0 20px; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.brandswrap .barnds_block aside .row .info h2{font-size: 120%; color: #212121; line-height: 20px; padding: 0 0 20px; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.brandswrap .barnds_block aside .row .info h2 small{font-size: 60%; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.brandswrap .barnds_block aside .row .info span{font-size: 80%; color: #212121; padding: 0 20px 0 0; font-weight: 700; background: url("../images/btn_arrow.png") no-repeat right; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.brandswrap .barnds_block aside .row .info > div{width: 100%; text-align: center;}
.brandswrap .barnds_block aside .row .info .icon{height: 205px; text-align: center; position: relative}
.brandswrap .barnds_block aside .row .info .icon img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}







.border_an span {
    color: #cf4520;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 6px;
    width: 100%;
    display: inline-block;
    position: relative;
    -webkit-transition-property: color,letter-spacing;
    transition-property: color,letter-spacing;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(.5,0,0,1);
    transition-timing-function: cubic-bezier(.5,0,0,1);
}
.border_an span::after, .border_an span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    pointer-events: none;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.5,0,0,1);
    transition-timing-function: cubic-bezier(.5,0,0,1);
}
.border_an span::before {
    background: rgb(255,0,63);
background: linear-gradient(90deg, rgba(255,0,63,1) 0%, rgba(218,0,255,1) 11%, rgba(0,2,255,1) 25%, rgba(0,249,255,1) 39%, rgba(0,255,63,1) 53%, rgba(246,139,32,1) 68%, rgba(233,255,0,1) 82%, rgba(255,59,0,1) 100%);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    z-index: 1;
}
.aos-animate .border_an.appear span::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}



/*css others*/
.inside-header img {
    width: 100%;
}
.mob480 {
    display: none;
}
.header_mid_inner {
    width: 95%;
    max-width: 1193px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom:10%;
    -webkit-transform: translate(0%, -50%);
}
/* .inside-header {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    padding-top: 0px;
    margin-top: 66px;
} */
.inside-header {
    width: 100%;
    position: relative;
}
.inside-header-text h1 span {
    font-weight: normal;
}
.inside-header-text{/* position: absolute; */width: auto;height: auto;left: 50px;/* bottom: 20%; *//* -webkit-transform: translate(0%, -50%); *//* transform: translate(0%, -6%); */}
.inside-header-text h1{
    font-weight: 900;
    font-size: 36px;
    color: #ffffff;
    line-height: 42px;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    }



/*----------ABOUT US CSS---------------*/
.about_sec1 h3 {
    font-size: 22px;
    color: #212121;
    font-weight: normal;
    text-align: center;
    line-height: 32px;
}

.about_sec1 {
    margin: 40px 288px;
}
.about_sec2 h4 {
    text-align: center;
    font-size: 30px;
    color: #004ea6;
    font-weight: 900;
}

.about_sec2 {
    padding-top: 50px;
    background: #91e0c8;
    text-align: center;
}
.about_what_box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.about_what_first_box {
    width: 20%;
    border-right: 1px solid #cccccc5e;
    padding: 60px 28px;
    padding-top: 0px;
}

.about_what_first_box h4 {
    font-size: 16px;
    color: #191919;
    font-weight: normal;
    margin-top: 10px;
}

.about_what_first_box:last-child {
    border-right: none;
}
.about_sec3 h4 {
    text-align: center;
    font-size: 30px;
    color: #004ea6;
    font-weight: 900;
    margin-bottom: 60px;
}

.about_sec3 {
    margin: 60px 0px;
}

.about_sec3_mid_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about_sec3_mid_first_box {
    width: 23%;
    background: #f8f8f8;
    margin-bottom: 30px;
    position: relative;
    height: 584px;
}

.about_sec3_mid_first_box img {
    width: 100%;
}

.about_sec3_bottom_box {
    padding: 20px;
}

.about_sec3_bottom_box h5 {
    font-size: 24px;
    color: #004ea6;
    font-weight: 900;
    margin-bottom: 20px;
}

.about_sec3_bottom_box p {
    font-size: 16px;
    color: #171717;
    font-weight: normal;
}
a.knowmore_button {
    font-size: 14px;
    color: #004ea6;
    font-weight: bold;
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 20px;
    /* transition: 0.4s; */
    position: absolute;
    bottom: 20px;
    width: 90px;
}
a.knowmore_button:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 7px;
    background: url(../images/right_arrow.png) 100% 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 0px;
    top: 10px;
    margin: auto;
}
a.knowmore_button:hover:after {
    background: url(../images/right_arrow.png);
}
.about_sec4 {
    margin-bottom: 50px;
    position: relative;
    width: 100%;
    float: left;
}
.about_sec4 h4 {
    text-align: center;
    font-size: 36px;
    color: #004ea6;
    font-weight: 900;
    margin-bottom: 20px;
}
.mile_box {
    padding: 0px 50px;
    margin-top: 20px;
}

.mile_box li {
    text-align: center;
    margin-top: 30px;
}

.mliestone_image_box {
    position: relative;
    text-align: center;
    display: inline-block;
}
.mile_box li:nth-child(even) .milestone_slider_bottom_box {
    margin-top: -14px;
    height: 90px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mile_box li:nth-child(even) h6 {
    margin-top: 16px;
}

.mliestone_image_box img{max-width: 100%;}

.mliestone_image_box h6 {
    position: absolute;
    top: 80px;
    color: #fff;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 900;
    font-size: 36px;
}

.milestone_slider_bottom_box h5 {
    font-size: 15px;
    color: #202020;
    font-weight: 600;
    padding: 0px 10px;
    /* margin-top: 16px; */
}
.about_sec4:after {
    content: "";
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background: url(../images/line.png) repeat-x;
    top: 217px;
}
/*.mile_box .slick-track li:nth-child(even) .mliestone_image_box {
    margin-top: 0px;
}

.mile_box .slick-track li:nth-child(even) .mliestone_image_box h6 {
    top:115px;
}

.mile_box .slick-track li:nth-child(odd) .mliestone_image_box {
    margin-top: 64px;;
}

.mile_box .slick-track li:nth-child(odd) .mliestone_image_box h6 {
    top:70px;
}*/



.mile_box .hs_prev22 {
    position: absolute;
    left: 0px;
    transform: translate(-50%, -92%);
    top: 185px;
    font-size: 12px;
    color: #fff;
    background: #004ea6;
    font-weight: bold;
    padding: 2px 8px 2px 30px;
    z-index: 9;
    border-radius: 20px;
    cursor: pointer;
    width: 94px;
}
.mile_box .hs_prev22:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 7px;
    background: url(../images/left_arrow.png) 100% 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    left: 10px;
    top: 10px;
    margin: auto;
    filter: brightness(0) invert(1);
}
.mile_box .hs_prev22:hover:after {
    background: url(../images/left_arrow.png);
}




.mile_box .hs_next22 {
    position: absolute;
    right: -80px;
    transform: translate(-50%, -92%);
    top: 185px;
    font-size: 12px;
    color: #fff;
    background: #004ea6;
    font-weight: bold;
    padding: 2px 18px;
    z-index: 9;
    border-radius: 20px;
    cursor: pointer;
    width: 94px;
}
.mile_box .hs_next22:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 7px;
    background: url(../images/right_arrow.png) 100% 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 10px;
    top: 10px;
    margin: auto;
    filter: brightness(0) invert(1);
}
.mile_box .hs_next22:hover:after {
    background: url(../images/right_arrow.png);
}




.mile_center {
    width: 95%;
    max-width: 1366px;
    margin: 0 auto;
}




/*--------CARRERS CSS----------*/
.carees_top_box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 40px;
    float: left;
}

.carres_top_left_box {
    display: flex;
    align-items: flex-start;
    width: 50%;
    justify-content: space-around;
}

.carres_top_left_box h3 {
    font-size: 44px;
    color: #272727;
    font-weight: 900;
    line-height: 40px;
}

.carres_top_right_box {
    width: 48%;
}

.carres_top_right_box p {
    font-size: 18px;
    color: #212121;
    font-weight: normal;
    margin-bottom: 14px;
}

.carres_top_left_box img {
    margin-top: 20px;
}
.careers_main_box img.careers_image {
    width: 100%; display: block
}
.careers_bottom_box {
    width: 90%;
    margin: 0px auto;
    position: relative;
    top: -90px;
}
.careers_overlay_box .careers_bottom_first_box {
    background: #f9fcfd;
    padding: 26px 26px;
    width: 20%;
}

.careers_overlay_box {
    display: flex;
    flex-wrap: wrap;
}
.careers_overlay_box .careers_bottom_first_box:nth-child(even) {
    background: #91e0c8;
}

.careers_overlay_box .careers_bottom_first_box:first-child {
    background: url(../images/apply_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.careers_overlay_box .careers_bottom_first_box:first-child h3 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    line-height: 30px;
}
.careers_bottom_first_box h3 {
    font-size: 18px;
    color: #222222;
    font-weight: 900;
}
.apply_button {
    font-size: 14px;
    color: #fff;
    font-weight: 900;
    width: 92px;
    display: inline-block;
    position: relative;
    text-align: left;
    margin-top: 30px;
}
.apply_button:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 10px;
    background: url(../images/right_arrow.png) 100% 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 0px;
    top: 9px;
    margin: auto;
    filter: brightness(0) invert(1);
    background-repeat: no-repeat;
}
.apply_button:hover:after {
    background: url(../images/right_arrow.png);
    background-repeat: no-repeat;
}
.voice_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

/*conatct page css*/
.contact_wrap{
    margin: 0px auto;
    position: relative;
    margin-top: -90px;}

.contact_sec1 {
    width: 90%;
	max-width: 1180px;
    margin: 0px auto;
    position: relative;
    /*top: -90px;*/
}

.contact_sec1 ul{display: flex; background-color: #e8fbfe; min-height: 253px; }
.contact_sec1 ul li{background: url("../images/pattern1.png") no-repeat left bottom; width: 50%; border-right: 1px solid #dde6e8; padding: 50px 20px; display: flex;     align-items: center;
    justify-content: space-between;/*flex-direction: row-reverse*/ position: relative;}

.contact_sec1 ul li:after{position: absolute; content: ""; right:40px; bottom: 20px; background: url("../images/offices_info.png") no-repeat; width: 245px; height: 166px;}
.contact_sec1 ul li:last-child:after{position: absolute; content: ""; right:40px; bottom: 20px; background: url("../images/offices_info2.png") no-repeat; width: 289px; height: 166px;}

.contact_sec1 ul li:last-child{border-right: 0px solid #dde6e8;}
.contact_sec1 ul li h3{font-size: 22px; font-weight: 800; line-height: 36px;}
.contact_sec1 ul li h3 small{font-size: 18px;}

.contact_sec1 ul li a { font-size: 12px; color: #222222; font-weight: 700;  width: 92px;  display: inline-block; position: relative;  text-align: left;  margin-top: 30px;}
.contact_sec1 ul li a:after { content: ''; display: inline-block;   width: 24px;  height: 24px;   background: url(../images/arrowcircle.png) 100% 0;  -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;  -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;  position: absolute; right: 0px; top: 0px; margin: auto; filter: invert(0);    background-repeat: no-repeat;}
.contact_sec1 ul li a:hover:after { background: url(../images/arrowcircle.png); background-repeat: no-repeat;}


.contact_bottom_box { width: 90%; max-width: 1180px; margin: 0px auto; position: relative;}
.contact_overlay_box .contact_bottom_first_box { background: #fff; padding: 45px 26px;  width: 25%;border-right: 1px solid #dde6e8;}
.contact_overlay_box .contact_bottom_first_box:last-child {border-right: 0px solid #dde6e8;}
.contact_overlay_box { display: flex; flex-wrap: wrap;}
.contact_bottom_first_box h3 { font-size: 18px;  color: #222222;  font-weight: 800;}
.contact_bottom_box  .voice_box { display: flex;align-items: center; justify-content: space-between;  margin-top: 30px;}

.contact_bottom_box a { font-size: 12px; color: #222222; font-weight: 700;  width: 92px;  display: inline-block; position: relative;  text-align: left;  margin-top: 30px;}
.contact_bottom_box a:after { content: ''; display: inline-block;   width: 24px;  height: 24px;   background: url(../images/arrowcircle.png) 100% 0;  -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;  -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;  position: absolute; right: 0px; top: 0px; margin: auto; filter: invert(0);    background-repeat: no-repeat;}
.contact_bottom_box a:hover:after { background: url(../images/arrowcircle.png); background-repeat: no-repeat;}

/*media css*/
.media_first_box {
    background: url(../images/media_bg1.jpg);
    background-position: center;
    background-size: cover;
    padding: 34px 34px;
    width: 33.333%;
    border-right: 1px solid #ccc;
}
.media_bottom_box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    top: -100px;
}
.media_first_box h3 {
    font-size: 18px;
    color: #222222;
    font-weight: 900;
}

.media_first_box .voice_box {
    justify-content: space-between;
    align-items: center;
}
a.media_know_button {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #222222;
    font-weight: bold;
}

a.media_know_button img {
    margin-right: 6px;
}
.media_first_box:last-child {
    border-right: none;
}
.image_gallery_text h3 {
    font-size: 24px;
    color: #222222;
    font-weight: 900;
    margin-bottom: 40px;
}
.image_gallery_thum_box {
    position: relative;
}

.image_gallery_overlay_box {
    position: absolute;
    bottom: 10px;
    color: #fff;
    width: 100%;
    padding: 0px 20px;
    line-height: 20px;
}

.image_gallery_overlay_box h4 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

.image_gallery_overlay_box h5 {
    font-size: 12px;
    color: #fff;
    font-weight: normal;
}
.image_gallery_thum_box img {
    border-radius: 10px;
}
#cboxClose {
    position: absolute;
    top: -40px;
    right: 0;
    display: block;
    background: url(../images/close_pop.png) no-repeat top right;
    height: 40px;
    text-transform: uppercase;
    color: #fff;
    padding-right: 35px;
    outline: none;
}
#cboxPrevious{
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -24px;
    background: rgba(0,0,0,0.38) url(../images/pop-prev.png) no-repeat top left;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-indent: -9999px
}
#cboxNext {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -24px;
    background: rgba(0,0,0,0.38) url(../images/pop-next.png) no-repeat top right;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
}
.image_slider .prev22 {
    bottom: 0px;
    left: 20px;
    margin-top: -20px;
}

.image_slider .next22 {
    bottom: 0px;
    margin-top: -20px;
    left: 64px;
}
.prev22 {
    position: absolute;
    bottom: 45px;
    right: 75px;
    text-indent: -99999px;
    background: url(../images/slider_left_arrow.png) no-repeat;
    width:38px;
    height:38px;
    cursor: pointer;
}

.next22 {
    position: absolute;
    bottom: 45px;
    right: 45px;
    text-indent: -99999px;
    background: url(../images/slider_right_arrow.png) no-repeat;
    width:38px;
    height:38px;
    cursor: pointer;
}
.image_slider {
    padding-bottom: 70px;
    margin-bottom: 20px;
}
.image_slider li {
    margin: 0px 10px; width: 280px;
}


.image_slider .slick-center {
  transform: none;
	
}

.image_slider li img {
    width: 100%;
}
.view_all_box {
    width: 92%;
    float: right;
    display: flex;
    justify-content: flex-end;
    position: relative;
    padding: 0px 20px;
    top: -60px;
}

.view_all_box:before {
    content: "";
    position: absolute;
    width: 86%;
    height: 1px;
    background: #ccc;
    top: 22px;
    left: 0px;
}

a.view_all_button {
    font-size: 14px;
    color: #2d2d2d;
    font-weight: bold;
    width: 11%;
    height: 44px;
    background: #ffcc00;
    border-radius: 20px;
    text-align: center;
    line-height: 44px;
}
.media_bottom_box.sec3 {
    top: 0px;
    width: 100%;
    margin-bottom: 80px;
}


/*susutainbility*/

.sus_pillae_sec{background-color: #eef6fe; padding: 60px 5% 120px;}
.sus_pillae_sec ul{display: flex}
.sus_pillae_sec ul li{width: 33.33%; padding: 0 10px;}
.sus_pillae_sec ul li aside{width: 100%;}
.sus_pillae_sec ul li aside span{width: 100%;color: #004ea6; font-size: 24px; font-weight: 800; background: url("../images/sus_brd.jpg") bottom repeat-x; display: inline-block; padding: 0 0 12px; margin: 0 0 20px;}
.sus_pillae_sec ul li aside h3 {color: #004ea6; font-size: 24px; font-weight: 800;}
.sus_pillae_sec h2 {color: #004ea6; font-size: 30px; font-weight: 800; text-align: center; line-height: normal; padding: 0 0 60px;}

.sus_center_block{width: 90%; margin: 0 auto;}
.sus_center_block h2{font-size: 30px; color: #004ea6; font-weight: 800; text-align: center; padding: 70px 0;}
.sus_center_block blockquote{font-size: 18px; color: #1c1c1c; font-weight: 400; text-align: center; padding: 70px 25%; margin: 0; line-height: normal;}
.sus_center_block blockquote.f22{font-size: 22px;}
.item {
  width: 100%;
  background: #ddd;
	border-radius: 10px; overflow: auto; position: relative;

}

.item h3{position: absolute; bottom: 20px; left: 0; right: 0; width: 90%; margin: 0 auto; color: #fff; font-size: 24px; font-weight: 800; background: url("../images/slash.png") no-repeat; padding: 0 0 0 30px; line-height: 24px;}

.item img{width: 100%; display: block;}

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px;
width: 100%;
}

.item1 {
  grid-row: span 2;
}

.sustainbilty_bottom_box { width: 90%; margin: 0px auto 70px; position: relative;}
.sustainbilty_bottom_box h4{font-size: 20px; text-align: center; padding: 0 0 20px;     color: #004ea6;}
.sustainbilty_overlay_box .sustainbilty_bottom_first_box { background: #fff; padding: 25px 26px;  width: 20%;border-left: 1px solid #dde6e8;}
.sustainbilty_overlay_box .sustainbilty_bottom_first_box:last-child {border-right: 0px solid #dde6e8;}
.sustainbilty_overlay_box { display: flex; flex-wrap: wrap;}
.sustainbilty_bottom_first_box h3 { font-size: 18px;  color: #222222;  font-weight: 800;}
.sustainbilty_bottom_box  .voice_box { display: flex;align-items: center; justify-content: space-between;  margin-top: 30px;}

.sustainbilty_bottom_box a { font-size: 12px; color: #222222; font-weight: 700;  width: 92px;  display: inline-block; position: relative;  text-align: left;  margin-top: 30px;}
.sustainbilty_bottom_box a:after { content: ''; display: inline-block;   width: 24px;  height: 24px;   background: url(../images/arrowcircle.png) 100% 0;  -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;  -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;  position: absolute; right: 0px; top: 0px; margin: auto; filter: invert(0);    background-repeat: no-repeat;}
.sustainbilty_bottom_box a:hover:after { background: url(../images/arrowcircle.png); background-repeat: no-repeat;}

/*Global Presence*/
.our_offices{float: left; width: 100%; padding: 0px 0;}

.our-offices-box2 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    background: #f6f6f6;
    border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
    padding: 0px 0 80px;;
}

.our-offices-box2 .headoffice{font-size: 22px; color: #131313; background: url("../images/office_head.jpg") no-repeat bottom left; padding-bottom: 15px; margin-bottom: 30px;}

.our-offices-box2 ul{display: flex; flex-wrap: wrap}
.our-offices-box2 ul li {
    width: 50%;
    height: auto;
    display: inline-block;
    text-align: left;
    font-size: 12px;
    line-height: 35px;
    padding: 20px 0px;
    box-sizing: border-box;
  /*  border-bottom: 1px solid #e5e5e5;*/
}

.our-offices-box2 ul li:nth-child(odd){ border-right: 1px solid #e5e5e5;}
.our-offices-box2 ul li:nth-child(even){padding-left: 60px;}



.our-offices-box2 ul li  p {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: #131313;
    line-height: 30px;
    padding-bottom: 0px;
}

.our-offices-box2 ul li a{color: #004ea6;}


.our-offices-box2 ul li h2 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: bold;
    color: #131313;
    line-height: 28px;
    padding-bottom: 15px;
}

.our_offices h3 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    box-sizing: border-box;
    font-size: 26px;
    font-weight: bold;
    color: #004ea6;
    line-height: 28px;
    padding: 45px 0; 
    text-transform: capitalize;
}


.container1156 { width: 95%;max-width: 1156px; margin: 0 auto; }

.banner-text { position: absolute;top: 100px;left: 0px; right: 0;width: 1150px; margin: 0 auto; z-index: 1;}
.banner-text h2{font-size: 36px; line-height: 55px; color: #fff;text-align: left; font-weight: 400; text-shadow: 0px 1px 6px rgba(0,0,0,0.19);}
.banner-text h2 span{  display: block; font-size: 50px; font-weight: 600;}
/*======================== Box 1 Start ================================*/
.our-offices-box1{ width: 100%; height: auto; float: left; padding: 80px 0; display: block;}
.our-offices-box1 aside{width: 33%; height: auto; float: left;  display: block;}
.our-offices-box1 aside span{ width:295px; height: auto; float: left; display: block; border-radius: 50%; box-shadow: 0px 0px 10px 0px rgb(0,0,0,0.21);
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0,0,0,0.21);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.21);  }
.our-offices-box1 aside span img{width:100%;  border-radius: 50%; line-height: 0; display: block;}
.our-offices-box1 figure{width: 67%; height: auto; float: left;  display: block; margin: 10px 0 0 0;}
.our-offices-box1 figure h2{width: 100%; height:auto; float: left; display: block;  font-size: 20px; font-weight: bold;  color: #131313;   line-height: 28px; padding-bottom: 25px; text-align: left;}
.our-offices-box1 figure section{width: 100%; height:auto; float: left; display: block; text-align: left;}
.our-offices-box1 figure section small{width: 50%; height:auto; float: left; display: block;}
.our-offices-box1 figure section small h3{width: 100%; height:auto; float: left; display: block;   font-size: 16px; font-weight: bold;  color: #131313;   line-height: 16px; padding-bottom:10px;}
.our-offices-box1 figure section small p{width: 100%; height:auto; float: left; display: block;   font-size: 16px; font-weight: 400;  color: #131313;   line-height: 30px; padding-bottom:20px;}

.our-offices-box1 figure section big{width: 50%; height:auto; float: left; display: block;}
.our-offices-box1 figure section big p{width: 100%; height:auto; float: left; display: block;   font-size: 16px; font-weight: 400;  color: #131313;   line-height: 30px; padding-bottom:20px;}
.our-offices-box1 figure section big p a{color: #131313;}
.mapview{position: relative; padding: 0 0 0 30px; width: 100%; display: inline-block; margin: 10px 0 0;}
.mapview span{color: #131322; text-decoration: underline; font-size: 16px;}
.mapview i{position: absolute;left: 0; top: 0;}

.our-offices-box1 figure h4{width: 100%; height:auto; float: left; display: block;   padding-left: 30px; position: relative;}
.our-offices-box1 figure h4 a{font-size: 14px; font-weight: bold;  color: #131313;   line-height: 32px;  background: url(../images/line9.png) repeat-x left bottom; }
.our-offices-box1 figure h4 a:after{ content: ''; position: absolute; left: 0; top: 0; width: 23px; height: 32px; background: url(../images/map-icon2.png) no-repeat left top;}
/*======================== Box 1 Start ================================*/

.btmtop{border-top: 1px solid #e5e5e5;}


/*boroplus css start*/
.boroplus_banner img {
    width: 100%;
}
.mobile_image {
    display: none !important;
}

.boroplus_banner {
    position: relative; float: left; width: 100%;
}
ul.banner_inner {
    height: 658px;
    overflow: hidden;
}

.banner_inner li{position: relative;}
.home_prev_in{ display:inline-block; margin:auto; z-index:2; width:40px; height:40px; border-radius:50%;  position:absolute; text-indent:-99999px; cursor:pointer;  -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out; transition: all .3s ease-out; margin-right:10px; vertical-align:top; top: calc(50% - 22px); left: 10px;}

.home_next_in{ display:inline-block; margin:auto; z-index:2; width:40px; height:40px; border-radius:50%;  position:absolute; text-indent:-99999px; cursor:pointer;  -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out; transition: all .3s ease-out; margin-right:10px; vertical-align:top; right: 10px; top: calc(50% - 22px);}


.home_prev_in:after{content:''; width:25px; height:43px; background:url(../images/home_prev_arrow.png) no-repeat 0px 0; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}
.home_next_in:after{content:''; width:25px; height:43px; background:url(../images/home_next_arrow.png) no-repeat 0px 0; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}
.boroplus_banner_overlay {
    position: absolute;
    bottom: 80px;
    text-align: center;
    color: #fff;
    width: 95%;
    max-width: 1183px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
}
.bro_pro_main_box.brillare {
    background: #f7f1ee;
}
.boroplus_banner_overlay h2 {
    font-size: 48px;
    font-weight: 900;
    line-height: 56px;
}
.boroplus_banner_overlay h5 {
    font-size: 20px;
    line-height: 26px;
}
.carres_top_left_box h4 {
    font-size: 20px;
    color: #6a3a96;
    font-weight: 300;
    line-height: 26px;
}

.carres_top_left_box h4 strong {
    display: block;
}
.boro_top_box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 110px;
    margin-bottom: 40px;
}
.boro_top_box .carres_top_right_box {
    width: auto;
    padding-left: 40px;
}

.boro_top_box .carres_top_left_box {
    width: auto;
    align-items: center; display: block; flex-grow: 5; position: relative;
}
.carres_top_left_box.boro-plus:after {
    position: absolute;
    content: "";
    width: calc(100% - 35%);
    height: 2px;
    background: rgb(255,0,0);
    background: linear-gradient(90deg, rgb(192 0 255) 0%, rgba(0,0,0,1) 100%);
    right: 0;
    top: 50%;
}
.boro_top_box .carres_top_left_box h4{width: 36%; padding-right: 20px;}




.boro_product_image {
    text-align: center;
    margin: 60px 0px;
}
.boro_feature_box {
    background: #f1d4fd;
    padding: 60px 100px;
    border-radius: 10px;
    margin-bottom: 60px;
}
.boro_feature_box h5 {
    font-size: 24px;
    color: #1b1b1b;
    font-weight: normal;
    line-height: 30px;
}

.boro_feature_box p {
    font-size: 16px;
    color: #1b1b1b;
    font-weight: normal;
    line-height: 26px;
    margin-top: 20px;
}
.boro_feature_bottom_box {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    margin-top: 70px;
    margin-bottom: 50px;
}

.boro_fea_first_box {
    text-align: center;
    border-right: 1px solid #ccc;
    width: 25%;
    padding: 0px 10px;
}

.boro_fea_first_box h6 {
    font-size: 18px;
    color: #3c383f;
    font-weight: 600;
}

.boro_fea_first_box h4 {
    font-size: 24px;
    color: #403d44;
    font-weight: 700;
}

.boro_feature_bottom_box .boro_fea_first_box:first-child {
    border-right: none;
    display: flex;
}

.boro_feature_bottom_box .boro_fea_first_box:last-child {
    border-right: none;
}
.product_box h2 {
    font-size: 24px;
    color: #3d3842;
    font-weight: 900;
    text-align: center;
    line-height: 36px;
}

.product_box h2 span {
    font-size: 36px;
    display: block;
}

.bro_pro_first_box {

    display: flex !important;
    flex-direction: column;
    align-items: center;
	/*	    box-shadow: 0px 6px 6px rgba(0,0,0,0.05);*/
    border-right: 1px solid #e5dfe7;
	  /*  background: #f5f1f6;*/
   
    border-radius: 0px;
    /*margin-bottom: 34px;*/-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;

 padding: 40px 60px 0 ; min-height: 525px;

}


.bro_pro_first_box a {
	
}
/*
.bro_pro_first_box:hover{box-shadow: 0px 8px 8px rgba(0,0,0,0.15);}*/

.product_prev{ background: url("../images/pr_prev.png") center no-repeat; height: 60px; width: 60px; bottom: 60px; right: -60px; background-color: #f5f1f6; position: absolute; font-size: 0;  border-left: 1px solid #e5dfe7;  border-top: 1px solid #e5dfe7; z-index: 9; cursor: pointer;}
.product_next{ background: url("../images/pr_next.png") center no-repeat; height: 60px; width: 60px; bottom: -1px; right: -60px; background-color: #f5f1f6; position: absolute;  font-size: 0; border-left: 1px solid #e5dfe7;  border-top: 1px solid #e5dfe7; border-bottom: 1px solid #e5dfe7; z-index: 9; cursor: pointer;}
.inoil .product_prev {
    right: 0px;
    cursor: pointer;
}
.inoil .product_next {
    right: 0px;
    cursor: pointer;
}
.dermicool .product_prev {
    right: 0px;
    cursor: pointer;
}
.dermicool .product_next {
    right: 0px;
    cursor: pointer;
}
.primg{min-height: 250px;}
.product_boxslide{position: relative;}
.linkproduct{position: absolute; right: 0; top: 0px; width: 60px; height: calc(100% - 120px); background-color: #6e409a;}

.vertical {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    float: left;
    /* height: 100px; */
    color: #fff;
    white-space: nowrap;
    position: absolute;
    left: -54px;
    top: 50%;
    font-weight: 600;
}
.linkproduct.brillare {
    background: #3a3a3a;
}

.linkproduct.brillare a.vertical {
    left: -46px;
}
.linkproduct.brillare.man_company a.vertical {
    left: -90px;
}


.product_catec{width: 100%; float: left;}

.product_box {
 /*   margin-top: 90px;*/
}

.bro_pro_main_box {
    display: flex;
    margin: 50px 60px 50px 0;
    flex-wrap: wrap;
    justify-content: space-around; background-color: #f5f1f6; border-top: 1px solid #e5dfe7; border-bottom: 1px solid #e5dfe7;
}
.bro_pro_first_box h3 {
    font-size: 18px;
    color: #3d3842;
    font-weight: 900;
    line-height: 20px;
    text-align: center;
    /*min-height: 35px;*/
    min-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*-webkit-line-clamp: 2;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.bro_pro_first_box h4 {
    font-size: 14px;
    color: #3d3842;
    font-weight: 600;
    margin-top: 10px;
    min-height:90px;
}

.discover_button {
    display: inline-block;
    border: 1px solid #3d3842;
    padding: 6px 18px;
    border-radius: 40px;
    margin-top: 34px;
    font-size: 12px;
    color: #3d3842;
    font-weight: bold;
    position: relative;
    text-align: left;
    width: 106px;
}
.discover_button:after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    background: url(../images/discover_arrow.png) 100% 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 16px;
    top: 14px;
    margin: auto;
}
.bro_pro_first_box:hover .discover_button:after {
    background: url(../images/discover_arrow.png);
}

.bro_pro_first_box img {
    display: inline-block;
}



/*boroplus css end*/


/*product details css start*/
.pro_details_mid_box {
    display: flex;
    flex-wrap: wrap;
}

.pro_details_left_box {
    width: 50%;
    text-align: center;
    border-right: 1px solid #ececec;
    /*padding: 60px;*/

    height: 850px;
    overflow: auto;
    position: sticky;
    top: 20px;
    padding-top: 60px;
}

.pro_details_right_box {
    width: 50%;
    padding: 60px 20px;
    padding-left: 40px;
}

.pro_details_box {
    width: 100%;
    float: left;
	    border-top: 1px solid rgb(204 204 204 / 39%);
}
.pro_details_right_box h2 {
    font-size: 24px;
    color: #212121;
    font-weight: bold;
}
.pro_details_right_box p {
    font-size: 18px;
    color: #212121;
    font-weight: normal;
    line-height: 26px;
    margin-top: 36px;
    margin-bottom: 40px;
}
.pro_details_right_box p span {
    font-size: 18px;
    color: #683e95;
    font-weight: bold;
}
.pro_fearch_details_box {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 18px;
    margin-bottom: 18px;
    margin-top: 15px;
    justify-content: space-between;
}

.pro_feacher_details_first_box {
    display: flex;
    align-items: flex-start;
    width: 46%;
}

.pro_feacher_details_first_box img {
    margin-right: 16px;
}

.pro_feacher_details_first_box span {
    font-size: 16px;
    color: #643992;
    font-weight: normal;
}
.pro_fearch_details_box:last-child {
    border-bottom: none;
}
.pro_face_box {
    font-size: 16px;
    color: #565656;
    display: flex;
    align-items: center;
    margin: 20px 0px;
}

.pro_face_box img {
    margin-left: 10px;
}
/* END Optional styles */
.video-container {
    width:100%;
    border-radius: 0px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4); */
  }
  .video-container .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .video-container video {
    width: 100%;
    height: 100%;
    /* border-radius: 4px; */
  }
  
  .play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    pointer-events: none;
  }
  .play-button-wrapper #circle-play-b {
    cursor: pointer;
    pointer-events: auto;
  }
  .play-button-wrapper #circle-play-b svg {
    width: 100px;
    height: 100px;
    fill: #fff;
    stroke: #fff;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    opacity: 0.9;
  }
  .video_des {
    font-size: 14px;
    color: #1f1f1f;
    font-weight: bold;
    margin-top: 10px;
}

.boro_play_button {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0px auto;
    width: 43px;
    height: 43px;
    transform: translate(-50%, -50%);
}
.pro_details_right_box .image_gallery_thum_box {
    position: relative;
}
#cboxClose {
    position: absolute;
    top: -40px;
    right: 0;
    display: block;
    background: url(../images/close_pop.png) no-repeat top right;
    height: 40px;
    text-transform: uppercase;
    color: #fff;
    padding-right: 35px;
    outline: none;
}

.pro_details_box .center{max-width: 1280px}
.inner_ambas{padding: 30px 0 80px; border-bottom: 1px solid #f0f0f0; display: inline-block; width: 100%;}
.inner_ambas h3{font-size: 16px; display: inline-block; padding: 0 0 20px;}
 h3.headtvc{font-size: 16px; display: inline-block; padding: 40px 0 20px;}

.inner_ambas_slider img{width: 100%;}

.banner-dots2 {
	position: absolute;
	right:0px;
/*	left: 50px;
*/	bottom: -45px;
	z-index:9;
}
.banner-dots2 li {
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 5px;
	list-style-type: none
}
.banner-dots2 li a {
	width: 15px;
	height: 15px;
	background: url(../images/dot.png) left 2px no-repeat;
	text-indent: -999px;
	display: block;
	overflow: hidden
}
.banner-dots2 li.slick-active a {
	background: url(../images/dot-active.png) left top no-repeat
}

.visitblock{display: inline-block; color: #565656; font-size: 14px; font-weight: 600;}
.visitblock a{/*display: inline-block; width: 100%; */color: #493a85;}

.eccomeceblock{float: left; width: 100%; padding: 30px 0 0;}
.eccomeceblock h3{text-align: center; font-size: 14px; font-weight: 400; padding: 0 0 40px;}
.eccomeceblock ul{display: flex; justify-content: center;}
.eccomeceblock ul li{padding: 0 10px;}
.eccomeceblock ul li{border-right: 1px solid #cacaca;}
.eccomeceblock ul li:last-child{border-right: 0px solid #cacaca;}


/*product details css end*/

.linkcenter{text-align: center; padding-bottom: 60px;}
.linkcenter a{display: inline-block; padding-left: 20px; padding-right: 20px; width: auto;}


/*global presence details css start*/
.global_presence{padding: 0px 0;}
.global_presence aside{width: 100%; padding:50px 0px; float: left;}
.global_presence aside:first-child{border-bottom: 1px solid #cacaca}
.global_presence h3{font-size: 26px; padding: 0 0 30px;}
.global_presence ul{display: flex; flex-wrap: wrap}
.global_presence ul li{background: url("../images/right_arrow_three.png") no-repeat top left; font-size: 16px;  min-height: 34px; color: #643992; font-weight: normal; padding: 6px 50px 10px; line-height: 24px; margin: 0 0 20px; width: 50%; float: left;}

.sec2block{ justify-content: center; top: -50px;}


/*global presence details css end*/

/*mangement details start*/
.management_block{display: flex;  flex-wrap: wrap; grid-gap: 2%; padding: 50px 0;}
.management_block li{width: 29.33%; text-align: left;padding: 30px 15px 0; /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);*/ margin: 0 0 25px; background: url("../images/sus_brd.jpg") repeat-x top left;}
.management_block li h3{font-size: 20px; color: #004f92; padding: 0 0 6px;}
h2.reg {
    margin-bottom: 36px;
}
.management_block li h4{font-size: 16px; font-weight: 600; color: #000; padding: 0 0 6px;}
.management_block li p{font-size: 13px; color: #000; padding: 0 0 6px; font-weight: 500;}
.management_block .thumb{padding: 0 0 10px;}
.management_block .thumb img{border-radius: 50%;}


.bod_block{display: flex;  flex-wrap: wrap; grid-gap: 2%; padding: 50px 0;}
.bod_block li{width: 29.33%; text-align: center;padding: 40px 15px 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); margin: 0 0 25px; background-color: #d0d0ce;}
.bod_block li h3{font-size: 20px; color: #004f92; padding: 15px 0 6px;}
.bod_block li h4{font-size: 16px; font-weight: 600; color: #000; padding: 0 0 20px;}
.bod_block li p{font-size: 13px; color: #000; padding: 0 0 6px;}
.bod_block .thumb{padding: 0 0 10px;}
.bod_block .thumb img{border-radius: 50%; border: 1px solid rgba(0,0,0,0.20);}

.knowmore a { font-size: 12px; color: #222222; font-weight: 700;  width: 110px;  display: inline-block; position: relative;  text-align: left; margin-top: 10px;  margin-bottom: 20px;}
.knowmore a:after { content: ''; display: inline-block;   width: 24px;  height: 24px;   background: url(../images/arrowcircle.png) 100% 0;  -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;  -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;  position: absolute; right: 0px; top: 0px; margin: auto; filter: invert(0);    background-repeat: no-repeat;}
.knowmore a:hover:after { background: url(../images/arrowcircle.png); background-repeat: no-repeat;}
.bodpop_info{padding: 40px; text-align: center;}
.bodpop_info p{padding: 8px 0;}
.bodpop_info h3{font-size: 20px; color: #004f92; padding: 0 0 6px; }
.bodpop_info h4{font-size: 16px; font-weight: 600; color: #000; padding: 0 0 15px;}
.bodpop_info p{font-size: 14px; color: #000; padding: 0 0 10px; text-align: left;}
.bodpop_info .thumb{padding: 0 0 10px;}
.bodpop_info .thumb img{border-radius: 50%; border: 1px solid rgba(0,0,0,0.20);}

/*media css*/
/*mangement details end*/

.profile_block{display: flex;  flex-wrap: wrap; grid-gap: 2%; padding: 50px 0;}
.profile_block li{width: 21.33%; text-align: left;padding: 30px 15px 0; /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);*/ margin: 0 0 25px; background: url("../images/sus_brd.jpg") repeat-x top left;}
.profile_block li h3{font-size: 30px; font-weight: 800; color: #004ea6; padding: 0 0 6px; }
.profile_block li h4{font-size: 18px; font-weight: 600; color: #004ea6; padding: 0 0 6px; }
.profile_block li p{font-size: 13px; color: #000; padding: 0 0 6px; font-weight: 500;}
.profile_block .thumb{padding: 0 0 10px;}
.profile_block .thumb img{border-radius: 50%;}

.profile_center{float: left; width: 100%; padding: 80px 0; text-align: center;}
.profile_center h3{font-size: 18px; color: #212121; padding: 0 5%; font-weight: 400; }
.keysnap{background-color: #f8f8f8; float: left; width: 100%; padding: 60px 0;}
.keysnap h2{font-size: 30px; color: #004ea6; text-align:center;  padding: 0 5%; font-weight: 700;  }

.profileinfo_block{float: left;width: 100%;padding: 86px 0px;padding-bottom: 0px;}
.profileinfo_block .row{float: left; width: 100%;  padding: 160px 0 50px;}
.profileinfo_block .row img{display: block;}
.profileinfo_block .row .thumb{margin-top: -100px;float: left;width: auto;position: relative;z-index: 1;}
.profileinfo_block .row .thumb_info{background-color: #f8f8f8; padding: 5% 5% 5% 15%; float: left; width: 50%; margin-left: -10%}
.profileinfo_block .row .thumb_info h3{font-size: 30px; line-height: 36px; font-weight: 800; color: #004ea6; padding: 0 0 20px; position: relative;}
.profileinfo_block .row .thumb_info h3:after{position: absolute; content: ""; background: url("../images/profile_head_brd.jpg") no-repeat; width: 172px; display: none; height: 1px; left: -182px; top: 20px; z-index: 9;}
.profileinfo_block .row .thumb_info p{line-height: 24px}
section.profileinfo_block.about_block_one .row .thumb_info {
    width: 64%;
}

section.profileinfo_block.about_block_one .row .thumb.video {
    width: 36%;
}
.bullet li {
    background: url(../images/right_arrow_four.png) no-repeat;
    padding: 0 0 10px 42px;
    margin-bottom: 0px;
    min-height: 48px;
}

.simple-pagination ul {
	margin: 40px 0 20px;
	padding: 0;
	list-style: none;
	text-align: center;
}

.simple-pagination li {
	display: inline-block;
	margin-right: 5px;
}

.simple-pagination li a,
.simple-pagination li span {
	color: #666;
	padding: 5px 10px;
	text-decoration: none;
	border: 1px solid #EEE;
	background-color: #FFF;
	box-shadow: 0px 0px 10px 0px #EEE;
}

.simple-pagination .current {
	color: #FFF;
	background-color: #004ea6;
	border-color: #023e9f;
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
	background: #FFF;
	color: #666;
	border: 1px solid #EEE;
}

.bttnbox{float: left; width: 100%; padding: 20px 0;}


a.blue_btn {
    font-size: 18px;
    cursor: pointer;
    color: #fdfdfd;
    font-weight: 600;
    background: #004ea6;
    padding: 15px 70px;
    border-radius: 50px;
    display: inline-block;
    align-items: center;
}

/*csr initiatives page css start*/
.intiativews_wrapper{max-width: 947px; margin: 0 auto; width: 95%;}
.intiativews_wrapper .row{/* float: left; */width: 100%;}
.csrsec1 {
    padding: 40px 0 40px;
}
.csrsec1 .cenrara{text-align: center;font-size: 18px;color: #212121;/* float: left; */width: 100%;padding: 30px 40px;line-height: 28px;}
.csrsec1 .subhead{text-align: center;font-size: 30px;color: #010000;font-weight: bold;padding: 45px 0;padding-bottom: 0px;}
.comlist1{float: left; width: 100%;}
.comlist1 li{float: left; width: 33.33%; text-align: center;}
.comlist1 li i{display: inline-block; height: 94px; position: relative; border-bottom: 1px dashed #634e4e; width: 100%;}
.comlist1 li i:after{background-color: #200402; position: absolute; content: ""; width: 190px; height: 1px; margin: 0 auto; left: 0;  right: 0; bottom: -1px; margin: 0 auto;}
.comlist1 li h4{margin: 0 auto; max-width: 190px; padding: 35px 0;}

.thumb3col{float: left; width: 100%;}
.thumb3col li{float: left; width: 33.33%; padding: 0 1px; text-align: center;}
.thumb3col li img{width:100%;}

.col2para{float: left; width: 100%; padding: 60px 0 0;}
.col2para li{float: left; width: 50%; padding: 0 40px 0 0; text-align: left; font-size: 16px;}
.col2para li img{width:100%;}

.activitiesblock{float: left; width: 100%; background-color: #eaf4ff; padding: 60px 0 120px; text-align: center;}
.activitiesblock.whblock{background-color: #fff;}
.activitiesblock h3{font-size: 36px; color: #004ea6; font-weight: 700; line-height: normal;}
.activitiesblock h4{font-size: 24px; color: #000000; font-weight: 700; line-height: normal; padding: 10px 0;}

.activityslider{text-align: center; padding: 40px 0 0;}
.activityslider li{text-align: center; border-right: 1px solid #d5dce4; min-height: 260px; padding: 0 20px; font-size: 16px;}
.activityslider i{display: inline-block;  min-height: 80px; }
.act-dots {
	position: absolute;
	right:0px;
	left: 0px;
	bottom: -45px;
	z-index:9;
	margin: 0 auto;
}
.act-dots li {
	width: 11px;
	height: 11px;
	float: none;
	display: inline-block;
	margin-right: 10px;
	list-style-type: none; min-height: auto; border-right: 0px solid #d5dce4; padding: 0
}
.act-dots li a {
	width: 11px;
	height: 11px;
	cursor: pointer;
	background: #eaf4ff;
	border: 2px solid #81aad7;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	border-radius: 50%;
}
.act-dots li.slick-active a {
	background: #004ea6;
	border: 2px solid #004ea6;
}

.buildhealthblock{background-color: #ececec !important;}
.educating_deserving_block{float: left; width: 100%; padding: 65px 0}
.educating_deserving_block h3{font-size: 24px; color: #000000; font-weight: 700; text-align: center; padding: 0 0 40px;}
.educating_deserving_block ul{text-align: center; font-size: 0px; display: flex; justify-content: center;}
.educating_deserving_block ul li{ width: 33.33%; margin: 0 10px; vertical-align: top; -webkit-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.18);
box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.18); }
.educating_deserving_block ul li aside{}
.educating_deserving_block ul li aside .thumb{overflow: hidden; height: 179px;}
.educating_deserving_block ul li aside .thumb img{width: 100%;}
.educating_deserving_block ul li aside p{min-height: 170px; font-size: 13px; color: #000000; padding: 25px;}



.healthcare_block{background-color: #f8f8f8; float: left; width: 100%; padding: 0px 0;}
.ayrhealth_block{float: left; width: 100%; background-color: #eaf4ff; padding: 60px 0;}
.ayrhealth_block h3{font-size: 24px; color: #000000; text-align: center;}
.ayrhealth_block ul{display: flex; justify-content: center; padding: 40px 0 0; } 
.ayrhealth_block ul li{padding: 0 20px; width: 50%;  text-align: center; border-right: 1px solid #d5dce4;}
.ayrhealth_block ul li:last-child{border-right: 0px solid #d5dce4;}
.ayrhealth_block ul li .thumb{text-align: center; padding: 0 0 15px;}









.csr_sec1_box {
    background: #eaf4ff;
    display: flex;
    max-width: 950px;
    width: 95%;
    margin: 0px auto;
    align-items: center;
    padding: 0px;
    justify-content: space-between;
    padding-right: 40px;
}

.csr_sec1_right_box h2 {
    font-size: 24px;
    color: #004ea6;
    font-weight: bold;
    margin-bottom: 20px;
}

.csr_sec1_right_box {
    width: 40%;
}

.csr_sec1_box img.csr_left_image1 {
    width: 52%;
}

.csr_sec1_right_box p {
    font-size: 16px;
    color: #000;
    font-weight: normal;
}
.csr_sec2_bg {
    background: url(../images/csr_sec2_bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 60px 0px;
    text-align: center;
    margin: 60px 0px;
}
.csr_sec2_bg h2 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    text-align: center;
    margin-bottom: 40px;
}

.csr_sec2_bg h3 {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 26px;
}

.csr_sec2_image_box {
    max-width: 952px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0px auto;
    box-shadow: 0px 0px 18px rgb(0 0 0 / 42%);
    margin-bottom: 20px;
    margin-top: -30px;
}
.csr_sec2_bg.four h2 {
    margin-bottom: 66px;
}
.csr_top_logo img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 23%);
}

.csr_top_logo {
    position: relative;
    z-index: 2;
    text-align: center;
}

.csr_sec2_image_box img {
    width: 33.111%;
}

.csr_sec2_bg h5 {
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    padding: 26px 160px;
    line-height: 36px;
}
a.explore_button.csr {
    color: #004797;
}
a.explore_button.csr:hover {
    background:#fff;
    color: #004797;
}
.csr_sec3 {
    text-align: center;
    padding: 60px 0px;
    padding-top: 0px;
}

.csr_sec3 h2 {
    font-size: 30px;
    color: #004ea6;
    font-weight: bold;
    margin-bottom: 30px;
}

.csr_sec3_image_box {
    max-width: 952px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0px auto;
    margin-bottom: 20px;
    margin-top: -48px;
}

.csr_sec3 h5 {
    font-size: 20px;
    color: #092e59;
    font-weight: normal;
    text-align: center;
    padding: 26px 160px;
    line-height: 36px;
}
.csr_sec3_image_box img {
    width: 40%;
}

.csr_sec3_image_box img:nth-child(2) {
    position: relative;
    left: -8%;
    z-index: 1;
}

.csr_sec3_image_box img:nth-child(3) {
    position: relative;
    left: -16%;
}
.csr_sec2_bg.four {
    background: url(../images/csr_sec4_bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 60px 0px;
    text-align: center;
    margin: 60px 0px;
}
.csr_image_carv_box {
    max-width: 850px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0px auto;
    margin-top: -30px;
    margin-bottom: 60px;
}

.csr_image_carv_box img {
    /* transform: rotate(-16deg); */
    width: 33.333%;
    border-radius: 10px;
}
.csr_image_carv_box img:nth-child(2) {
    margin-left: -36px;
}

.csr_image_carv_box img:nth-child(3) {
    margin-left: -36px;
}
.csr_sec2_bg.five {
    background: url(../images/csr_bg5.jpg);
    background-position: center;
    background-size: cover;
    padding: 60px 0px;
    text-align: center;
    margin: 60px 0px;
    margin-bottom: 0px;
}
.csr_sec2_bg.five h2 {
    color: #004ea6;
}

.csr_sec2_bg.five h5 {
    color: #004ea6;
}
.csr_ini_box #cboxLoadedContent {
    background: #e9f3fe;
}
.csr_info_mid_box{
    max-width: 920px;
    width: 94%;
    margin: 0px auto;
    padding: 100px 0px;
}
.csr_info_mid_box h3 {
    position: relative;
    font-size: 36px;
    color: #004ea6;
    text-align: center;
    margin: 30px 0px;
    border-bottom: 1px dashed #004ea6;
    padding-bottom: 20px;
    margin-top: 44px;
}

.csr_info_mid_box h3:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #004ea6;
    position: absolute;
    bottom: -1px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}
.csr_info_mid_box h2 {
    font-size: 36px;
    color: #004ea6;
    font-weight: 900;
    text-align: center;
    margin-bottom: 30px;
}

.csr_info_mid_box .csr_sec2_image_box {
    box-shadow: 0px 0px 8px rgb(0 0 0 / 42%);
}

.csr_info_mid_box h5 {
    font-size: 20px;
    color: #15293f;
    text-align: center;
    font-weight: 600;
    margin: 30px 0px;
}

.csr_info_mid_box p {
    font-size: 16px;
    color: #15293f;
    text-align: center;
    font-weight: normal;
}
.csr_info_mid_box h6 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
ul.item_one li {
    width: 300px;
    text-align: center;
    margin: 0px auto;
}

ul.item_one {
    display: flex;
    justify-content: center;
}
span.text_st {
    font-style: italic;
    display: block;
    margin-top: 72px;
    font-weight: bold;
    font-size: 11px;
    color: #555454;
}














 
/* .schedule_reponsive .shedule_header span:nth-child(2){display: none;} */
/* .schedule_reponsive .date{display: none;} */
.schedule_reponsive .shedule_header span{/* width: 46% !important; */}
.schedule_reponsive .shedule_header span:last-child{text-align: right}
.schedule_reponsive .download{justify-content: flex-end;/* width: 50% !important; */}
.schedule_reponsive .des{width: 46% !important;}

/*voices section css start*/
.voices_wrap{background: #ffc400; float: left; width: 100%;}
.voices_wrap .info {
    background: url(../images/voices_wrapbg.png) no-repeat center bottom;
    float: left;
    width: 100%;
    height: 442px;
    text-align: center;
    padding: 30px 0 0;
}
.voices_wrap .info h3{font-size: 33px;color: #212121;padding: 0 0 20px;}
.voices_wrap .info .quote{font-size: 20px;color: #212121;line-height: normal;padding: 10px 0 30px;
    /* background: url("../images/voice_quote.png") no-repeat center */
}

.voices_wrap2{float: left;width: 100%;padding: 0 0 120px;margin: -324px 0 0;}
.voices_wrap2 ul {
    text-align: center;
    width: 612px;
    margin: 0px auto;
}
.voice_slider_content span.hs_prev22.slick-arrow {
    position: absolute;
    background: url(../images/arrow-banner-left.png);
    left: -80px;
    top: 50%;
    transform: translate(0px, 150%);
    width: 22px;
    height: 40px;
    font-size: 0px;
    cursor: pointer;
}

.voice_slider_content span.hs_next22.slick-arrow {
    position: absolute;
    background: url("../images/arrow-banner-right.png");
    right: -80px;
    top: 50%;
    transform: translate(0px, 150%);
    width: 22px;
    height: 40px;
    font-size: 0px;
    cursor: pointer;
}
.main.slick-slide.slick-active.slick-center .thumb {
    transform: scale(1.4);
    /* z-index: 9999; */
    position: relative;
}
.main.slick-slide .thumb {
    transition: all .4s ease;
}
.voice_slider .slick-slide .thumb {
    display: inline-block;
}
.main.slick-slide .thumb {
    transform: scale(1.1);
}

.voice_slider .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 330px;
    margin: 0;
    padding: 0;
    padding-top: 66px !important;
}
.main.slick-slide .thumb:after {
    content: "";
    position: absolute;
    background: rgb(255 255 255 / 55%);
    height: 183px;
    width: 183px;
    left: 11px;
    top: 11px;
    border-radius: 50%;
}
.main.slick-slide.slick-current.slick-active .thumb:after {
    display: none;
}
.voice_slider .main .thumb {
    display: block;
    position: relative;
    text-align: center;
    /* transform: translate(0, 0) scale(0.6); */
    transition: all .4s ease;
    /* opacity: .5; */
    z-index: 0;
}
li.main.slick-slide {
    position: relative;
}

li.main.slick-slide.slick-current.slick-active.slick-center {
    z-index: 1;
}
.voices_wrap2 .thumb aside img {
    width: 100%;
    border: 1px solid #b81621;
    border-radius: 50%;
}
.slick-center {
    transform: initial !important;
}
.voices_wrap2 ul h3{font-size: 18px; padding: 10px 0;}
.voices_wrap2 ul p{font-size: 14px;}
.voices_wrap2 .thumb{
  /* height: 268px; */
  /* width: 268px; */
  display: inline-block;
  /* border-radius: 50%; */
  /* background: rgb(255,0,63); */
  /* background: linear-gradient(90deg, rgba(255,0,63,1) 0%, rgba(218,0,255,1) 11%, rgba(0,2,255,1) 25%, rgba(0,249,255,1) 39%, rgba(0,255,63,1) 53%, rgba(246,139,32,1) 68%, rgba(233,255,0,1) 82%, rgba(255,59,0,1) 100%); */
  padding: 5px;
  overflow: hidden;
}

ul.voice-dots {
    position: absolute;
    bottom: -30px;
    /* left: 50%; */
    /* transform: translate(-50%, 18%); */
    z-index: 1;
    color: #fff;
    width: 95%;
    max-width: 1193px;
    margin: 0 auto;
    display: flex !important;
    justify-content: center;
    left: 0;
    right: 0;
}

ul.voice-dots li button {
    display: inline-block;
    border: 0 solid;
    width: 8px;
    height: 8px;
    background-color: #b81621;
    border-radius: 20px;
    text-indent: -20000px;
    position: relative;
    margin: 0 2px;
    position: relative;
    z-index: 99;
    cursor: pointer;
    transition: all .3s ease-in-out;
    padding: 0px;
}

ul.voice-dots li.slick-active button {
    width: 18px;
    /* border-radius: 10px; */
    background: #ff4200;
}





.voices_wrap2 .thumb aside{/* background: #fff url("../images/voice_shadow.png") center bottom; */width: 100%;height: 100%;border-radius: 50%;padding: 5px;}




.postalBallot .shedule_header span:first-child {
    width: 20% !important;
}
.schedule_reponsive .shedule_header span {
    width: 46% !important;
    text-align: left;
}
.postalBallot .schedule_list_box .des {
    width: 25% !important;
}









/*----------VOICE NEW OPTION CSS------------*/
section {
    /* min-height: 100px; */
    position: relative;
    z-index: 7;
    float: left;
    width: 100%;
}
.main-container {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
  padding: 80px 0 30px;
  }
  .main1 {
    margin: 0px auto;
    max-width: 815px;
    width: 95%;
    height: 815px;
    position: relative;
}
  .big-circle {
    height: 100%;
    width: 100%;
    position: relative;
    border: 1px dashed #352b10;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    animation: Rotate 50s linear infinite;
    -webkit-animation: Rotate 50s linear infinite;
  }
      .big-circle:hover, .big-circle:hover .icon-block img {
  animation-play-state:paused;
  }
  .icon-block {
  transition: all 1s;
    position: absolute;
    
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;	  
  }
  .icon-block .thumb{  transition: all 1s; 
  width: 74px;
  height: 74px;  
  overflow: hidden; 
  border-radius: 50%;  
  /*background-image: linear-gradient(180deg, #4967e6 0%, #627bf4 100%);
  -webkit-background-image: linear-gradient(180deg, #4967e6 0%, #627bf4 100%);
  box-shadow: 0 2px 4px 0 #3e5ada;
  -webkit-box-shadow: 0 2px 4px 0 #3e5ada;*/
  }
  .icon-block .thumb.large1{width: 158px;height: 158px; }
  .icon-block .thumb.large2{width: 199px;height: 199px; }
  
  .icon-block aside{opacity: 0; position: absolute; transition: all linear 1s; white-space: nowrap; text-align: right;  color: #000;left: -180px; transform:rotate(360deg);
    -webkit-transform: rotate(360deg);}
  
  .icon-block .thumb img{max-width: 100%;}
  
  
  .big-circle .icon-block:hover .thumb { transform: scale(1.15);}
  .icon-block:hover aside{opacity: 1}
  
  .icon-block img {
    margin: 0px auto;
    animation: Rotate-reverse 50s linear infinite;
    -webkit-animation: Rotate-reverse 50s linear infinite;
  }
  .big-circle .icon-block:first-child {
        top: 17%;
      left: 11%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  .big-circle .icon-block:nth-child(2) {
       top: 10%;
      right: 18%;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
  }
  .big-circle .icon-block:nth-child(3) {
        top: 50%;
      right: -14%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
  }
  .big-circle .icon-block:nth-child(4) {
       bottom: 5%;
      left: 5%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
      .icon-block:nth-child(5) {
  bottom: 1%;
      left: 46%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
  }
  
  .circle .icon-block:first-child {
    top: 17%;
      left: 11%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  .circle .icon-block:nth-child(2) {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
  }
  /* circle content */
  .circle {
    animation: circle-rotate 50s linear infinite;
    -webkit-animation: circle-rotate 50s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    width: 60%;
    height: 60%;
    border: 1px dashed #352b10;
    border-radius: 50%;
  }
  .circle:hover, .circle:hover .icon-block img  {
  animation-play-state:paused;
  }
  .circle .icon-block img {
    animation: img-rotate 50s linear infinite;
    -webkit-animation: img-rotate 50s linear infinite;
  }
  /* center logo */
  .center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
      background-color: #003251;
      width: 330px;
      height: 330px;
      border-radius: 50%;
      border: 30px solid #eff4f4; text-align: center;
      vertical-align: middle; padding: 100px 0 0; color: #fff;
  }
  .center-logo h4{font-size: 16px;}
  .center-logo h2{font-size: 30px; position: relative; padding: 0 0 15px;}
  .center-logo h2:after{position: absolute; content: ""; width: 141px; background: url("../images/testbrd.png") no-repeat;; height: 2px; left: 0px; right: 0px; bottom: 0px; margin: 0 auto;}
  .bodpop_info .thumb.voice img {
    width: 200px;
    height: 200px;
}
.bodpop_info.voice p {
    text-align: center;
    font-size: 16px;
}
  /* keyframe animation */
  
  @keyframes Rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes Rotate {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes Rotate-reverse {
    from {
      transform: rotate(360deg);
    }
    to {
      transform: rotate(0deg);
    }
  }
  
  @-webkit-keyframes Rotate-reverse {
    from {
      -webkit-transform: rotate(360deg);
    }
    to {
      -webkit-transform: rotate(0deg);
    }
  }
  
  @keyframes circle-rotate {
    from {
      transform: translate(-50%, -50%) rotate(45deg);
    }
    to {
      transform: translate(-50%, -50%) rotate(405deg);
    }
  }
  
  @-webkit-keyframes circle-rotate {
    from {
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
    }
    to {
      -webkit-transform: translate(-50%, -50%) rotate(405deg);
    }
  }
  
  @keyframes img-rotate {
    from {
      transform: rotate(-45deg);
    }
    to {
      transform: rotate(-405deg);
    }
  }
  
  @-webkit-keyframes img-rotate {
    from {
      -webkit-transform: rotate(-45deg);
    }
    to {
      -webkit-transform: rotate(-405deg);
    }
  }

/*.tvc barnd css start*/
.tvcbarnd{}
.tvcbarnd ul{}
.tvcbarnd h2 {
    font-size: 36px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 900;
}
.tvcbarnd ul li{float: left; width: 50%; padding: 0 20px 20px 0;}
.tvcbarnd.dermi_one_box ul {
    display: flex;
    justify-content: center;
}
.tvcbarnd ul li aside{float: left; width: 100%; height: 349px; border-radius:6px; background-color: #fff; overflow: hidden; position: relative;}
.tvcbarnd ul li aside a{height: 100%; float: left; width: 100%; }
.tvcbarnd ul li aside a:after{height: 100%; float: left; width: 100%; background: url("../images/watch_ic.png") no-repeat center; content: ""; left: 0; top: 0; position: absolute; }
.tvcbarnd ul li aside span{position: absolute; left: 0; bottom: 0px; background-color: rgba(103,56,150,0.80); padding: 8px 20px; color: #ffffff; font-size: 14px; width: 100%; display: flex; align-items: center; height: 67px;}
.tvcbarnd.keshking ul li aside span {
    background: rgb(0 68 25 / 74%);
}
.tvcbarnd.brillare span {
    background: rgb(0 0 0 / 48%);
}
.navaratna ul li aside span {
    background: rgb(172 31 35 / 82%);
}
.zandu ul li aside span {
    background: rgb(6 160 91 / 80%);
}
.fair ul li aside span {
    background: rgb(0 0 0 / 68%);
}
.mentho ul li aside span {
    background: rgb(237 27 34 / 72%);
}
.oil ul li aside span {
    background: rgb(81 45 29 / 78%);
}
.creme21 ul li aside span {
    background: rgb(252 102 25 / 82%);
}
.dermicool ul li aside span {
    background: rgb(24 46 150 / 82%);
}
.tvcbarnd .morelink {
   display: flex; justify-content: center; margin: 10px 0 30px;
}
.tvcbarnd .morelink a {
font-size: 14px; background: url("../images/more_tvc_ic.png") 90% no-repeat;
    padding: 10px 60px 10px 20px;
    color: #000;
    display: block; text-align: left;
    position: relative;
	border-radius: 30px; background-color: #ffffff;-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.22);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.22);
}
/*.tvc barnd css end*/

/*errorpage css start*/
.errorpagebg {
    background: url(../images/errorbg.webp) center;
    min-height: calc(80vh - 50px);
    margin: 50px 0 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.errorpagebg h2{font-size: 38px; padding: 30px 0 20px;}
.errorpagebg h3{font-size: 18px; padding: 0px 0 20px;}
.errorpagebg p{font-size: 14px; padding: 0px 0 30px; text-align: center;}
.errorpagebg p a{font-weight: 700; color: #000; text-decoration: underline}

/*errorpage css end*/

  @media screen and (max-width:768px) {
    .errorpagebg {
        background: url(../images/errorbg.webp) center;
        min-height: calc(80vh - 81px);
        margin: 80px 0 0;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        padding: 40px;
    }
    .icon-block .thumb.large1 {
        width: 68px;
        height: 68px;
    }
    .icon-block .thumb.large2 {
        width: 69px;
        height: 69px;
    }
    .big-circle {
        height: 400px;
        width: 400px;
    }
    .circle {
        width: 300px;
        height: 300px;
    }
    .center-logo {
        width: 200px;
        height: 200px;
        border: 10px solid #eff4f4;
        padding: 56px 0 0;
    }
    .center-logo h4 {
        font-size: 12px;
    }
    .center-logo h2 {
        font-size: 14px;
        position: relative;
        padding: 0 0 15px;
    }
    .main1 {
        margin: 0px auto;
        max-width: 400px;
        width: 95%;
        height: 400px;
        position: relative;
    }
	  .tvcbarnd ul li{float: left; width: 100%; padding: 0 20px 20px 0;}
  }

  @media screen and (max-width:480px) {
    section.profileinfo_block.about_block_one {
        padding-top: 0px;
    }
    section.profileinfo_block.about_block_one .row {
        padding-top: 0px !important;
    }
    .about_sec3 {
        margin-bottom: 20px;
    }
    .big-circle {
        height: 350px;
        width: 350px;
        margin: 0px auto;
        margin-top: 24px;
    }
    .circle {
        width: 250px;
        height: 250px;
    }
    .center-logo {
        width: 150px;
        height: 150px;
        padding: 42px 0 0;
    }
    .center-logo h2:after {
        display: none;
    }
    .circle .icon-block:nth-child(2) {
        top: 76%;
        right: 12%;
        transform: translate(50%, -50%);
        -webkit-transform: translate(50%, -50%);
    }
  }












@media screen and (max-width:1480px){
	.brandswrap .barnds_block aside .row .info .icon {height: 140px;}
	    .milestone_slider_bottom_box h5 {
        padding: 0px 48px;
        /* padding: 0px 60px; */
    }
	.mile_box .hs_prev22 { left: 23px;}
	.mile_box .hs_next22 { right: -70px;}
	
	.boroplus_banner_overlay { bottom: 105px;}
	.boroplus_banner_overlay h2 {font-size: 36px; line-height: 36px;}
    .mile_box li:nth-child(even) .milestone_slider_bottom_box {
        margin-top: -22px;
        height: 98px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .milestone_slider_bottom_box h5 {
        font-size: 13px;
    }
}

@media screen and (max-width:1400px) {
    ul.banner_inner {
        height: 564px;
    }
}
@media screen and (max-width:1100px) {
    .view_all_box {
        width: 86%;
    }
	
	    .carres_top_left_box img {
        width: 60%;
    }
    .carres_top_left_box img {
        width: 60%;
    }
    ul.banner_inner {
        height: 450px;
        overflow: hidden;
    }
}


@media screen and (max-width:1180px){
	.brandswrap .barnds_block aside .row .info .icon {height: 90px;}
}



@media screen and (max-width:900px){
    ul.banner_inner {
        height: 400px;
        overflow: hidden;
    }
	.breadcrumbs ul { display: none;}
	/*.inside-banner .insidebannerinfo {  padding: 40px 25px 80px;  position: relative;  display: block;}*/
	.inside-banner .insidebannerinfo.bottom { /*position: relative; padding: 40px 25px;background-color: #004ea6;*/  bottom: auto; top: 20%;}
	.inside-banner .insidebannerinfo.invtban { bottom: auto; top: 20%; display: block; padding: 0 10px;}
	.inside-banner .insidebannerinfo p{font-size: 16px;}
	.inside-banner .insidebannerinfo p br{display: none; }
	.inside-banner .insidebannerinfo h3 { font-size: 24px; line-height: normal;}
	.inside-banner .insidebannerinfo h3 br {display: none;}
	.quicklink ul { display: block;}
	.quicklink ul li { width: 100%; border-right: 0px solid rgba(0,78,166,0.11); border-bottom: 1px solid rgba(0,78,166,0.11);}
	.quicklink ul li.icon { justify-content: left; align-items: flex-start; display: inline-flex; flex-wrap: wrap;  flex-flow: row;  text-align: left;  column-gap: 25px;}
	.quicklink .quicklinks_sec { padding: 34px 0px;}
	.quicklink .sharevalue ul li {border-bottom: 0px solid rgba(0,78,166,0.11);}
	.quicklink ul li:last-child {width: 100%;}
	.quicklink .quicklinks_sec .block { width: 100%; float: none; padding: 0 5% 0 0; display: inline-block;}
	.annualsec .block { position: relative; margin: -15px auto 0;}
	.annualsec .block ul { display: block;}
	.annualsec .block ul li:first-child {width: 100%;}
	.annualsec .block ul li { width: 100%;}
	.annualsec .block ul li:first-child aside .icon {bottom: -40px;	}
	.quaterresults { padding: 50px 10%;}
	.quaterresults .quater_wrap { display: block;}
	.quaterresults .quater_wrap aside:first-child {width: 100%;}
	ul.accordion {display: block; position: relative;}
	ul.accordion li a.toggle{position: absolute; left: 0px; top: 0px;}
	
	
	ul.accordion li:nth-child(2) a.toggle{left: 50px;}
	ul.accordion li:nth-child(3) a.toggle{left: 100px;}
	ul.accordion li:nth-child(4) a.toggle{left: 150px;}
	.resultblock {display: inline-block; margin-bottom: 35px; }
	/*ul.accordion li:nth-child(1) .resultblock {margin-top: 30px }*/
	ul .inner { margin-top: 0px;}
	
	.quaterresults.agm .quater_wrap {display: block;}
	
	.quaterresults.agm ul.accordion li:nth-child(2) a.toggle{left: 90px;}
	.quaterresults.agm ul.accordion li:nth-child(3) a.toggle{left: 180px;}
	.quaterresults.agm ul.accordion li:nth-child(4) a.toggle{left: 270px;}
	
	

	.resultblock .block {width: 100%;}
	.quaterresults .quater_wrap aside {width: 100%; padding: 0px 23px;}
	.quaterresults .quater_wrap aside:first-child {padding: 33px 23px;}
	ul.accordion li.active { width: 100%;}
	ul.accordion li { width: auto; margin-bottom: 25px; margin-right: 6px;}
	.agm ul.accordion li { width: auto; background-color: #fff; border-radius: 25px; margin-right: 0px;}
	.agm ul.accordion li.active {background-color:transparent;}
	
/*	.agm ul.accordion li a.toggle { color: #004ea6;}*/
	.policies { text-align: center; padding-bottom: 50px;}
	.policies aside {display: inline-block; position: relative; width: 80%; right: 0; left: 0; background-color: #004ea6;  padding: 34px; margin: -25px auto 0; text-align: left;}
	.policies aside li h3 a, .policies aside li h3 {font-size: 18px;}
	ul.barndsoffer {display: flex; grid-gap: 30px; margin: 0 0 30px; flex-wrap: wrap;}
	ul.barndsoffer li {width: 45%;}
	.brandswrap .barnds_block aside { width: 100%; margin: 15px 0;}
	.brandswrap {width: 100%;  padding: 40px 5%; display: inline-block;}
	ul.barndsoffer li h3 br{display: none;}
	.brandswrap .barnds_block aside .row .info h2 { font-size: 16px;}
	.brandswrap .barnds_block aside .row .info h2 small {font-size: 10px;  line-height: 12px;}
	
	.tab-content, .tab-content2 {
  display: none;
}
.tab-content.active, .tab-content2.active {
  display: block;
}
	ul.accordion li a.toggle{ display: none;}
	ul .inner {display: block;}
	ul.accordion2 {display: inline-flex;}
	
	.agm ul.accordion2 li a span {
    width: auto;
    height: auto;
    background:transparent;
    text-align: left;
	color: #fff; white-space: nowrap; font-size: 13px;
}
	ul.accordion2 li {
    margin-right: 15px;
}
	
	.pro_details_left_box {
    width: 50%;
    text-align: center;
    border-right: 1px solid #ececec;
/*    padding: 60px;*/
	width: 100%;
    height: auto;
    /* min-height: 600px; */
    overflow: auto;
    position: relative;
    top: 20px;
    padding-top: 60px;
}
	.pro_details_left_box img{width: 100%}
	.pro_details_left_box .eccomeceblock img{width: auto}
	.image_gallery_thum_box img{width: 100%;}
}

@media screen and (max-width:820px) {
    .about_sec1 {
        margin: 40px 0px;
    }
.about_what_first_box {
    width: 100%;
    border-right: none;
    padding: 30px 28px;
    border-bottom: 1px solid #cccccc5e;
    margin-bottom: 30px;
    padding-top: 0px;
}
.about_sec3_mid_first_box {
    width: 100%;
    height: auto;
}
a.knowmore_button {
    position: relative;
    top: 0px;
}

.mile_box li {
    text-align: center;
    margin-top: 56px;
}
.mliestone_image_box h6 {
    top: 96px;
}
.mile_box .slick-track li:nth-child(even) .mliestone_image_box h6 {
    top: 76px;
}
.milestone_slider_bottom_box h5 {
    padding: 0px 60px;
    margin-bottom: 10px;
}
.inside-header-text h1 {
    line-height: 26px;
    font-size: 24px;
}
.about_what_first_box:last-child {
    border-bottom: none;
}
	
	

.careers_overlay_box .careers_bottom_first_box:first-child h3 {
    font-size: 24px;
    line-height: 30px;
}
.careers_bottom_first_box h3 {
    font-size: 16px;
}
	    .carres_top_left_box h3 {
        font-size: 30px;
    }
    .view_all_box:before {
        width: 76%;
    }
    a.view_all_button {
        width: 110px;
    }
	
	/*media css*/
	.grid {display: block;}
	.item{margin-bottom: 15px;}
	.sus_center_block blockquote { padding: 70px 0;}
	.sus_center_block blockquote br, .sus_pillae_sec h2 br {display: none;}
	.sus_pillae_sec h2 {font-size: 26px;}
	.sus_pillae_sec ul { display: block;}
	.sus_pillae_sec ul li{width: 100%; padding-bottom: 60px;}
	.sus_pillae_sec { padding: 60px 5%;}
	.sustainbilty_overlay_box .sustainbilty_bottom_first_box { width: 50%; border-left: 0px solid #dde6e8;  border-bottom: 1px solid #dde6e8;}
	.sustainbilty_overlay_box .sustainbilty_bottom_first_box:nth-child(odd) {border-right: 1px solid #dde6e8; }
	.sustainbilty_overlay_box .sustainbilty_bottom_first_box:last-child {border-right: 0px solid #dde6e8; width: 100%; }
	.sustainbilty_bottom_first_box h3 { font-size: 16px;}
	
	/*--------- global presence ----------*/
	.our-offices-box2 ul { display: block;}
	.our-offices-box2 ul li{width: 100%; border-bottom: 1px solid #e5e5e5;}
	.our-offices-box2 ul li:nth-child(odd) {
    border-right: 0px solid #e5e5e5;
}
	
	    .boroplus_banner_overlay h2 {
        font-size: 30px;
        line-height: 34px;
    }
    .boroplus_banner_overlay {
        bottom: 20px;
    }
    .carres_top_left_box img {
        display: none;
    }
    .boro_product_image img {
        width: 100%;
    }
    .boro_feature_box {
        padding: 60px 20px;
    }
    .boro_fea_first_box {
        padding: 0px 20px;
    }
    .boro_fea_first_box img {
        width: 100%;
    }
	
	    .pro_details_left_box {
        width: 100%;
        border-bottom: 1px solid #ececec;
        border-right: none;
    }
    .pro_details_right_box {
        width: 100%;
    }
	.management_block { grid-gap: 0;}
	.management_block li{width: 100%;}
	.bod_block { grid-gap: 0;}
	.bod_block li{width: 100%;}
    ul.banner_inner {
        height: 330px;
        overflow: hidden;
    }

    .csr_sec3_image_box img:nth-child(2) {
        margin-left: -8%;
        z-index: 1;
        left: inherit;
    }
    .csr_sec3_image_box img:nth-child(3) {
        margin-left: -8%;
        left: inherit;
    }
    .csr_sec3_image_box img {
        width: 33.333%;
    }
    .csr_sec3_image_box {
        justify-content: center;
    }
    .csr_image_carv_box img {
        width: 33.333%;
        margin: 0px 10px;
    }
    .csr_image_carv_box {
        justify-content: center;
    }
    .policies aside ul {
        flex-wrap: wrap;
    }
    .policies aside li {
        width: 100%;
        margin: 0px;
    }
	
}



@media screen and (max-width:768px) {
    ul.banner_inner {
        height: 300px;
        overflow: hidden;
    }
	
	.comlist1 li, .col2para li { width: 100%;}
	.col2para li{padding: 0 0 20px;}
	.activitiesblock h3 {font-size: 24px;}
	.activitiesblock h4 { font-size: 15px;}
	.educating_deserving_block ul { display: inline-block;}
	.educating_deserving_block ul li { width: 100%; margin: 0 0px 20px;}
	.ayrhealth_block ul { display: inline-block;}
	.ayrhealth_block ul li{margin-bottom: 20px; width: 100%; border-right: 0px solid #dde6e8;}
	.activityslider li{min-height: 0; border-right:0px solid #d5dce4;}
}




@media screen and (max-width:680px) {
    .tvcbarnd.dermi_one_box ul li {
        margin: 0px;
        padding: 0px;
    }
    .mobile_image {
        display:block !important;
    }
    .desktop_image {
        display: none !important;
    }
    .quicklink ul li:last-child {
        width: 100%;
        padding-left: 0px;
    }
    .quicklink ul li {
        border-bottom: 1px solid rgb(255 255 255 / 26%);
    }
    .annualsec .block ul li:first-child aside .icon {
        bottom: -50px;
    }
    .agm ul.accordion2 li a span {
        color: #000;
    }
    .careers_overlay_box .careers_bottom_first_box {
        background: #e8fbfe;
        width: 50%;
    }
	
	.careers_overlay_box .careers_bottom_first_box:first-child{width: 100%}
	
    .careers_overlay_box .careers_bottom_first_box:nth-child(2) {
        background: #e8fbfe;
    }
    .careers_overlay_box .careers_bottom_first_box:nth-child(3) {
        background: #f9fcfd;
    }
    .careers_overlay_box .careers_bottom_first_box:nth-child(4) {
        background: #f9fcfd;
    }
    .carres_top_right_box {
        width: 100%;
        margin-top: 20px;
    }
    .carres_top_left_box {
        display: flex;
        align-items: flex-start;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .carees_top_box {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        margin-top: 20px;
        margin-bottom: 40px;
        flex-wrap: wrap;
    }
    .carres_top_left_box h3 {
        width: 100%;
    }
	.brandswrap .barnds_block aside .row .info .icon img { width: 50%;}
    .brandswrap .barnds_block aside .row .info .icon.boro img {
        width: 30%;
    }
    
    .brandswrap .barnds_block aside .row .info .icon.oil img {
        width: 30%;
    }
    
    .brandswrap .barnds_block aside .row .info .icon.creme img {
        width: 30%;
    }
	.only-mobile{display: block;}
	.only-desptop{display: none;}
	
	.contact_sec1 ul{width: 100%; display: block; text-align: center;}
	.contact_sec1 ul li {
        width: 100%;
        display: block;
        border-left: 0px solid #dde6e8;
        border-bottom: 1px solid #dde6e8;
        height: 370px;
    }
	.contact_overlay_box .contact_bottom_first_box {
    background: #fff;
    padding: 45px 26px;
    width: 100%;
    border-right: 0px solid #dde6e8;
    border-bottom: 1px solid #dde6e8;
}
	.contact_overlay_box {
    display: block;
    flex-wrap: wrap;
}
	    .media_first_box {
        padding: 16px 34px;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ccc;
    }
    .media_first_box:last-child {
        border-right: none;
        border-bottom: none;
    }
    .view_all_box:before {
        display: none;
    }
    .view_all_box {
        width: auto;
    }
	.mile_box {
    padding: 0px 0px 0 0px;
    margin-top: 20px;
}
	
	.about_sec4:after { top: 143px;}

	
	.mile_box .slick-track li:nth-child(even) .mliestone_image_box h6 {top: 60px;}
	.mliestone_image_box h6 {top: 90px;}
	.mliestone_image_box h6 {font-weight: 600; font-size: 16px;}
	.milestone_slider_bottom_box h5 { padding: 0px 8px;  margin-bottom: 10px;}
	.mile_box li { margin-top: 0px;}
	.milestone_slider_bottom_box h5 { font-size: 10px;  line-height: normal;}
	.mile_box .hs_next22 { right: 0px; transform: translate(0px, 0px);  margin: 80px auto 0;}
	.mile_box .hs_prev22 { left: 0px; transform: translate(0px, 0px);  margin: 80px auto 0;}
	.media_bottom_box { top: 0; margin-top: -100px;  margin-bottom: 50px;}

	.mliestone_image_box{padding: 0 8px;}
	.about_sec4 h4{margin-bottom: 40px;}
	.mile_box .hs_prev22, .mile_box .hs_next22{font-size: 0px; width: 18px; top: -60px; margin-top: 0}
	
	
    .boroplus_banner_overlay h2 {
        font-size: 20px;
        line-height: 22px;
    }



    .boro_feature_bottom_box .boro_fea_first_box {
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        margin-bottom: 20px;
        width: 100%;
        border-right: none;
    }
    .boro_feature_bottom_box {
        display: flex;
        margin-top: 70px;
        margin-bottom: 0px;
        flex-wrap: wrap;
    }
    .boro_feature_box {
        padding: 20px 20px;
    }
    .boro_feature_box h5 {
        font-size: 20px;
    }
    .boro_feature_bottom_box .boro_fea_first_box:last-child {
        border-bottom: none;
    }
    .boro_feature_bottom_box .boro_fea_first_box:first-child {
        border-right: none;
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .bro_pro_first_box {
        width: 90%;
    }
    .boro_fea_first_box img {
        width: auto;
    }
    .boro_top_box .carres_top_right_box {
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }
    .boro_top_box .carres_top_left_box {
        width: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .boro_top_box {
        width: 100%;
        flex-wrap: wrap;
        margin-top: 40px;
    }
	
	
.pro_details_right_box {
    width: 100%;
    padding-left: 20px;
}
.pro_fearch_details_box {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.pro_feacher_details_first_box {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 18px;
    margin-bottom: 18px;
}
.pro_details_left_box {
    padding: 20px;
}
	
.profile_block li{width: 100%;}

.profile_center{float: left; width: 100%; padding: 80px 0; text-align: center;}
.profile_center h3{font-size: 18px; color: #212121; padding: 0 5%; font-weight: 400; }
.keysnap {
    background-color: #f8f8f8;
    float: left;
    width: 100%;
    padding: 0px;
    padding-top: 40px;
}
.keysnap h2{font-size: 30px; color: #004ea6; text-align:center;  padding: 0 5%; font-weight: 700;  }

.profileinfo_block .row {
    padding: 10px 0 50px;
    padding-bottom: 0px;
}
.profileinfo_block {
    float: left;
    width: 100%;
    padding: 0px 0px;
    padding-bottom: 0px;
    padding-top: 30px;
}
	.profileinfo_block .row img{display: block; width: 100%;}
.profileinfo_block .row .thumb{margin-top: 0px; float: left; width: 100%; position: relative; z-index: 1;}
.profileinfo_block .row .thumb_info{background-color: #f8f8f8; padding: 5%; float: left; width: 100%; margin-left: 0}
.profileinfo_block .row .thumb_info h3{font-size: 30px; line-height: 36px; font-weight: 800; color: #004ea6; padding: 0 0 20px; position: relative;}
.profileinfo_block .row .thumb_info h3:after{display: none;}
.profileinfo_block .row .thumb_info p{line-height: 24px}
	.our-offices-box1 aside{width: 100%;}
	.our-offices-box1 aside span { float: none; margin: 0 auto 40px; }
	.our-offices-box1 figure section small, .our-offices-box1 figure section big, .our-offices-box1 figure { width: 100%;}
	.our-offices-box1 figure section, .our-offices-box1 figure h2{text-align: center;}
	.mapview i { left: auto; margin-left: -40px;}
	.our-offices-box2 ul li:nth-child(even) { padding-left: 0;}
	.our-offices-box2{padding: 0 10% 80px;;}
    ul.banner_inner {
        height: 260px;
        overflow: hidden;
    }
    section.profileinfo_block.about_block_one .row .thumb_info {
        width: 100%;
    }
    
    section.profileinfo_block.about_block_one .row .thumb.video {
        width: 100%;
    }
    .csr_sec1_box {
        padding: 20px;
        flex-wrap: wrap;
    }
    .csr_sec1_box img.csr_left_image1 {
        width: 100%;
    }
    .csr_sec1_right_box {
        width: 100%;
        margin-top: 20px;
    }
    .csr_sec2_bg h5 {
        font-size: 18px;
        padding: 26px 0px;
        line-height: 30px;
    }
    .csr_sec3 h5 {
        font-size: 18px;
        padding: 26px 0px;
        line-height: 30px;
    }
    .csr_info_mid_box h2 {
        font-size: 26px;
    }
    .csr_info_mid_box h5 {
        font-size: 18px;
    }
    .csr_info_mid_box h3 {
        font-size: 26px;
    }


}

@media screen and (max-width: 680px) {
.desktop1920 {
    display: none;
}
.mob480 {
    display: block;
}
.voices_wrap2 ul {
    width: 100%;
    margin: 0px auto;
    margin-top: 40px;
}
.voice_slider .slick-list {
    padding-top: 14px !important;
}
.voice_slider .slick-list {
    min-height: 230px;
}
.main.slick-slide.slick-active.slick-center .thumb {
    transform: scale(1);
    /* z-index: 9999; */
    position: relative;
}
.main.slick-slide .thumb {
    transform: scale(1);
}
.main.slick-slide .thumb:after {
    display: none;
}
}

@media screen and (max-width: 680px) {
    ul.banner_inner {
        height:auto;
        overflow: hidden;
    }
	.about_sec4:after {top: 207px;}
    .milestone_slider_bottom_box {
        margin-top: 55px;
    }
}



@media screen and (max-width:480px) {
    ul.banner_inner {
        height:auto;
        overflow: hidden;
    }
    .main.slick-slide .thumb {
        transform: scale(1);
        width: 76%;
        margin: 0px auto;
    }
    .csrsec1 .cenrara {
        font-size: 16px;
        padding: 30px 0px;
    }
    .csrsec1 .subhead {
        font-size: 20px;
    }
    .csr_sec2_bg h2 {
        font-size: 26px;
        margin-bottom: 24px;
    }
    .csr_sec2_bg h3 {
        font-size: 20px;
    }
    .csr_top_logo img {
        width: 80px;
        height: 80px;
    }
}


@media screen and (max-width:432px) {
    /* ul.banner_inner {
        height:170px;
        overflow: hidden;
    } */
}

@media screen and (max-width:370px) {
    ul.banner_inner {
        /*height:140px;
        overflow: hidden;*/
    }
}





















/*--------CONTACT CSS-----------*/
.office_first_box {
    background: #fff;
    padding: 26px 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 11%);
    margin-top: 20px;
    border: 1px solid #dcdcdc;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.office_bottom_box .center:before {
    content: "";
    position: absolute;
    inset: 0;
    /* border-radius: 10px; */
    padding: 1px;
    background: linear-gradient(45deg,red,#b2b200,#04c204,blue,#ca00ca);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    height: 2px;
    width: 95%;
    max-width: 1180px;
    margin: 0 auto;
}
.office_bottom_box.contact {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 40px;
}
.contact_top_mid_box {
    text-align: center;
    margin-top: 40px;
}

.contact_top_mid_box h3 {
    font-size: 30px;
    color: #004ea6;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 16px;
}

.contact_top_mid_box h4 {
    font-size: 16px;
    color: #202020;
    font-weight: normal;
    margin-bottom: 40px;
}
.contact_left_box {
    display: flex;
    align-items: flex-start;
    width: 38%;
}

.contact_left_box img.contact_icon {
    margin-right: 24px;
}

.contact_left_mid_box h2 {
    font-size: 22px;
    color: #131313;
    font-weight: normal;
    margin-bottom: 10px;
}

.contact_left_box:last-child {
    padding-left: 0px;
}

.contact_left_mid_box p {
    font-size: 16px;
    color: #131313;
    font-weight: normal;
}

.contact_left_mid_box a {
    font-size: 14px;
    color: #453696;
    font-weight: 600;
    text-decoration: underline;
}
.office_bottom_box.contact .office_first_box {
    position: relative;
}

.office_bottom_box.contact .office_first_box:after {
    content: "Or";
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    background: url(../images/or_icon.jpg);
    background-repeat: no-repeat;
    background-position: center;
    width: 48px;
    height: 102px;
    font-size: 18px;
    color: #131313;
    font-weight: bold;
    text-align: center;
    line-height: 102px;
}



@media screen and (max-width:900px) {
    .office_bottom_box.contact .office_first_box {
        flex-wrap: wrap;
    }
    .contact_left_box {
        width: 100%;
        margin-bottom: 140px;
    }
    .contact_left_box:last-child {
        padding-left: 0px;
        margin-bottom: 0px;
    }
    .office_bottom_box.contact .office_first_box:after {
        left: 50%;
        top: 50%;
        right: inherit;
        transform: translate(-50%, -50%);
    }
}



@media screen and (max-width:480px) {
    .contact_left_box {
        width: 100%;
        margin-bottom: 140px;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .contact_left_box img.contact_icon {
        margin-right: 0px;
        margin-bottom: 16px;
    }
    .contact_left_mid_box {
        width: 100%;
    }
    .office_bottom_box.contact .office_first_box:after {
        transform: translate(-50%, -42%);
    }
    .contact_left_mid_box a {
        font-size: 12px;
        word-break: break-all;
    }
    .contact_top_mid_box h3 {
        font-size: 24px;
    }
}







/*-----NEWS CSS START----*/
.office_bottom_box .center:before {
    content: "";
    position: absolute;
    inset: 0;
    /* border-radius: 10px; */
    padding: 1px;
    background: #0002fe;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    height: 2px;
    width: 95%;
    max-width: 1180px;
    margin: 0 auto;
}
.office_bottom_box.contact {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 40px;
}
.yearmenu.news {
    /* width: 100%; */
    margin: 30px 0 30px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.yearmenu.news > a {
    font-size: 18px;
    cursor: pointer;
    color: #fdfdfd;
    font-weight: 600;
    background: #004ea6 url(../images/year_arrow.png) no-repeat right 10px;
    padding: 0 70px 0 26px;
    height: 47px;
    border-radius: 50px;
    display: flex;
    align-items: center;
}
.tvc_top_box_main {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

 a.archivebttn{background: #ffc400 none no-repeat right 0px;padding: 10px 50px;margin-right: 26px;border-radius: 20px;color: #fff;font-weight: bold;}
.yearmenu.news .dropmenu_open {
    display: none;
}
.yearmenu.news .dropmenu_open {
    width: 292px;
    padding: 25px;
    border: 1px solid #e1e1e1;
    position: absolute;
    top: 70px;
    right: 0;
    z-index: 2;
    background-color: #fff;
    border-radius: 6px;
    z-index:11;
}
.yearmenu.news .dropmenu_open a {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    color: #383838;
    font-weight: 500;
    font-size: 16px;
    padding: 6px 0;
    cursor: pointer;
    display: block;
}
.yearmenu.news .dropmenu_open:after {
    position: absolute;
    content: "";
    background: url(../images/select_up.png) no-repeat;
    width: 20px;
    height: 11px;
    right: 20px;
    top: -11px;
}
.yearmenu.news span {
    font-size: 18px;
    color: #004ea6;
    font-weight: bold;
    margin-right: 10px;
}
.news_main_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin-top: 40px;
}

.news_first_box {
    position: relative;
    width: 33.333%;
    margin-bottom: 28px;
    padding: 0px 16px;
}
.news_mid_box {
    background: #f0f0f0;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    position: relative;
    height: 100%;
}

.news_first_bottom_box {
    padding: 20px 40px;
}
.news_mid_box img.news_image {
    width: 100%;
    border-radius: 4px;
}
.news_first_bottom_box .date_text {
    font-size: 13px;
    color: #5c7ca0;
    font-weight: normal;
}

.news_first_bottom_box h5 {
    font-size: 16px;
    color: #004ea6;
    font-weight: 600;
    line-height: 20px;
    margin-top: 8px;
    height: 70px;
}

.view_main_box {
    display: flex;
    margin-top: 50px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.view_main_box aside {
    display: flex;
    align-items: center;
}

.view_main_box aside span {
    margin-left: 8px;
    font-size: 14px;
    color: #004ea6;
    font-weight: 600;
}
.news_mid_box:after {
    content: "";
    background: url(../images/news_bottom_image.png);
    width: 100%;
    height: 2px;
    position: absolute;
    background-size: 100%;
    bottom: 0px;
}
.view_main_box aside a {
    display: flex;
    align-items: center;
}



@media screen and (max-width:820px) {
    .news_first_box {
        width: 50%;
    }
}



@media screen and (max-width:480px) {
    .yearmenu.news .dropmenu_open {
        top: 60px;
        z-index: 11;
    }
    .news_first_box {
        width: 100%;
    }
    .news_first_bottom_box {
        padding: 20px 20px;
    }
    .yearmenu.news > a.archivebttn {
        width: 100%;
        justify-content: center;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .yearmenu.news {
        flex-wrap: wrap;
    }
    .yearmenu.news > a {
        width: 66%;
    }
}
/*-----NEWS CSS CLOSED-----*/






/*----SOCIAL CSS START----*/
.office_bottom_box .center:before {
    content: "";
    position: absolute;
    inset: 0;
    /* border-radius: 10px; */
    padding: 1px;
    background: #0002fe;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    height: 2px;
    width: 95%;
    max-width: 1180px;
    margin: 0 auto;
}
.office_bottom_box.social_box {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 40px;
    background: #fafafa;
}
article.smFilter h2 {
    font-size: 30px;
    color: #004ea6;
    font-weight: bold;
    margin-top: 42px;
    display: inline-block;
}
.social_mid_main_box {
    width: 100%;
    clear: both;
}
.social_mid_box {
    display: flex;
    margin: 40px 0px;
    flex-wrap: wrap;
}

.social_first_box {
    width: 33.333%;
    padding: 0px 16px;
    margin-bottom: 26px;
}
.social_first_top_box {
    position: relative;
}

.social_first_top_box:after {
    content: "";
    position: absolute;
    bottom: 5px;
    height: 2px;
    width: 100%;
    background: url(../images/social_bottom_image.jpg);
    background-repeat: no-repeat;
    left: 0px;
    background-size: 100%;
}
.social_first_box aside {
    background: #fff;
    box-shadow: 0px 0px 14px rgb(0 0 0 / 14%);
    height: 100%;
    border-radius: 4px;
}

.social_first_top_box img {
    width: 100%;
}

.social_first_bottom_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 30px;
}

.social_first_bottom_box h4 {
    font-size: 18px;
    color: #004ea6;
    font-weight: 600;
    margin-top: 10px;
}
.social_first_bottom_box h6 {
    color: #212121;
    font-size: 12px;
}





.social_box .smFilter {
    /* text-align: center;
    max-width: 1154px;
    width: 100%;
    margin: 40px auto 30px;
    display: flex;
    justify-content: space-between;
    align-items: center; */
}

.social_box .smFilter li a {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #004ea6;
    font-weight: 600;
    margin-right: 20px;
}
.social_first_top_box img.social_icon_main {
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    bottom: -16px;
    z-index: 1;
}

/* .social_box .smFilter a.filter-all {
    background: url(../images/sm-filter.png) no-repeat 0 0;
} */
article.smFilter ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    float: right;
    margin-top: 36px;
    margin-bottom: 40px;
}
a.readmore_button {
    font-size: 14px;
    color: #004ea6;
    font-weight: 600;
    margin-top: 24px;
}
.social_pro_box {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_first_top_box img.social_image {
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.social_box .smFilter li a span {
    background: url(../images/gallery_check_image.png) no-repeat 0px 1px;
}

.social_box .smFilter li.active a span {
    background: url(../images/gallery_check_image.png) no-repeat 0px -31px;
}
.social_box .smFilter li a span {
    width: 22px;
    height: 23px;
    margin-left: 6px;
}



@media screen and (max-width:768px) {
    .social_first_box {
        width: 50%;
    }
}

@media screen and (max-width:660px) {
    .social_box .smFilter {
        justify-content: center;
        flex-wrap: wrap;
    }
    article.smFilter h2 {
        width: 100%;
    }
}



@media screen and (max-width:480px) {
    .social_first_box {
        width: 100%;
    }
    article.smFilter ul {
        align-items: center;
        flex-wrap: wrap;
        margin-top: 24px;
    }
    .social_box .smFilter a {
        line-height: inherit;
    }
    article.smFilter ul li {
        width: 50%;
        border-bottom: 1px solid rgb(204 204 204 / 37%);
        padding-bottom: 8px;
        border-right: 1px solid rgb(204 204 204 / 37%);
        padding-left: 12px;
    }
    article.smFilter ul li:nth-child(2) {
        border-right: none;
    }
    
    article.smFilter ul li:nth-child(3) {
        border-bottom: none;
    }
    
    article.smFilter ul li:nth-child(4) {
        border-bottom: none;
        border-right: none;
    }
    .social_box .smFilter li a.filter-linkdin {
        background: url(../images/sm-filter.png) no-repeat -244px 0;
    }
    .social_box .smFilter li.active a.filter-linkdin {
        background: url(../images/sm-filter.png) no-repeat -244px -32px;
    }
    .social_box .smFilter li a.filter-youtube {
        background: url(../images/sm-filter.png) no-repeat -358px 0;
    }
    .social_box .smFilter li.active a.filter-youtube {
        background: url(../images/sm-filter.png) no-repeat -358px -32px;
    }
}
/*----SOCIAL CSS CLOSED-----*/






/*------VISION CSS START-------*/
.vision_banner img {
    width: 100%;
}

.vision_banner {
    position: relative;
    width: 100%;
}

.vision_banner_overlay {
    position: absolute;
    bottom: 240px;
    text-align: center;
    color: #fff;
    width: 95%;
    max-width: 1183px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
}

.vision_banner_overlay h2 {
    font-size: 36px;
    font-weight: 900;
    line-height: 48px;
}
.our_mission_box h3 {
    text-align: center;
    font-size: 30px;
    color: #004ea6;
}

.our_mission_box {
    width: 100%;
    margin-top: 40px;
    display: block;
}

.our_mision_mid_box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    margin-top: 30px;
}

.our_mission_first_box {
    width: 33.333%;
    padding: 0px 28px;
    margin-bottom: 20px;
}

.our_mission_first_box aside {
    padding: 40px;
    background: #fff;
    box-shadow: 2px 1px 0px -1px rgb(0 0 0 / 7%);
    border-bottom-right-radius: 60px;
    position: relative;
    height: 100%;
}

.our_mission_first_box aside h6 {
    font-size: 18px;
    color: #004ea6;
    font-weight: 500;
    margin-top: 10px;
}
.our_mission_first_box aside:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 190px;
    left: 0px;
    top: 50%;
    background: url(../images/mission_left1.jpg);
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}
.our_mission_first_box:nth-child(2) aside:after {
    background: url(../images/mission_left2.jpg);
}
.our_mission_first_box:nth-child(3) aside:after {
    background: url(../images/mission_left3.jpg);
}
.our_mission_first_box:nth-child(4) aside:after {
    background: url(../images/mission_left4.jpg);
}
.our_mission_first_box:nth-child(5) aside:after {
    background: url(../images/mission_left5.jpg);
}
.our_mission_first_box:nth-child(6) aside:after {
    background: url(../images/mission_left6.jpg);
}
.strive_box {
    background: url(../images/strive_bg.jpg);
    background-position:center;
    padding: 80px 0px;
    background-size: cover;
}
.strive_box h2 {
    text-align: center;
    font-size: 30px;
    color: #004ea6;
}

.strive_mid_box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.strive_first_box {
    width: 25%;
    padding: 0px 16px;
    text-align: center;
}

.strive_first_box aside {
    background: #fff;
    padding: 46px 40px;
    border-radius: 4px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 9%);
    height: 100%;
}

.strive_first_box aside h6 {
    font-size: 18px;
    color: #004ea6;
    font-weight: 500;
    margin-top: 14px;
}



@media screen and (max-width:820px) {
    .our_mission_first_box {
        width: 50%;
    }
    .strive_first_box {
        width: 50%;
        margin-bottom: 40px;
    }
    .vision_banner_overlay {
        bottom: 10%;
    }
}



@media screen and (max-width:480px) {
    .our_mission_first_box {
        width: 100%;
    }
    .strive_first_box {
        width: 50%;
        margin-bottom: 20px;
        padding: 0px 10px;
    }
    .strive_first_box aside {
        padding: 28px 20px;
    }
    .strive_first_box aside h6 {
        font-size: 14px;
        color: #004ea6;
        font-weight: 500;
        margin-top: 14px;
        line-height: 18px;
    }
    .vision_banner_overlay h2 {
        font-size: 22px;
        line-height: 28px;
    }
}
/*------VISION CSS CLOSED-----*/









.pr-image {
    height: 250px;
    position: relative;
    margin: 0px auto;
    text-align: center;
    width: 100%;
}

.pr-image-container {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0px auto;
    width: 100%;
}
.bro_pro_first_box {
    padding: 40px 10px 0;
}
.bro_pro_first_box img {
    display: inline-block;
}






/*-----GALLERY CSS OPEN-------*/
.tvc_head{position: relative; font-size: 30px; color: #004ea6; margin-top: -80px; padding: 20px 60px 60px 0; float: left;}
.tvc_head i{position: absolute; margin-left: 30px; top: 0px;}

.office_bottom_box.gallery_box {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 40px;
}
.gallery_box .smFilter li a {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #004ea6;
    font-weight: 600;
    margin-right: 20px;
}

.gallery_box .smFilter li a span {
    background: url(../images/gallery_check_image.png) no-repeat 0px 1px;
}


.gallery_box .smFilter li.active a span {
    background: url(../images/gallery_check_image.png) no-repeat 0px -31px;
}
.gallery_box .smFilter li a span {
    width: 22px;
    height: 23px;
    margin-left: 10px;
}
.gallery_mid_main_box {
    width: 100%;
    clear: both;
}
.gallery_mid_box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
}
.gallery_first_box {
    width: 33.33%; padding: 10px;
}
.gallery_first_box aside {
    background: #fff;
    /* box-shadow: 0px 0px 14px rgb(0 0 0 / 14%); */
    height: 100%;
    /* border-right: 1px solid rgb(122 122 122 / 24%); */ -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}
.gallery_first_top_box {
    position: relative;
}
.gallery_first_top_box img.gallery_icon_main {
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0px auto;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.gallery_first_top_box img.gallery_main_image {
    width: 100%;
    display: block;
}
.gallery_first_bottom_box {
    display: flex;
    justify-content: center;
    text-align: left;
    padding: 20px 24px;
    min-height: 110px;
    position: relative;
/*    border-right: 1px solid rgb(122 122 122 / 24%);
    border-bottom: 1px solid rgb(122 122 122 / 24%);*/ 
	flex-flow: column;
}
.gallery_first_bottom_box p{padding-bottom: 10px; color: #8aa7c7;}
.gallery_first_bottom_box h4 {
    font-size: 14px;
    color: #004ea6;
    font-weight: 600;
    line-height: 18px;
}
.gallery_mid_sec_box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
}

.gallery_mid_sec_box .gallery_mid_left_box {
    width: 50%;
}

.gallery_mid_left_box h6 {
    font-size: 20px;
    color: #004ea6;
    font-weight: 600;
}
.gallery_mid_sec_box:before {
    content: "";
    position: absolute;
    inset: 0;
    /* border-radius: 10px; */
    padding: 1px;
    background: linear-gradient(45deg,red,#b2b200,#04c204,blue,#ca00ca);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    height: 2px;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}

.gallery_mid_sec_box:after {
    content: "";
    position: absolute;
    /* border-radius: 10px; */
    padding: 1px;
    background: linear-gradient(45deg,red,#b2b200,#04c204,blue,#ca00ca);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    height: 2px;
    width: 100%;
    /* margin: 0 auto; */
    bottom: 0px;
}
/*.gallery_first_box:first-child .gallery_first_bottom_box {
    border-left: 1px solid rgb(122 122 122 / 24%);
}*/



@media screen and (max-width:480px) {
    .tvc_head {
        position: relative;
        font-size: 30px;
        color: #004ea6;
        margin-top: 0px;
        padding: 0px 0px 20px 0;
        float: none;
        text-align: center;
    }
    .gallery_first_box {
        width: 50%;
    }
    .gallery_mid_sec_box .gallery_mid_left_box {
        width: 100%;
    }
    .gallery_mid_left_box h6 {
        margin: 20px 0px;
    }
}





/*-------LIFE AT EMAMI------*/
.life_banner img {
    width: 100%;
    display: block;
}
.life_box p {
    font-size: 18px;
    color: #212121;
    text-align: center;
    line-height: 28px;
}

.life_box h2 {
    font-size: 30px;
    color: #1256a9;
    text-align: center;
    margin: 20px 0px;
}

.life_box {
    max-width: 800px;
    margin: 0px auto;
    width: 96%;
    margin-top: 46px;
    margin-bottom: 70px;
}
.life_sec3 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #dfdfdf;
    background: #f8f8f8;
}
.life_image_main_box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.life_first_image {
    width: 33.333%;
    padding: 8px;
}

.life_first_image img {
    width: 100%;
    border-radius: 6px;
}
.life_sec1 {
    background: #eaf4ff;
    width: 100%;
    float: left;
    padding-bottom: 40px;
    border-bottom: 1px solid #dfdfdf;
}
.life_sec1 h6 {
    font-size: 18px;
    color: #212121;
    font-weight: 600;
    text-align: center;
}
.life_sec_right_box {
    width: 50%;
    padding: 0px 60px;
}

.life_sec_right_box h4 {
    font-size: 22px;
    color: #1256a9;
    font-weight: bold;
    margin-bottom: 20px;
}

.life_sec_right_box p {
    font-size: 16px;
    color: #000;
    font-weight: normal;
}
.life_sec_box img {
    width: 50%;
}
.life_sec_box {
    display: flex;
    flex-wrap: wrap;
    margin: 40px;
    background: #fff;
    align-items: center;
}

.life_first_box {
    width: 33.333%;
    padding: 0px 16px;
}

.life_first_box aside {
    background: #ffc400;
    padding: 30px;
    border-radius: 4px;
    height: 100%;
}

.life_first_box h3 {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    margin: 10px 0px;
}

.life_first_box p {
    font-size: 16px;
    color: #000;
    font-weight: normal;
}
.benifits_box h2 {
    font-size: 30px;
    color: #1256a9;
    text-align: center;
    margin: 20px 0px;
}

.benifits_box p {
    font-size: 18px;
    color: #212121;
    text-align: center;
    line-height: 28px;
}

.benifits_box {
    max-width: 848px;
    margin: 0px auto;
    width: 96%;
    margin-top: 46px;
    margin-bottom: 46px;
}
.benifit_bottom_box h3 {
    font-size: 22px;
    color: #004ea6;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.life_main_box {
    background: #f8f8f8;
}
.benifit_bottom_box {
    background: url(../images/life_bottom_image.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    width: 100%;
    float: left;
}
.benifit_main_box {
    display: flex;
    padding: 60px 0px;
}

.benifit_first_box {
    width: 33.333%;
    padding: 0px 10px;
}

.benifit_first_box aside {
    background: #fff;
    height: 100%;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 14%);
    border-radius: 6px;
}

.benifit_first_box aside img {
    width: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.benifit_first_bottom_box {
    text-align: center;
    padding: 60px 26px;
}

.benifit_first_bottom_box h4 {
    font-size: 22px;
    color: #004ea6;
    font-weight: bold;
    margin-bottom: 20px;
}

.benifit_first_bottom_box p {
    font-size: 16px;
    color: #212121;
    font-weight: normal;
}
.package_box {
    display: flex;
    flex-wrap: wrap;
}

.package_first_box {
    width: 33.333%;
    display: flex;
    height: 162px;
}

.package_first_left_box.blue {
    background: #004ea6;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.package_first_left_box span {
    font-size: 18px;
    color: #004ea6;
    font-weight: 600;
    padding: 36px 0px 0px 28px;
    display: block;
}

.package_first_left_box {
    background: #fff;
    width: 50%;
}
.package_first_left_box.blue:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #004ea6;
    right: -10px;
    top: 38px;
}
.package_first_left_box.blue.left:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #004ea6;
    left: -10px;
    top: 38px;
}

.package_first_left_box.blue.left:after {
    display: none;
}
.additional_box {margin-top: 60px;/* padding-bottom: 60px; */}
.addtional_main_box {
    display: flex;
    flex-wrap: wrap;
}

.addtional_first_box {
    width: 25%;
    padding: 0px 16px;
}

.addtional_first_box aside {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0px 1px 2px 1px rgb(0 0 0 / 4%);
}

.addtional_first_box aside img {
    width: 100%;
}

.addtional_first_box h3 {
    font-size: 18px;
    color: #004ea6;
    font-weight: 600;
    padding: 30px 36px;
    margin-bottom: 0px;
}
.orga_box {
    max-width: 848px;
    margin: 0px auto;
    width: 96%;
    margin-top: 66px;
    padding-bottom: 46px;
    text-align: center;
}

.orga_box p {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
}
.life_banner img.mob_680 {
    display: none;
}



@media screen and (max-width:820px) {
    .life_sec_box img {
        width: 100%;
    }
    .life_sec_right_box {
        width: 100%;
        padding: 40px 40px;
    }
}

@media screen and (max-width:680px) {
    .benifit_main_box {
        flex-wrap: wrap;
    }
    .benifit_first_box {
        width: 100%;
        padding: 0px 0px;
        margin-bottom: 40px;
    }
}

@media screen and (max-width:480px) {
    .life_image_main_box {
        justify-content: center;
    }
    .life_first_image {
        width: 50%;
    }
}

@media screen and (max-width:768px) {
    .life_first_box {
        width: 100%;
    }
    .life_first_box {
        width: 100%;
        margin-bottom: 20px;
        padding: 0px;
    }
    .package_first_box:nth-child(2), .package_first_box:nth-child(5) {
        flex-direction: row-reverse;
    }
    
    .package_first_box:nth-child(2) .package_first_left_box.blue:after {
        border-right: 12px solid #004ea6;
        border-left: aliceblue;
        left: -10px;
        top: 38px;
        right: inherit;
    }
    .package_first_box {
        width: 100%;
    }
    .package_first_box:nth-child(5) .package_first_left_box.blue.left:before {
        border-left: 12px solid #004ea6;
        border-right: aliceblue;
        right: -10px;
        left: inherit;
        top: 38px;
    }
    .addtional_first_box {
        width: 50%;
        padding: 0px 16px;
        margin-bottom: 24px;
    }
    .life_sec_box {
        margin: 40px 0px;
    }
}

@media screen and (max-width:680px) {
    .life_banner img.mob_680 {
        display:block;
    }
    .life_banner img.desktop_banner {
        display: none;
    }
}

@media screen and (max-width:420px) {
    .addtional_first_box {
        width: 100%;
    }
}



/*-------KNOWLADGE CSS-----------*/
.knowladge_mid_box {
    background: #e8fbfe;
    padding: 60px;
    text-align: center;
    top: -60px;
    position: relative;
    width: 90%;
    margin: 0px auto;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 17%);
}

.knowladge_mid_box p {
    font-size: 18px;
    color: #878787;
    font-weight: 400;
    line-height: 26px;
}
.know_sec3 p {
    font-size: 16px;
    color: #212121;
    text-align: center;
    margin-bottom: 20px;
    line-height: 28px;
}

.know_sec3 {
    width: 80%;
    margin: 0px auto;
    margin-bottom: 60px;
}
.kno_st_box h2 {
    font-size: 36px;
    color: #004ea6;
    font-weight: bold;
    text-align: center;
}

.kno_st_box {
    padding: 40px 0px;
    background: url(../images/life_bottom_image.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    border-top: 1px solid #e3e3e3;
}
.kno_st_mid_box {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0px;
    justify-content: center;
    margin-top: 60px;
}

.kno_st_first_box {
    width: 25%;
    padding: 0px 12px;
    margin-bottom: 20px;
}

.kno_st_first_box aside {
    background: #ffc400;
    padding: 40px 20px;
    border-radius: 6px;
    text-align: center;
    height: 100%;
}

.kno_st_first_box aside h5 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-top: 20px;
}

.knowledge_main_box {
    /* background: #eaf4ff; */
    width: 100%;
    float: left;
}

.knowledge_box {
    max-width: 800px;
    margin: 0px auto;
    width: 96%;
    margin-top: 0px;
    margin-bottom: 70px;
}
.knowledge_box p {
    font-size: 18px;
    color: #212121;
    text-align: center;
    margin-bottom: 20px;
}
.knowledge_sec_box {
    display: flex;
    flex-wrap: wrap;
    margin: 40px;
    background: #fff;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
}
.knowledge_sec_box img {
    width: 50%;
}

.knowledge_sec_right_box {
    width: 50%;
    padding: 0px 60px;
}

.knowledge_sec_right_box h4 {
    font-size: 22px;
    color: #1256a9;
    font-weight: bold;
    margin-bottom: 20px;
}

.knowledge_sec_right_box p {
    font-size: 16px;
    color: #000;
    font-weight: normal;
    margin-bottom: 20px;
}
.knowledge_main_box .knowledge_sec1:nth-child(2) {
    background: #f8f8f8;
    border-bottom: 1px solid #e1e1e1;
}

.knowledge_sec1 {
    padding: 60px 0px;
    background: #eaf4ff;
}

.knowledge_main_box .knowledge_sec1:nth-child(3) {
    background: url(../images/life_bottom_image.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}



@media screen and (max-width:1100px) {
    .kno_st_first_box aside img {
        width: 90%;
    }
}

@media screen and (max-width:820px) {
    .kno_st_first_box {
        width: 33.333%;
    }
    .knowledge_sec_box img {
        width: 100%;
    }
    .knowledge_sec_right_box {
        width: 100%;
        padding: 0px 20px;
        padding-top: 20px;
    }
}

@media screen and (max-width:680px) {
    .kno_st_box {
        margin: 40px 0px;
    }
    .kno_st_first_box {
        width: 50%;
    }
    .knowladge_mid_box p {
        font-size: 16px;
    }
    .knowladge_mid_box {
        padding: 60px 20px;
    }
    .knowledge_sec_box {
        margin: 0px;
    }
}

@media screen and (max-width:360px) {
    .kno_st_first_box {
        width: 100%;
    }
}




.voice_mid_box {
    width: 80%;
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.voice_right_image {
    width: 48%;
}

.voice_right_image h3 {
    font-size: 30px;
    color: #525252;
    font-weight: normal;
    line-height: 40px;
}

.voice_right_image h4 {
    font-size: 24px;
    color: #525252;
    font-weight: bold;
    margin-top: 40px;
}
.voice_left_box {
    position: relative;
}

.voice_left_box:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 1px;
    background: #000;
    right: -26px;
    top: 110px;
}







/*------CSR CSS START------*/
.csr_committee {
    width: 100%;
    float: left;
    padding-top: 40px;
}

.csr_mid_box {
    position: relative;
    margin-bottom: 40px;
}

.csr_committee h2 {
    text-align: center;
    font-size: 24px;
    color: #004ea6;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 30px;
}
.csr_header {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px;
    background: #fbfbfb;
    border-bottom: 1px solid #ccc;
}

.csr_header span {
    font-size: 16px;
    color: #5b5b5b;
    font-weight: 900;
    text-transform: uppercase;
    width: 50%;
}
.csr_header span:nth-child(2) {
    width: 34%;
}

.csr_header span:nth-child(3) {
    width: 34%;
}
.csr_main_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #ccc;
}

.csr_main_box .csr_no {
    font-size: 24px;
    color: #707070;
    font-weight: 600;
    width: 16%;
}

.csr_name h5 {
    font-size: 16px;
    color: #494949;
    font-weight: bold;
}

.csr_name h6 {
    font-size: 14px;
    color: #8c8c8c;
    font-weight: bold;
}
.csr_cat_text {
    font-size: 16px;
    color: #707070;
    font-weight: bold;
    width: 34%;
}
.csr_pro_mid_box {
    display: flex;
    align-items: center;
    width: 50%;
}

.csr_pro_image {
    margin-right: 20px;
    height: 87px;
    width: 87px;
    padding: 0px;
    display: inline-block;
    border-radius: 50%;
    background: rgb(255,0,63);
    background: #0002fe;
    padding: 2px;
    overflow: hidden;
}
.csr_pro_image img {
    border-radius: 50%;
    height: 83px;
    width: 83px;
}
.csr_main_box:last-child {
    border-bottom: none;
}
.csr_responsive {
    position: relative;
}
.csr_responsive:after {
    content: "";
    position: absolute;
    inset: 0;
    /* border-radius: 10px; */
    padding: 1px;
    background:#0002fe;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    height: 2px;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}



@media screen and (max-width:680px) {
    .csr_mid_box {
        overflow-x: scroll;
    }
    .csr_responsive {
        width: 660px;
    }
    .csr_header span {
        font-size: 14px;
        width: 42px;
    }
    .csr_main_box .csr_no {
        font-size: 20px;
        width: 42px;
    }
    .csr_name h5 {
        font-size: 14px;
    }
    .csr_name h6 {
        font-size: 12px;
    }
    .csr_cat_text {
        font-size: 14px;
    }
}
/*------CSR CSS CLOSED------*/



/*-----------SOCIAL NEW CSS--------------*/
.social_l_box {
    display: flex;
    flex-wrap: wrap;
    margin: 60px 0px;
    float: left;
    width: 100%;
}

.social_l_first_box {
    width: 25%;
    padding: 0px 14px;
    text-align: center;
    /* position: relative; */
    margin-bottom: 30px;
}
.social_l_first_box aside:after {
    background: url(../images/social_back_image.png);
    content: "";
    position:absolute;
    top: 0px;
    left: 0px;
    width: 80%;
    height: 100%;
    background-repeat: no-repeat;
}

.social_l_first_box aside {
    background: #fff;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 26%);
    padding: 48px 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.social_l_first_box aside h6 {
    font-size: 16px;
    color: #212121;
    font-weight: bold;
    margin-bottom: 24px;
}

.social_l_first_box aside ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 34px;
}

.social_l_first_box aside ul li {
    margin: 0px 6px;
}
.social_pro_main_image_box {
    width: 120px;
    text-align: center;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
}
.social_overlay_new {
    position: relative;
    z-index: 1;
}



@media screen and (max-width:900px) {
    .social_l_first_box {
        width: 33.333%;
    }
}

@media screen and (max-width:680px) {
    .social_l_first_box {
        width: 50%;
    }
}

@media screen and (max-width:450px) {
    .social_l_first_box {
        width: 100%;
    }
}
/*-----------SOCIAL NEW CSS CLOSED--------------*/



/*---------EMAMI GROUP CSS OPEN---------------*/

.emami_group_box h2 {
    font-size: 30px;
    color: #004ea6;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    padding: 0px 5%;
}

.emami_group_box {
    margin: 40px 0px;
    width: 100%;
    float: left;
}

.emami_group_first_box {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-bottom: 40px;
}
.emami_group_first_box:after {
    content: "";
    position: absolute;
    background:url(../images/gradiant_line.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 4px;
    bottom: 0px;
}

.emami_group_right_box h6 {
    font-size: 18px;
    color: #212121;
    font-weight: 400;
    line-height: 26px;
}

.emami_group_right_box {
    width: calc(100% - 190px);
    border-left: 1px solid #cccccc96;
    padding-left: 20px;
}
.emami_group_first_box:last-child:after {
    display: none;
}
.emami_group_left_image {
    width: 160px;
}

.emami_group_left_image img {
    max-width: 100%;
    max-height: 100%;
}



@media screen and (max-width:680px) {
    .emami_group_box {
        padding: 0px 14px;
    }
    .emami_group_box h2 {
        font-size: 20px;
        line-height: 26px;
        padding: 0px;
    }
    .emami_group_first_box {
        flex-wrap: wrap;
    }
    .emami_group_left_image {
        width: 100%;
        text-align: center;
    }
    .emami_group_right_box {
        width: 100%;
        border-left: none;
        padding-left: 0px;
        border-top: 1px solid #cccccc96;
        margin-top: 20px;
        padding-top: 20px;
    }
}



/*-------INNOVATION CSS START---------*/
section.profileinfo_block.innovation p {
    margin-bottom: 20px;
}
section.profileinfo_block.innovation .thumb_info h3 {
    font-size: 24px;
    color: #171717;
    font-weight: bold;
}

section.profileinfo_block.innovation .row .thumb_info {
    width: auto;
    margin-left: -12%;
    padding: 10% 10% 10% 10%;
}
.innovation_cart_right_box p {
    padding-left: 16px;
}
.pro_know_button {
    padding-left: 16px;
}

section.profileinfo_block.innovation .row {
    display: flex;
    padding: 0px 0 50px;
}
.innovation_cart_box h4 {
    font-size: 16px;
    color: #000;
    font-weight: normal;
    padding-left: 16px;
    line-height: 24px;
    margin: 0px;
    margin-bottom: 16px;
}

.innovation_cart_box h4 strong {
    font-size: 22px;
    font-weight: bold;
}

.innovation_cart_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 30px;
}

.innovation_cart_box img {
    width: 59px;
    height: 59px;
    border-radius: 50%;
    margin-right: 20px;
}
.innovation_cart_right_box {
    border-left: 1px solid #ccc;
}

.innovation_cart_right_box h4:last-child {
    margin-bottom: 0px;
}
.innovation_thum {
    width: 70%;
    margin-left: 0%;
    padding: 0% 5% 5% 10%;
}
.inn_right_text {
    font-size: 30px;
    color: #171717;
    font-weight: bold;
    margin-left: -12%;
    padding: 0% 0% 0% 10%;
}

section.profileinfo_block.innovation .row .thumb {
    margin-top: 0px;
}
section.profileinfo_block.innovation .row .thumb img {
    width: 336px;
    height: 336px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 18%);
}


section.profileinfo_block.innovation.first {
    background: #faf7e9;
    padding: 40px;
    position: relative;
}
section.profileinfo_block.innovation.first:before {
    content: "";
    position: absolute;
    background: url(../images/gradiant_line.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 4px;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 95%;
    max-width: 1180px;
    margin: 0 auto;
}
section.profileinfo_block.innovation.first:after {
    content: "";
    position: absolute;
    background: url(../images/gradiant_line.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 4px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 95%;
    max-width: 1180px;
    margin: 0 auto;
}
section.profileinfo_block.innovation.first .thumb {
    width: auto;
}

section.profileinfo_block.innovation.first .innovation_thum {
    margin-left: 0px;
    padding: 0px;
    width: 56%;
}

section.profileinfo_block.innovation.first .innovation_thum .thumb_info {
    background: transparent;
    /* margin: 0px;
    padding: 0px; */
}

section.profileinfo_block.innovation.first .row {
    justify-content: space-between;
    align-items: center;
    padding: 40px 0px;
}

section.profileinfo_block.innovation.first .center {
    width: 95%;
    max-width: 984px;
    margin: 0 auto;
}
section.profileinfo_block.innovation.first .innovation_thum .thumb_info h3:after {
    display: none;
}
.innovation_wrap_box section.profileinfo_block.innovation.first:nth-child(2) {
    background: #e5f6fc;
}
.innovation_wrap_box section.profileinfo_block.innovation.first:nth-child(2)::before {
    display: none;
}
.innovation_wrap_box section.profileinfo_block.innovation.first:nth-child(2)::after {
    display: none;
}
.innovation_wrap_box section.profileinfo_block.innovation:nth-child(4) {
    background: #e5f6fc;
}
.innovation_wrap_box section.profileinfo_block.innovation:nth-child(4) .thumb_info {
    background: transparent;
}
.innovation_wrap_box section.profileinfo_block.innovation:nth-child(4) .row {
    padding-bottom: 0px;
}
section.profileinfo_block.innovation .center {
    width: 95%;
    max-width: 984px;
    margin: 0 auto;
}









@media screen and (max-width:990px) {
    section.profileinfo_block.innovation .row {
        flex-wrap: wrap;
    }
    section.profileinfo_block.innovation .row .thumb {
        margin-top: 0px;
        width: 100%;
        text-align: center;
    }
    .innovation_thum {
        width: 100%;
        margin-left: 0px;
        padding: 0px;
    }
    section.profileinfo_block.innovation .row .thumb_info {
        width: auto;
        margin-left: 0px;
        padding: 26px;
        margin-top: 20px;
    }
    .inn_right_text {
        margin-left: 0px;
        padding: 0px;
        margin-top: 40px;
    }
    section.profileinfo_block.innovation .row .thumb img {
        /* width: 100%; */
        display: inline-block;
    }
    .profileinfo_block .row .innovation_cart_box img {
        width: 59px;
        height: 59px;
        border-radius: 50%;
        margin-right: 20px;
    }
    section.profileinfo_block.innovation.first .innovation_thum {
        width: 100%;
    }
}



@media screen and (max-width:480px) {
    section.profileinfo_block.innovation.first {
        padding: 40px 10px;
    }
}



@media screen and (max-width:380px) {
    section.profileinfo_block.innovation .row .thumb img {
        width: 200px;
        height: 200px;
    }
}
/*-------INNOVATION CSS CLOSED---------*/



/*---------OUR JOURNEY CSS START---------*/
.warranty_accordian article {
    border-top: 0px solid #000;
    background: #f4db3b;
    margin: 24px 0px;
    border-radius: 0;
}

.warranty_accordian article:first-child {
    border-top: 0px solid #e2e2e2;
}

.warranty_accordian article>h2 {
    cursor: pointer;
    position: relative;
    border-top: 0px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background: #fff;
    margin: 0;
    /* padding: 0 0 10px 0; */
}

.warranty_accordian article>h2 span {
    width: 88%;
    max-width: 1190px;
    margin: 0 auto;
    display: block;
    padding: 26px 40px 26px 0px;
    font-size: 30px;
    line-height: 22px;
    color: #0d0e0e;
    font-weight: 900;
    position: relative;
    background: linear-gradient(to right, #ceb936 0%, #322f1d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.warranty_accordian article>h2 span small {
    width: 45px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #ebb818;
    text-align: left;
}

.warranty_accordian article>div {
    width: 100%;
    padding: 0px 0 50px 0;
    /* border-top: 1px solid #dddddd!important; */
    /* border-bottom: 1px solid #dddddd!important; */
    /* background: #f6f6f6; */
}

.warranty_accordian article>div section {
    width: 88%;
    max-width: 1190px;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
}

.warranty_accordian article>div section:after {
    content: '';
    width: 100%;
    clear: both;
    line-height: 0;
    font-size: 0;
    display: block;
}

/*.warranty_accordian article>div section figure{width: 30%;  height: auto; float: left; display: block; position: relative; }
.warranty_accordian article>div section figure big{ position: absolute; left: 0; right: 0; bottom: 4px; width: 100%; height: auto; padding:8px 10px ; box-sizing: border-box; background: rgba(255,255,255,0.80); font-size: 14px; font-weight: 400; color: #000; line-height: 18px;}
.warranty_accordian article>div section figure img{ width: 100%; border-radius: 3px; display: block;}*/
.warranty_accordian article>div section h6 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #2e2e2e;
    line-height: 18px;
    text-align: left;
}

.warranty_accordian article>div section aside {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    padding: 0 0%;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: #606060;
    line-height: 22px;
    text-align: left;
}

.warranty_accordian article>div section aside p {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    padding-bottom: 15px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: #1b1b1b;
    line-height: 26px;
    text-align: left;
    margin: 0;
}

.warranty_accordian article>div section aside p:last-child {
    padding-bottom: 0px;
}

.warranty_accordian article>div section aside ul {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    margin-bottom: 15px;
}

.warranty_accordian article>div section aside ul li {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #2e2e2e;
    line-height: 18px;
    text-align: left;
    margin: 0;
    position: relative;
    padding: 0 0 10px 15px;
}

.warranty_accordian article>div section aside ul li:after {
    content: '';
    position: absolute;
    background: url(../images/our_journey_right_icon.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    left: 0px;
    top: 0px;
}
.warranty_accordian article>div section aside strong {
    font-weight: bold;
}

.warranty_accordian article>div section aside p strong {
    font-weight: bold;
}

.warranty_accordian article>h2 span:after {
    content: '';
    display: block;
    clear: both;
    width: 82px;
    height: 28px;
    background: url(../images/ctrl.png) no-repeat 0 1px;
    position: absolute;
    top: 26px;
    right: 0px;
    z-index: 1;
}

.warranty_accordian article.scAactive>h2 span:after {
    background: url(../images/ctrl.png) no-repeat 0 -62px;
}

.scAactive h2 {
    background: #f4db3b !important;
    border-bottom: 0px solid #f3f3f3!important;
}

.scAactive>div {
    border-top: 0px solid #e7e7e7!important;
}

.warranty_accordian article:last-child>h2 {
    border-bottom: 0px solid #dddddd;
}
.warranty_accordian article>div section aside h6 {
    font-size: 30px;
    text-align: center;
    font-weight: normal;
    margin-top: 30px;
}
.our_journey_box {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 40px;
}
.our_journey_box .center:before{
    content: "";
    position: absolute;
    inset: 0;
    /* border-radius: 10px; */
    padding: 1px;
    background: linear-gradient(45deg,red,#b2b200,#04c204,blue,#ca00ca);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    height: 2px;
    width: 95%;
    max-width: 1180px;
    margin: 0 auto;
}
.warranty_accordian article.scAactive>h2 span {
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: black;
    padding: 28px 86px 40px 0px;
}
.our_journey_mid_image {
    text-align: center;
    margin: 40px 0px;
    display: block;
    width: 100%;
    float: left;
}
.warranty_accordian article>div section aside ul li {
    position: relative;
    font-size: 16px;
    color: #1b1b1b;
    font-weight: normal;
    margin-bottom: 20px;
    padding-left: 40px;
    line-height: 22px;
}
.warranty_accordian article>div section aside p samp {
    font-size: 22px;
    font-weight: bold;
}



@media screen and (max-width:680px) {
    .warranty_accordian article>h2 span {
        padding: 28px 86px 40px 0px;
        font-size: 22px;
        line-height: 30px;
    }
}



/*---------FINANCIAL INFORMATION NEW-----------*/
ul.result-filter {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

ul.result-filter .item {
    width: 25%;
    background: no-repeat;
    overflow: hidden;
}

ul.result-filter .annual_first_box {
    width: 100%;
}
.finance_drop_box {
    background: #004f92;
    display: flex;
    justify-content: end;
    border-radius: 16px;
    overflow: hidden;
    align-items: center;
    padding: 16px;
}

.finance_drop_right_box {
    display: flex;
    justify-content: space-between;
}
.finance_drop_right_box .form-group {
    margin-left: 10px;
}

.finance_drop_right_box .form-group select.filter {
    background: #fff;
    width: 188px;
    padding: 13px 10px;
    border: none;
    border-radius: 20px;
    padding-right: 10px;
    font-size: 16px;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 11%);
    cursor: pointer;
}
.finance_drop_right_box .form-group select.filter4 {
    background: #fff;
    width: 188px;
    padding: 13px 10px;
    border: none;
    border-radius: 20px;
    padding-right: 10px;
    font-size: 16px;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 11%);
    cursor: pointer;
}
.finance_new_top_box h2 {
    font-size: 30px;
    color: #004ea6;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    line-height: 32px;
}

.finance_new_top_box h4 {
    font-size: 22px;
    color: #131313;
    font-weight: 600;
    text-align: center;
}

.finance_new_top_box {
    margin: 40px 0px;
    float: left;
    width: 100%;
    position: relative;
}
.finance_drop_box img {
    border-radius: 16px;
}
.quater_pdf_icon {
    display: flex;
    justify-content: space-between;
    width: 112px;
}
ul.result-filter .item .annual_first_bottom_box h4 {
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}



@media screen and (max-width:950px) {
    ul.result-filter .item {
        width: 33.333%;
    }
}

@media screen and (max-width:680px) {
    ul.result-filter .item {
        width: 50%;
    }
}

@media screen and (max-width:420px) {
    ul.result-filter .item {
        width: 100%;
    }
}



/*----------GOVERNANCE CSS-------------*/
.governance ul {
    display: block;
}

.governance ul li {
    border-bottom: 1px solid #c5d4e6;
    padding: 25px 10px 24px 10px;
    display: flex;
    justify-content: space-between;
}

.governance ul li:first-child {
    padding: 19px 10px 24px 10px;
}
.pageID-4003 li.item {
    background: transparent;
    border-radius: 0px;
}

.governance ul li:last-child {
    border-bottom: 1px solid #c5d4e6;
}

.governance ul li .gov_left_box {
    position: relative;
    padding-left: 30px;
    font-size: 18px;
    color: #252525;
    font-weight: 600;
    padding-right: 20px;
}

.governance ul li .gov_left_box:after {
    content: '';
    position: absolute;
    background: url(../images/filing_icon.png) no-repeat 0 0;
    width:20px;
    height:20px;
    left: 0px;
    bottom: 0;
    top: 2px;
}
.governance ul li .gov_right_box {
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    color: #cb3319;
    font-weight: normal;
}
.governance ul li .gov_right_box:after {
    content: '';
    position: absolute;
    background: url(../images/download_icon1.png) no-repeat 0 0;
    width:24px;
    height:28px;
    right: 0px;
}
.governance ul li a:hover {
    color: #004595;
}
.governance ul li a.pdf {
    display: block;
    position: relative;
    padding-right: 70px;
}
.governance h4 {font-size: 30px;font-weight: bold;margin: 40px 0px;position: relative;}

.governance {
    width: 100%;
    float: left;
    background: #f6f6f6;
    padding: 60px 0px;
    position: relative;
}
.gov_right_box span {
    position: relative;
    top: 6px;
}

.governance h4:after {
    content: '';
    background: #1e1e1e;
    width: 27px;
    height: 4px;
    left: 0;
    bottom: -14px;
    position: absolute;
}
.governance:after {
    content: "";
    position: absolute;
    inset: 0;
    /* border-radius: 10px; */
    padding: 1px;
    background: #0002fe;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    height: 2px;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}



.governance ul li.acco {
    display: block;
    border-radius: 50px;
    border: 1px solid #2f609b;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 12%);
    /* padding-left: 20px; */
    /* padding-right: 20px; */
}

.warranty_accordian.statutory article>h2 {
    background: transparent;
}

.warranty_accordian.statutory article>h2 span {
    background: none;
    /* -webkit-background-clip: inherit; */
    -webkit-text-fill-color: inherit;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    padding: 0px 86px 0px 30px;
    position: relative;
}

.warranty_accordian.statutory article {
    background: transparent;
    margin: 0px;
}
.statutory .scAactive h2 {
    background: transparent !important;
}

.warranty_accordian.statutory article>div section {
    background: transparent;
    padding: 20px 40px;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 0px;
}
.warranty_accordian.statutory article>div {
    padding-bottom: 0px;
}
.warranty_accordian.statutory article>h2 span:after {
    top: 1px;
    right: -50px;
}
.warranty_accordian.statutory article>h2 span:before {
    content: '';
    position: absolute;
    background: url(../images/filing_icon.png) no-repeat 0 0;
    width:20px;
    height:20px;
    left: 0px;
    bottom: 0px;
    top:2px;
}
.warranty_accordian section aside .statutory_box ul {
    display: flex !important;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.warranty_accordian section aside .statutory_box ul li {
    width: 21%;
    padding-left: 48px;
    padding: 0px;
    padding-left: 30px;
    padding-bottom: 4px;
    margin-right: 4%;
    /* border-right: 1px solid #c5d4e6; */
    padding-right: 4%;
    border-bottom: none;
    margin-bottom: 30px;
}

.warranty_accordian section aside .statutory_box ul li a {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    align-items: center;
}

.warranty_accordian section aside .statutory_box ul li:after {
    content: '';
    position: absolute;
    background: url(../images/filing_icon.png) no-repeat 0 0;
    width:20px;
    height:20px;
    left: 0px;
    bottom: 0px;
    top: 12px;
}
.warranty_accordian section aside .statutory_box ul li span {
    font-size: 16px;
    color: #484848;
    font-weight: bold;
}
.warranty_accordian.statutory article>h2 span:after {
    background: url(../images/expand_icon1.png) no-repeat 0 1px;
    content: "Expand";
    text-indent: -54px;
    font-size: 14px;
    color: #004ea6;
}
.warranty_accordian.statutory article.scAactive>h2 span:after {
    background: url(../images/expand_icon1.png) no-repeat 0 -62px;
    content: "Collapse";
    text-indent: -62px;
}



@media screen and (max-width:950px) {
    .warranty_accordian section aside .statutory_box ul li {
        width: 29%;
    }
}



@media screen and (max-width:680px) {
    .governance ul li .gov_left_box {
        font-size: 14px;
        line-height: 18px;
    }
    .governance ul li .gov_right_box {
        font-size: 14px;
    }
    .warranty_accordian section aside .statutory_box ul li {
        width: 46%;
    }
}



@media screen and (max-width:450px) {
    .warranty_accordian section aside .statutory_box ul li {
        width: 100%;
        border-right: none;
        padding-right: 0px;
        margin-right: 0px;
        border-bottom: 1px solid #c5d4e6;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}





/*-------------AWARD CSS START-----------*/
ul.awards_tab li {
    font-size: 16px;
    color: #456992;
    padding-bottom: 16px;
    cursor: pointer;
}

ul.awards_tab {
    display: flex;
    justify-content: space-between;
}

ul.awards_tab li.award_Active {
    font-size: 16px;
    font-weight: bold;
    color: #004ea6;
    border-bottom: 2px solid #004ea6;
}
.award_main_box {
    margin: 20px 0px;
    width: 100%;
    float: left;
    margin-bottom: 0px;
}
.award_first_box {
    background: #f5f5f5;
    /* padding: 60px 0px; */
}
.award_first_box:nth-child(even) {
    background: #fff;
}

.tab_main {
    border-top: 1px solid #ccc;
}

.tab_mid_box {
    position: relative;
    width: 95%;
    max-width: 950px;
    margin: 0 auto;
}
.awards_tab.center {
    width: 95%;
    max-width: 950px;
    margin: 0 auto;
}
.award_image_box {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0px;
}

.award_image_first_box {
    width: 268px;
    /* padding: 0px 20px; */
    position: relative;
    margin-right: 10px;
}

.award_overlay {
    position: absolute;
    width: 45px;
    height: 45px;
    left: 0px;
    bottom: 20px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
}
.award_overlay img {
    /* box-shadow: 2px 2px 2px rgb(0 0 0 / 18%); */
    border-radius: 50%;
    width: 38px;
}
.award_overlay span {
    color: #fff;
    padding-left: 6px;
    font-size: 14px;
    font-weight: 600;
}
.award_tab_mid_main_box h4 {
    font-size: 24px;
    color: #000;
    font-weight: 900;
    margin-bottom: 40px;
    position: relative;
    line-height: 6px;
}

.award_tab_mid_main_box ul li {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    margin-bottom: 20px;
    position: relative;
    padding-left: 32px;
}
.award_tab_mid_main_box ul li:after{
    content: '';
    position: absolute;
    background: url(../images/filing_icon.png) no-repeat 0 0;
    width: 20px;
    height: 20px;
    left: 0px;
    bottom: 0;
    top: 4px;
}
.award_tab_mid_main_box {
    position: relative;
    padding: 60px 0px;
    padding-left: 60px;
    padding-bottom: 20px;
}

.award_tab_mid_main_box:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    height: 100%;
    background: #ccc;
}

.award_tab_mid_main_box h4:before {
    content: "";
    position: absolute;
    left: -66px;
    top: 0px;
    width: 13px;
    height: 13px;
    background: #004ea6;
    border-radius: 50%;
}
.award_first_box:first-child .award_tab_mid_main_box {
    padding: 0px;
    padding-left: 60px;
    padding-bottom: 20px;
}

.award_first_box:first-child .tab_mid_box {
    padding: 60px 0px;
    padding-bottom: 0px;
}





.back_button_tvcs {
    background: #dedede;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 40px;
    position: relative;
    padding-right: 24px;
    padding-left: 36px;
    cursor: pointer;
    /* box-shadow: 0 0 0 rgb(106 106 106 / 40%); */
    animation: pulse 2s infinite;
    margin-left: 10px;
}
.back_button_tvcs:before {
    content: "";
    position: absolute;
    background: url(../images/back_arrow.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 7px;
    left: 22px;
    top: 18px;
}
.back_button_tvcs a {
    color: #004ea6;
}
img.award-thumb {
    border-radius: 6px;
    /* box-shadow: 0px 0px 14px rgb(0 0 0 / 14%); */
}
.governance ul li.st_bor {
    border-bottom: none;
}
.tabNavDropMenu5{width: 90%;margin: 0 auto;height: 50px;display: block;border: 1px solid #ccc;position: relative;border-radius: 10px;margin-bottom: 20px;}
.tabNavDropMenu5 strong{width: 100%; height: 50px; float: left; display: block; font-size: 22px;  font-weight: 400; color:#3d3c3c; line-height: 50px; font-style: normal; padding-left: 20px; background:  url(../images/arrow555.png ) no-repeat 95% 20px;}
.tabNavDropMenu5 ul{ position: absolute; left:-1px; right: -1px; top: 49px; border: 1px solid #ccc; border-top: 1px solid transparent; font-size:18px;  font-weight: 400; color:#3d3c3c; line-height: 32px; background: #FFFFFF; z-index:10; padding: 0; margin: 0;}
.tabNavDropMenu5 ul li{ width: 100%; height: auto; float: left; display: block;font-size: 18px;  font-weight: 400; color:#237da7; line-height: 32px; font-style: normal; border-bottom:  1px solid #e6e0e0; padding: 10px 20px; box-sizing: border-box;}

.tabNavDropMenu5 ul li:last-child{border-bottom:  0px solid #ccc; }
h2.text30 {
    display: none;
}
h2.atig {
    font-size: 22px;
    color: #004ea6;
    width: 90%;
    margin: 40px auto;
}



@media screen and (max-width:680px) {
    .award_first_box.first .award_tab_mid_main_box {
        padding-top: 0px;
    }
}



@media screen and (max-width:480px) {
    .award_tab_mid_main_box h4:before {
        left: -32px;
    }
    .award_first_box:first-child .award_tab_mid_main_box {
        padding-left: 26px;
    }
    .award_tab_mid_main_box {
        padding-left: 26px;
    }
}



/*---------------SCHEDULE INVESTOR CSS----------------*/
.schedule_box {
    width: 100%;
    float: left;
    padding-top: 34px;
    padding-bottom: 40px;
    background: #f9f9f9;
}
.shedule_header {
    background: #eaf4ff;
    display: flex;
    padding: 20px;
    margin-top: 40px;
    border-top: 1px solid #dce4ed;
    border-bottom: 1px solid #dce4ed;
    justify-content: space-between;
}

.shedule_header span {
    width: 20%;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 0px 10px;
}
ul.result-filter.schedule li {
    width: 100%;
}

.schedule_list_box {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dce4ed;
    padding: 14px 20px;
    justify-content: space-between;
}

.schedule_list_box > div {
    width: 20%;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    padding: 0px 10px;
}

.download {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #cb3319;
}
.schedule_list_box .download a {
    color: #cb3319;
    display: flex;
    align-items: center;
}

.download img {
    width: auto;
    margin-left: 10px;
}

ul.result-filter.schedule {
    margin-top: 0px;
    margin-bottom: 14px;
}

.schedule_list_box .des {
    width: 24%;
}

.shedule_header span:first-child {
    width: 46%;
}

.schedule_list_box .download {
    width: 16%;
}

.shedule_header span:last-child {
    width: 16%;
}



ul.result-filter.by_back .item {
    width: 100%;
    border-radius: 0px;
}

ul.result-filter.by_back .acco.item {
    border-radius: 50px;
}
.by_back .statutory_box ul li img {
    width: auto;
}



@media screen and (max-width:768px) {
    .schedule_reponsive {
        overflow-x: scroll;
    }
    .shedule_header {
        min-width:100%;
    }
    ul.result-filter.schedule {
        min-width: 100%;
    }
.schedule_reponsive .des {
    width: 2% !important;
}
.postalBallot .schedule_list_box > div {
    width: 58.333% !important;
}	
.postalBallot .shedule_header span:first-child {
    width: 20% !important;
}
.schedule_reponsive .shedule_header span {
    width: 46% !important;
    text-align: left;
}
.postalBallot .schedule_list_box .des {
    width: 25% !important;
}
}





/*----------INNOVATION NEW CSS---------------*/
.innovation_new_sec1 {
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0px;
}

.innovation_new_sec1_first_box {
    width: 25%;
    border-right: 1px solid #e4e4e4;
}

.innovation_new_sec1_first_box:last-child {
    border-right: none;
}

.innovation_new_sec1_first_box h4 {
    font-size: 18px;
    color: #004ea6;
    font-weight: normal;
    margin-top: 12px;
}
section.innovation_new_bottom_box {
    width: 100%;
    float: left;
    background: #f5f5f5;
    padding: 60px 0px;
    text-align: center;
    border-top: 1px solid #d6d6d6;
    position: relative;
}
section.innovation_new_bottom_box:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 70%;
    background: url(../images/innovation_new_bottom_bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}

section.innovation_new_bottom_box p {
    font-size: 16px;
    color: #000;
    width: 95%;
    max-width: 820px;
    margin: 0 auto;
    margin-bottom: 24px;
}
.innovation_no_box {
    display: flex;
    flex-wrap: wrap;
    margin: 60px 0px;
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
}

.innovation_no_first_box {
    width: 25%;
    background: #fff;
    padding: 40px;
    text-align: left;
}

.innovation_no_first_box:nth-child(even) {
    background: #004ea6;
}

.innovation_no_first_box:nth-child(even) span {
    color: #fff;
}

.innovation_no_first_box:nth-child(even) p {
    color: #fff;
}

.innovation_no_first_box span {
    font-size: 48px;
    font-weight: bold;
    color: #b0cae8;
    margin-bottom: 26px;
    display: block;
}

.innovation_no_first_box p {
    font-size: 16px;
    color: #000;
    font-weight: normal;
    min-height: 200px;
}
section.innovation_new_approch_box {
    width: 100%;
    float: left;
}

section.innovation_new_approch_box .benifit_first_box {
    padding: 0px 14px;
}
section.innovation_new_approch_box .benifit_first_box aside {
    background: #f5f5f5;
}

section.innovation_new_approch_box .benifit_first_bottom_box {
    padding: 40px 26px;
}
section.innovation_new_bottom_box h2 {
    color: #004ea6;
    margin-bottom: 26px;
}


@media screen and (max-width:768px) {
    .innovation_new_sec1_first_box {
        width: 50%;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 20px;
        padding-top: 10px;
    }
    .innovation_new_sec1_first_box:nth-child(2) {
        border-right: none;
    }
    .innovation_no_first_box p {
        min-height: auto;
        max-width: 100% !important;
        width: 100% !important;
    }
    .innovation_no_first_box {
        width: 100%;
    }
}



/*--------------------OUR JOURNEY NEW CSS------------------------*/
.our_journey_new_first_box {
    background: url(../images/our_journey_first_bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 100px 0px;
    width: 100%;
    float: left;
    background-size: cover;
    text-align: center;
    position: relative;
}
.our_journey_new_first_box h2 {
    font-size: 36px;
    color: #402616;
    font-weight: 900;
    margin: 40px 0px;
    margin-top: 0px;
    line-height: 40px;
}

.our_journey_new_first_box p {
    font-size: 16px;
    color: #402616;
    font-weight: normal;
    width: 95%;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 22px;
    line-height: 28px;
}

a.explore_button {
    background: #fff;
    font-size: 14px;
    color: #402604;
    font-weight: 600;
    display: inline-flex;
    padding: 10px 20px;
    border-radius: 50px;
    align-items: center;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 11%);
    transition: 0.6s;
}
a.explore_button:hover {
    background: #212121;
    color: #fff;
}

a.explore_button img {
    margin-right: 10px;
}
.our_journey_new_first_box:after {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    background: #0002fe;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    height: 2px;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
.journey_new_first_mid_box img {
    width: 290px;
    height: 290px;
    border-radius: 50%;
    box-shadow: 0px 0px 14px rgb(0 0 0 / 19%);
}

.journey_new_first_mid_box {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.journey_new_first_mid_box img:last-child {
    margin-left: -38px;
}
.our_journey_new_sec_box {
    background: url(../images/journey_sec_bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 100px 0px;
    width: 100%;
    float: left;
    background-size: cover;
    text-align: center;
    position: relative;
}
.our_journey_new_sec_box h2 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    margin: 40px 0px;
    margin-top: 0px;
    line-height: 40px;
}

.our_journey_new_sec_box p {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    width: 95%;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 36px;
    line-height: 28px;
}
img.sec2_right_image {
    position: absolute;
    top: -200px;
    right: 60px;
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite;
}
@-webkit-keyframes float {
    0% {
      transform: translatey(0px);
    }
    50% {
      transform: translatey(-40px);
    }
    100% {
      transform: translatey(0px);
    }
  }
  
  @keyframes float {
    0% {
      transform: translatey(0px);
    }
    50% {
      transform: translatey(-40px);
    }
    100% {
      transform: translatey(0px);
    }
  }

  @-webkit-keyframes floatone {
    0% {
      transform: translatex(0px);
    }
    50% {
      transform: translatex(-40px);
    }
    100% {
      transform: translatex(0px);
    }
  }
  
  @keyframes floatone {
    0% {
      transform: translatex(0px);
    }
    50% {
      transform: translatex(-40px);
    }
    100% {
      transform: translatex(0px);
    }
  }

img.sec2_left_image {
    position: absolute;
    left: 60px;
    bottom: -170px;
    -webkit-animation: floatone 6s ease-in-out infinite;
    animation: floatone 6s ease-in-out infinite;
}
.our_journey_new_third_box h2 {
    font-size: 36px;
    color: #402616;
    font-weight: 900;
    text-align: center;
    margin-top: 20px;
    line-height: 40px;
}

.our_journey_new_third_box {
    width: 100%;
    float: left;
    padding: 60px 0px;
}

.journey_new_third_mid_box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    position: relative;
}

.journey_new_third_first_box {
    width: 25%;
    padding-right: 80px;
}

.journey_new_third_first_box img {
    height: 53px;
    width: 72px;
}

.journey_new_third_first_box p {
    margin-top: 46px;
    font-size: 16px;
    color: #402616;
    font-weight: normal;
}

.journey_new_third_first_box:last-child {
    padding-right: 20px;
}
.journey_new_third_mid_box:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #493c2d;
    top: 52px;
    left: 0px;
}
.our_journey_new_third_box h3 {
    font-size: 24px;
    color: #402616;
    text-align: center;
    max-width: 700px;
    width: 95%;
    margin: 0px auto;
    margin-top: 90px;
    font-weight: normal;
    line-height: 32px;
}
.journey_new_pro_box {
    display: flex;
    flex-wrap: wrap;
    max-width: 900px;
    width: 95%;
    margin: 0px auto;
    margin-top: 100px;
}

.journey_new_pro_first_box {
    width: 25%;
    border-right: 1px solid #e4e4e4;
    text-align: center;
    position: relative;
}

.journey_new_pro_first_box:last-child {
    border-right: none;
}
.our_journey_new_fourth_box {
    width: 100%;
    float: left;
    background: #493c2d;
    padding: 60px 0px;
    position: relative;
    padding-bottom: 110px;
}
.our_journey_new_fourth_box:after {
    background: url(../images/himani_image.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 237px;
    background-position: center;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}

.our_journey_new_fourth_box h2 {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    margin: 40px 0px;
    margin-top: 0px;
    text-align: center;
    line-height: 40px;
}
.our_journey_fourth_first_box {
    position: relative;
    border: 1px dashed rgb(191 172 151 / 52%);
    padding: 26px;
    width: 74%;
    font-size: 16px;
    color:#fff;
    font-weight: normal;
    border-radius: 10px;
    padding-bottom: 50px;
    margin-top: 70px;
    z-index: 1;
}

.our_journey_fourth_first_box:after {
    content: "";
    background: url(../images/himami_icon.jpg);
    background-repeat: no-repeat;
    position: absolute;
    bottom: -16px;
    left: 20px;
    width: 229px;
    height: 46px;
}
.our_journey_fourth_first_box.right:after {
    display: none;
}

.our_journey_fourth_first_box.right {
    padding-bottom: 26px;
}
.our_journey_new_fifth_box {
    width: 100%;
    float: left;
    text-align: center;
    padding: 80px 0px;
}

.our_journey_new_fifth_box h2 {
    font-size: 36px;
    color: #402616;
    font-weight: 900;
    text-align: center;
    margin-top: 20px;
    line-height: 40px;
    margin-bottom: 20px;
}

.our_journey_new_fifth_box p {
    font-size: 16px;
    color: #402616;
    font-weight: normal;
    width: 95%;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 36px;
    line-height: 28px;
}

.journey_new_sound_box {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.journey_new_sound_box.top {
    display: flex;
    flex-direction: inherit;
    align-items: center;
}

.journey_new_sound_box span {
    font-size: 14px;
    color: #402616;
    font-weight: 600;
    margin-top: 0px;
    padding-left: 54px;
    position: relative;
    cursor: pointer;
    margin-left: 50px;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 11%) !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    display: inline-flex;
    align-items: center;
    border-radius: 50px;
}
img.sound_image_main {
    width: 423px;
    height: 430px;
    border-radius: 50%;
    margin-top: 40px;
}
.mile_box.our_journey .hs_prev22 {
    background: #232323;
}

.mile_box.our_journey .hs_next22 {
    background: #232323;
}
.about_sec4.our_journey_new h4 {
    color: #232323;
}
.journey_new_info #cboxLoadedContent {
    background: #dfd4c6;
}
/* .journey_info {
    background: #dfd4c6;
} */
.journey_new_sound_box span:before {
    position: absolute;
    content: "";
    background: url(../images/play_audio_icon.png) 43px 43px;
    width: 43px;
    height: 44px;
    left: 0px;
    top: 1px;
}
.journey_new_sound_box span.playing:before {
    position: absolute;
    content: "";
    background: url(../images/play_audio_icon.png) 43px 0px;
    width: 43px;
    height: 44px;
    left: 1px;
    top:0px;
}
.journey_info_mid_box {
    max-width: 920px;
    width: 94%;
    margin: 0px auto;
    padding: 100px 0px;
}
.journey_info_mid_box h3 {
    font-size: 36px;
    color: #402616;
    font-weight: 900;
    margin-bottom: 40px;
}

.journey_info_mid_box p {
    font-size: 16px;
    color: #402616;
    font-weight: normal;
    margin-bottom: 30px;
}

.journey_info_mid_box h4 {
    font-size: 30px;
    color: #402616;
    font-weight: normal;
    margin-bottom: 50px;
}
.journey_new_info #cboxClose, .csr_ini_box #cboxClose {
    position: absolute;
    top: 44px;
    right: 60px;
    display: block;
    background: url(../images/journey_close.png) no-repeat top right;
    height: 40px;
    text-transform: uppercase;
    color: #fff;
    padding-right: 35px;
    outline: none;
    font-size: 0px;
}
.journey_new_info #cboxContent, .csr_ini_box #cboxContent {
    margin-top: 0px;
}
.journey_flim_box {
    display: flex;
    justify-content: space-between;
    margin: 40px 0px;
    margin-bottom: 30px;
}

.journey_flim_box img {
    width: 128px;
    height: 128px;
    border-radius: 50%;
}
.journey_poster_box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    margin-top: 30px;
}

.journey_poster_box img {
    width: 49%;
}
.journey_new_brand_box {
    position: relative;
    margin-top: 56px;
}
.journey_new_brand_box.one {
    margin-top: 90px;
}
.journey_new_brand_box.one:before {
    content: "";
    position: absolute;
    left: 28px;
    top: -60px;
    background: url(../images/journey_pro5.png);
    width: 65px;
    height: 121px;
    background-repeat: no-repeat;
}
.journey_new_brand_box.two:before {
    content: "";
    position: absolute;
    left: 10px;
    top: -60px;
    background: url(../images/journey_pro6.png);
    width: 92px;
    height: 138px;
    background-repeat: no-repeat;
}
.journey_new_brand_box.three:before {
    content: "";
    position: absolute;
    left: -6px;
    top: -60px;
    background: url(../images/journey_pro7.png);
    width: 92px;
    height: 138px;
    background-repeat: no-repeat;
}
.journey_new_brand_box aside {
    margin-left: 96px;
    border-top: 1px dashed #402616;
    padding: 20px;
    padding-left: 0px;
}

.journey_new_brand_box aside p {
    font-size: 16px;
    color: #402616;
    font-weight: normal;
    margin-bottom: 20px;
}
.journey_new_zandu_box {
    position: relative;
    margin-left: 96px;
}

.journey_new_zandu_box:before {
    display: none;
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/zandu_icon1.png);
    width:92px;
    height: 87px;
    background-repeat: no-repeat;
}
.journey_new_zandu_box:after {
    content: "";
    position: absolute;
    border-top: 1px dashed #402616;
    height: 1px;
    width: 66%;
    font-size: 12px;
    font-weight: 400;
    right: 0px;
    top: 52px;
}
.journey_new_zandu_box img {
    margin-right: 16px;
}
p.zandu_text {
    margin-left: 96px;
    margin-top: 40px;
}



@media screen and (max-width:960px) {
    img.sec2_right_image {
        top: -120px;
        right: 10px;
        width: 200px;
    }
    img.sec2_left_image {
        left: 60px;
        bottom: -110px;
        width: 150px;
    }
}

@media screen and (max-width:820px) {
    .journey_new_third_first_box {
        width: 50%;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 40px;
        border-bottom: 1px solid #493c2d;
        padding-bottom: 40px;
        border-right: 1px solid #493c2d;
    }
    .journey_new_third_mid_box:after {
        display: none;
    }
    .journey_new_third_first_box p {
        margin-top: 20px;
        font-size: 16px;
        color: #402616;
        font-weight: normal;
    }
    .journey_new_third_first_box:nth-child(2), .journey_new_third_first_box:nth-child(4) {
        border-right: none;
    }
    
    .journey_new_third_first_box:nth-child(3), .journey_new_third_first_box:nth-child(4) {
        border-bottom: none;
    }
    .journey_flim_box img {
        width: 128px;
        height: 128px;
        border-radius: 50%;
        margin-bottom: 20px;
        margin: 0px 10px;
        margin-bottom: 20px;
    }
    .journey_flim_box {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (max-width:680px) {
    .journey_new_sound_box span {
        font-size: 11px;
        padding-left: 44px;
        margin-left: 28px;
        padding-bottom: 10px;
        padding-right: 20px;
        display: inline-flex;
        align-items: center;
        border-radius: 50px;
    }
    .journey_new_first_mid_box img {
        width: 170px;
        height: 170px;
    }
    img.sec2_right_image {
        top: -100px;
        right: 10px;
        width: 120px;
    }
    img.sec2_left_image {
        left: 20px;
        bottom: -90px;
        width: 130px;
    }
    .journey_new_third_first_box {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 40px;
        border-bottom: 1px solid #493c2d;
        padding-bottom: 40px;
        border-right: none;
    }
    .journey_new_third_first_box:nth-child(3), .journey_new_third_first_box:nth-child(4) {
        border-bottom: 1px solid #493c2d;
    }
    .journey_new_pro_first_box {
        width: 50%;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        text-align: center;
        position: relative;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .journey_new_pro_first_box:nth-child(2) {
        border-right: none;
    }
    
    .journey_new_pro_first_box:nth-child(3), .journey_new_pro_first_box:nth-child(4) {
        border-bottom: none;
    }
    .our_journey_fourth_first_box {
        width: 100%;
    }
    img.sound_image_main {
        width: 250px;
        height: 250px;
    }
    img.talant_image {
        width: 100%;
    }
    .journey_info_mid_box h3 {
        line-height: 40px;
    }
    .journey_new_zandu_box:after {
        width: 76%;
    }
    .journey_new_zandu_box {
        margin-left: 0px;
    }
    .journey_new_brand_box aside {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width:400px) {
    .journey_info_mid_box h4 {
        font-size: 22px;
        line-height: 30px;
    }
    .journey_info_mid_box h3 {
        font-size: 26px;
        line-height: 30px;
    }
}




















  .play-layer-wrapper {
    position: relative;
  }
  
  .play-layer {
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100vh;
  }
  
  .sound-wave {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    svg {
      display: block;
      max-width: 63rem;
      height: auto;
    }
  }
  .sound-wave:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 40rem;
    z-index: -1;
    top: 0;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    background: radial-gradient(#1389e933, transparent 60%, transparent 100%);
  }
  
  .progress-bar {
    height: 10px;
    width: 35%;
    border-radius: 30px;
    border: 2px solid #fff;
    background-color: #fff;
    margin: -2rem auto 6rem;
    display: none;
  }
  
  .progress-color {
    background: #1389e9;
    height: 100%;
    width: 0;
    border-radius: 30px;
    transition: width 4s linear;
  }
  
  .d-none {
    display: none;
  }
  
  @keyframes scale1 {
    0% {
      transform: scaleY(0.6);
    }
    40% {
      transform: scaleY(1.2);
    }
    100% {
      transform: scaleY(0.6);
    }
  }
  
  .bar-scale1 {
    animation: scale1 0.6s infinite;
    transform-origin: center;
  }
  
  @keyframes scale2 {
    0% {
      transform: scaleY(0.5);
    }
    30% {
      transform: scaleY(1.6);
    }
    100% {
      transform: scaleY(0.5);
    }
  }
  
  .bar-scale2 {
    animation: scale2 0.6s infinite;
    transform-origin: center;
  }
  
  @keyframes scale3 {
    0% {
      transform: scaleY(1.5);
    }
    70% {
      transform: scaleY(0.5);
    }
    100% {
      transform: scaleY(1.5);
    }
  }
  
  .bar-scale3 {
    animation: scale3 0.6s infinite;
    transform-origin: center;
  }
  
  .stop-animation {
    animation-duration: 0s;
  }
  
  .audio-buttons {
    position: relative;
  }
  
  .play-button {
    svg {
      box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.65);
      border-radius: 50px;
    }
  }
  .play-button,
  .pause-button {
    width: 46px;
    height: 46px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  



  /*-------------------CSR CSS-------------------*/
  .knowledge_main_box.csr .knowledge_box {
    margin-bottom: 0px;
}
.csr_sec2 {
    background: #004ea6;
    padding: 60px 0px;
    width: 100%;
    float: left;
}

.csr_sec2_mid_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.csr2_left_box {
    width: 48%;
}

.csr2_left_box p {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 20px;
}
.csr2_right_box {
    width: 48%;
    justify-content: space-between;
}

.csr2_right_box img {
    width: 49%;
    border-radius: 6px;
}
.csr2_right_box img.sus_co2 {
    width:100%;
}
body.intro {
    overflow: hidden;
}
.csr_env_box {
    width: 100%;
    float: left;
    display: flex;
    margin: 60px 0px;
    justify-content: space-between;
}

.csr_env_box img {
    width: 48%;
}

.csr_env_right_box {
    width: 48%;
    padding: 50px 0px;
    padding-bottom: 40px;
}

.csr_env_right_box h4 {
    font-size: 24px;
    color: #004ea6;
    font-weight: bold;
    margin-bottom: 20px;
}

.csr_env_right_box p {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
}

.csr_env_right_box ul li {
    position: relative;
    font-size: 16px;
    color: #000;
    font-weight: normal;
    padding-left: 30px;
    margin-bottom: 22px;
}
.csr_env_right_box ul li:after {
    background: url(../images/filing_icon.png);
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
}
.csr_sec4 {
    width: 100%;
    float: left;
    background: #f8f8f8;
    padding: 100px 0px;
    padding-top: 80px;
    text-align: center;
}

.csr_sec4 h2 {
    font-size: 24px;
    color: #004ea6;
    font-weight: bold;
    margin-bottom: 20px;
}

.csr_sec4 h6 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    max-width: 700px;
    width: 94%;
    margin: 0px auto;
}

.csr4_mid_box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.csr4_first_box {
    width: 33.333%;
    padding: 0px 40px;
    border-right: 1px solid rgb(204 204 204 / 45%);
}

.csr4_first_box:last-child {
    border-right: none;
}
.csr_pro_main_box {
    width: 100%;
    float: left;
    background: #eaf4ff;
    position: relative;
    padding-bottom: 0px;
    overflow: hidden;
}
img.csr_pro_right_box {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
}
.csr_sec4.sec6 .csr4_first_box {
    width: 25%;
}
.csr_sec4.sec6 {
    background: #fff;
}
.csr_sec7 {
    width: 100%;
    float: left;
    background: #f8f8f8;
    border-top: 1px solid rgb(204 204 204 / 43%);
    border-bottom: 1px solid rgb(204 204 204 / 43%);
}
.csr_sec8 {
    width: 100%;
    float: left;
    padding: 60px 0px;
}

.csr_sec8 h6 {
    font-size: 16px;
    color: #000;
    text-align: center;
    max-width: 780px;
    width: 94%;
    margin: 0px auto;
}

.csr_sec8_mid_box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.csr_sec8_first_box {
    width: 25%;
    padding: 20px 40px;
    border-right: 1px solid rgb(204 204 204 / 40%);
}

.csr_sec8_mid_box.col5 .csr_sec8_first_box {
    width: 20%;
    padding: 20px 20px;
    border-right: 1px solid rgb(204 204 204 / 40%);
}

.csr_sec8_first_box h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 42px;
}
.csr_sec8_first_box:last-child {
    border-right: none;
}



@media screen and (max-width:1100px) {
    img.csr_pro_right_box {
        position: inherit;
        right: 0px;
        top: 0px;
        width: 100%;
    }
    .csr_env_right_box {
        width: 100%;
        padding: 50px 0px;
        padding-bottom: 40px;
    }
    .csr_env_box {
        width: 100%;
        flex-wrap: wrap;
    }
    .csr_env_box img {
        width: 100%;
    }
    .csr_sec8_first_box {
        padding: 20px 20px;
    }
    .csr_sec8_first_box h4 {
        font-size: 16px;
    }
}



@media screen and (max-width:680px) {
    .csr_sec8_mid_box.col5 .csr_sec8_first_box:nth-child(even) {
        border-right: none;
    }
    .csr2_left_box {
        width: 100%;
    }
    .csr2_right_box {
        width: 100%;
    }
    .csr_env_box {
        flex-wrap: wrap;
        margin-bottom: 0px;
    }
    .csr_env_box img {
        width: 100%;
    }
    .csr_env_right_box {
        width: 100%;
        padding-bottom: 16px;
    }
    .csr4_first_box {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgb(204 204 204 / 45%);
        margin-bottom: 40px;
        padding-bottom: 40px;
    }
    .csr_sec4.sec6 .csr4_first_box {
        width: 100%;
    }
    .csr_sec8_mid_box.col5 .csr_sec8_first_box {
        padding: 20px 20px;
        width: 50%;
        border-bottom: 1px solid rgb(204 204 204 / 40%);
    }
    .csr_sec8_first_box:nth-child(2) {
        border-right: none;
    }
}





.latest_at_sec1 {
    padding: 60px 0px;
    background: #fafafa;
    border-bottom: 1px solid #ccc;
}

.latest_at_sec1 h2 {
    font-size: 24px;
    color: #004ea6;
    font-weight: bold;
    margin-bottom: 20px;
}

.latest_at_sec1_mid_box {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.latest_at_sec1_left_box {
    width: 48%;
    display: flex;
    background: #fff;
    flex-wrap: wrap;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 18%);
    justify-content: space-between;
    /* align-items: center; */
}

.latest_at_mid_right_box {
    /* width: 36%; */
    /* padding: 10px 34px 10px 0px; */
}

.latest_at_sec1_left_box img {
    width: 58%;
}

.latest_at_mid_right_box h4 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

a.view_page_button {
    display: flex;
    align-items: center;
    margin-top: 40px;
    font-size: 14px;
    color: #004ea6;
    font-weight: 600;
}
.quater_pdf_icon a.view_page_button {
    margin-top: 0px;
    font-size: 11px;
}

a.view_page_button img {
    width: auto;
    margin-right: 6px;
}
.latest_at_video_icon_box {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    text-align: center;
    width: 100px;
}

.latest_at_emami_video_box {
    position: relative;
    max-width: 1000px;
    width: 94%;
    margin: 0px auto;
}

.latest_at_video_icon_box span {
    color: #fff;
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: bold;
}
.latest_at_sec2 h2 {
    font-size: 24px;
    color: #004ea6;
    font-weight: bold;
    max-width: 1000px;
    width: 94%;
    margin: 0px auto;
    margin-bottom: 30px;
}

.latest_at_sec2 {
    padding: 60px 0px;
}



.latest_at_mid_right_box {
    width: 32%;
    padding: 52px 34px 10px 0px;
    position: relative;
}
.latest_at_emami_bottom_box {
    position: relative;
    max-width: 1000px;
    width: 94%;
    margin: 0px auto;
    padding: 20px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.latest_at_emami_bottom_box:after {
    content: "";
    position: absolute;
    /* inset: 77px 0px; */
    inset-inline-end: 0px;
    /* border-radius: 10px; */
    padding: 1px;
    background: #0002fe;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    height: 2px;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    bottom: 0px;
}

.latest_at_emami_bottom_box span {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    width: 50%;
}
a.video_all_test {
    font-size: 14px;
    color: #004ea6;
    font-weight: 600;
    text-align: right;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    padding-right: 16px;
}
.warranty_accordian.agm article>div section aside p {
    float: none;
    font-weight: bold;
}
.agm .agm_video_first_box aside {
    margin-bottom: 12px;
}
.latest_at_sec3 {
    background: #004ea6;
    padding: 60px 0px;
}

.latest_at_sec3 h2 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}
.latest_at_sec3_mid_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.latest_at_sec3_first_box {
    width: 33.333%;
    padding: 0px 18px;
}

.latest_at_sec3_first_box aside {
    background: #ececec;
    height: 100%;
    border-radius: 6px;
    position: relative;
}

.latest_at_sec3_first_box img {
    width: 100%;
}

.latest_update_bottom_box {
    padding: 30px 20px;
    min-height: 200px;
}

.latest_update_bottom_box img {
    width: auto;
}

a.latest_update_icon_box {font-size: 14px;color: #004ea6;font-weight: 600;display: flex;align-items: center;margin-top: 40px;}

a.latest_update_icon_box img {
    margin-right: 6px;
}
.latest_update_bottom_box h4 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    min-height: 48px;
}
.latest_at_sec4_first_box {
    width: 100%;
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.latest_at_sec4_first_box aside {
    width: 32%;
}

.latest_at_sec4_first_box aside {
    background: #ddedff;
    padding: 30px 40px;
    border-radius: 6px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 19%);
    height: 100%;
    position: relative;
}

.latest_at_sec4_first_box aside h4 {
    font-size: 24px;
    color: #000;
    font-weight: normal;
    margin: 60px 0px;
    line-height: 30px;
    margin-top: 20px;
}

.latest_at_sec4 h2 {
    font-size: 24px;
    color: #004ea6;
    font-weight: bold;
    margin-bottom: 20px;
}

.latest_at_sec4 {
    padding: 60px 0px;
}
.latest_at_sec4_mid_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}

.latest_at_sec4_sec_box {
    width: 60%;
    background: #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 18%);
    border-radius: 6px;
    overflow: hidden;
}

.latest_at_sec4_sec_box aside {
    background: #e4f1ff;
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.latest_at_sec4_sec_box aside img {
    width: 56%;
}

.latest_press_right_box {
    width: 38%;
    padding: 20px 40px 20px 0px;
    position: relative;
}

a.latest_update_icon_box img {
    width: auto;
}

.latest_press_right_box h6 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.latest_press_right_box a.latest_update_icon_box {
    position: absolute;
    bottom: 40px;
}

.latest_at_sec4_first_box aside a.latest_update_icon_box {
    position: absolute;
    bottom: 40px;
}
.latest_at_sec1_left_box a.view_page_button {
    position: absolute;
    bottom: 40px;
}
.latest_at_emami_video_box img {
    width: 100%;
}
.latest_at_sec3_first_box aside a.latest_update_icon_box {
    position: absolute;
    bottom: 40px;
}



@media screen and (max-width:900px) {
    .latest_at_sec1_mid_box {
        flex-wrap: wrap;
    }
    .latest_at_sec1_left_box {
        width: 100%;
        margin-bottom: 20px;
    }
    .latest_at_sec4_sec_box aside {
        flex-wrap: wrap;
    }
    .latest_at_sec4_sec_box aside img {
        width: 100%;
    }
    .latest_press_right_box {
        width: 100%;
        padding: 20px 20px 20px 20px;
        position: relative;
    }
    .latest_press_right_box a.latest_update_icon_box {
        position: initial;
        bottom: 40px;
    }
    a.latest_update_icon_box img {
        width: auto;
    }
}

@media screen and (max-width:680px) {
    .contact_sec1 ul li:last-child:after {
        right: 0px;
    }
    .latest_at_sec1_left_box img {
        width: 50%;
    }
    .latest_at_mid_right_box {
        width: 46%;
        padding: 52px 20px 10px 0px;
    }
    .latest_at_video_icon_box img {
        width: 60px;
    }
    .latest_at_video_icon_box span {
        font-size: 14px;
    }
    .latest_at_sec3_mid_box {
        justify-content: center;
    }
    .latest_at_sec3_first_box {
        width: 50%;
        padding: 0px 18px;
        margin-bottom: 20px;
    }
    a.latest_update_icon_box img {
        width: auto;
    }
    .latest_at_sec4_first_box {
        width: 100%;
        padding-right: 0px;
    }
    .latest_at_sec4_sec_box {
        width: 100%;
        margin-top: 20px;
    }
}

@media screen and (max-width:480px) {
    .latest_at_sec3_first_box {
        width: 100%;
        padding: 0px 18px;
        margin-bottom: 20px;
    }
    a.latest_update_icon_box img {
        width: auto;
    }
}

@media screen and (max-width:430px) {
    .latest_at_sec1_left_box img {
        width: 100%;
    }
    .latest_at_mid_right_box {
        width: 100%;
        padding: 20px 20px 20px 20px;
    }
    .latest_at_sec1_left_box a.view_page_button {
        position: initial;
        bottom: 40px;
    }
    .latest_at_emami_bottom_box span {
        font-size: 16px;
        width: 66%;
    }
    a.latest_update_icon_box img {
        width: auto;
    }
}



/*-----------------AGM CSS START-----------------*/
.agm_sec1_mid_box {
    background: #014ea6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.agm_sec1_left_box {
    width: 46%;
    padding: 10px 0px 10px 8%;
}

.agm_sec1 h2 {
    font-size: 24px;
    color: #004ea6;
    font-weight: bold;
    margin-bottom: 20px;
}
.agm_sec1_left_box ul li a {
    position: relative;
    font-size: 16px;
    color: #fff;
    padding-left: 46px;
    display: inline-block;
}

.agm_sec1_left_box ul li a:before {
    background: url(../images/pdf_icon.jpg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    width: 31px;
    height: 38px;
    border-radius: 2px;
}
.agm_sec1_left_box ul li {
    margin: 16px 0px;
}
.agm_sec1_left_box .view_page_button img {
    filter: brightness(0) invert(1);
}

.agm_sec1_left_box a.view_page_button {
    color: #fff;
}
.agm_notice_box h2 {
    font-size: 24px;
    color: #004ea6;
    font-weight: bold;
    margin-bottom: 30px;
}

.agm_notice_box {
    max-width: 900px;
    width: 95%;
    margin: 60px auto;
}

.agm_notice_mid_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* max-width: 900px; */
    /* width: 95%; */
    /* margin: 0px auto; */
}

.agm_notice_right_box {
    width: 46%;
}

.agm_notice_right_box ul li a {
    position: relative;
    font-size: 16px;
    color: #000;
    padding-left: 46px;
    display: inline-block;
    font-weight: 600;
}
.agm_notice_right_box ul li a:before {
    background: url(../images/pdf_icon.jpg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    width: 31px;
    height: 38px;
    border-radius: 2px;
}

.agm_notice_right_box ul li {
    margin: 20px 0px;
}
.agm_proceding_box {
    background: #f8f8f8;
    padding: 60px 0px;
    border-top: 1px solid rgb(204 204 204 / 43%);
    border-bottom: 1px solid rgb(204 204 204 / 43%);
}
.agm_proceeding_mid_box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.agm_proceeding_first_box {
    width: 33.333%;
    text-align: center;
    border-right: 1px solid rgb(204 204 204 / 36%);
}

.agm_proceeding_first_box img {
    width: 112px;
    height: 112px;
    border-radius: 50%;
}

.agm_proceeding_first_box aside {
    padding: 10px 50px;
}

.agm_proceding_box h2 {
    font-size: 24px;
    color: #004ea6;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}
.agm_proceeding_first_box:last-child {
    border-right: none;
}
.agm_video_box h2 {
    font-size: 24px;
    color: #004ea6;
    font-weight: bold;
    margin-bottom: 20px;
}

.agm_video_box {
    margin: 60px 0px;
}

.agm_video_mid_box {
    display: flex;
    flex-wrap: wrap;
}

.agm_video_first_box {
    width: 33.333%;
    padding: 0px 12px;
}

.agm_video_first_box aside {
    background: #eaf4ff;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 16%);
}

.agm_video_image_box img {
    width: 100%;
}

.agm_video_image_box {
    position: relative;
}

.agm_video_overlay_box img {
    width: auto;
}

.agm_video_overlay_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.agm_video_bottom_box {
    padding: 40px;
}

.agm_video_bottom_box p {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.agm_video_top_box {
    display: flex;
    justify-content: space-between;
    padding: 0px 12px;
}
.agm_voting_box {
    background: #eaf4ff;
    padding: 60px 0px;
}

.agm_voting_box h2 {
    font-size: 24px;
    color: #004ea6;
    font-weight: bold;
    margin-bottom: 20px;
}

.agm_voting_mid_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.agm_voting_first_box {
    width: 48%;
    border-right: 1px solid #9ab0c0;
    padding-right: 20px;
}

.agm_voting_first_box ul li a {
    position: relative;
    font-size: 16px;
    color: #000;
    padding-left: 46px;
    display: inline-block;
    font-weight: 600;
}
.agm_voting_first_box ul li a:before {
    background: url(../images/pdf_icon.jpg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    width: 31px;
    height: 38px;
    border-radius: 2px;
}

.agm_voting_first_box ul li {
    margin: 16px 0px;
}

.agm_voting_first_box:last-child {
    border-right: none;
}
.office_bottom_box.agm{
    float: left;
    width: 100%;
    position: relative;
}
.agm_sec1 {
    background: #eaf4ff;
    margin-top: -108px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.agm_notice_right_box a.explore_button {
    background: #033874;
    color: #fff;
    margin-top: 20px;
    padding: 10px 20px;
}

.agm_notice_right_box a.explore_button:hover {
    color: #033874;
    background: #fff;
}
.agm_info #cboxLoadedContent {
    background: #014ea6;
}
.agm_info_new_mid_box {
    max-width: 920px;
    width: 94%;
    margin: 0px auto;
    padding: 100px 0px;
}
.agm_info #cboxClose {
    position: absolute;
    top: 44px;
    right: 60px;
    display: block;
    background: url(../images/journey_close.png) no-repeat top right;
    height: 40px;
    text-transform: uppercase;
    color: #fff;
    padding-right: 35px;
    outline: none;
    font-size: 0px;
    filter: brightness(0) invert(1);
}
.agm_info #cboxContent {
    margin-top: 0px;
    background: #fff;
}
.agm_pop_image_box {
    text-align: center;
}

.agm_pop_image_box img {
    width: 282px;
    height: 282px;
    border-radius: 50%;
}
.agm_pop_list_box ul {
    display: block;
}

.agm_pop_list_box ul li {
    border-bottom: 1px solid rgb(197 212 230 / 37%);
    padding: 25px 10px 24px 10px;
    display: flex;
    justify-content: space-between;
}

.agm_pop_list_box ul li .gov_left_box {
    position: relative;
    padding-left: 46px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    padding-right: 20px;
}
.agm_pop_list_box ul li .gov_left_box:after {
    content: '';
    position: absolute;
    background: url(../images/pdf_icon.jpg) no-repeat 0 0;
    width: 31px;
    height: 38px;
    left: 0px;
    bottom: 0;
    top: -6px;
    border-radius: 2px;
}

.agm_pop_list_box ul li .gov_right_box {
    position: relative;
    padding-right: 36px;
    font-size: 16px;
    color: #f87059;
    font-weight: normal;
}
.agm_pop_list_box ul li .gov_right_box:after {
    content: '';
    position: absolute;
    background: url(../images/download_icon_agm.png) no-repeat 0 0;
    width:26px;
    height: 28px;
    right: 0px;
}

.agm_pop_list_box ul li a span {
    position: relative;
    top: 6px;
}
img.agm_right_image {
    width: 48%;
}



@media screen and (max-width:820px) {
    .agm_sec1_left_box ul li a:before {
        left: 0px;
        top: -8px;
    }
    .agm_sec1_left_box ul li {
        margin: 34px 0px;
    }
    .agm_sec1_left_box {
        width: 100%;
        padding: 10px 0px 10px 8%;
    }
    img.agm_right_image {
        width: 100%;
    }
    .agm_sec1_mid_box {
        flex-wrap: wrap;
    }
    .agm_proceeding_first_box {
        width: 100%;
        text-align: center;
        border-right: none;
        border-bottom: 1px solid rgb(204 204 204 / 36%);
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .agm_voting_first_box ul li {
        margin: 13px 0px;
        border-bottom: 1px solid rgb(154 176 192 / 42%);
        padding-bottom: 26px;
    }
    .agm_voting_first_box {
        width: 100%;
        border-right: none;
        padding-right: 0px;
    }
    .agm_voting_first_box ul li:first-child {
        margin-top: 0px;
    }
    .agm_voting_box h2 {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:768px) {
    .agm_notice_mid_box {
        flex-wrap: wrap;
        justify-content: center;
    }
    .agm_notice_right_box {
        width: 100%;
        margin-top: 40px;
    }
    .agm_notice_right_box ul li {
        margin: 36px 0px;
    }
}

@media screen and (max-width:680px) {
    img.agm_notice_left_image {
        width: 100%;
    }
}

@media screen and (max-width:480px) {
    .agm_video_first_box {
        width: 100%;
        padding: 0px 12px;
        margin-bottom: 20px;
    }
}



/*--------------INVESTOR CONTACT CSS---------------*/
.investor_contact {
    margin-top: 60px;
}
.investor_contact .management_block li p {
    font-size: 14px;
}
.investor_contact .management_block li p a {
    color: #000;
}

.investor_contact .management_block li {
    width: 46%;
}

.investor_contact ul.management_block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media screen and (max-width:680px) {
    .investor_contact .management_block li {
        width: 100%;
    }
}



/*-------------POSTAL BELLOTS---------------*/
.postalBallot .shedule_header span:first-child {
    width: 45.333%;
}

.postalBallot .shedule_header span {
    width: 33.333%;
}

.postalBallot .shedule_header span:last-child {
    width: 16%;
}

.postalBallot .schedule_list_box .des {
    width: 45.333%;
}

/*
.postalBallot .schedule_list_box > div {
    width: 33.333%;
}
*/
.postalBallot .schedule_list_box > div {
    width: 100%;
}
.postalBallot .schedule_list_box .download {
    width: 16%;
}



.agm_sec1_mid_box.stock {
    padding: 40px;
    flex-wrap: wrap;
    color: #fff;
}

.agm_sec1_mid_box.stock h3 {
    font-size: 30px;
    margin-bottom: 20px;
}
.office_bottom_box.agm.stock h2 {
    margin-top: 26px;
    margin-bottom: 20px;
}
.agm_notice_box.stock {
    max-width: 1100px;
}

img.agm_notice_left_image {
    width: 26%;
}

.agm_notice_box.stock .agm_notice_right_box {
    width: 36%;
    padding: 0px 20px;
}
.governance.office_bottom_box.agm.stock .center {
    width: 95%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0px 20px;
}
.agm_notice_box.stock .agm_notice_right_box h6 {
    font-size: 16px;
    margin: 20px 0px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #0087da;
}
.stock_code_box {
    display: flex;
    align-items: center;
}

.agm_notice_box.stock .agm_notice_right_box .stock_code_box h6 {
    margin: 0px;
    margin-right: 10px;
}

.stock_code_box {
    margin-top: 20px;
}
.stock_main_box {
    float: left;
    width: 100%;
    position: relative;
}

.governance.stock {
    padding-bottom: 0px;
}
.governance.stock1:after {
    display: none;
}
.governance.stock1 ul.result-filter {
    margin-top: 0px;
}
.governance.stock1 {
    padding-top: 20px;
}



/*------------AGM NEW ACCORDION CSS---------*/
.warranty_accordian section aside .statutory_box.agm ul li {
    width: 46%;
    margin-right: 0px;
    border-bottom: 1px dashed;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-right: 0px;
}

.warranty_accordian section aside .statutory_box.agm ul {
    justify-content: space-between;
}
.agm_download_box {
    display: flex;
    align-items: center;
    width: 104px;
}

.agm_download_box img {
    margin-right: 0px;
}

.warranty_accordian section aside .statutory_box.agm ul li .agm_download_box span {
    font-size: 14px;
    color: #d05c48;
}
.warranty_accordian section aside .statutory_box.agm ul li:after {
    content: '';
    position: absolute;
    background: url(../images/pdf_icon.jpg) no-repeat 0 0;
    width:31px;
    height:38px;
    left: 0px;
    bottom: 0px;
    top: 12px;
}
.warranty_accordian section aside .statutory_box.agm ul li span {
    font-size: 17px;
    color: #131313;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 108px;
}
.agm .warranty_accordian.statutory article {
    width: 100%;
    margin: 10px 0px;
    /* padding: 14px 0px; */
    /* border-bottom: 1px solid #c5d4e6; */
    border-radius: 0px !important;
    padding-top: 0px;
}

ul.result-filter.by_back.agm li.warranty_accordian.statutory {
    flex-wrap: wrap;
    border: none;
}

.agm .warranty_accordian article>h2 {
    /* border: none; */
    border-bottom: 1px solid #004ea6;
    padding-bottom: 20px;
}
.governance.agm_main_box {
    background: #f4f9ff;
    padding-top: 20px;
}

.governance.agm_main_box .finance_drop_box {
    background: transparent;
}

.governance.agm_main_box .finance_drop_right_box .form-group select.filter {
    background: #004ea6;
    color: #fff;
    font-weight: 600;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #004ea6 url(../images/arrow_agm_icon.png) no-repeat 92% center/8px auto;
}

ul.result-filter.by_back.agm {
  margin-top: 0px;
}
.warranty_accordian.statutory.agm article>h2 span:before {
    display: none;
}
.warranty_accordian.statutory.agm article>h2 span {
    font-size: 24px;
    color: #004ea6;
    font-weight: bold;
    padding-left: 0px;
}
li.warranty_accordian.statutory.agm .scAactive h2 {
    border-bottom: 1px solid #004ea6 !important;
}
.warranty_accordian.statutory.agm article>div section {
    padding:0px;
    padding-bottom: 0px;
}
.warranty_accordian.statutory.agm article>h2 span:after {
    background: url(../images/expand_icon1.png) no-repeat 3px 3px;
    content: "More";
    text-indent: -50px;
    font-size: 16px;
    color: #004ea6;
    width: 26px;
    height: 26px;
    border: 1px solid;
    border-radius: 50%;
}
.warranty_accordian.statutory.agm article>h2 span:after {
    top: 1px;
    right: 0px;
}
.warranty_accordian.statutory.agm article.scAactive>h2 span:after {
    background: url(../images/expand_icon1.png) no-repeat 3px -61px;
    content: "Less";
    text-indent: -44px;
    font-size: 16px;
    border: 1px solid;
    border-radius: 50%;
    width: 26px;
    height: 26px;
}

@media screen and (max-width:900px) {
    .warranty_accordian section aside .statutory_box.agm ul li span {
        font-size: 14px;
        padding-right: 24px;
    }
	.breadcrumbs h1 { float: left; width: 100%;}
}

@media screen and (max-width:680px) {
    .warranty_accordian section aside .statutory_box.agm ul li:after {
        top: 4px;
    }
    .warranty_accordian section aside .statutory_box.agm ul li {
        width: 100%;
        margin-bottom: 10px;
        padding-right: 0px;
    }
    .warranty_accordian section aside .statutory_box ul li a {
        margin-top: 0px;
    }
}



/*-----------RESULT CSS-----------*/
section.profile_center.result h2 {
    font-size: 30px;
    color: #004ea6;
    text-align: center;
    padding: 0 5%;
    font-weight: 700;
    margin-top: 40px;
}
.result_box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.result_first_box {
    width: 33.333%;
    /* background: #fff; */
    padding: 20px;
}

.result_first_box aside {
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    /* padding: 40px; */
    padding: 40px 0px;
    border-radius: 4px;
    height: 100%;
    padding-top: 0px;
}

.result_first_box h4 {
    font-size: 20px;
    color: #004ea6;
    margin-bottom: 20px;
}
.result_bottom_box {
    padding: 0px 20px;
}

.result_bottom_box p {
    margin-bottom: 20px;
    font-size: 15px;
    height: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
}
img.result_annual_image {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

@media screen and (max-width:680px) {
    .back_button_tvcs {
        margin-left: 0px;
        margin-top: 20px;
    }
    .agm_notice_box.stock .agm_notice_right_box {
        width: 100%;
        padding: 0px 20px;
    }
    img.agm_notice_left_image {
        width: 100%;
        margin: 20px 0px;
    }
    .yearmenu.news > a.archivebttn {
        text-align: center;
        justify-content: center;
        margin-bottom: 20px;
        margin-right: 0px;
    }
    .yearmenu.news {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .result_first_box {
        width: 100%;
        /* background: #fff; */
        padding: 0px;
        margin-bottom: 20px;
    }
    .result_bottom_box p {
        height: auto;
    }
}



.enquery_mid_box {
    max-width: 730px;
    width: 100%;
    margin: 100px auto;
    text-align: center;
}
.enquery_mid_box h3 {
    font-size: 48px;
    color: #21538a;
    font-weight: bold;
    margin-bottom: 26px;
}
.enquery_mid_box h4 {
    font-size: 30px;
    color: #21538a;
    font-weight: normal;
    line-height: 35px;
    padding: 0 0 35px 0;
}
.enquery_mid_box a {
    color: #0015FF;
    text-decoration: underline;
}

















/*----------------SEARCH CSS-----------------*/
.row.results {
    margin: 0 auto;
    max-width: 994px;
    width: 95%;
    float: none;
}

.serch_block {
    width: 100%;
    height: 115px;
    float: left;
    margin-top: 60px;
    margin-bottom: 50px;
    padding: 30px 40px 40px 40px;
    box-sizing: border-box;
    background: #4170B5;
    position: relative;
}

.serch_block input[type=text] {
    border: none;
    border-bottom: 1px solid rgba(255,252,252,0.30);
    float: left;
    width: 100%;
    height: 50px;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    font-style: italic;
    background: transparent;
    padding-right: 50px;
}

.serch_block button {
    position: absolute;
    right: 40px;
    top: 40px;
    float: left;
    width: 50px;
    height: 31px;
    background: url(../images/search_icon2.png) no-repeat left top;
    border: 0px solid grey;
    border-left: none;
    cursor: pointer;
    font-size: 0px;
}

h3.bloginner_head {
    width: auto;
    margin: 0 auto 50px;
    display: table;
    font-size: 30px;
    font-weight: 400;
    color: #292929;
    line-height: 30px;
}

.srresult_list {
    width: 100%;
    height: auto;
    float: left;
    display: block;
}

.srresult_list li {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    padding: 30px;
    box-sizing: border-box;
}

.srresult_list li h4 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 18px;
    display: flex;
    font-weight: 400;
    color: #cc0a16;
    /* line-height: 20px; */
    padding-bottom: 15px;
    align-items: center;
}

.srresult_list li p {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #626262;
    line-height: 22px;
    padding-bottom: 15px;
}

.srresult_list li:nth-child(odd) {
    background: #ebf7ff;
}

.srresult_list li h4 a {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #cc0a16;
    line-height: 20px;
    padding-bottom: 15px;
}
.pagination .page-numbers {
    font-size: 16px;
    padding: 10px;
    background: #ecf1ff;
    margin-right: 4px;
}
.pagination .page-numbers img {
    top: 4px;
    position: relative;
}

.pagination {
    margin: 40px 0px;
}



/*------------THANKU CSS-------------------*/
body {
    margin: 0px;
    padding: 0px;
}
.thanku_bg {
    background: #2770c4;
    width: 100%;
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
}
.thanku_mid_box {
    width: 800px;
    text-align: center;
    margin: 0px auto;
}
.thanku_main_box {
    width: 100%;
    float: left;
    margin: 60px 0px;
}

.thanku_mid_box h4 {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin-top: 20px;
}

.thanku_mid_box h6 {
    font-size: 16px;
    color: #000;
    font-weight: normal;
    margin-top: 20px;
}
.thanku_mid_box h1 {
    font-family: 'IBM Plex Sans';
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    margin-top: 28px;
    margin-bottom: 14px;
}
a.back_button {
    width: 141px;
    height: 46px;
    background: #34b233;
    line-height: 48px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 40px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    padding: 0px;
    /* line-height: 18px; */
    transition: 0.6s;
    margin-top: 20px;
    display: inline-block;
}

a.back_button img {
    margin-right: 10px;
    filter: brightness(0) invert(1);
    transform: rotate(180deg);
}
a.back_button:hover {
    background: #fff;
    color: #091c3d;
    letter-spacing: 1px;
}

a.back_button:hover img {
    filter: inherit;
}











.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 1;
    stroke-miterlimit: 10;
    stroke: #ffffff;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  }
  
  .checkmark {
    width: 117px;
    height: 117px;
    border-radius: 50%;
    display: block;
    stroke-width: 4;
    stroke: #ffffff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px #ffffff;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    margin-top: 0px;
  }
  
  .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  }
  
  @keyframes stroke {
    100% {
      stroke-dashoffset: 0;
    }
  }
  @keyframes scale {
    0%, 100% {
      transform: none;
    }
    50% {
      transform: scale3d(1.1, 1.1, 1);
    }
  }
  @keyframes fill {
    100% {
      /* box-shadow: inset 0px 0px 0px 30px #fff; */
    }
}



@media screen and (max-width:680px) {
    .csr_sec4 {
        padding-top: 40px;
        padding-bottom: 0px;
    }
    .csr4_first_box:last-child {
        border-bottom: none;
    }
    a.archivebttn {
        width: 100%;
        margin-right: 0px;
        text-align: center;
    }
    .tvc_top_box_main {
        flex-wrap: wrap;
        margin-top: 20px;
    }
    /* .breadcrumbs {
        margin-top: 30px;
    } */
    .finance_drop_right_box {
        flex-wrap: wrap;
        width: 100%;
    }
    .finance_drop_right_box .form-group select.filter4 {
        width: 100%;
    }
    
    .finance_drop_right_box .form-group {
        width: 100%;
        margin-bottom: 6px;
    }
    .latest_at_sec4_first_box aside {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
.thanku_mid_box h1 {
  font-family: 'IBM Plex Sans';
  color: #fff;
  font-size: 38px;
  font-weight: bold;
  margin-top: -18px;
  margin-bottom: 14px;
}
.thanku_mid_box {
  width: 100%;
  text-align: center;
}
}

.result_box.agm_postal_mid_box {
    max-width: 800px;
    margin: 0px auto;
    margin-top: 40px;
}

.result_box.agm_postal_mid_box .result_first_box {
    width: 50%;
}

@media screen and (max-width:680px) {
    .investor_contact ul.management_block {
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .voices_wrap2 {
        float: left;
        width: 100%;
        padding: 0 0 120px;
        margin: -284px 0 0;
    }
    .finance_drop_right_box .form-group select.filter {
        width: 100%;
    }
    .boro_feature_box.navratna .boro_fea_first_box:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .boro_feature_box.zandu .boro_fea_first_box:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .boro_feature_box.keshking .boro_fea_first_box:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .boro_feature_box.mentho .boro_fea_first_box:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .boro_feature_box.inoil .boro_fea_first_box:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .boro_feature_box.dermicool .boro_fea_first_box:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .brandswrap .barnds_block aside .row .info h4 {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .boro_feature_box.creame21 .boro_fea_first_box:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .boro_feature_box.he .boro_fea_first_box:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .brandswrap .barnds_block aside .row .thumb {
        width: 56%;
    }
    .brandswrap .barnds_block aside .row .info {
        width: 46%;
        padding: 10px 0px;
    }
    .brandswrap .barnds_block aside .row .info .icon {
        height: 66px;
    }
    .boro_top_box .carres_top_left_box h4 {
        width: 100%;
    padding-right: 0px;
    }
    .carres_top_left_box.navratna:after {
        display: none;
    }
    .result_box.agm_postal_mid_box .result_first_box {
        width: 100%;
    }
    .carres_top_left_box.zandu:after {
        display: none;
    }
    .carres_top_left_box.boro-plus:after {
        display: none;
    }
    .carres_top_left_box.keshking:after {
        display: none;
    }
    .carres_top_left_box.fah:after {
        display: none;
    }
    .carres_top_left_box.mentho:after {
        display: none;
    }
    .carres_top_left_box.inoil:after {
        display: none;
    }
    .carres_top_left_box.dermicool:after {
        display: none;
    }
    .carres_top_left_box.creame21:after {
        display: none;
    }
    .carres_top_left_box.he:after {
        display: none;
    }
    /* .breadcrumbs {
        margin-top: 30px;
    } */
	
	.warranty_accordian.statutory article>h2 span { padding: 0px 126px 0px 30px;}
	
	
	.shedule_header{padding: 20px 0px;}
	.schedule_list_box{padding: 14px 0px;}
	.schedule_reponsive .des{width: 20% !important; padding: 0px;}
	.schedule_reponsive .date{text-align: center;}
	.schedule_list_box .download a{flex-wrap: wrap; justify-content: center;}
	.schedule_reponsive .shedule_header span{text-align: center;}
	.schedule_reponsive .shedule_header span:last-child{text-align: center;}
	
	
}


#recent-posts-2 ul li {
	border-bottom: 2px solid white;
}

.rbCounterArea h4{
 text-align: center;
    font-size: 45px;
    color: white;
}

.rbCounterArea h5{
 text-align: center;
   
}

.rbCounterArea span.counter{

    color: whitesmoke;
}

@media only screen and (max-width: 480px) {
    .breadcrumbs h1 {
        padding-left: 0px;
    }
    .breadcrumbs ul {
        padding-right: 0px;
    }

    .inside-header-text{
        margin-top: -145px;
    }
    .inside-header-text h1 {
        
        padding: 0px;
    }
	
	a.flex-prev, a.flex-next {
   height: 37px !important;
   width: 27px !important;
}
    
}


.section-pad-md {
    padding-top: 0px !important;
 }
 
 .widget_media_image img{
     width:100px !important;
 }
 
 .subscribe-section .section-title-md {
     margin-top: 30px;
     margin-bottom: 30px;
 }
 
 .text-black{
     color:black !important;
 }
 
 .text-white{
     color:white !important;
 }
 
 .text-white li{
     color:white !important;
 }