.fs_14{font-size: 14px;}
.fs_16{font-size: 16px;}
.fs_17{font-size: 17px;}
.fs_18{font-size: 18px;}
.fs_20{font-size: 20px;}
.fs_22{font-size: 22px;}
.fs_24{font-size: 24px;}
.fs_28{font-size: 28px;}
.fs_30{font-size: 30px;}
.fs_32{font-size: 32px;}
.fs_34{font-size: 34px;}
.fs_36{font-size: 36px;}
.fs_38{font-size: 38px;}
.fs_40{font-size: 40px;}
.fs_45{font-size: 45px;}
.fs_50{font-size: 50px;}
.text_just{text-align: justify;}
.text_right{text-align: right;}
.width_100{width: 100%;}
.opensan,*{font-family: 'Nunito Sans', sans-serif;}
.white{color: #fff;}
.red{color: #f15b5b;}
.red_bk{background: #f15b5b;}
.green{color:#78cbc3;}
.green_bk{background:#78cbc3;}
.blue{color: #253873;}
.blue_bk{background: #253873;}
.yellow{color: #f9c301;}
.yellow_bk{background: #f9c301;}
.yellow_bk1{background: #ffffdc;}
.gold_bk{background: #b58e5b;}
.fnt_wt{font-weight: bold;}
.gold{color: #b58e5b;}
.pos_rel{position: relative;}
.container-fluid {
    padding: 0 8%;
}
.red_bttn {
    margin-top: 4%;
}
a.link1.show1 {
    color: #fff;
    background: #f15b5b;
    padding: 15px;
    border-radius: 15px;
    text-decoration: none;
    font-weight: bold;
    margin: 0 auto;
}
.pad_top{padding-top:3%;}
.pad_bottom{padding-bottom:3%;}
.no_pad{padding: 0}
.desk_pillar_view{display: block;}
.mobile_pillar_view{display: none;}
.po_rel{position: relative;}

.banner_content {
    position: absolute;
    top: 15%;
    left: 7%;
    width: 50%;
}
.sec1 {
    background: url(../images/about_bk.png);
    position: relative;
    top: -142px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.red_content {
    padding: 20px;padding-bottom: 0;position: relative;
}
.red_content h3 span {
    padding: 5px 81px 5px 20px;
}
.red_content h3:before {
    content: "";
    background: url(../images/red_before.png);
    width: 161px;
    height: 35px;
    position: absolute;
    left: -137px;
    top: 13px;
}
section.sec2 {
    margin-top: -5%;
}
.arrow_content {
    padding: 30px 80px;
    background: #fff;
    border-radius: 15px;    margin: 0 8%;
}
.sec5_grad {
    background: linear-gradient(to bottom, #323A71 0%, #DA575E 100%);
    padding: 15px;
    color: #fff;    margin-top: 18px;
}
..grey_content {position: relative;}
.grey_content p {
    padding: 15px;
    padding-right: 20%;
    padding-left: 10%;
    min-height: 120px;
}
.grey_content p:before {
    content: "";
    position: absolute;
    background: url(../images/sec5-1.png);
    width: 138px;
    height: 94px;
    top: 10px;
    left: -100px;
}
.grey_content {
    position: relative;
    margin-left: 40px;
}

/*.col-md-6.grey_content p:after {
    content: "";
    position: absolute;
    background: url(../images/sec5-2.png);
    width: 64px;
    height: 100px;
    top: -11px;
    right: -19px;
}*/
.grey_content p:after {
    content: "";
    position: absolute;
    background: url(../images/sec5-4.png);
    width:90px;
    height: 140px;
    top: -11px;
    right: -19px;
}
.yellow_light_bk {
    background: #fffac5;
    padding: 20px;    margin-bottom: 15px;
}
.green_content span.red_bk {
    padding: 5px 20px;
    border-radius: 10px;
}
.green_content p{padding-left: 25px;padding-top: 10px;}
.green_content {
    padding-bottom: 15px;
}
.sec7 img {
    position: relative;
    bottom: -94px;
}
.sec8_content {
    padding-bottom: 15px;
    padding-left: 5%;
}
.sec8_content img {
    padding-bottom: 15px;
}
.sec9_content img {
    width: 70px;
    padding-bottom: 15px;
}
.sec9_content {
    
    
    padding: 15px;
}
.sec10_content {
    border-left: 2px solid #000;
}

.round:before {
    content: "";
    position: absolute;
    width: 91px;
    height: 51px;
    top: 5px;
    left: -99px;
}
.round1:before {background: url(../images/blue_round.png);}
.round2:before {background: url(../images/red_round.png);}
.round3:before {background: url(../images/green_round.png);}
.round4:before {background: url(../images/rose_round.png);}
.round5:before {background: url(../images/purple_round.png);}
.round {
    position: relative;
}
.sec11_content,.sec11_content1 {
    padding: 5% 25%;
    position: relative;
    margin-bottom: 5%;
    margin-top: 3%;
}
.sec11_content:before {
    content: "";
    position: absolute;
    background: url(../images/sec11.png);
    width: 1094px;
    height: 224px;
    top: 7px;
    right: 42px;
}
.sec11_content1:before {
    content: "";
    position: absolute;
    background: url(../images/sec11-1.png);
    width: 1094px;
    height: 224px;
    top: 7px;
    right: 42px;
}



.footer{background:#182c69}.footer ul{padding:0}
.footer ul li{float:left;padding:0 1%;border-right:1px solid #fff;line-height:12px}
.footer ul li:last-child{border:0 none!important}
.footer p,.footer ul li a{font-family:'Open Sans',sans-serif;font-weight:400;color:#fff;font-size:14px; text-decoration: none;} 
.footlogo img {  border-bottom: 1px solid #a27b47;  padding: 0 0 5px; margin: 0 0 10px;}
.foo_social h4 {  font-family: 'Open Sans',sans-serif;  color: #fff;  font-size: 13px;  text-transform: capitalize; }
.foo_social ul li { width: auto; list-style-type: none; border: 0 none!important; float: none!important; display: inline-block; text-align: center; }
.foo_blogs h4 { font-family: 'Open Sans',sans-serif; border-bottom: 1px solid #a27b47; padding: 0 0 0.5em; color: #fff; font-size: 14px; text-transform: capitalize; }
.foo_blogs p { line-height: 25px; }
.nfp_border { border-bottom: 1px solid #a27b47; line-height: 30px !important; }
.foo_links .bold {  font-family: 'Open Sans',sans-serif;  font-weight: 600;  color: #a27b47; font-size: 17px;  text-transform: uppercase; }
.foo_links ul {  float: left;  width: 100%;  padding: 0; margin: 0; }
.foo_links ul li { float: left; width: 100%; list-style-type: none;  margin: 8px 0;  border: 0 none!important; }
.ourpartners_footer {    margin: 1em 0;  border-bottom: 1px solid #b68d5a; }    
.ourpartners_footer ul {    display: inline-block;  text-align: center;  background: #fff;   padding: 1px;  border-radius: 5px; }
.ourpartners_footer li { border: 0px none !important;  text-align: center;  margin: 0 auto; padding: 0 !important;  float: none !important;  display: inline-block; }
.parterns_logos h2 {  color: #fff;    font-size: 20px; }
.parterns_in li img {  height: 105px;  width: auto; }
.footer ul li {   float: left;  padding: 0 1%;  border-right: 1px solid #fff;  line-height: 12px; }
.parterns_in li {  border: 0px none !important;  text-align: center;  margin: 0 auto;  float: none !important;  display: inline-block; }
.banner.pad_sec_top {
    padding-top: 8%;
}
.desktop_heads {
    background: #253873;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    z-index: 999;
}
.head_logo {  float: left; }
.head_menu { float: right; }
.header ul {  width: 100%;  padding: 0; margin: 1.5em 0 0 0; list-style-type: none; }
.header ul li {  display: inline-block;  text-align: center; margin: 0 10px; }
.header ul li a {  color: #fff !important;   text-decoration: none;   font-family: 'Open Sans', sans-serif;   font-size: 16px; font-weight : normal; }
#main_nav li a.active , #main_nav li a:hover{  color: #d85052; }

.heads_hopes p a, .footer_hopes p {
    color: #fff;
    text-decoration: none;
        margin: 1% 0 0 0;
}

.heads_hopes p, .footer_hopes p {
    padding: 10px 0;     margin: 0 auto;
}

.heads_hopes, .footer_hopes {
    border-bottom: 4px solid rgb(185, 151, 91);
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(181, 142, 91) 5%, rgb(146, 115, 74) 50%, rgb(181, 142, 91) 95%) repeat scroll 0% 0%;
    margin : 0 auto;
}
.utm_btn {
    text-decoration: none;
    color: #000;
}
.breadcrumb1 {
    padding-left: 8%;
    padding-bottom: 2%;
    padding-top: 2%;
}
.breadcrumb-item.active {
    color: #253873;
    font-weight: bold;
}
li.breadcrumb-item a {
    color: #6B7280;
    font-weight: bold;
    text-decoration: none;
}
.utm_btn {
    text-decoration: none;
    color: #000;
}
.span_pad {
    padding: 10px 3%;
    border-radius: 15px;
}
section.sec18 {
    background: #e4f3fd;
}
.final_thoughts{margin-top: 5%;border-radius: 15px;}
@media screen and (max-width: 1367px) {

    
}
@media screen and (max-width: 767px) {
.arrow_content {
    padding: 30px 15px;
    background: #fff;
    border-radius: 15px;
    margin: 0 0%;
}
.grey_content p:before,.grey_content p:after,.sec11_content:before{display: none;}
  .grey_content {
    position: relative;
    margin-left: 0;
}  
.green_content.red_bk span {
    background: #ff000000;
    text-align: center;
    width: 100%;
    padding: 0;
}
.green_content p {
    padding-left: 0;
    padding-top: 10px;
}
.sec7 img {
    position: relative;
    bottom: -22px;
}
.sec8_content {
    padding-left: 0;
}

.round:before {
  
    width: 36px;
  
    top: 0px;
    left: -19px;
}
.round {
    position: relative;
    padding-left: 8%;
}
.sec10_content p {
    padding-left: 8%;
}
.sec11_content {
    padding: 5% 5%;
   
}
.banner_content {
    position: static;
    top: 15%;
    left: 7%;
    width: 100%;
    padding: 22px;
}
.desk_pillar_view {
    display: none;
}
.mobile_pillar_view {
    display: block;
}
.sec1 {
    top: -30px;
   
    background-position: top center;
}
    .foo_links .bold { float: left; text-align: center; width: 100%; }
.footer ul li:last-child { padding-bottom: 4em !important; }
.footer ul li { float: none!important; display: inline-block;}
.footer, .footer p, .footer ul li {  text-align: center; } 

.footer ul li {  float: none!important;  display: inline-block; }

.header {  position: fixed;  z-index: 9999; height : 90px; width: 100%;}

.desktop_heads .containers {  padding: 0;   margin: 0;  width: 100%; }

.head_view {  float: left;  padding: 0 2%;  width: 96%; }

.head_logo {  text-align: left;  width: 75%; }

.mobile_menus {  float: right;  width: 20%;  margin: 1em 0 0 0;  cursor: pointer;  height: 60px; }

.mobile_menus span {  float: right;  width: 50px;  height: 3px;  background: #fff;  padding: 0px;   margin: 5px; text-align: center; clear : both; }

.mobile_menus_close {  float: right;  width: 20%;  margin: -1em 0 0 0;  cursor: pointer; }

.mobile_menus_close span {  float: right; width: auto;   padding: 0px;   margin: 5px;  text-align: center;   color: #fff;   font-size: 60px; font-weight: normal; }

#all_menus {  float: left;  background: #253873;  width: 100%;  padding: 0;  margin: 0;  position: absolute;   z-index: 9999;   left: 0;  top: 75px; }

#all_menus ul {   width: 100%;  padding: 0;}

#all_menus ul li {  width: 100%;  padding: 10px 0; }

.head_menu {   display: none; }

.content_overview  {     margin-top: 95px; }

.show_desktop { display : none; }
.show_mobile { display : block !important; }

}
@media (max-width:767px){

    section.newbanner.pb-4 {
    padding-top: 93px;
}
 
}

    @media (max-width:480px)
{
    .fs_36 {
    font-size: 20px;
}
}