*{ padding: 0;margin: 0;}
@font-face {font-family: Guardian Sans;src: url("../fonts/GuardianSansMedium.ttf");}
body{ text-align: justify;  line-height: 30px; color: #000;font-size: 15px; letter-spacing: 1px; margin-bottom: 0px; 
font-family: "Raleway", sans-serif;
 }
span{ }
h1,h2,h3,h4,h5,h5,h6{ color: #000; line-height:1.3;letter-spacing:1.3px;   font-family: "Outfit", sans-serif;  }
p{text-align: justify;  line-height: 30px; color: #000;font-size: 15px; letter-spacing: 1px; margin-bottom:10px;  }
a{text-decoration:none; color: #000;font-size: 15px;  letter-spacing: 1px;}
.clear_all{clear:both;}
button:focus, input:focus, textarea:focus,a:focus {outline: 0;}
/*topmenu*/
.top_menu{width:100%; padding:6px 0px;position:relative;z-index:12;     background-color: #ececec; font-family: "Outfit", sans-serif; } 
.top_menu_right,.scl-right{width:100%; position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.top_menu_right ul{margin:0px;text-align:left;}
.top_menu_right ul li{list-style:none;display:inline-block;margin-right:35px; position:relative;padding-left:30px;}
.top_menu_right ul li a{text-decoration:none;     color: #000;font-weight: 500;font-size:14px;transition:.2s;}
.top_menu_right ul li a:hover{color:#eee;}
.top_menu_right ul li a i{position:absolute;top:5px;left:10px; color:#fff;font-size:21px;  }
.top_menu_right ul li a span{display:block;color: #fff;font-size:14px; font-weight: 400;} 
.top_menu_right ul li img{position:absolute;top:3px;left:0px;width:25px;height:auto; }
.tpright{width:100%; position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.tpright ul{margin:0px;text-align:right;}
.tpright ul li{list-style:none;display:inline-block;margin-right:5px; position:relative;padding-left:30px;}
.tpright ul li a{text-decoration:none;     color: #fff;font-weight: 500;font-size:14px;transition:.2s;}
.tpright ul li img{position:absolute;top:2px;left:0px;width:25px;height:auto;filter: brightness(0) invert(1);}
.scl-right{width:100%; position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding: 0px 0px;}
 .scl-right ul{margin:0px 0px;text-align:right;padding-top:0px;}
 .scl-right ul li{list-style:none;text-align:center;display:inline-block; margin:0px 5px; }
 .scl-right ul li a{text-decoration:none;  font-size:17px;font-weight: 700;background: #ffffff;text-align: center;height:30px;width:30px;line-height:30px;
display: inline-block;  transition:.2s; border-radius: 100px;}
.scl-right ul li a:hover{background:#eee;}
.scl-right ul li:nth-child(1) a{color:#4b68b0;}
.scl-right ul li:nth-child(2) a{color:#d82e53;}
.scl-right ul li:nth-child(3) a{color:#0579b6;}
.scl-right ul li:nth-child(4) a{color:#e93f3a;}  
.top_menu::before {content: "";top:0px;right:0px;position: absolute;z-index: -1;width: 15%;height: 100%;
background-color:#030164;-webkit-clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%, 10% 0%);
    clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%, 10% 0%);}
/*header*/
.header{width: 100%;position:relative;z-index:1234; padding:2px 0px;  background:#fff; }
.mlogo{width:100%;}
.mlogo img{width:100%;height:auto;    max-width: 250px;    }
 .main_menu{width:100%;   position: relative;top:0px;z-index: 12; }
.main_menu #nav {width: 100%;  }
.main_menu #nav > a {display: none;}
.main_menu #nav li {position: relative;}
.main_menu #nav li a {color: #fff;display: block;}
.main_menu #nav > ul {margin: 0px 0px; text-align: center;padding:3px 20px;border-top:0px solid #F5F5F6;
list-style: none; }
.main_menu #nav > ul > li {display:inline-block;padding:1px 25px;position:relative;}
.main_menu #nav > ul > li > a {text-decoration:none;font-size: 15px;font-weight:500;color:#000;position:relative;text-transform: capitalize; }
.main_menu #nav > ul > li:not( :last-child ) > a {/*border-right: 1px solid #cc470d;*/}
.sub-menu{position:relative;}
.main_menu #nav > ul > li:hover > a  {color: #000;}
/*.main_menu ul li ul:before { content: ''; height: 0; left: 10px; position: absolute; top: -10px; width: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ccc; }*/
/* second level */
.main_menu #nav li ul {background-color: #fff;  box-shadow: 0 5px 20px 0 rgb(0 0 0 / 25%); transition:.3s;transition: 0.2s 1s;
display: none;position: absolute;  z-index: 12;width: 250px; padding: 10px 10px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 8%); border-radius: 4px;}
.main_menu #nav li:hover ul {display: block; animation-name: fadeInUp;transition-delay: 0s;animation-duration: .4s; }
li#nav li ul  {position:relative;}
li#nav li ul:after {width: 0;height: 0;border: 0.313em solid transparent; /* 5 */border-bottom: none;border-top-color: #000;content: '';vertical-align: middle;
display: inline-block;position: relative;right: -6px; /* 5 */}
.main_menu #nav li:not( :first-child ):hover ul {left: 0;text-align: left;}
.main_menu #nav li ul li{     list-style: none; padding: 5px;border-bottom: 0px solid #ccc;display: block;}
.main_menu #nav li ul li:last-child a{background:transparent;color:#231101;padding: 0px; }
.main_menu #nav li ul li:last-child{padding-right:0px;}
.main_menu #nav li ul a {text-decoration:none; font-size: 15px;font-weight:400; color: #1d2331;}
.main_menu #nav li ul li a:hover,.main_menu #nav li ul:not( :hover ) li.active a {background-color: #fff;color:#000;}
@media only screen and ( max-width: 62.5em ) /* 1000 */ {
.main_menu #nav {width: 100%;position: static;margin: 0;}}
@media only screen and ( max-width: 40em ) /* 640 */ {
.main_menu #nav {position: relative;top: auto;left: auto;}
.main_menu #nav > a {text-align: left;text-indent: -9999px;background-color: #6a7bff;position: relative;}
.main_menu #nav > a:before,.main_menu #nav > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
.main_menu #nav > a:after {top: 60%;}
.main_menu #nav:not( :target ) > a:first-of-type,.main_menu #nav:target > a:last-of-type {display: block;}
/* first level */
.main_menu #nav > ul {height: auto;display: none;position: absolute;left: 0;right: 0;}
.main_menu #nav:target > ul {display: block;}
.main_menu #nav > ul > li {width: 100%;float: none;}
.main_menu #nav > ul > li > a {height: auto;text-align: left;padding: 0 0.833em; /* 20 (24) */}
.main_menu #nav > ul > li:not( :last-child ) > a {border-right: none;border-bottom: 1px solid #cc470d;}
/* second level */
.main_menu #nav li ul {position: static;padding: 1.25em; /* 20 */padding-top: 0;}}
.mlogo2{display:block;}
.mlogo2 img{width:100%;height:auto; }

 
/*main_menu2*/
.main_menu2{display:none;padding:0px 6px;width: 100%;  }
.logo2 img{width:100%;height:auto; }
.logo3{padding:5px 10px;}
.logo3 img{width:100%;height:auto; }
.menu-button img{width:20px;}
.swipe-nav__inner img{width:20px;}
.main_menu2 .menu-button {display: inline-block;position: absolute;z-index: 1; top: 12px;
right:20px; border: 3px solid #0297f5;background: #0297f5;font-size: 1.5em;line-height: 1.5;width: auto;
text-align: center;border-radius: 0;padding: 1px 10px;}
.main_menu2 .swipe-nav { position: fixed;  z-index: 2; top:0; right: 0; bottom:initial;
left: 0; visibility: hidden; transition: visibility 0.2s ease;}
.main_menu2 .swipe-nav__overlay {  cursor: default; display: block; position: absolute;  top: 0; right: 0;  bottom: 0; left: 0; transition: opacity 0.2s ease;
transform: translateZ(0);  opacity: 0; background: rgba(0, 0, 0, 0.5); will-change: opacity;}
.main_menu2 .swipe-nav__panel { position: absolute;top: 0; bottom: 0; left: 0; width: 300px;height: 100vh; margin: 0 0; transition: 0.2s ease-out;
transition-property: transform; transform: translate3d(-100%, 0, 0); background-color: #fff; will-change: transform; }
.main_menu2 .swipe-nav__scroller { height: 100%; overflow-y: auto; overflow-x: hidden;}
.main_menu2 .js .swipe-nav__panel:after { position: fixed; top: 0; bottom: 0; left: 100%; visibility: visible; width: 1em; content: "";}
.main_menu2 .swipe-nav__inner { position: relative; min-height: 100%; padding-bottom: 0; border-top: 0 solid #eaeaea;padding: 20px 10px;}
.main_menu2 .swipe-nav__inner .menu-button {  top: -60px;right: 10px;}
.main_menu2 .swipe-nav--open,
.main_menu2 .no-js .swipe-nav:target {visibility: visible;}
.main_menu2 .swipe-nav--open .swipe-nav__overlay,
.main_menu2 .no-js .swipe-nav:target .swipe-nav__overlay {opacity: 1;}
.main_menu2 .swipe-nav--open .swipe-nav__panel,
.main_menu2 .no-js .swipe-nav:target .swipe-nav__panel { transform: translate3d(0, 0, 0);}
.main_menu2 nav{position:relative;width:100%;margin:0 auto;height: 100%;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1.4;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{  }
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:14px;font-size:15px; text-decoration:none;color:#1d2331;text-transform: capitalize;  }
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#000;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:transparent!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:140px;font-size:15px;text-decoration:none;color:#ddd; text-transform: capitalize;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#ccc}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#fff;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
@media screen and (max-width:1000px){
.main_menu2 .logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.main_menu2 .logo{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;text-align: left; }
#cssmenu ul li{width:100%;border-top:0px solid #00b2d6;border-bottom: 1px solid #efefef;}
#cssmenu ul li:hover{background:#fff;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:20px}
#cssmenu ul ul li{background:transparent!important;}
#cssmenu ul ul li:hover{background:#fff!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#1d2331;background:none; }
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#00b2d6}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#000;font-size:12px;font-weight:700}
.main_menu2 .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.main_menu2 .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.main_menu2 .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#000;content:''}
.main_menu2 .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.main_menu2 .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top: 2px;display:block; border: 3px solid #030164;height:46px;width:46px;
cursor:pointer;background:#030164; }
#cssmenu .submenu-button.submenu-opened{background:#030164;}
#cssmenu ul ul .submenu-button{height:35px;width:35px;top: 1px;}
#cssmenu .submenu-button:after{position:absolute; top: 20px;
        right: 15px;width:8px;height:2px;display:block;background:#0297f5;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff;}
#cssmenu .submenu-button:before{position:absolute; top: 17px;
        right: 18px;display:block;width:2px;height:8px;background:#0297f5;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
.main_menu2 .swipe-nav--open .menu-button{background:#fff !important;border:none;}
.logo3 .m-logo { padding-left:  0px;padding-top:10px;}
.logo3{width:100%;padding:0px 10px; border-radius: 10px;text-align:left; }
.newlogo{padding-top:25px;}
.newlogo img{width:100%; height:auto;max-width:300px;  }
.logo3 img{width:100%;max-width:220px;     }
.mlogo2 img{width:100%; height:auto;       max-width: 200px;}
.logo22 img{width:100%; height:auto;    max-width: initial;}
.main_menu .logo22{position:relative;z-index:123; float:left;width:20%;margin-right: 30px; display: none;}
.main_menu .logo22 a{color:#6DDB07;}
.main_menu nav{position:relative;width:100%;margin:0 auto;}
.main_menu #cssmenu2,.main_menu #cssmenu2 ul,.main_menu #cssmenu2 ul li,.main_menu #cssmenu2 ul li a,.main_menu #cssmenu2 #head-mobile2{border:0;
list-style:none; display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.main_menu #cssmenu2:after,.main_menu #cssmenu2 > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.main_menu #cssmenu2 #head-mobile2{display:none}
.main_menu #cssmenu2 ul{     text-align: left;    padding-right: 0px;position: relative;}
.main_menu #cssmenu2 > ul > li{display:inline-block;}
.main_menu #cssmenu2 > ul > li:last-child {
 border:1px solid #030164;float:right;background: #030164;
    border-radius: 25px;
}
.main_menu #cssmenu2 > ul > li:last-child a i {
    margin-left: 6px;
    color: #0297f5;
    border-radius: 100px;
    font-size: 25px; 
    position: relative;
    top: 3px;
}
.main_menu #cssmenu2 > ul > li:last-child:hover{background: transparent;}
.main_menu #cssmenu2 > ul > li:last-child a{color:#fff;}
.main_menu #cssmenu2 > ul > li > a:hover  {color:#0297f5;}
.main_menu #cssmenu2 > ul{margin:0px;}
.main_menu #cssmenu2 > ul > li > a{padding:6px 12px;font-size:15px; font-weight:500;color:#000;
text-transform:uppercase;letter-spacing:1px;text-decoration:none; }
.main_menu #cssmenu2 > ul > li:hover > a,.main_menu #cssmenu2 ul li.active a{color:#0297f5;}
.main_menu #cssmenu2 > ul > li:hover,.main_menu #cssmenu2 ul li.active:hover,.main_menu #cssmenu2 ul li.active,.main_menu #cssmenu2 ul li.has-sub.active:hover{color:#000 ;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
.main_menu #cssmenu2 > ul > li.has-sub > a{padding-right:17px}
.main_menu #cssmenu2 > ul > li.has-sub > a:before{position:absolute;top:8px;right:0px;display:block;  
content: "\eab2";color: #0297f5;font-family: "Icofont";webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.main_menu #cssmenu2 > ul > li.has-sub:hover > a:before{ }
.main_menu #cssmenu2 ul ul{position:absolute;left:-9999px;     padding-right: 0px;   top: 100%;display: block !important;    background: #fff;   
  border: 0px solid #0297f5;text-align: left;   z-index: 9; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);}
.main_menu #cssmenu2 ul ul li{height:auto;display: inline-table;-webkit-transition:all .25s ease;-ms-transition:all .25s ease; 
transition:all .25s ease;
padding:2px 10px;}
.main_menu #cssmenu2 ul ul li:hover{}
.main_menu #cssmenu2 li:hover > ul{left:auto}
.main_menu #cssmenu2 li:hover > ul > li{height:35px}
.main_menu #cssmenu2 ul ul ul{margin-left:100%;top:0}
.main_menu #cssmenu2 ul ul li a{ width:240px; 
font-size:15px;color:#000;text-transform:uppercase;     
text-decoration:none;color:#000;font-weight:500;}
.main_menu #cssmenu2 ul ul li:last-child > a,.main_menu #cssmenu2 ul ul li.last-item > a{border-bottom:0}
.main_menu #cssmenu2 ul ul li:hover > a,.main_menu #cssmenu2 ul ul li a:hover{color:#0297f5}
.main_menu #cssmenu2 ul ul li.has-sub > a:before{position:absolute;top:13px;right:25px;display:block;width:2px;height:8px; 
-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;
content: "\eab2";color: #0297f5;font-family: "Icofont";transition:.3s;}
.main_menu #cssmenu2 ul ul > li.has-sub:hover > a:before{ transform:rotate(-94deg);top:20px; right:25px;}
.main_menu #cssmenu2 ul ul li.has-sub:hover,.main_menu #cssmenu2 ul li.has-sub ul li.has-sub ul li:hover{ }
.main_menu #cssmenu2 ul ul ul li.active a{border-left:1px solid #333}
.main_menu #cssmenu2 > ul > li.has-sub > ul > li.active > a,.main_menu #cssmenu2 > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
@media screen and (max-width:1000px){
.main_menu .logo22{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.main_menu .logo2{display:none}
.main_menu nav{width:100%;}
.main_menu #cssmenu2{width:100%}
.main_menu #cssmenu2 ul{width:100%;display:none}
.main_menu #cssmenu2 ul li{width:100%;border-top:1px solid #444}
.main_menu #cssmenu2 ul li:hover{background:#363636;}
.main_menu #cssmenu2 ul ul li,.main_menu #cssmenu2 li:hover > ul > li{height:auto}
.main_menu #cssmenu2 ul li a,#cssmenu2 ul ul li a{width:100%;border-bottom:0}
.main_menu #cssmenu2 > ul > li{float:none}
.main_menu #cssmenu2 ul ul li a{padding-left:25px}
.main_menu #cssmenu2 ul ul li{background:#333!important;}
.main_menu #cssmenu2 ul ul li:hover{background:#363636!important}
.main_menu #cssmenu2 ul ul ul li a{padding-left:35px}
.main_menu #cssmenu2 ul ul li a{color:#ddd;background:none}
.main_menu #cssmenu2 ul ul li:hover > a,#cssmenu2 ul ul li.active > a{color:#fff}
.main_menu #cssmenu2 ul ul,.main_menu #cssmenu2 ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
.main_menu #cssmenu2 > ul > li.has-sub > a:after,.main_menu #cssmenu2 > ul > li.has-sub > a:before,.main_menu #cssmenu2 ul ul > li.has-sub > a:after,.main_menu #cssmenu2 ul ul > li.has-sub > a:before{display:none}
.main_menu #cssmenu2 #head-mobile2{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.main_menu .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.main_menu .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.main_menu .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.main_menu .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.main_menu .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.main_menu #cssmenu2 .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
.main_menu #cssmenu2 .submenu-button.submenu-opened{background:#262626}
.main_menu #cssmenu2 ul ul .submenu-button{height:34px;width:34px}
.main_menu #cssmenu2 .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
.main_menu #cssmenu2 ul ul .submenu-button:after{top:15px;right:13px}
.main_menu #cssmenu2 .submenu-button.submenu-opened:after{background:#fff}
.main_menu #cssmenu2 .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
.main_menu #cssmenu2 ul ul .submenu-button:before{top:12px;right:16px}
.main_menu #cssmenu2 .submenu-button.submenu-opened:before{display:none}
.main_menu #cssmenu2 ul ul ul li.active a{border-left:none}
.main_menu #cssmenu2 > ul > li.has-sub > ul > li.active > a,.main_menu #cssmenu2 > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
.mlogo,.main_menu {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}	
/*sliders*/ 
.sliders{width:100%;position:relative;height:80vh;overflow:hidden; } 
 .sliders video {display: block;width: 100%;height: 80vh;object-fit:cover;}
.sliders video::-webkit-media-controls {display: none;}
.slider video{    outline: none !important;width: 100%;height: 80vh;object-fit:cover;
    margin-bottom: -1px;clip-path: fill-box !important;border-radius: 0px !important;}
.sliders:after{      background: #000;
    opacity: 35%; width:100%;height:100%; top:0px;left:0px; content:'';position:absolute;}	
.sliderscaption{ width:70%;margin:auto 15%;  position: absolute;top: 50%;padding:0px 50px;transform: translateY(-50%); z-index:12;}	
.sliderscaption h3{background-color: #ffffff1a;backdrop-filter: blur(30px);position: relative;display: inline-block;font-size: 14px;
    font-weight: 500;text-transform: capitalize;line-height: normal;
    color:#fff;border-radius: 100px;padding: 8px 16px 8px 30px;margin-bottom: 25px;}
.sliderscaption h1{color:#fff;font-size:90px;font-weight:300;  text-align:center; 
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);}
			 
			
.sliderscaption p{color:#fff;font-size:19px;text-align:center;}			 


/*about*/
.about{width:100%;position:relative;padding:60px 0px; overflow:hidden;}
.sec_title{width:100%;position:relative;z-index:12;margin-bottom:45px;}
.sec_title h2{position:relative;padding-right:45px;text-transform:uppercase;font-weight:700;}
 
.aboutr{width:100%;position:relative;padding-left:60px;} 
.aboutr img{width:100%;height:auto; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 12%);
    border-radius: 5px;}
.dots {position: absolute;z-index:-1;left: -1%;bottom: -5%;width: 70%;height: 57.2%;background: url(../images/dots.png) 0 0 repeat;}
.about-home-left {position: relative;z-index: 1;padding: 30px;margin-bottom: 30px;border: 20px solid #adc91c;}
/*quality*/
.quality{width:100%; position:relative;padding:80px 0px;background:#f6f6f6; }
.qualitybx{padding:30px 12px 10px 12px;transition:.3s;    box-shadow: 0 10px 30px 0 rgba(50, 50, 50, .16); background:#fff;border-radius:15px;}
.qualitybx:hover{background:#030164;}
.qualitybx img{width:65px;margin-bottom: 25px;padding-bottom: 10px; }
.qualitybx h3{min-height:70px;border-top: 2px solid #000;padding-top:20px;font-size: 17px;line-height: 1.3;margin-bottom:0px;}
.quality .sec_title {text-align:center;}
 
.qualitybx:hover h3{ color:#fff;border-top: 2px solid #fff;}
.qualitybx{margin-bottom:20px;}
/*explorebx*/
.explore{width:100%;position:relative;padding:80px 0px; overflow:hidden;}
.explorebx{width:100%;position:relative;margin-bottom:0px;overflow: hidden;border-radius:15px;}
.explorebx img{width:100%;height:400px;object-fit:cover;transition: 0.4s ease;}
.explorebx:after{content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;background: #030164d4;left:0px;top:0px;}
.explorebx2{width:100%;position:relative;}
.explorebx2:after{content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;background: #030164d4;left:0px;top:0px;}
.explorebxcapt{  position: absolute;
    top: 50%;
    transform: translateY(-50%);padding:20px;left:0px;right:0px;z-index:1;text-align:center;}
.explorebxcapt h3,.explorebxcapt h2,.explorebxcapt h1,.explorebxcapt h6{color:#fff;}
.explorebxcapt p{color:#fff;margin-bottom:0px;text-align:center;}
.explorebx:hover img {transform: rotate(0deg) scale(1.1);}
.explorebxcapt h6{margin-bottom:20px;}
.explorebxcapt a{ display:inline-block;margin-top:20px;  background:#0297f5;padding:6px 17px; color: #fff;border-radius:25px;text-decoration:none;transition:.3s;}
.explorebxcapt a:hover{background:#fff;color: #0297f5;}
/*mmpecialities*/
.mmpecialities{width:100%;position:relative;padding:70px 0px;overflow:hidden;background:#f6f6f6; }
.mmpecialities .sec_title {text-align:center;}
 
.industrybx{width:100%;position:relative;z-index:12;padding:0px;border-radius:30px;box-shadow: 0 9px 13px rgba(13,38,76,.2);margin-bottom:35px;
text-align:center;    background: #fff9f9;}
.industrybx img { width: 100%;height:200px;object-fit:cover;border-radius:30px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; }
.industrybx a{text-decoration:none;}
.industrybx h3{ font-size:18px;margin:0px 0px; padding:20px 4px 0px 4px;    min-height:80px;}
.industrybx{text-align:center;}
/*activities*/
.activities{width:100%;position:relative;padding:80px 0px; overflow:hidden; background: #030164;
background-image: url(../images/dark-section-bg-image.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.actdate p{position:absolute;top:15px;right:15px;background: #030164;color:#fff;padding:2px 5px;margin:0px;border-radius:25px;font-size:12px;}
.activities .sec_title h2 {text-align:center; color:#fff;}
.activitiesbx{width:100%;position:relative;padding:6px;border-radius:10px;margin-bottom:15px;background:#fff;}
.activitiesbx img{width:100%;height:240px;object-fit:cover;border-radius:10px;}
.activitiesbx a{text-decoration:none;}
.activitiesbx h3{font-size:18px;margin:30px 0px;margin-bottom:15px;padding:0px 20px;padding-bottom:20px;border-bottom:1px solid #ccc; text-align:left;min-height:90px;}
.activitiesbx i{background:#030164;color:#fff;width:30px;height:30px;border-radius:100%;line-height:30px;    display: inline-block;text-align:center;margin-left:5px;
position:relative;top:-2px;}
.activitiesbx h6{font-size:12px;margin:0px 0px;padding: 10px 20px;  text-transform:uppercase;text-align:right;}
.btn-primary{background:#fff;color:#030164;border:1px solid #fff;border-radius:50px;padding:14px 45px;font-size:18px;font-weight:600;}
.btn-primary:hover{background:#030164;background:#030164; border:1px solid #fff;}
.allbtnss{text-align:center;margin-top:45px; }

/*packages2*/ 
.packages2{width:100%;position:relative;padding:80px 0px;overflow:hidden; }
.packages2 .sec_title h2 {text-align:center;}
 
.packages2bx{width:100%;position:relative;padding:5px;overflow:hidden;margin-bottom:20px;box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);background:#fff;
border-radius:5px;    text-align: center;}
.packages2bximg img{width:100%;height:250px;object-fit:cover;}
.packages2bxc{padding:15px 10px;}
.packages2bxc h3{font-size:18px;min-height:60px;}
.packages2bxc p{color:#737373;font-size:14px;margin:15px 0px;text-align: center;}
.packages2bxc span{color:#333;display:block;margin:10px 0px;}
.packages2bxc h5{padding: 7px 5px 7px 25px;border: 1px solid #030164;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;
align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-weight: 700; 
font-size: 15px;border-radius: 30px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.packages2bxc h5 i {background-color:#030164;color: #fff; width: 36px;height: 36px;border-radius: 50%;
    font-size: 13px;margin-left: 25px;display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transition: all 0.3s;
	transition: all 0.3s;}
.packages2bx a{text-decoration:none;}

.packages2 .btn-primary{background:#030164;color:#fff;border:1px solid #030164;border-radius:50px;padding:14px 45px;font-size:18px;font-weight:600;}
.packages2 .btn-primary:hover{background:#fff;color:#030164; border:1px solid #030164;}
.packages2 .allbtnss{text-align:center;margin-top:45px; }

/*qbg*/
 .qbg{width:100%; position:relative;overflow:hidden;padding:160px 0px;text-align:center;    background-image: url(../images/volunteer.jpg);
    background-position: center;background-repeat: no-repeat;background-size: cover;}
.qbg:before {position: absolute;    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);left: 0;
    top: 0;width: 100%;height: 100%;
    content: '';background: #24102fab;}	
.qbg .sectitle h2{color:#fff;font-weight:700;margin:0px;}	
.qbg .sectitle h2 span{color:#fff;font-weight:300;}	
.qbg .sectitle{text-align:center;margin:0px;}
.qbg a{display:inline-block;margin-top:30px;padding:12px 44px;border:2px solid #0297f5;background:#0297f5;
border-radius:100px;color:#fff;font-weight:700;text-decoration:none;transition:.3s;}
.qbg a:hover{background:transparent;color:#0297f5;}
.qbg p{color:#fff;text-align:center;margin:15px 0px;}
/*footer*/
.footer{width: 100%;position: relative;padding: 80px 0px 20px 0px;
    overflow: hidden;background: #030164;background-image: url(../images/dark-section-bg-image.png);
    background-repeat: no-repeat;background-position: top center;background-size: cover;}
.footer .logo{font-size:42px;color:#fff;margin-right:12px;}
.brand{display:flex;align-items:center;margin-bottom:20px;}
.brand h2{margin:0;font-weight:700;}
.footer p{color:#fff;line-height:1.9;}
.footer h4{font-size:28px;margin-bottom:25px;font-weight:300;color:#fff;}
.footer ul{list-style:none;padding:0;}
.footer ul li{margin-bottom:16px;}
.footer ul li:before{content:"•";color:#fff;margin-right:10px;}
.footer a{color:#fff;   text-decoration:none;}
.footer a:hover{color:#fff;}
.location{display:flex;}
.location i{   color:#fff;   font-size:28px;   margin-right:15px;}
.social a{width:48px;height:48px;
    border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin-right:10px;color:#fff;}
.social a:hover{background:#0297f5;    color:#fff;}
.divider{border-top:1px solid rgba(255,255,255,.12);  margin:40px 0;}
.subscribe input{height:60px;border:none;background:#1c504b;color:#fff;}
.subscribe .btn{height:60px;background:#0297f5;  color:#043c37;    font-weight:700;}
.info-box{display:flex;align-items:center;margin-bottom:20px;}
.info-icon{width:64px;height:64px;border-radius:50%;background:#0297f5;color:#fff;display:flex;align-items:center;justify-content:center;
font-size:28px;margin-right:18px;}
.copy{text-align:center;margin-top:20px;   color:#fff;}
@media(max-width:767px){
.footer{padding:50px 0 20px;text-align:center;}
.brand,.location,.info-box{justify-content:center;}
.location i,.info-icon{margin-right:10px;}
.social{margin-top:15px;        text-align: left;}
.footer h4{margin-top:30px;}
}
.copyrights p{text-align:center;margin:0px;font-size:11px;color: #fff;}
.copyrights a{text-decoration:none;color:#fff;font-size:11px;}
.copyrights img {width: 30px;height: 30px;object-fit: contain;}
.info-box h5{color:#fff;}

/*mcontact*/
 .mcontact{width:100%;position:relative; overflow:hidden;padding:70px 0px; }
 .mcontactr ul{margin:0px;position: relative;display: block;list-style: none;}
 .mcontactr ul li{list-style:none;position: relative;display: flex;
    align-items: center;gap: 30px;margin-bottom: 30px;background-color: #030164;box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);border-radius: 20px;
	padding: 30px 30px 30px;padding-left:80px;}
.mcontactr ul li img{position:absolute;top:25px;left:15px;width:45px;}	
.mcontactr ul li p{text-align:left;color:#fff;}
.mcontactr ul li p a{text-decoration:none;color:#fff;}
.map iframe{width:100%;height:450px;border-radius:30px;}
.main_contact_message h3{text-align:center;margin:0px 0px 25px 0px;}
.main_contact_message input{width:100%;padding:15px 15px;border:1px solid #fff;background:#efefef;margin-bottom:15px; border-radius: 20px;}
.main_contact_message textarea{height:100px;width:100%;resize:none;padding:15px 15px;background:#efefef;border:1px solid #fff;margin-bottom:15px; 
border-radius: 20px;}
.main_contact_message_btn{text-align:center;}
.main_contact_message_btn p{text-align:center;}
.main_contact_message_btn input[type=submit]{width:auto;border:2px solid #030164;background:#030164;color:#fff;padding:15px 30px;transition:.3s;border-radius: 20px;}	
.main_contact_message_btn input[type=submit]:hover{color:#030164;border:2px solid #030164;background:transparent;}

.main_contact_message {background:#fff;border-radius:15px; box-shadow: 0 5px 6px 1px rgb(0 0 0 / 20%);padding:30px;
    background: #fff;}
.gmap{margin-top:30px;}	
.gmap iframe{width:100%;height:350px;}	
.mcontacti{margin-top:30px;}
.nbmcontactl h2{text-transform:capitalize;}
.nbmcontactl h2{text-align:center;font-size:32px;}
.gmap{margin-top:30px;}	
.gmap iframe{width:100%;height:350px;}		
.footer_bx h3{text-transform:capitalize;}

/*page_title*/
.page_title{width:100%;position:relative;   text-align:center;  }
.page_title:before { position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;content: '';background:#030164db;}
.page_title img{width:100%;height:200px;object-fit:cover;object-position:bottom;} 
.page_title h2{font-size:36px; width:auto;  color:#fff; text-transform:uppercase;position: absolute;
 bottom:20px;text-align: center;left:0%;right: 0px;margin: 0; z-index:123;  text-align:center; }	
 .nbmcontactl h2{text-align:left;font-size:32px;}
 .pagination-wrapper{text-align:center;    margin-top:40px;}
.pagination-wrapper button{display:inline-block;min-width:40px;height:40px;margin:0 5px;border:none;background:#f2f2f2;color:#333;
    cursor:pointer;border-radius:4px;transition:.3s;     margin-bottom: 5px;}
.pagination-wrapper button:hover{   background:#007bff;  color:#fff;}
.pagination-wrapper button.active{background:#007bff;    color:#fff;}
.pagination-wrapper button:disabled{opacity:.5;   cursor:not-allowed;}
/*about*/
.mmabout{width:100%;position:relative;padding:70px 0px; overflow:hidden;}
.mmabout-one__shape-box-1 {position: absolute;top: 0;left: 0;height: 100%;width: 40%;background-color: #f9f4e8;z-index: -1;}
.mmabout-one__shape-1 {position: absolute;background-image: url(../images/about-one-shape-1.png);top: 0;left: 0;right: 0;bottom: 0;background-repeat: no-repeat;
background-position: center;mix-blend-mode: luminosity;opacity: .15;}
.mmaboutl{width:100%;position:relative;}
.mmabout-one__img-border {position: absolute;top: -30px;left: -30px;height: 600px;width: 100%;border: 6px solid #f68712;
    border-bottom-left-radius: 300px;border-bottom-right-radius: 300px;}
.mmabout-one__shape-2 {position: absolute;top: 280px;left: -120px;}
.mmabout-one__shape-2 img {width: auto;}
.mmaboutl2 img{ width: 100%;height:550px; object-fit:cover;border-top-right-radius: 100px;border-bottom-left-radius: 335px;border-bottom-right-radius: 335px;}
.mmaboutr h2{text-align:left;text-transform:uppercase;font-size:32px;margin-bottom:25px;} 
.mmaboutr{padding-left:30px;}
.mmaboutr ul{margin: 0px 0px; padding:10px 10px;}
.mmaboutr ul li{ text-align: justify;  line-height: 30px; color: #000;font-size: 15px; letter-spacing: 1px; margin-bottom:10px;
display:block;position:relative;padding-left:20px;}
.mmaboutr ul li:after{content:'\ec77';position:absolute;left:0px;top:0px;font-size:8px;color:#030164;font-family: "Icofont";}
.mmaboutiii{margin-top:30px;}
.main_contact_message select{width:100%;padding:15px 15px;border:1px solid #fff;background:#efefef;margin-bottom:15px; border-radius: 20px;}
.mmprojects{background:#fff;}
.mmprojects .activitiesbx{box-shadow: 0 9px 13px rgba(13, 38, 76, .2);
    margin-bottom: 25px; background: #fff;}
/*mmp*/	
.mmp{width:100%;position:relative;padding:70px 0px; overflow:hidden;}

.hero{background:linear-gradient(135deg,#030164,#030164);color:#fff;padding:70px 0}
.hero h1{font-size:40px;font-weight:700;color:#fff;text-align:left;}
.hero h5{ color:#efefef;margin-bottom:25px;}
.hero p{ color:#fff;}
.btn-orange{background:#0297f5;color:#fff;padding:12px 28px;border-radius:30px}
.btn-orange:hover{background:#e57d00;color:#fff}
.section-title{text-align:center;font-weight:700;color:#030164;margin-bottom:40px;position:relative}
.section-title:after{content:"";width:80px;height:3px;background:#0297f5;display:block;margin:12px auto}
.card-box{background:#fff;border-radius:12px;padding:30px;box-shadow:0 10px 25px rgba(0,0,0,.08);height:100%;transition:.3s}
.card-box:hover{transform:translateY(-6px)}
.icon-circle{width:70px;height:70px;border-radius:50%;background:#eef5ff;color:#030164;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px}
.table thead{background:#0b6cb8;color:#fff}
.contact-card{background:#030164;color:#fff;border-radius:12px;padding:35px}
.contact-card p{margin-bottom:12px}
.cta{background:#0297f5;color:#fff;border-radius:15px;padding:30px}
.footer-space{height:40px}

 .contact-card h3,.contact-card p{color:#fff;}
 
 .section{
    padding:60px 0;
}
.heading{
    text-align:center;
    margin-bottom:50px;
}
.heading h2{
    color:#0b3d91;
    font-weight:700;
}
.heading p{
    color:#666;
    margin-bottom:10px;
}
.line{
    width:70px;
    height:3px;
    background:#0b8ef1;
    margin:0 auto;
}
.about-box{
    background:#fff;
    padding:35px;
    border-radius:8px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    height:100%;
}
.about-box p{
    line-height:32px;
}
.about-img img{
    width:100%;
    border-radius:8px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}
.services{
    margin-top:35px;
}
.services h4,
.contact h4{
    color:#0b3d91;
    font-weight:600;
    margin-bottom:20px;
}
.services ul{
    list-style:none;
    padding:0;
}
.services li{
    display:inline-block;
    background:#eef6ff;
    color:#0b3d91;
    padding:10px 18px;
    border-radius:30px;
    margin:5px;
}
.contact{
    margin-top:40px;
}
.contact-card{
    
    border-radius:8px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    padding:25px;
    height:100%;
}
.contact-card p{
    margin-bottom:18px;
}
.contact-card i{
    color:#fff;
    width:25px;
}
@media(max-width:991px){
.about-img{margin-top:30px;}
}

.heading p{text-align:center;}

.mainaboutus{
   width:100%;position:relative;padding:70px 0px; overflow:hidden;
}

.mainaboutus .heading{
    text-align:center;
    margin-bottom:50px;
}

.mainaboutus .heading h2{
    font-size:40px;
    font-weight:700;
    color:#0a3b8e;
    margin-bottom:10px;
}

.mainaboutus .heading p{
    color:#777;
    font-size:18px;
}

.mainaboutus .line{
    width:80px;
    height:4px;
    background:#0a7be8;
    margin:20px auto 0;
}

.mainaboutus .aboutcontent{
    background:#fff;
    padding:40px;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    height:100%;
}

.mainaboutus .aboutcontent p{
    margin-bottom:25px;
    text-align:justify;
}

.mainaboutus .aboutcontent strong{
    color:#000;
}

.mainaboutus .aboutimage img{
    width:100%;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.mainaboutus .highlight{
    background:#0a3b8e;
    color:#fff;
    padding:30px;
    border-radius:8px;
    margin-top:40px;
}

.mainaboutus .highlight h3{
    margin-bottom:15px;
    font-size:28px;
}

.mainaboutus .objectives{
    background:#fff;
    margin-top:40px;
    padding:40px;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.mainaboutus .objectives h3{
    color:#0a3b8e;
    margin-bottom:25px;
    font-weight:700;
}

.mainaboutus .objectives ul{
    padding-left:20px;
    margin:0;
}

.mainaboutus .objectives li{
    margin-bottom:18px;
}

@media(max-width:991px){

.mainaboutus .aboutimage{
    margin-top:30px;
}

.mainaboutus{
    padding:50px 0;
}

.mainaboutus .heading h2{
    font-size:30px;
}

}

.highlight p{color:#fff;}

/*mblog*/
.mblog {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 70px 0px;
}
.blog_bx {
    width: 100%;
    position: relative;
    background: #100f0f;
    margin-bottom: 20px;
    box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 8%);
    border-radius: 5px;
    background: #f6f6f6;
    border: 1px solid #030164;
}

.blog_bx_img {
    overflow: hidden;
}

.blog_bx_img img {
    width: 100%;
    height: 260px;
    border-radius: 10px;
    transition-duration: 0.5s;
    object-fit: cover;
}

.blog_caption {
    padding: 25px 10px;
}

.blog_caption h5 {
    color: #7e7e8a;
    font-size: 14px;
}
.blog_caption h3 {text-align:left;}
.blog_caption h3 a {
    text-decoration: none;text-align:left;
    font-size: 18px;
}

.blog_caption h6 i {
    margin-right: 5px;
}

.blog_caption p {
    color: #000;
    text-align: left;
}

.blog_caption h6 {
    color: #7e7e8a;
    margin: 5px 0px;
    font-size: 14px;
}

.blog-date-shape {
    position: absolute;
    z-index: -1;
    right: -1px;
    top: 0;
}

.blog-date-shape img {
    max-width: 100%;
}

.blog-date i {
    display: block;
    font-size: 20px;
    text-align: center;
    color: #fff;
}

.blog-date span {
    font-size: 20px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    display: inline-block;
    margin-top: 3px;
}

.blog-date p {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    margin: 0px;
    color: #fff;
    line-height: 1;
}

.main_blog img {
    width: 100%;
    height: auto;
}

.team{
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 70px 0px;
}

.team .heading{
    text-align:center;
    margin-bottom:60px;
}

.team .heading h2{
    font-size:42px;
    color:#0b3d91;
    font-weight:700;
}

.team .heading p{
    color:#666;
    font-size:18px;
}

.team .line{
    width:80px;
    height:4px;
    background:#ff9201;
    margin:18px auto 0;
}

.team .teambox{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
    margin-bottom:30px;
    
}

.team .teambox:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.team .teamimg{
    overflow:hidden;
}

.team .teamimg img{
    width:100%;
    transition:.5s;    height: auto;
    object-fit: cover;
}

.team .teambox:hover .teamimg img{
    transform:scale(1.05);
}

.team .teamcontent{
    padding:15px;min-height: 150px;
    text-align:center;
}

.team .teamcontent h3{
       font-size: 21px;
    color:#030164;
    margin-bottom:0px; text-align:center;
}

.team .teamcontent h4{
    font-size:15px; text-align:center;
    color:#111;
    margin-bottom:0px;
    font-weight:600;
}

.team .teamcontent p{
    margin-bottom:0px; text-align:center;
    color:#666;
}

.team .teamcontent a{
    color:#ff9201;
    text-decoration:none;
    font-weight:600;
}

.team .teamcontent a:hover{
    color:#0b3d91;
}

@media(max-width:991px){

.team{
padding:50px 0;
}

.team .heading h2{
font-size:32px;
}

}
.allpagecssin{margin-top:30px;}
.allpagecss{}
.allpagecss h2{font-size:27px; text-align:left;margin:20px 0px;}
.allpagecss h3,.allpagecss h4,.allpagecss h5{font-size:20px;margin:15px 0px;}
.allpagecss ol{margin:10px 0px;}
.allpagecss ol li {position: relative;padding-left: 15px;margin-bottom: 10px;list-style:none;display:block;
text-align: left;  line-height: 30px; color: #616161;font-size: 14px; letter-spacing: 1px;  text-align: justify;  line-height: 30px; color: #000;font-size: 16px; 
letter-spacing: 1px; margin-bottom:8px;}    
.allpagecss ol li:after {content: "\ec77";color: #000!important;font-family: "Icofont";font-size: 6px;left: 0px;top: 0px;position: absolute;}
.allpagecss ul{margin:10px 0px;}
.allpagecss ul li {position: relative;padding-left: 15px;margin-bottom: 10px;list-style:none;display:block;
text-align: left;  line-height: 30px; color: #616161;font-size: 14px; letter-spacing: 1px;  text-align: justify;  line-height: 30px; color: #000;font-size: 16px; 
letter-spacing: 1px; margin-bottom:8px;}    
.allpagecss ul li:after {content: "\ec77";color: #000!important;font-family: "Icofont";font-size: 6px;left: 0px;top: 0px;position: absolute;}


/*main_blog*/
.main_blog{width:100%;position:relative;padding:70px 0px;}
.main_blog img{width:100%;height:auto;margin:15px 0px;}
.main_blog_bx ul{margin:10px 0px;}
.main_blog_bx ul li {position: relative;padding-left: 15px;margin-bottom: 10px;list-style:none;display:block;
text-align: left;  line-height: 30px; color: #616161;font-size: 14px; letter-spacing: 1px;  
}    
.main_blog_bx ul li:after {content: "\ec77";color: #000!important;font-family: "Icofont";font-size: 6px;left: 0px;top: 0px;position: absolute;}
.mgalpjct{position:relative;margin-bottom:20px;padding:5px; border-radius:10px;   box-shadow: 0 10px 30px 0 rgba(50, 50, 50, .16); background: #f6f6f6;}
.mgalpjct img{width:100%;height:200px;object-fit:cover;margin:0px; border-radius:10px;}
.main_blog_right h3{ color:#fff;padding:15px;margin-bottom:0px;   background: #030164;}
.main_blog_right ul{ box-shadow: 0 10px 30px 0 rgba(50, 50, 50, .16);margin:0px 0px 10px 0px;padding:10px;}
.main_blog_right ul li{list-style:none;position: relative;padding-left: 15px;margin-bottom: 10px;list-style:none;display:block; text-align:left;}
.main_blog_right ul li:after {content: "\ec77";color: #000!important;font-family: "Icofont";font-size: 6px;left: 0px;top: 0px;position: absolute;}

.blog_caption h3{text-align:left;font-size:14px;}
.blog_bx a{text-decoration:none;}
.allpagecss2 img{width:100%;height:auto;max-width:400px;margin:auto;}

.footer ul li,.footer p {
     
    text-align: left;
}

#pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:40px;
}

#pagination button{
    width:42px;
    height:42px;
    border:none;
    background:#f2f2f2;
    cursor:pointer;
    border-radius:4px;
    transition:.3s;
}

#pagination button:hover{
    background:#0b3d91;
    color:#fff;
}

#pagination button.active{
    background:#0b3d91;
    color:#fff;
}

#pagination button:disabled{
    opacity:.5;
    cursor:not-allowed;
}

#pagination .dots{
    padding:0 10px;
    font-weight:bold;
    color:#666;
}

.copyrights p,.card-box p{text-align:center;}
.donation-section{
    padding:80px 0;
    background:#f7f9fc;
}

.donation-title{
    font-size:38px;
    font-weight:700;
    color:#0b3d91;
}

.donation-subtitle{
    color:#666;
    font-size:17px;
    max-width:700px;
    margin:15px auto 0;
    line-height:28px;
}

.donation-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.donation-image{
    text-align:center;
    padding:50px;
    border-right:1px solid #ececec;
}

.donation-image img{
    max-width:100%;
}

.donation-content{
    padding:50px;
}

.donation-content h3{
    margin-bottom:25px;
    font-size:28px;
    font-weight:700;
    color:#0b3d91;
}

.donation-table{
    width:100%;
}

.donation-table tr{
    border-bottom:1px solid #eee;
}

.donation-table th{
    width:180px;
    padding:14px 0;
    color:#222;
    font-weight:600;
}

.donation-table td{
    padding:14px 0;
    color:#666;
}

.donation-contact{
    margin-top:30px;
    padding:20px;
    background:#f5f7fb;
    border-left:4px solid #0b3d91;
}

.donation-contact p{
    margin:10px 0 0;
    line-height:28px;
}

.donation-btn{
    margin-top:30px;
    background:#0b3d91;
    color:#fff;
    padding:12px 35px;
    border-radius:30px;
    font-weight:600;
}

.donation-btn:hover{
    color:#fff;
    background:#082d6b;
}

@media(max-width:991px){

    .donation-image{
        border-right:0;
        border-bottom:1px solid #eee;
    }

    .donation-content{
        padding:35px;
    }

}

@media(max-width:767px){

    .donation-title{
        font-size:30px;
    }

    .donation-content{
        padding:25px;
    }

    .donation-table th,
    .donation-table td{
        display:block;
        width:100%;
        padding:8px 0;
    }

}


p.donation-subtitle{text-align:center;}
.icon-circleimg img{width:100%;height:200px;object-fit:cover;margin-bottom:20px; border-radius:15px;}