@charset "utf-8";
/* CSS Document */

/******* Fonts Face CSS Start **********/

@font-face {
    font-family: 'NotoSansSC-Light-Alphabetic';
    src: url('../fonts/NotoSansSC-Light-Alphabetic.eot');
    src: url('../fonts/NotoSansSC-Light-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSansSC-Light-Alphabetic.woff2') format('woff2'),
        url('../fonts/NotoSansSC-Light-Alphabetic.woff') format('woff'),
        url('../fonts/NotoSansSC-Light-Alphabetic.ttf') format('truetype'),
        url('../fonts/NotoSansSC-Light-Alphabetic.svg#NotoSansSC-Light-Alphabetic') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica-Light';
    src: url('../fonts/Helvetica-Light.eot');
    src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Light.woff2') format('woff2'),
        url('../fonts/Helvetica-Light.woff') format('woff'),
        url('../fonts/Helvetica-Light.ttf') format('truetype'),
        url('../fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Helvetica-Oblique';
    src: url('../fonts/Helvetica-Oblique.eot');
    src: url('../fonts/Helvetica-Oblique.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Oblique.woff2') format('woff2'),
        url('../fonts/Helvetica-Oblique.woff') format('woff'),
        url('../fonts/Helvetica-Oblique.ttf') format('truetype'),
        url('../fonts/Helvetica-Oblique.svg#Helvetica-Oblique') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

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



/********* Fonts Face CSS End **********/

/******* Common Element CSS Start ******/
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*							{ margin: 0px; padding: 0px;}
body						{  font-size:14px; transition: none; font-family: 'Roboto', sans-serif; background: #ede8e9; }
.chapter-1              { background: #ede8e9; }
.chapter-2              { background: #f7faef; }
.chapter-3              { background: #fef8f2; }
.wrapper					{ margin: 0px auto; width: 1170px; }
.clear						{ clear:both;}
img							{ border: 0px; max-width: 100%;}
ul,ol						{ list-style: none; margin: 0; padding: 0}
a							{ text-decoration: none; outline: none; display: inline-block; }
a:focus, a:active,a:visited	{ outline: none; border: 0px;}
a:hover                     { text-decoration: none;}
select:focus 				{ outline: none; }
input:focus 				{  outline: none; }
textarea:focus 				{  outline: none; }
textarea 					{ resize: none; }

h1                          { margin-bottom: 0; font-size: 70px; line-height: 80px; font-family: "Helvetica-Light"; }
h2                          { margin-bottom: 0; font-size: 59px;line-height: 65px; font-family: "Helvetica-Light"; text-transform: uppercase; }
h3                          { margin-bottom: 0; font-size: 35px; line-height: 45px; font-family: 'Helvetica-Bold'; text-transform: uppercase; }
h5                          { margin-bottom: 0; font-size: 26px; line-height: 34px; font-family: "Helvetica-Light"; }
h6                          { font-size: 22px; line-height: 30px;font-family: 'Helvetica-Bold'; text-transform: uppercase;display: inline-block; }
p                           { font-size: 14px; line-height: 22px; font-family: 'Helvetica'; margin-bottom: 20px;  }
.color-green                { color: #248d75;}
.color-pink                 { color: #e73a88;}
.mb-0                       { margin-bottom: 0 !important;} 
.mb-50                      { margin-bottom: 50px;}
.common-padding             { margin: 160px 0px; }
.bg-pink                    { background-color: #A10563;}
.color-pink-dark            { color: #a20563;}
.bg-ligh-green              { background: #1DB78B;}
.color-blue                 { color: #32327B;}
.bg-green                   { background: #006972; }
.color-white                { color: #fff;} 
.mw-unset                   { max-width: unset !important;}
.mb-30                      { margin-bottom: 30px !important;}
.mb-20                      { margin-bottom: 20px !important;}
.color-dark-blue            { color: #163260;}
.border-none                { border: none !important; }
.bb-none                    { border-bottom: none !important;}
.chapter-2 .main-content               { position: relative;z-index: 1; }


.loader 					{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; flex-wrap: wrap;justify-content: center; align-items: center; opacity: 1;background: #fff; z-index: 9999; }
.loader img                 { width: 250px; max-width: 50%; }
/******* Common Element CSS End *********/

/******* Home Page CSS Start ******/
.all-chapters               { overflow: hidden;}
.sidebar                    { width: 17%; position: fixed;top: 0; left: 0; padding-left: 90px; padding-right: 15px; padding-top: 40px;z-index: 999; }
.main-content               { width: 66%; margin-left: auto; margin-right: auto; }
.common-chapert-banner      { text-align: center; min-height: 100vh; display: flex; -webkit-display: flex; align-items: center; justify-content: center; width: 100%; position: relative; }
.common-chapert-banner .chaper-banner-img   { max-height: 85vh; position: relative;z-index: 2; }
.common-chapert-banner .chaper-banner-bg    { position: absolute; top: 0; left: 0;  z-index: 1; max-width: unset; max-height: 110vh; left: 50%; transform: translateX(-50%); }
.logo-img                   { width: 155px;}
.scroll-down-arrow          { position: absolute; left: 50%; transform: translateX(-50%); bottom: 60px; color: #3F3E3E; font-family: "Helvetica-Bold"; z-index: 99; display: flex; -webkit-display: flex; flex-direction: column; align-items: center;  }
.scroll-down-arrow img      { width: 30px; }
.scroll-down-arrow:hover,
.scroll-down-arrow:focus    { color: #3F3E3E; }
.sidebar-list               { position: relative;}
.sidebar-list:after         { width: 6px; height: 100%; top: 50%; transform: translateY(-50%); left: -30px; background: #D0C8C4; content: ''; position: absolute; display: none; }
.sidebar-list li            { padding: 7px 0px; font-family: "Helvetica-Bold"; font-size: 18px; line-height: 22px; position: relative; }
.sidebar-list li:after      { position: absolute; top: 50%; transform: translateY(-50%); left: -33px; width: 12px; height: 50px; background: transparent; content: ''; z-index: 1; border-radius: 10px; display: none;  }
.sidebar-list li.active:after { background: #1DA59D; }
.sidebar-list li a          { color: #3F3E3E; }
.sidebar-list li a:hover    {color: #A20563;  }
.sidebar-list li.active a   {color: #A20563; font-family: "Helvetica-Bold"; }
.submenu                    { display: none; transition: 0.3s; padding-left: 14px !important; font-family: "Helvetica" !important; }
.submenu.active             { display: block; transition: 0.3s; }
.submenu.show               { display: block; transition: 0.3s; }
body.chapter2 .sidebar-list:after { background: #D0C8C4;}
body.chapter2 .sidebar-list li.active:after { background: #7A62A6; }
body.chapter2  .sidebar-list li.active a   {color: #32327B;  }
body.chapter2 .sidebar-list li a:hover    {color: #32327B;  }

body.chapter3 .sidebar-list:after { background: #D0C8C4;}
body.chapter3 .sidebar-list li.active:after { background: #CE3F86; }
body.chapter3  .sidebar-list li.active a   {color: #790B42;  }
body.chapter3 .sidebar-list li a:hover    {color: #790B42;  }




.footer                     { padding: 23px 20px; position: fixed; left: 0; bottom: 0; width: 100%; background-color: #4FA39D;z-index: 9998; opacity: 0; transition: 0.3s; }
.footer.active              { opacity: 1;}
.footer ul                  { margin-bottom: 0; display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center; }
.footer ul li               { position: relative; margin-right: 36px; }
.footer ul li:last-child     { margin-right: 0;}
.footer ul li:after         { position: absolute; top: 50%; transform: translateY(-50%); right: -17px; width: 1px; height: 50%; background-color: #fff; content: ''; }
.footer ul li:last-child:after { display: none;}
.footer ul li a,
.footer ul li p             { margin-bottom: 0; color: #fff; font-size: 18px; line-height: 22px !important;  }
.footer ul li a             { font-family: "Helvetica-Bold"; }
.footer ul li a:hover       { color: #F3E0E9; text-decoration: none; }
body.chapter2 .footer        { background-color: #7961A9; }
body.chapter3 .footer        { background-color: #E73987; }

.green-header               { max-width: 80%; margin: 0px auto; margin-top: 40px; margin-bottom: 67px; padding: 35px 0px; background-color:rgba(79, 163, 157, 0.6); text-align: center; position: relative; z-index: 99; color: #fff; }
.green-header h1            { text-transform: uppercase;}
.chapter-main-desc-sec      { position: relative; }
.chapter-main-desc-sec p    { max-width: 80%;margin: 0px auto; margin-bottom: 40px; font-size: 25px; line-height: 35px;  font-family: 'Helvetica'; }
.chairmen-desc-sec p strong { font-family: "Helvetica-Bold"; }
.chapter-1-wave-left        { position: absolute;  left: 0; top: -80px; z-index: 9; width: 25%; }
.chapter-1-wave-right       { position: absolute; top: 70%; right: 0; width: 30%; }
.chairmen-desc-sec      { position: relative;  padding: 15px 0px; }
.chairmen-img-sec           { position: relative; margin-bottom: 50px; z-index: 1; }
.chairmen-img-sec .green-dot-img { position: absolute; top: 0; right: 0; }
.chairmen-img-desc          { padding: 20px 60px; max-width: 42%; position: absolute;top: 50%; transform: translateY(-50%);right: 0; color: #53c0a7; background: #22315a;  }
.chairmen-desc-sec h3        { margin-bottom: 60px; text-transform: uppercase; color: #163260; }
.chairmens-msg              { position: relative; z-index: 11; }
.chairmens-msg .main-content { position: relative; z-index: 2; }
.chairmen-desc-sec p        { font-size: 17px; line-height: 25px; }
.chairmen-wave              { position: absolute; bottom: -150px; left: 0; z-index: 0; opacity: 0.3; width: 15%; }
.leadership-sec             { position: relative; padding: 15px 0px 0px;}
.leadership-wave-2          {position: absolute; top: -250px; right: 0; width: 30%;opacity: 0.3; }
.leadership-wave-1          {position: absolute; top: 50%; left: 0; width: 15%;opacity: 0.3; }
.nafa-glance-sec             { position: relative; padding-top: 15px; }
.nafa-glance-sec .main-content { position: relative; z-index: 2; }
.galnce-wave-2          {position: absolute; top: -300px; right: 0; width: 30%;opacity: 0.3; }
.galnce-wave-1          {position: absolute; top: 50%; left: 0; width: 15%;opacity: 0.3; }
.leadership-sec h3          { color: #163260;}

.leadership-sec h3          { margin-bottom: 50px; }
.leadership-sec h6          { padding: 0px 5px;}
.leadership-list-sec        { padding-bottom: 60px;}
.leadership-list-title      { margin-bottom: 22px;}
.leadership-sub-title       { font-size: 23px; line-height: 28px;  font-family: 'Helvetica-Bold' !important;}
.leadership-sec ul li       { margin-bottom: 20px;}
.leadership-sec ul li p     { margin-bottom: 0; font-size: 16px; line-height: 22px; font-family: 'Helvetica';   }
.leadership-sec ul li p strong   { font-family: "Helvetica-Bold";}
.red-header                 { margin-bottom: 43px; padding: 35px 20px; background-color: #a30252;  text-align: center; }
.glance-list-sec            { margin-bottom: 30px;}
.glance-list-sec li         { margin-bottom: 64px;  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;  }
.glance-list-sec li a       { padding: 40px 20px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #f3e0e9; transition: 0.3s; }
.glance-list-sec li a:hover { background: #4fa39d; }
.glance-list-sec li a.no-link { cursor: unset; }
.glance-list-sec li a.no-link:hover { background-color: #f3e0e9;}
.glance-list-sec li a.no-link:hover * { color: #163260;}
.glance-list-sec li a:hover *  { color: #fff;} 
.glance-list-sec .col-md-4 a    { transition: 0.3s;}
.glance-list-sec .col-md-4 a h6    { color: #163260; }
.glance-list-sec .col-md-4 a:hover .glance-list-bg { background: #4fa39d; }
.glance-list-sec .col-md-4 a * { color: #163260; }
.glance-list-sec .col-md-4 a:hover * { color: #fff;}
.glance-list-sec li:last-child { margin-bottom: 0;}
.glance-list-sec li img     { width: 130px; max-height: 100px; margin-right: 24px; }
.glance-list-sec li div     { max-width: calc(100% - 180px) ;}
.glance-list-sec li div h6 span     { font-size: 50px; line-height: 60px; font-family: 'Helvetica-Light';  color: #163260; }
.glance-list-sec li div h3 span     { font-size: 50px; line-height: 60px; font-family: 'Helvetica-Light';  color: #163260; }
.glance-list-sec li div h3  { color: #163260;}
.glance-list-sec li div h6  { font-family: 'Helvetica'; color: #163260; text-transform: unset !important;   }
.glance-list-sec li div h6 strong { color: #163260; font-family: "Helvetica-Bold"; text-transform: uppercase; }
.glance-list-sec .col-md-4 a { height: 100%; width: 100%; }
.education-sec              { display: flex; align-items: flex-end; }
.education-sec h3           { margin-right: 15px;}
.education-sec h6           {font-family: "Helvetica-Bold" !important;  }
.glance-list-sec li div.education-sec h6 {text-transform: uppercase !important; }
.small-red-title            {  background-color: #A30252; color: #fff; padding: 0px 5px; display: inline-block; margin-bottom: 30px; }
.small-red-title h6         { display: inline-block; margin-bottom: 0; }
.glance-list-bg             { padding: 47px 42px; background-color: #F3E0E9; text-align: center; height: 100%; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center; }
.glance-list-bg img         { width: 130px; margin-bottom: 20px; max-height: 100px; }
.glance-list-bg h6          { font-family: 'Helvetica'; margin-bottom: 0; text-transform: unset;  }
.glance-list-bg h6 strong   {font-family: 'Helvetica-Bold'; text-transform: uppercase; }
.glance-list-bg h3          { font-family: 'Helvetica-Light';}
.nafa-glance-sec            { padding-bottom: 80px; } 

/* CHapter 2 */

.sprit-desc-sec             { margin-top: 40px; padding: 105px 95px; background: url('../images/sprit-desc-sec-bg.jpg')no-repeat center center/cover; color: #fff; position: relative; z-index: 11; }
.sprit-desc-sec p           { font-size: 30px; line-height: 40px;font-family: 'Helvetica'; margin-bottom: 30px; }
.sprit-desc-sec p:last-of-type { margin-bottom: 0; }
.chapter-2-common-sec .common-subtitle            { font-size: 22px; line-height: 30px; font-family: 'Helvetica-Bold';  }
.chapter-2-common-sec       { padding: 50px 0px; border-bottom: 2px dotted #1DB78B ; }
.chapter-2-common-sec p     { font-size: 14px; line-height: 22px; margin-bottom: 20px; }
.chapter-2-common-sec p a   { font-style: italic; color: #C72D83; text-decoration: underline; }
.chapter-2-common-sec p.mb-0 { margin-bottom: 0 !important;}
.drop-title                 { background-color: #32327B; color: #fff; margin-bottom: 20px !important; padding: 0px 5px;margin-bottom: 20px; text-transform: uppercase; font-family: 'Helvetica-Bold'; }
.chapter-2-common-sec p.drop-title a               { color: #fff; width: 100%; position: relative; text-decoration: none; font-style: normal; }
.chapter-2-common-sec p.drop-title a:after      { position: absolute; top: 0; right: 0; content: ''; transform: rotate(0deg); background: url('../images/arrow-down-white.svg')no-repeat center center/100% auto; width: 20px; height: 100%; transition: 0.3s;  }
.chapter-2-common-sec p.drop-title a.active:after  { transform: rotate(180deg); transition: 0.3s; }
.chapter-2-common-sec p:last-of-type:not(.common-subtitle ) { margin-bottom: 0; }
.chapter-2-common-sec img   { width: 100%; margin-bottom: 20px; }
.chapter-2-common-sec figure { position: relative; margin-bottom: 20px; }
.chapter-2-common-sec figure a { width: 100%;}
.chapter-2-common-sec figure img { margin-bottom: 0;}
.chapter-2-common-sec figure figcaption { position: relative; bottom: 0; left: 0; width: 100%; padding: 7px 10px; background: #5757A9; color: #fff; font-size: 14px; line-height: 20px; font-family: 'Helvetica'; }
.common-sub-title           { padding: 0px 5px;}
.common-slider img          { width: 100%; margin-bottom: 0; }
.common-slider figure       { margin-bottom: 0;}
.progress                   { margin-top: 15px; position: relative; z-index: 1; display: block;width: 100%;height: 11px;border-radius: 5px;overflow: hidden; background-color: #6AB58C;max-width: 25%;transition: max-width .4s ease-in-out; }
.progres-bar-sec            { margin: 0px 30px; position: relative;}
.progres-bar-sec:after             { position: absolute;top: 50%; left: 0; width: 100%; height: 5px;background: #353577; content: ''; top: 50%; transform: translateY(-50%);z-index: 0; }
.common-slider .slick-prev  { left: 0; bottom: -35px; top: unset; transform: none; width: 30px; height: 30px; background: #fff;border: 3px solid #353577; border-radius: 50%;  }
.common-slider .slick-next  { right: 0; bottom: -35px; top: unset; transform: none; width: 30px; height: 30px; background: #fff;border: 3px solid #353577; border-radius: 50%;  }
.common-slider .slick-prev:before   { width: 30px; height: 30px; content: '\f0d9'; font-family: "FontAwesome"; font-size: 25px; line-height: 25px;color:#6AB58C ; opacity: 1; text-align: center; }
.common-slider .slick-next:before   { width: 30px; height: 30px; content: '\f0da';font-family: "FontAwesome"; font-size: 25px; line-height: 25px;color:#6AB58C ; opacity: 1; text-align: center; }
.w-20.progres-bar-sec .progress { max-width: 20%;} 
.mw-50.progres-bar-sec .progress { max-width: 50%;} 
.mw-33.progres-bar-sec .progress { max-width: calc(100% / 3);}
.dropdown-sec p strong      { color: #32327B; font-family: 'Helvetica-Bold'; }
.dropdown-sec p.color-light-blue strong { color: #6161A1; }
.dropdown-sec               { margin-bottom: 30px;}
.chairmens-img              { width: 100%;}

.sprit-sec                  { position: relative; }
.sprit-wave-left            { position: absolute; top: 50%; right: 0;  }
.sprit-wave-right            { position: absolute; top: 50%; left: 0; }
.academic-sec               { position: relative; }
.acdemic-wave-right-1       {  position: absolute; top: 00%; right: 0; }
.acdemic-wave-right-2       {  position: absolute; top: 40%; right: 0; }
.acdemic-wave-left-1       {  position: absolute; top: 20%; left: 0; }
.acdemic-wave-left-2       {  position: absolute; top: 70%; left: 0; }
.partner-ship-sec          { position: relative; }
.industry-wave-right-1      { position: absolute; top: 0%; right: 0; }
.industry-wave-left-1      { position: absolute; top: 12%; left: 0; }
.industry-wave-right-2      { position: absolute; top: 25%; right: 0; }
.industry-wave-left-2      { position: absolute; top: 40%; left: 0; }
.industry-wave-right-3      { position: absolute; top: 55%; right: 0; }
.industry-wave-left-3      { position: absolute; top: 70%; left: 0; }
.industry-wave-right-4      { position: absolute; top: 85%; right: 0; }
.institutional-sec        { position: relative; }
.institutional-wave-right-1      { position: absolute; top: 40%; left: 0; }
.institutional-wave-left-1      { position: absolute; top: 0%; right: 0; }
.asiasn-arts-sec            { position: relative;}
.south-easte-right-wave-1   { position: absolute; top: 0; right: 0; }
.south-easte-left-wave-1   { position: absolute; top: 20%; left: 0; }
.south-easte-right-wave-2   { position: absolute; top: 40%; right: 0; }
.south-easte-left-wave-2   { position: absolute; top: 60%; left: 0; }
.south-easte-right-wave-3   { position: absolute; top: 80%; right: 0; }
.research-sec               { position: relative;}
.reaserch-wave-right        { position: absolute; top: 0; right: 0; }
.reaserch-wave-left        { position: absolute; top: 50%; left: 0; }
.asiasn-arts-sec            { position: relative; }
.award-wave-right-1         { position: absolute; top: 0; right: 0; }
.award-wave-left-1         { position: absolute; top: 20%; left: 0; }
.award-wave-right-2         { position: absolute; top: 40%; right: 0; }
.award-wave-left-2         { position: absolute; top: 60%; left: 0; }
.award-wave-right-3         { position: absolute; top: 80%; right: 0; }
.common-wave                { z-index: 0; max-width: 365px; opacity: 0.8; }
.chiness-text               { font-family: "NotoSansSC-Light-Alphabetic"; }
.subtitle-sec               { width: 100%; border-top: 1px solid #1DB78B; }
.over-hidden                { overflow: hidden;}
.scale-hover                { position: relative;  }
.scale-hover:after          { position: absolute; top: 0;left: 0; width: 100%; height: 100%; border: 8px solid #5757A9; content: ''; transform: scale(1.1); transition: 0.3s; opacity: 0;  }
.scale-hover:hover:after    { transform: scale(1);opacity: 1; }
/* Chapter 2 */


/* chapter 3 */

.nafa-giving-back-sec       { padding: 70px 0px; }
.nafa-giving-back-sec h3    { margin-bottom: 50px; }
.why-nafa-sec               { margin-bottom: 50px; padding: 50px 40px; text-align: center; background: #31317B; color: #FDCD94; position: relative; z-index: 1; }
.why-nafa-sec h1,
.why-nafa-sec h5            { font-family: 'Helvetica-Light'; }
.why-nafa-sec h5            { text-transform: uppercase; letter-spacing: 1px; }
.why-nafa-desc p            { margin-bottom: 50px; font-size: 28px; line-height: 37px; }
.nafa-giving-list           { display: flex; -webkit-display: flex; flex-wrap: wrap; margin: 0px; margin: 0px -15px; }
.nafa-giving-list li        { margin-bottom: 45px; padding: 0px 15px; width: calc(100% / 4);flex-grow: 1; }
.nafa-giving-list li img    { max-width: 145px;max-height: 115px; }
.giving-icon-sec            { margin-bottom: 20px; width: 100%; min-height: 165px; display: flex; -webkit-display: flex; align-items: center; justify-content: center; }
.nafa-giving-list li p      { font-size: 23px; line-height: 30px; text-align: center; margin-bottom: 0; color: #163260; }
.nafa-giving-list li span   { display: block; width: 100%; text-align: center; font-size: 14px; line-height: 18px; color: #163260; }
.make-diffrence-sec p       { font-size: 23px; line-height: 30px; color: #163260; }
.make-diffrence-sec p strong { font-family: 'Helvetica-Bold'; }
.make-diffrence-sec p a     { font-style: italic; color: #C72D83; text-decoration: underline; }
.benifector-header          { margin-bottom: 30px; padding: 5px 10px; color: #F7CA95; background-color: #31317B; } 
.benifector-header h5       { font-family: 'Helvetica-Bold';}    
.benifector-short-desc-sec  { position: relative; padding: 50px 90px; background: url('../images/benifector-dots.png')no-repeat center center/cover; }
.benifector-short-desc-sec h5   { color: #F7CA95; position: relative; z-index: 1; }
.red-sub-title              { color: #790B42; margin-bottom: 15px; padding: 0 !important; }
.blue-sub-title             { margin-bottom: 20px; color: #32327B; font-family: 'Helvetica-Bold'; }
.third-chapter-common-sec   { padding: 40px 0px; }
.scholer-desc-sec           { margin-bottom: 50px; background: #353577; padding: 50px 90px; }
.scholer-desc-sec h5        { color: #F7CA95; margin-bottom: 30px; }
.scholer-desc-sec h5:last-child { margin-bottom: 0;}
.artwork-sec img            { margin-bottom: 35px;}
.chapter-3 h3               { color: #790B42; }
.chapter-3 .bg-ligh-green   { background: #790B41;padding-top: 2px; }
.chapter-3 .bg-ligh-green.color-white { color: #FDCD94; }
.chapter-3 .subtitle-sec    { border-top: 1px dotted #790B41 ; }
.chapter-2-common-sec.chapter-3-common-sec .common-subtitle { color: #790B42; }
.chapter-2-common-sec.chapter-3-common-sec p a { color: #C4007A; }
.giving-back-section        { position: relative; }
.scholar-sec                { position: relative;}
.benifector-sec             { position: relative; }
.benifector-sec .main-content   { position: relative;z-index: 1; }
.scholar-sec .main-content   { position: relative;z-index: 1; }
.giving-back-section .main-content   { position: relative;z-index: 1; }
.artwork-sec                { position: relative;}
.artwork-sec .main-content   { position: relative;z-index: 1; }
.ch3-wave-1                 { top: 0; right: 0; }
.ch3-wave-2                 { top: 25%; right: 0; }
.ch3-wave-3                 { top: 50%; right: 0; }
.ch3-wave-4                 { top: 75%; right: 0; }
.ch3-wave-5                 { top: 10%; right: 0; }
.ch3-wave-6                 { top: 60%; left: 0; }
.ch3-wave-8                 { top: -5%; right: 0; }
.ch3-wave-9                 { top: 25%; right: 0; }
.ch3-wave-10                 { top: 50%; right: 0; }
.ch3-wave-11                 { top: 75%; right: 0; }
.ch3-common-wave            { max-height: 800px; z-index: 0; position: absolute;  }
.ch3-wave-12                { position: absolute; top: 15%;left: 20%; width: 65%; }
.ch3-common-wave.ch3-wave-12 { max-height: unset;}
.giving-back-section iframe     { max-width: 100%;}
.text-uppercase             { text-transform: uppercase; }
.chapter-3 .banner-sec      { position: relative ; z-index: 11;}


/* chapter 3 */

iframe                          { max-width: 100% !important;}

/******* Home Page CSS End ******/

/******* Responsive CSS ******/


@media (min-width:1200px) and (max-width:1460px){

    h1                          { font-size: 60px; line-height: 70px; font-family: "Helvetica-Light"; }
    h2                          { font-size: 50px;line-height: 57px; font-family: "Helvetica-Light"; text-transform: uppercase; }
    h3                          { font-size: 32px; line-height: 40px; font-family: 'Helvetica-Bold'; text-transform: uppercase; }
    h5                          { font-size: 22px; line-height: 28px; font-family: "Helvetica-Light"; }
    h6                          { font-size: 21px; line-height: 27px;font-family: 'Helvetica-Bold'; text-transform: uppercase;display: inline-block; }


    .sidebar                    { width: 20%; padding-left: 60px; padding-top: 25px; }
    .main-content               { width: 60%;}
    .sidebar-list li            { font-size: 16px; line-height: 21px; padding: 6px 0px; }
    .sidebar-list li.submenu    { font-size: 14px; line-height: 20px; }
    .logo-img                   { width: 130px;}
    .common-padding             { margin: 80px 0px;}

    .green-header               { padding: 25px 0px; margin-bottom: 40px; margin-top: 30px; max-width: 90%; }
    .chairmen-img-desc          { padding: 20px 35px;}
    .chairmen-img-sec           { margin-bottom: 40px;}
    .chapter-main-desc-sec p    { font-size: 22px; line-height: 30px; margin-bottom: 30px; max-width: 90%; }
    .leadership-sec ul li       { margin-bottom: 20px;}
    .leadership-sec ul li p     { font-size: 15px; line-height: 21px; }
    .chapter-1-wave-right       { width: 600px;}
    .chapter-1-wave-left        { width: 500px;}
    .leadership-sec h3          { margin-bottom: 40px;}
    .red-header                 { padding: 30px 15px;}
    .glance-list-sec li         {  margin-bottom: 50px; }
    .glance-list-sec li img,
    .glance-list-bg img     { width: 100px; max-height: 85px; }
    .glance-list-sec li a       {padding: 20px 15px; }
    .glance-list-bg             { padding: 25px 20px;}
    .glance-list-sec li div h3 span { font-size: 35px; line-height: 45px; }
    .footer                     { padding: 17px 20px; }

    .sprit-desc-sec             { padding: 75px; }
    .sprit-desc-sec p           { font-size: 25px; line-height: 35px; }
    .chapter-2-common-sec       { padding: 40px 0px;}
    .common-wave                {  max-width: 315px; max-height: 660px; } 
    .chapter-2-common-sec p.drop-title {  font-size: 15px;}

    .nafa-giving-list li p      { font-size: 20px; line-height: 27px; }
    .nafa-giving-list li img    { max-height: 105px; max-width: 135px; }
    .giving-icon-sec            { min-height: 150px;}
    .why-nafa-desc p            { font-size: 22px; line-height: 30px; }
    .footer ul li a,
    .footer ul li p             { margin-bottom: 0; color: #fff; font-size: 16px; line-height: 21px !important;  }


}

@media (min-width:992px) and (max-width:1199px){

    h1                          { font-size: 45px; line-height: 55px;  }
    h2                          { font-size: 42px;line-height: 50px;   }
    h3                          { font-size: 27px; line-height: 34px;   }
    h5                          { font-size: 22px; line-height: 28px;  }
    h6                          { font-size: 18px; line-height: 23px; }
    .mb-50                      { margin-bottom: 35px;}


    .sidebar                    { width: 25%; padding-left: 60px; }
    .logo-img                   { width: 130px;}
    .main-content               { width: 75%; margin-right: 0; padding: 0px 30px; }
    .sidebar-list li            { font-size: 14px; line-height: 20px; }
    .common-padding             { margin: 70px 0px;}

    .green-header               { padding: 25px 0px; max-width: 100%; margin-bottom: 30px; margin-top: 25px; }
    .chapter-main-desc-sec p    { font-size: 20px; line-height: 28px; margin-bottom: 28px; max-width: 100%; }
    .chairmen-desc-sec h3       { margin-bottom: 30px;}
    .chairmen-img-desc          { padding: 20px 15px;}
    .chairmen-img-sec           { margin-bottom: 30px;}
    .chapter-1-wave-right       { width: 600px;}
    .chapter-1-wave-left        { width: 500px;}
    .leadership-sec h3          { margin-bottom: 30px;}
    .red-header                 { padding: 20px 15px;}
    .glance-list-sec li         { padding: 20px 15px; margin-bottom: 30px; }
    .glance-list-sec li img,
    .glance-list-bg img     { width: 75px;}
    .glance-list-sec li div h3 span ,
    .glance-list-sec li div h6 span { font-size: 34px; line-height: 40px; }
    .chapter-1                  { overflow-x: hidden;}
    .leadership-sec ul li p     { font-size: 14px; line-height: 19px; }
    .leadership-list-sec        { padding-bottom: 30px;}
    .leadership-sec ul li       { margin-bottom: 20px;}
    .glance-list-bg             { padding: 30px 15px; }
    .footer                     { padding: 10px 15px;} 

    .sprit-desc-sec             { padding: 65px; }
    .sprit-desc-sec p           { font-size: 22px; line-height: 32px; }
    .chapter-2-common-sec       { padding: 30px 0px;}
    .chapter-2-common-sec .common-subtitle { font-size: 20px;line-height: 28px; }
    .common-wave                {  max-width: 275px; max-height: 660px;opacity: 0.4; } 

    .nafa-giving-list li p      { font-size: 16px; line-height: 22px; }
    .nafa-giving-list li        { margin-bottom: 30px;}
    .nafa-giving-list li img    { max-height: 105px; max-width: 135px; }
    .giving-icon-sec            { min-height: 150px;}
    .nafa-giving-back-sec       { padding: 40px 0px;}
    .nafa-giving-back-sec h3    { margin-bottom: 30px;}
    .why-nafa-sec               { padding: 30px 20px; margin-bottom: 30px; }
    .why-nafa-desc p            { font-size: 21px; line-height: 30px; margin-bottom: 30px; }
    .make-diffrence-sec p       { font-size: 18px; line-height: 25px; }
    .benifector-header          { margin-bottom: 20px;}
    .benifector-short-desc-sec,
    .scholer-desc-sec  { padding: 30px 45px;}
    .footer ul li a,
    .footer ul li p             { margin-bottom: 0; color: #fff; font-size: 14px; line-height: 20px !important;  }

}

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

    h1                          { font-size: 45px; line-height: 55px;  }
    h2                          { font-size: 40px;line-height: 50px;   }
    h3                          { font-size: 22px; line-height: 29px;   }
    h5                          { font-size: 20px; line-height: 27px;  }
    h6                          { font-size: 16px; line-height: 23px; }
    .mb-50                      { margin-bottom: 30px;}


    .sidebar                    { padding-left: 50px; width: 25%; }
    .main-content               { width: 75%; margin-right: 0; padding: 0px 30px; }
    .sidebar-list li            { font-size: 14px; line-height: 20px; padding: 6px 0px; }
    .common-padding             { margin: 60px 0px;}
    .logo-img                   { width: 130px;}

    .common-chapert-banner .chaper-banner-img { max-width: 120%;}
    .common-chapert-banner .chaper-banner-bg { max-height: 105vh;}
    .green-header               { padding: 17px 0px; max-width: 100%; margin-bottom: 30px; margin-top: 25px; }
    .chapter-main-desc-sec p    { font-size: 19px; line-height: 26px; margin-bottom: 25px; max-width: 100%; }
    .chairmen-desc-sec h3       { margin-bottom: 30px;}
    .chairmen-img-desc          { padding: 20px 30px; max-width: 65%; }
    .chairmen-img-sec           { margin-bottom: 35px;}
    .chairmen-img-sec .green-dot-img { width: 55%;}
    .chapter-1-wave-right       { width: 400px;}
    .chapter-1-wave-left        { width: 300px;}
    .leadership-sec h3          { margin-bottom: 30px;}
    .red-header                 { padding: 20px 15px; margin-bottom: 30px; }
    .glance-list-sec li         {  margin-bottom: 35px; }
    .glance-list-sec li a       { padding: 20px 10px; }
    .glance-list-sec li img,
    .glance-list-bg img     { width: 60px;}
    .glance-list-sec li div h3 span,
    .glance-list-sec li div h6 span { font-size: 25px; line-height: 35px; }
    .chapter-1                  { overflow-x: hidden;}
    .leadership-sec ul li p     { font-size: 14px; line-height: 18px; }
    .leadership-list-sec        { padding-bottom: 30px;}
    .leadership-sec ul li       { margin-bottom: 20px;}
    .glance-list-bg             { padding: 20px 15px; }
    .chairmen-wave              { width: 25%;}
    .leadership-wave-2          { top: 0; width: 35%; }
    .leadership-wave-1          {width: 20%; } 
    .galnce-wave-2              { top: -250px; width: 30%; }
    .galnce-wave-1              { width: 25%;}
    .footer                     { padding: 10px 15px;} 

    .sprit-desc-sec             { padding: 65px; }
    .sprit-desc-sec p           { font-size: 22px; line-height: 32px; }
    .chapter-2-common-sec       { padding: 30px 0px;}
    .chapter-2-common-sec .common-subtitle { font-size: 20px;line-height: 28px; }
    .common-wave                { max-width: 255px; max-height: 620px; opacity: 0.4; }
    
    .nafa-giving-list li p      { font-size: 16px; line-height: 22px; }
    .nafa-giving-list li        { margin-bottom: 30px; width: calc(100% / 3); flex-grow: 0; }
    .nafa-giving-list li img    { max-height: 105px; max-width: 135px; }
    .giving-icon-sec            { min-height: 150px;}
    .nafa-giving-back-sec       { padding: 40px 0px;}
    .nafa-giving-back-sec h3    { margin-bottom: 30px;}
    .why-nafa-sec               { padding: 30px 20px; margin-bottom: 30px; }
    .why-nafa-desc p            { font-size: 21px; line-height: 30px; margin-bottom: 30px; }
    .make-diffrence-sec p       { font-size: 18px; line-height: 25px; }
    .benifector-header          { margin-bottom: 20px;}
    .benifector-short-desc-sec,
    .scholer-desc-sec  { padding: 30px 45px;}
    .ch3-common-wave            { max-height: 500px; }
    .footer ul li a,
    .footer ul li p             { margin-bottom: 0; color: #fff; font-size: 14px; line-height: 20px !important;  }

}

@media (max-width:767px){

    h1                          { font-size: 2rem; line-height: 1.2;  }
    h2                          { font-size: 30px;line-height: 40px;   }
    h3                          { font-size: 23px; line-height: 30px;   }
    h5                          { font-size: 18px; line-height: 25px;  }
    h6                          { font-size: 16px; line-height: 23px; }
    .mb-50                      { margin-bottom: 35px;}
    .mb-30                      { margin-bottom: 22px !important;}
    .mb-20                      { margin-bottom: 15px !important;}


    .sidebar                    { padding-left: 55px; width: 25%; display: none; }
    .main-content               { width: 100%; margin-right: 0; padding: 0px 15px; }
    .sidebar-list li            { font-size: 14px; line-height: 20px; }
    .common-padding             { margin: 40px 0px;}

    body                        { padding-top: 93px;}
    header                      { position: fixed; top: 0; left: 0; width: 100%; padding: 20px 15px; z-index: 9999; background: #ede8e9; }
    body.chapter2 header               { background: #f7faef; }
    body.chapter2 header .navbar-collapse  {background: #f7faef; }
    body.chapter2 .navbar-collapse .nav-item a     { color: #3F3E3E; }
    body.chapter2 .navbar-collapse .nav-item.active a { color: #32327B;}
    body.chapter2 .navbar-toggler span        { background-color: #e73987;}
    body.chapter2 .navbar-collapse .nav-item.active a:after { background: #7A62A6; }
    
    body.chapter3 header               { background: #fef8f2; }
    body.chapter3 header .navbar-collapse  {background: #fef8f2; }
    body.chapter3 .navbar-collapse .nav-item a     { color: #3F3E3E; }
    body.chapter3 .navbar-collapse .nav-item.active a { color: #790B42;}
    body.chapter3 .navbar-toggler span        { background-color: #E73987;}
    body.chapter3 .navbar-collapse .nav-item.active a:after { background: #CE3F86; }

    .header-sec .logo img       { width: 110px;}
    .navbar-toggler 				{ position: absolute; top: 50%; transform: translateY(-50%); right: 30px; }
	.navbar-collapse 				{ padding: 20px 50px; position: absolute; top: calc(100% - 10px); left: 0; width: 100%; background: #ede8e9; z-index: 999; -webkit-box-shadow: 0 8px 6px -1px rgba(0,0,0,0.10); -moz-box-shadow: 0 8px 6px -1px rgba(0,0,0,0.10);box-shadow: 0 8px 6px -1px rgba(0,0,0,0.10); }
    .navbar-collapse .nav-item      { margin-bottom: 10px;}
    .navbar-collapse .nav-item:last-child { margin-bottom: 0;}
    .navbar-collapse .nav-item a     { color: #3F3E3E; position: relative; font-family: "Helvetica-Bold"; }
    .navbar-collapse .nav-item a:after { position: absolute; top: 50%; transform: translateY(-50%); left: -33px; width: 12px; height: 40px; background: transparent; content: ''; z-index: 1; border-radius: 8px; display: none; }
    .navbar-collapse .nav-item.active a:after { background: #1DA59D;}
    .navbar-collapse .nav-item.submenu a {font-family: "Helvetica";}
    .navbar-collapse .nav-item.submenu.active a { font-family: "Helvetica-Bold"; }
    .navbar-collapse .nav-item.submenu a:after { left: -47px; }
    .navbar-collapse .nav-item.active a { color: #e73a88;}
	.navbar-toggler 				{ width: 26px; padding: 0; outline: none; }
	.navbar-toggler:focus 			{ outline: none; }
	.navbar-toggler span { display: block; width: 100%; background-color: #e73a88; height: 4px;  transform-origin: center center; position: relative; transition-duration: 0.5s; width: 100%; display: block; margin-bottom: 5px; }
	.navbar-toggler span:last-child     { margin-bottom: 0; }
	.navbar-toggler span    { background-color: #e73a88; }
	.navbar-toggler.active span:first-child {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 9px;}
	.navbar-toggler.active span:nth-child(2) { opacity: 0; }
	.navbar-toggler.active span:last-child {-webkit-transform: rotate(45deg); transform: rotate(45deg); top: -8px;}
    .navbar-nav                     { position: relative;}
    .navbar-nav:after               { width: 6px; height: 100%; top: 50%; transform: translateY(-50%); left: -30px; background: #D0C8C4; content: ''; position: absolute; border-radius: 5px; display: none; }

    .common-chapert-banner .chaper-banner-img { max-width: 100%;}
    .common-chapert-banner .chaper-banner-bg { max-height: unset; max-width: 130%; }
    .common-chapert-banner      { min-height: unset; margin-bottom: 100px; } 
    .scroll-down-arrow          { bottom: -40px;}
    .green-header               { padding: 20px 0px; max-width: 100%; margin-bottom: 30px; margin-top: 20px; }
    .chapter-main-desc-sec p    { font-size: 17px; line-height: 23px; max-width: 100%; margin-bottom: 20px; }
    .chairmen-desc-sec h3       { margin-bottom: 30px;}
    .chairmen-img-desc          { padding: 15px 20px; max-width: 100%; position: relative; top: 0; transform: unset; }
    .chairmen-img-sec           { margin-bottom: 25px;}
    .chairmen-img-sec .green-dot-img { width: 55%;}
    .chairmen-desc-sec p        { font-size: 15px; line-height: 23px; margin-bottom: 20px; }
    .chapter-1-wave-right       { width: 55%;}
    .chapter-1-wave-left        { width: 50%;}
    .leadership-sec h3          { margin-bottom: 20px;}
    .red-header                 { padding: 20px 15px; margin-bottom: 25px; }
    .small-red-title            { width: 100%;}
    .glance-list-sec li         {  margin-bottom: 25px; flex-direction: column; }
    .glance-list-sec li a       { padding: 15px 10px; flex-direction: column; border: 1px solid #a30252; }
    .glance-list-sec li img,
    .glance-list-bg img         { max-width: 80px; max-height: 70px; margin-right: 0;margin-bottom: 15px; }
    .glance-list-bg h6          { font-size: 18px; line-height: 25px; }
    .education-sec              { flex-direction: column; align-items: center; }
    .glance-list-sec li div h3 span,
    .glance-list-sec li div h6 span { font-size: 28px; line-height: 40px; }
    .glance-list-sec li div     { max-width: 90%; text-align: center; }
    .glance-list-bg h3          { font-size: 28px; line-height: 40px; }
    .row.glance-list-sec .col-md-4 { margin-bottom: 25px;}
    .row.glance-list-sec .col-md-4:last-child { margin-bottom: 0;}
    .chapter-1                  { overflow-x: hidden;}
    .leadership-sec ul li p     { font-size: 14px; line-height: 18px; }
    .leadership-list-sec        { padding-bottom: 30px;}
    .leadership-list-title h6     { position: relative; cursor: pointer; padding-right: 40px; padding-top: 3px; margin-bottom: 0;transition: 0.5s; z-index: 2; }
    .leadership-list-title      {margin-bottom: 0; transition: 0.5s; }
    .leadership-list-title h6:after { position: absolute; top: 0px; right: 10px; width: auto;height: auto; font-size: 20px; line-height: 20px; font-family: "FontAwesome"; content: '\f107'; transition: 0.3s;  }
    .leadership-list-title p    { margin-bottom: 20px; max-height: 0; margin-bottom: 0; overflow: hidden; transition: 0.5s; }
    .leadership-list-title.active h6 { margin-bottom: 20px; transition: 0.5s; }
    .leadership-list-title.active p { margin-bottom: 20px; max-height: 200px; transition: 0.5s; }
    .leadership-list-title.active h6:after { content: '\f106';}
    .leadership-sec ul li       { margin-bottom: 18px;}
    .glance-list-bg             { padding: 30px 15px; border: 1px solid #a30252; }
    .glance-list-sec .col-md-4 a:hover { border-color: #4fa39d; }
    .glance-list-sec li a:hover { border-color: #4fa39d; }
    .chairmen-wave              { width: 30%;bottom: 0; }
    .leadership-wave-2          { top: 0; width: 45%; }
    .leadership-wave-1          {width: 35%; } 
    .galnce-wave-2              { top: -150px; width: 40%; }
    .galnce-wave-1              { width: 35%;}
    .nafa-glance-sec            { padding-bottom: 40px;}
    .footer                     { padding: 10px 15px;} 
    .footer ul li               { margin-right: 15px; margin-bottom: 0px; }
    .footer ul li:after         { right: -9px;}
    .footer ul li a, .footer ul li p { font-size: 10px; line-height: 15px; }

    .sprit-desc-sec             { padding: 25px; }
    .sprit-desc-sec p           { font-size: 18px; line-height: 25px; }
    .chapter-2-common-sec       { padding: 25px 0px;}
    .chapter-2-common-sec .common-subtitle { font-size: 18px;line-height: 25px; }
    .chapter-2-common-sec p     { margin-bottom: 15px; font-size: 13px; line-height: 20px; }
    .chapter-2-common-sec p:last-of-type:not(.common-subtitle ) { margin-bottom: 0 ;}
    .chapter-2-common-sec figure figcaption { font-size: 10px; line-height: 17px; }
    .chapter-2-common-sec p.drop-title                 { margin-bottom: 15px ;}
    .common-wave                { max-width: 35%; opacity: 0.3; } 
    .common-sub-title           { font-size: 18px; line-height: 22px;  }
    .d-display-mobile           { display: block;}
    .d-none-mobile              { display: none;}

    .nafa-giving-list li p      { font-size: 16px; line-height: 22px; }
    .nafa-giving-list li        { margin-bottom: 30px; width: calc(100% / 2); flex-grow: 0; }
    .nafa-giving-list li img    { max-height: 90px; max-width: 110px; }
    .giving-icon-sec            { min-height: 120px;}
    .nafa-giving-back-sec       { padding: 40px 0px;}
    .nafa-giving-back-sec h3    { margin-bottom: 25px;}
    .why-nafa-sec               { padding: 30px 20px; margin-bottom: 30px; }
    .why-nafa-desc p            { font-size: 18px; line-height: 25px; margin-bottom: 25px; }
    .make-diffrence-sec p       { font-size: 18px; line-height: 25px; }
    .benifector-header          { margin-bottom: 20px;}
    .benifector-short-desc-sec,
    .scholer-desc-sec  { padding: 20px;}
    .ch3-common-wave            { max-height: 500px; opacity: 0.5; max-width: 80%; }
    .third-chapter-common-sec   { padding: 25px 0px; }
    .scholer-desc-sec           { margin-bottom: 25px;}
    .artwork-sec img            { margin-bottom: 20px;}
    .ch3-common-wave.ch3-wave-12 { width: 100%; left: 0; opacity: 0.8; max-width: 100%; }
    .why-nafa-sec h5            { font-size: 15px;line-height: 21px; }


}

@media (min-width:400px) and (max-width:767px) {
    .why-nafa-sec h5 { font-size: 16px; line-height: 22px; }
}
@media (min-width:768px) {
    header  { display: none;}
    .blank-li   { display: none;}
    .d-display-mobile           { display: none;} 
}

@media (min-width:320px) and (max-width:991px){
    .mob-reverse            { flex-direction: column-reverse;}
    .mob-mb-30              { margin-bottom: 30px;}
    .mob-mb-20              { margin-bottom: 20px !important;}
    .mob-mb-0               { margin-bottom: 0;}
    .chapter-2-common-sec figure.mob-mb-0 { margin-bottom: 0;}
    .mob-mt-15              { margin-top: 15px;}
}
@media (min-width:1200px){
    .chapter-2-common-sec p { font-size: 16px;
        line-height: 26px;}

}

/******* Responsive CSS ******/